项目编号和内部编号选项远程搜索

zhongnanhuang
1 parent 2084655f
Showing 4 changed files with 61 additions and 19 deletions
src/api/project/order.ts
src/views/project/order/index.vue
src/views/project/order/tableData.tsx
vite.config.ts
@@ -10,6 +10,7 @@ enum Api {
   UPDATE = '/order/erp/order/edit',
   ORDER = '/order/erp/order/list_by_page',
   FIELD_AUTH = '/order/erp/order/field_unlock_apply',
+  QUERY_PROJECT_NO_AND_INNER_NO = '/order/erp/order/queryProjectNoAndInnerNo', //查询项目号和内部编号
   EXPORT = '/order/erp/order/export',
   UPLOAD = '/api/localStorage/uploadOss',
  
@@ -56,6 +57,11 @@ export const orderCreate = async (data: any) =&gt; {
   return res;
 };
  
+export const queryProjectNoAndInnerNo = async (data: any) => {
+  const res = await defHttp.post<any>({ url: Api.QUERY_PROJECT_NO_AND_INNER_NO, data });
+  return res;
+};
+
 export const getOrderOptLog = async (data: any) => {
   return defHttp.post<any>({ url: Api.OPT_LOG, data });
 };
@@ -77,6 +83,30 @@ export const orderAnalysis = async (data: any) =&gt; {
   return res;
 };
  
+/**
+ * 查询编号选项
+ * @param noType 是项目编号还是内部编号
+ * @param value keyword
+ * @returns select的选项
+ */
+export const queryNoOptions = async (noType: any, value: any) => {
+  let options = [];
+  let res;
+  if (noType === 'projectNo') {
+    res = await queryProjectNoAndInnerNo({ projectNo: value });
+    options = res.map((item: any) => {
+      return { label: item.projectNo, value: item.projectNo };
+    });
+  } else {
+    res = await queryProjectNoAndInnerNo({ innerNo: value });
+    options = res.map((item: any) => {
+      return { label: item.innerNo, value: item.innerNo };
+    });
+  }
+
+  return options;
+};
+
 export const orderGravity = async (data: any) => {
   data = formatSearchData(data);
  
@@ -55,16 +55,16 @@
                       label: '历史记录',
                       onClick: handleHistory.bind(null, record),
                     },
-                    // {
-                    //   ...(role === ROLE.ADMIN && {
-                    //     label: '删除',
-                    //     popConfirm: {
-                    //       title: '是否确认删除',
-                    //       placement: 'left',
-                    //       confirm: handleDelete.bind(null, record?.id),
-                    //     },
-                    //   }),
-                    // },
+                    {
+                      ...(role === ROLE.ADMIN && {
+                        label: '删除',
+                        popConfirm: {
+                          title: '是否确认删除',
+                          placement: 'left',
+                          confirm: handleDelete.bind(null, record?.id),
+                        },
+                      }),
+                    },
                   ]
                 : []
             "
@@ -286,7 +286,7 @@
         reload();
       };
  
-      // function handleDelete(id: string) {}
+      function handleDelete(id: string) {}
  
       return {
         user,
@@ -318,7 +318,7 @@
         handleFormSuccess,
         handleRateModal,
         openExportModal,
-        // handleDelete,
+        handleDelete,
         role,
         ROLE,
       };
+import { ref } from 'vue';
 import { ROLE } from './type.d';
+import { queryNoOptions } from '/@/api/project/order';
 import { useOrderInfo } from '/@/hooks/component/order';
 import { useOrderStoreWithOut } from '/@/store/modules/order';
 import { formatToDate } from '/@/utils/dateUtil';
@@ -8,12 +10,15 @@ import { formatToDate } from &#39;/@/utils/dateUtil&#39;;
 // 跟单员- 查看利润分析（单价和总金额），跟单，质检，编辑
 // 质检员- 查看跟单，质检，编辑质检
  
+const innerNoOptions = ref([]);
+const projectNoOptions = ref([]);
+
 // 可选择的列
 export const SELECT_FIELD_COLUMNS = [
-  // 'projectNo',
+  'projectNo',
   'customerCode',
   'productionDepartment',
-  // 'innerNo',
+  'innerNo',
   'poColor',
   'cnColor',
   'productStyle',
@@ -1237,9 +1242,12 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
-          options: projectNo,
+          options: projectNoOptions,
           showSearch: true,
-          // mode: 'multiple',
+          mode: 'multiple',
+          onSearch: async (value: any) => {
+            projectNoOptions.value = await queryNoOptions('projectNo', value);
+          },
         },
       },
       {
@@ -1252,9 +1260,12 @@ export function getFormConfig(): Partial&lt;FormProps&gt; {
         labelWidth: 150,
  
         componentProps: {
-          options: innerNo,
+          options: innerNoOptions,
           showSearch: true,
-          // mode: 'multiple',
+          mode: 'multiple',
+          onSearch: async (value: any) => {
+            innerNoOptions.value = await queryNoOptions('innerNo', value);
+          },
         },
       },
       {
@@ -20,7 +20,8 @@ export default defineApplicationConfig({
     server: {
       proxy: {
         '/basic-api/order': {
-          target: 'http://39.108.227.113:8000',
+          target: 'http://localhost:8000',
+          // target: 'http://39.108.227.113:8000',
           // target: 'http://39.108.227.113:3000/mock/35',
           // http://39.108.227.113:8000/order/erp/captcha/get_img_captcha_code
           changeOrigin: true,