Bladeren bron

组件封装

lifanagju_citu 3 weken geleden
bovenliggende
commit
46f3d53bd4

+ 0 - 17
components/selector/index.vue

@@ -1,17 +0,0 @@
-<template>
-  <view>
-    <multipleSelector v-if="multiple"></multipleSelector>
-    <singleSelector v-else></singleSelector>
-  </view>
-</template>
-
-<script setup>
-import singleSelector from './components/single'
-import multipleSelector from './components/multiple'
-const props = defineProps({
-  multiple: Boolean
-})
-
-</script>
-<style lang="scss" scoped>
-</style>

+ 0 - 0
components/selector/components/multiple.vue → components/selector/multipleSelector.vue


+ 5 - 2
components/selector/components/single.vue → components/selector/singleSelector.vue

@@ -116,13 +116,16 @@ const props = defineProps({
   
   // 功能开关
   multiple: Boolean,
-  formInput: Boolean, // 表单右侧输入框
   filter: Boolean, // 可检索
   clearable: Boolean,
   readonly: Boolean,
   hideChildren: Boolean, // 不展示子级
   footer: Boolean, // 显示底部按钮
-  
+  // 表单右侧输入框
+  formInput: {
+    type: Boolean,
+    default: true
+  },
   // 搜索相关
   searchPlaceholder: {
     type: String,

+ 5 - 5
layout/components/authModal/selectUserType/studentInfoForm.vue

@@ -44,12 +44,12 @@
           <uni-data-picker v-model="formData.majorId" :localdata="selects?.major" :clear-icon="false" popup-title="请选择所学专业" @change="getSelectData(2)" :map="{ text: 'nameCn', value: 'id' }"></uni-data-picker>
         </uni-forms-item>
         <uni-forms-item name="schoolClassId" label="所在班级">
-          <searchComBox ref="schoolClassIdRef" v-model="formData.schoolClassId" :candidates="classList" itemTextName='schoolClassName' itemValueName='schoolClassId' labelKey='name' valueKey='id' placeholder="请选择所在班级"></searchComBox>
+          <searchCombox ref="schoolClassIdRef" v-model="formData.schoolClassId" :candidates="classList" itemTextName='schoolClassName' itemValueName='schoolClassId' labelKey='name' valueKey='id' placeholder="请选择所在班级"></searchCombox>
           <!-- <singleSelector 
             v-model="formData.schoolClassId"
             ref="schoolClassIdRef" 
-            formInput
             filter
+            input
             :clearable="true"
             :items="classList" 
             itemTextName='schoolClassName' 
@@ -58,7 +58,7 @@
             itemValue='id' 
             label='所在班级' 
             placeholder="请选择所在班级"
-          ><span>123</span></singleSelector> -->
+          ></singleSelector> -->
         </uni-forms-item>
         <uni-forms-item name="studentNo" label="学号">
           <uni-easyinput placeholder="请填写学号" v-model="formData.studentNo" :inputBorder="false" type="text"></uni-easyinput>
@@ -92,8 +92,8 @@ import { showAuthModal } from '@/hooks/useModal'
 import { userStore } from '@/store/user'; const useUserStore = userStore()
 import { uploadFile } from '@/api/file'
 import { getSchoolList, getDepartmentListBySchoolId, getMajorList } from '@/api/student'
-import searchComBox from '@/components/searchCombox'
-// import singleSelector from '@/components/singleSelector'
+import searchCombox from '@/components/searchCombox'
+// import singleSelector from '@/components/selector/singleSelector.vue'
 
 const baseInfoRef = ref()
 const formData = ref({ // 必填项目