优化工序远程搜索

mes-ui/mes-ui-admin-vue3/src/views/biz/hlvuestyle/procedureSelect.vue

@@ -1,10 +1,47 @@
 <template>
   <!-- 工序选择 -->
-  <el-select v-model="valueName" v-if="status1==false" placeholder="请输入工序" :remote-method="remoteMethod" remote-show-suffix remote clearable reserve-keyword filterable :loading="Loading" @change="onSelectChange" @visible-change="onVisibleChange">
-    <el-option v-for="item in procedureSelectList" :key="item.id" :label="item.name" :value="item.id" />
+  <el-select
+    v-model="valueName"
+    v-if="status1 == false"
+    placeholder="请输入工序"
+    :remote-method="remoteMethod"
+    remote-show-suffix
+    remote
+    clearable
+    reserve-keyword
+    filterable
+    :loading="Loading"
+    @change="onSelectChange"
+    @visible-change="onVisibleChange"
+  >
+    <el-option
+      v-for="item in procedureSelectList"
+      :key="item.id"
+      :label="item.name"
+      :value="item.id"
+    />
   </el-select>
-   <el-select v-model="valueName" v-else style="text-decoration: line-through" placeholder="请输入工序" :remote-method="remoteMethod" remote-show-suffix remote clearable reserve-keyword filterable :loading="Loading" @change="onSelectChange" @visible-change="onVisibleChange">
-    <el-option v-for="item in procedureSelectList" :key="item.id" :label="item.name" :value="item.id" />
+  <el-select
+    v-model="valueName"
+    v-else
+    style="text-decoration: line-through"
+    placeholder="请输入工序"
+    :remote-method="remoteMethod"
+    remote-show-suffix
+    remote
+    clearable
+    reserve-keyword
+    filterable
+    :loading="Loading"
+    @change="onSelectChange"
+    @visible-change="onVisibleChange"
+  >
+    <el-option
+      v-for="item in procedureSelectList"
+      :key="item.id"
+      :label="item.name"
+      :value="item.id"
+    />
   </el-select>
 </template>
 
@@ -56,7 +93,8 @@ const getlist = async () => {
   if (propsmodelValue.value) {
     valueName.value = Number(propsmodelValue.value)
     const initialUser = await ProcedureApi.getProcedure(valueName.value)
-      if (initialUser.status == 2) {
+
+    if (initialUser.status == 2) {
       status1.value = true
     } else {
       status1.value = false
@@ -107,9 +145,11 @@ onMounted(async () => {
 })
 watch(valueName, (newValue: any) => {
   if (newValue) {
-    onSelectChange(newValue)
     procedureList.value = []
     getlist()
+    setTimeout(() => {
+      onSelectChange(newValue)
+    }, 200)
   }
 })
 
@@ -119,7 +159,7 @@ const onVisibleChange = (isVisible: boolean) => {
     queryParams.name = undefined
     procedureList.value = []
     procedureSelectList.value = []
-    } else {
+  } else {
     getlist()
   }
 }