停机记录新增，设备管理查询条件完善

jeecgboot-vue3/src/views/xslmes/mesXslSparePart/MesXslSparePartList.vue

@@ -1,6 +1,26 @@
 <template>
   <div>
     <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #form-sparePartsCategoryPicker="{ model, field }">
+        <MesSearchPickerInput
+          :model="model"
+          :field="field"
+          placeholder="请选择备品件类别"
+          :show-clear="!!model.sparePartsCategoryId"
+          @open="openCategorySelect"
+          @clear="clearModelFields(model, ['sparePartsCategoryId', 'sparePartsCategoryName'])"
+        />
+      </template>
+      <template #form-unitPicker="{ model, field }">
+        <MesSearchPickerInput
+          :model="model"
+          :field="field"
+          placeholder="请选择单位"
+          :show-clear="!!model.unitId"
+          @open="openUnitSelect"
+          @clear="clearModelFields(model, ['unitId', 'unitName'])"
+        />
+      </template>
       <template #tableTitle>
         <a-button type="primary" v-auth="'mes:mes_xsl_spare_part:add'" @click="handleAdd" preIcon="ant-design:plus-outlined">
           新增
@@ -46,6 +66,8 @@
       </template>
     </BasicTable>
     <MesXslSparePartModal @register="registerModal" @success="handleSuccess" />
+    <MesXslSparePartsCategorySelectModal @register="registerCategoryModal" @select="onCategorySelect" />
+    <MesXslUnitSelectModal @register="registerUnitModal" @select="onUnitSelect" />
   </div>
 </template>
 
@@ -54,11 +76,22 @@
   import { useModal } from '/@/components/Modal';
   import { useListPage } from '/@/hooks/system/useListPage';
   import Icon from '/@/components/Icon';
+  import MesSearchPickerInput from '../components/MesSearchPickerInput.vue';
   import MesXslSparePartModal from './components/MesXslSparePartModal.vue';
+  import MesXslSparePartsCategorySelectModal from '/@/views/xslmes/mesXslSparePartsCategory/components/MesXslSparePartsCategorySelectModal.vue';
+  import MesXslUnitSelectModal from '/@/views/xslmes/mesXslVehicle/components/MesXslUnitSelectModal.vue';
+  import { clearModelFields, createStripIdNameBeforeFetch } from '../utils/mesSearchPickerUtil';
   import { columns, searchFormSchema } from './MesXslSparePart.data';
   import { list, deleteOne, batchDelete, getExportUrl, getImportUrl } from './MesXslSparePart.api';
 
+  const SEARCH_ID_NAME_PAIRS = [
+    { idField: 'sparePartsCategoryId', nameField: 'sparePartsCategoryName' },
+    { idField: 'unitId', nameField: 'unitName' },
+  ];
+
   const [registerModal, { openModal }] = useModal();
+  const [registerCategoryModal, { openModal: openCategoryModal }] = useModal();
+  const [registerUnitModal, { openModal: openUnitModal }] = useModal();
 
   const { tableContext, onExportXls, onImportXls } = useListPage({
     tableProps: {
@@ -66,6 +99,7 @@
       api: list,
       columns,
       canResize: true,
+      beforeFetch: createStripIdNameBeforeFetch(SEARCH_ID_NAME_PAIRS),
       formConfig: {
         schemas: searchFormSchema,
         labelWidth: 110,
@@ -87,7 +121,31 @@
     },
   });
 
-  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+  const [registerTable, { reload, getForm }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function openCategorySelect() {
+    const v = getForm()?.getFieldsValue?.() || {};
+    openCategoryModal(true, { sparePartsCategoryId: v.sparePartsCategoryId });
+  }
+
+  function onCategorySelect(payload: Recordable) {
+    getForm()?.setFieldsValue?.({
+      sparePartsCategoryId: payload.sparePartsCategoryId || '',
+      sparePartsCategoryName: payload.sparePartsCategoryName || '',
+    });
+  }
+
+  function openUnitSelect() {
+    const v = getForm()?.getFieldsValue?.() || {};
+    openUnitModal(true, { unitId: v.unitId });
+  }
+
+  function onUnitSelect(payload: Recordable) {
+    getForm()?.setFieldsValue?.({
+      unitId: payload.unitId || '',
+      unitName: payload.unitName || '',
+    });
+  }
 
   function handleAdd() {
     openModal(true, { isUpdate: false, showFooter: true });