采购入库异常-筛选条件修改

src/views/inventiry/purInAbnormal/purInAbnormalForm.api.ts

@@ -10,7 +10,10 @@ enum Api {
   queryDataById = '/storeCode/storePurchaseIn/queryById',
   purInFormShipList = '/storeCode/storePurchaseIn/queryStorePurchaseInShipByMainId',
   stockInFormProductList = '/storeCode/storePurchaseIn/queryStorePurchaseInDetailsByMainId',
-  Processed='/storeCode/storePurchaseIn/hasDeal'
+  Processed='/storeCode/storePurchaseIn/hasDeal',
+  supplierList='/cuspCode/cuspSupplierProfile/list',
+  classList='baseCode/baseProductClass/list',
+  projectList='/baseCode/baseProjectArchive/list'
 }
 /**
  * 导出api
@@ -51,4 +54,14 @@ export const ProcessedList = (params, handleSuccess) => {
       return defHttp.get({url: Api.Processed, params}, {joinParamsToUrl: true}).then(() => {
         handleSuccess();
       });
-}
+}
+//获取供应商列表
+export const supplierOption = (params) => defHttp.get({url: Api.supplierList, params});
+
+//获取项目下拉框列表
+export const ProjectOption = (params) => defHttp.get({ url: Api.projectList, params });
+/**
+ * 分类列表接口
+ * @param params
+ */
+export const ClassList = (params) => defHttp.get({url: Api.classList, params});

src/views/inventiry/purInAbnormal/purInAbnormalList.vue

@@ -20,19 +20,46 @@
               <a-col :lg="8">
                 <a-form-item name="project">
                   <template #label><span title="项目(project)">项目(project)</span></template>
-                  <a-input v-model:value="queryParam.project" placeholder="请选择"/>
+                  <ApiSelect
+                    :api="ProjectOption"
+                    showSearch
+                    v-model:value="queryParam.project"
+                    :filterOption="false"
+                    resultField="records"
+                    labelField="name"
+                    valueField="id"
+                    :params='{pageSize:-1}'
+                  />
                 </a-form-item>
               </a-col>
               <a-col :lg="8">
-                <a-form-item name="supplierName">
-                  <template #label><span title="供应商(supplierName)">供应商(supplierName)</span></template>
-                  <a-input placeholder="请输入供应商(supplierName)" v-model:value="queryParam.supplierName" allow-clear ></a-input>
+                <a-form-item name="supplier">
+                  <template #label><span title="供应商(supplier)">供应商(supplier)</span></template>
+                  <ApiSelect
+                    :api="supplierOption"
+                    showSearch
+                    v-model:value="queryParam.supplier"
+                    :filterOption="false"
+                    resultField="records"
+                    labelField="name"
+                    valueField="id"
+                    :params='{pageSize:-1}'
+                  />
                 </a-form-item>
               </a-col>
               <a-col :lg="8">
                 <a-form-item name="productionClass" >
                   <template #label><span title="产品分类(production class)">产品分类(production class)</span></template>
-                  <JSelectInput   v-model:value="queryParam.productionClass"  placeholder="请选择" :options="classOption" style="width: 100%;"></JSelectInput>
+                  <ApiSelect
+                      :api="ClassList"
+                      showSearch
+                      v-model:value="queryParam.productionClass"
+                      :filterOption="false"
+                      resultField="records"
+                      labelField="name"
+                      valueField="id"
+                      :params='{pageSize:-1}'
+                    />
                 </a-form-item>
               </a-col>
               <a-col :lg="8">
@@ -44,19 +71,19 @@
               <a-col :lg="8">
                 <a-form-item name="maker">
                   <template #label><span title="厂家(maker)">厂家(maker)</span></template>
-                  <a-input placeholder="请输入厂家(maker)" v-model:value="queryParam.maker" allow-clear AutoComplete="off"></a-input>
+                  <JDictSelectTag v-model:value="queryParam.maker" placeholder="请选择" dictCode="factory"/>
                 </a-form-item>
               </a-col>            
               <a-col :lg="8">
                 <a-form-item name="warehouse">
                   <template #label><span title="仓库(warehouse)">仓库(warehouse)</span></template>
-                  <a-input placeholder="请输" v-model:value="queryParam.warehouse" allow-clear ></a-input>
+                  <JDictSelectTag v-model:value="queryParam.warehouse" placeholder="请选择" dictCode="warehouse"/>
                 </a-form-item>
               </a-col>
               <a-col :lg="8">
                 <a-form-item name="goodsAllocation">
                   <template #label><span title="货位(goods allocation)">货位(goods allocation)</span></template>
-                  <a-input placeholder="请输" v-model:value="queryParam.goodsAllocation" allow-clear ></a-input>
+                  <JDictSelectTag v-model:value="queryParam.goodsAllocation" placeholder="请选择" dictCode="goods_allocation"/>
                 </a-form-item>
               </a-col>
               <a-col :lg="8">
@@ -108,11 +135,9 @@
     import {useModal} from '/@/components/Modal';
     import purInAbnormalFormModal from './components/purInAbnormalFormModal.vue'
     import {columns} from './purInAbnormalForm.data';
-    import {list, getImportUrl,getExportUrl,ProcessedList} from './purInAbnormalForm.api';
+    import {list, getImportUrl,getExportUrl,ProcessedList,ProjectOption,supplierOption,ClassList} from './purInAbnormalForm.api';
     import { cloneDeep } from "lodash-es";
-    import { defHttp } from '/@/utils/http/axios';
-    import { JDictSelectTag} from '/@/components/Form';
-    import JSelectInput from '/@/components/Form/src/jeecg/components/JSelectInput.vue';
+    import { JDictSelectTag,ApiSelect} from '/@/components/Form';
     import { message } from 'ant-design-vue';
     const formRef = ref();
     const queryParam = reactive<any>({
@@ -120,7 +145,6 @@
     });
     //注册model
     const [registerModal, {openModal}] = useModal();
-    var classOption = ref([]);
      //注册table数据
     const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
         tableProps:{
@@ -153,33 +177,7 @@
       })
   
     const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
-  
-
-     // 自动请求并暴露内部方法
-     onMounted(() => {
-      getOptiom()
-    });
 
-    //  产品分类
-    function getOptiom(){
-          defHttp
-              .get({ url: 'baseCode/baseProductClass/list'}, { isTransformResponse: false })
-              .then((res) => {
-                  if (res.success) {
-                    classOption.value = []
-                    res.result.records.forEach(element => {
-                        var obj = {
-                          label: element.name?element.name:'无名称请维护',
-                          value: element.id?element.id:''
-                        };
-                        classOption.value.push( obj)
-                    });    
-                  }
-              })
-              .finally(() => {
-                  // loading.value = false;
-              });
-    }
      /**
       * 详情
      */
@@ -256,7 +254,6 @@
     function searchReset() {
       formRef.value.resetFields();
       selectedRowKeys.value = [];
-      queryParam.value.type='2'
       //刷新数据
       reload();
     }