Prechádzať zdrojové kódy

fix(选择框组件): 修复选择框组件报错

修复选择框组件报错,添加默认显示文本
wyoujia 1 rok pred
rodič
commit
4334b811eb

+ 1 - 0
admin.ui.plus-master/.env.development

@@ -4,3 +4,4 @@ ENV = 'development'
 # 本地环境接口地址
 VITE_API_URL = 'http://ipos.biz:8070'
 #VITE_API_URL = 'http://192.168.0.12:8000'
+

+ 5 - 3
admin.ui.plus-master/src/components/my-select-request/index.vue

@@ -1,5 +1,5 @@
 <template v-if="state.selectDto.length">
-  <el-select v-model="localSelect" @change="onChange">
+  <el-select v-model="localSelect" :placeholder="localTextPla" @change="onChange">
     <el-option v-for="item in state.selectDto" :key="item.id" :label="item.name" :value="item.value" />
   </el-select>
 </template>
@@ -17,10 +17,12 @@
   const props = defineProps({
     modelValue: Object as PropType<any | undefined | null>,
     code: String,
-    select: String
+    select: String,
+    textPla: String
   })
 
   const localSelect = ref(props.select)
+  const localTextPla = ref(props.textPla)
 
   const emits = defineEmits(['search'])
 
@@ -30,7 +32,7 @@
   })
 
   const onChange = () =>{
-    emits('search',state.select)
+    emits('search',localSelect)
   }
 
   /**

+ 5 - 5
admin.ui.plus-master/src/views/admin/product/index.vue

@@ -24,7 +24,7 @@
               </el-col>
               <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
                 <el-form-item label="部件类型">
-                  <MySelectRequest :select="props.select" :code="props.code" @search="search"/>
+                  <MySelectRequest :textPla="props.textPla" :select="props.select" :code="props.code" @search="search"/>
                 </el-form-item>
               </el-col>
               <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
@@ -130,14 +130,13 @@
   </div>
 </template>
 <script lang="ts" setup name="admin/Component">
-import { ref, reactive, onMounted, onBeforeMount} from 'vue'  //computed, getCurrentInstance
+import {ref, reactive, onMounted, onBeforeMount, defineAsyncComponent} from 'vue'  //computed, getCurrentInstance
 import { ComponentApi } from '/@/api/admin/productionManagement/Component'
 import dayjs from 'dayjs'
 import eventBus from '/@/utils/mitt'
 import {PageInputFileGetPageDto} from "/@/api/admin/productionManagement/ComopnentDto";
 import {ComponentGetPageOutPut} from "/@/api/admin/productionManagement/CommunalDto";
 import router from "/@/router";
-import {defineAsyncComponent} from "vue/dist/vue";
 //import { isImage } from '/@/utils/test'
 //import commonFunction from '/@/utils/commonFunction'
 
@@ -150,10 +149,11 @@ const MySelectRequest = defineAsyncComponent(() => import('/@/components/my-sele
  */
 const props = reactive({
   code:'componentType',
-  select:'1'
+  select:'',
+  textPla:'请选择部件类型'
 })
 const search = (val) => {
-  console.log(val)
+  bomModel.filterModel.bomType = val.value
 }