【优化】材质使用统一组件

mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/detail.vue

@@ -321,9 +321,7 @@
                     <template #header> <span class="hl-table_header">*</span>材质 </template>
                     <template #default="{ row, $index }">
                       <el-form-item :prop="`${$index}.compositionId`" :rules="subFormRules.compositionId" class="mb-0px!">
-                        <el-select v-model="row.compositionId" placeholder="请输入材质" :remote-method="remoteCompositionSearch" remote-show-suffix remote clearable reserve-keyword filterable :loading="compositionSelectLoading" :disabled="detailDisabled" :class="{ 'alter-class': fieldHasAlterInRow('compositionId', row) }">
-                          <el-option v-for="item in compositionSelectList" :key="item.id" :label="item.name" :value="item.id" />
-                        </el-select>
+                        <CompositionSelect v-model="row.compositionId" :disabled="detailDisabled" :class="{ 'alter-class': fieldHasAlterInRow('compositionId', row) }"/>
                       </el-form-item>
                     </template>
                   </el-table-column>
@@ -462,6 +460,7 @@ import download from '@/utils/download'
 import { useUserStore } from '@/store/modules/user'
 import { getUserProfile } from '@/api/system/user/profile'
 import { getOperateLogPage } from '@/api/system/operatelog'
+import CompositionSelect from "@/views/heli/hlvuestyle/compositionSelect.vue";
 
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -590,24 +589,6 @@ const remoteCustomerSearch = (query: string) => {
   }
 }
 
-const compositionList = ref<CompositionApi.CompositionVO[]>([])
-const compositionSelectList = ref<CompositionApi.CompositionVO[]>([])
-const compositionSelectLoading = ref(false)
-
-const remoteCompositionSearch = (query: string) => {
-  if (query) {
-    compositionSelectLoading.value = true
-    setTimeout(() => {
-      compositionSelectLoading.value = false
-      compositionSelectList.value = compositionList.value.filter((item) => {
-        return item.name.toLowerCase().includes(query.toLowerCase())
-      })
-    }, 200)
-  } else {
-    compositionSelectList.value = compositionList.value
-  }
-}
-
 /** 子表的表单 */
 const projectOrderSubFormRef = ref()