出库信息下发添加联动

src/api/inAndOut/formationFilling/out.ts

@@ -114,3 +114,22 @@ export function lookOutDataNew(id: string) {
     method: "get"
   });
 }
+
+//获取仓库下的物资信息
+export function materialsTree(data: any) {
+  return request({
+    url: `/admin/in/materials-tree`,
+    method: "get",
+    params: data
+  });
+}
+
+// 获取入库日期与单价
+export function getTimeAndUnitPriceForOutbound(data: any) {
+  return request({
+    url: "/admin/maintenance/getTimeAndUnitPriceForOutbound",
+    method: "post",
+    data
+  });
+}
+

src/views/InformationFilling/outIssue/detail.vue

@@ -65,6 +65,7 @@
                 size="small"
                 @change="(val:any) => getDeptName(val, scope.$index)"
                 :disabled="props.type == 'look'"
+                filterable
                 clearable
               >
                 <el-option
@@ -95,7 +96,7 @@
         <el-table-column prop="materialTree" label="物资名称" align="center" width="360">
           <template #default="scope">
             <el-form-item :prop="'tableData.' + scope.$index + '.materialTree'" :rules="rules.materialTree">
-              <el-cascader
+              <!-- <el-cascader
                 :disabled="props.type == 'look'"
                 clearable
                 filterable
@@ -105,7 +106,19 @@
                 :options="wzOptions"
                 :props="{ value: 'id', label: 'name' }"
                 style="width: 100%"
-                @change="handleChange"
+                @change="(val:any) => handleChange(val, scope.$index)"
+              ></el-cascader> -->
+              <el-cascader
+                :disabled="props.type == 'look'"
+                clearable
+                filterable
+                size="small"
+                v-model="scope.row.materialTree"
+                placeholder="请选择物资"
+                :options="scope.row.wzOptions"
+                :props="{ value: 'id', label: 'name' }"
+                style="width: 100%"
+                @change="(val:any) => handleChange(val, scope.$index)"
               ></el-cascader>
             </el-form-item>
           </template>
@@ -170,7 +183,21 @@
         <el-table-column prop="inboundTime" label="入库日期" align="center" width="140">
           <template #default="scope">
             <el-form-item :prop="'tableData.' + scope.$index + '.inboundTime'" :rules="rules.inboundTime">
-              <el-date-picker
+              <el-select
+                v-model="scope.row.inboundTime"
+                :disabled="props.type == 'look'"
+                size="small"
+                style="width: 100%"
+                clearable
+              >
+                <el-option
+                  v-for="(item, index) in scope.row.rkrqAndDjOption"
+                  :key="index"
+                  :label="item.inboundTime"
+                  :value="item.inboundTime"
+                />
+              </el-select>
+              <!-- <el-date-picker
                 :disabled="props.type == 'look'"
                 clearable
                 size="small"
@@ -181,19 +208,33 @@
                 format="YYYY-MM-DD"
                 value-format="YYYY-MM-DD"
               >
-              </el-date-picker>
+              </el-date-picker> -->
             </el-form-item>
           </template>
         </el-table-column>
         <el-table-column prop="unitPrice" label="单价(元)" align="center" width="114">
           <template #default="scope">
             <el-form-item :prop="'tableData.' + scope.$index + '.unitPrice'" :rules="rules.unitPrice">
-              <el-input
+              <el-select
+                v-model="scope.row.unitPrice"
+                :disabled="props.type == 'look'"
+                size="small"
+                style="width: 100%"
+                clearable
+              >
+                <el-option
+                  v-for="(item, index) in scope.row.rkrqAndDjOption"
+                  :key="index"
+                  :label="item.unitPrice"
+                  :value="item.unitPrice"
+                />
+              </el-select>
+              <!-- <el-input
                 v-model="scope.row.unitPrice"
                 size="small"
                 placeholder="请输入"
                 :disabled="props.type == 'look'"
-              ></el-input>
+              ></el-input> -->
             </el-form-item>
           </template>
         </el-table-column>
@@ -212,13 +253,27 @@
             <el-form-item :prop="'tableData.' + scope.$index + '.isAvailable'" :rules="rules.isAvailable">
               <el-select
                 v-model="scope.row.isAvailable"
+                :disabled="props.type == 'look'"
+                size="small"
+                style="width: 100%"
+                clearable
+              >
+                <el-option
+                  v-for="(item, index) in scope.row.rkrqAndDjOption"
+                  :key="index"
+                  :label="isAvailableLabel[Number(item.isAvailable)]"
+                  :value="item.isAvailable"
+                />
+              </el-select>
+              <!-- <el-select
+                v-model="scope.row.isAvailable"
                 style="width: 90px"
                 size="small"
                 :disabled="props.type == 'look'"
                 clearable
               >
                 <el-option v-for="item in is_available" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
+              </el-select> -->
             </el-form-item>
           </template>
         </el-table-column>
@@ -290,6 +345,8 @@ import {
   updateOutData,
   lookOutDataNew,
   dictTree,
+  materialsTree,
+  getTimeAndUnitPriceForOutbound,
   getDeptTypeList
 } from "@/api/inAndOut/formationFilling/out";
 import { sysFile } from "@/api/inAndOut/formationFilling/in";
@@ -300,7 +357,7 @@ import store from "@/store";
 import { useGetters } from "@/hooks/storeHooks";
 const { access_token } = useGetters(["access_token"]);
 import { decimalMul, decimalDev } from "@/global/decimalCompute";
-import type { TableColumnCtx } from 'element-plus'
+import type { TableColumnCtx } from "element-plus";
 
 const { outdound_type, is_available, province_ch } = useDict("outdound_type", "is_available", "province_ch");
 
@@ -309,6 +366,9 @@ const props = getQuery("/InformationFilling/outIssueDetail");
 // 价值计算带万
 const wanJson = ["118", "122", "124", "132", "182", "184"];
 
+// 是否可用Label
+const isAvailableLabel = ["是", "否"];
+
 // const tableData = ref([{}]);
 const wzOptions = ref([]);
 const dcckOptions = ref([]);
@@ -401,17 +461,36 @@ const getSelect = () => {
     }
   });
 };
-const handleChange = (value) => {
-  console.log(JSON.stringify(value));
+const handleChange = (value, index) => {
+  const postData = {
+    materialGroup: value[0],
+    materialType: value[1],
+    materialName: value[2],
+    materialUnit: value[3],
+    warehouseId: formData.tableData[index].deptId
+  };
+
+  getTimeAndUnitPriceForOutbound(postData).then((res: any) => {
+    if (res.code === 0) {
+      formData.tableData[index].rkrqAndDjOption = res.data;
+    }
+  });
 };
 
 const getDeptName = (value: any, index: number) => {
   if (value) {
     const filterItem = dcckOptions.value.filter((item) => item.deptId == value);
     formData.tableData[index].warehouse = filterItem[0].abbreviationName;
+
+    materialsTree({warehouseId:value}).then((res: any) => {
+      if (res.code === 0) {
+        formData.tableData[index].wzOptions = res.data;
+      }
+    });
   }
 };
 
+
 interface Product {
   id: string
   quantity: string
@@ -424,34 +503,32 @@ interface SummaryMethodProps<T = Product> {
 }
 const summaryJson = ["quantity","unitPrice","totalPrice"]
 const getSummaries = (param: SummaryMethodProps) => {
-  const { columns, data } = param
-  const sums: (string | VNode)[] = []
+  const { columns, data } = param;
+  const sums: (string | VNode)[] = [];
   columns.forEach((column, index) => {
     if (index === 0) {
-      sums[index] = h('div', [
-        '合计',
-      ])
-      return
+      sums[index] = h("div", ["合计"]);
+      return;
     }
     if(summaryJson.indexOf(column.property)!=-1){
-      const values = data.map((item) => Number(item[column.property]))
+      const values = data.map((item) => Number(item[column.property]));
       if (!values.every((value) => Number.isNaN(value))) {
         sums[index] = `${values.reduce((prev, curr) => {
-          const value = Number(curr)
+          const value = Number(curr);
           if (!Number.isNaN(value)) {
-            return prev + curr
+            return prev + curr;
           } else {
-            return prev
+            return prev;
           }
-        }, 0)}`
+        }, 0)}`;
       } else {
-        sums[index] = 'N/A'
+        sums[index] = "N/A";
       }
     }
-  })
+  });
 
-  return sums
-}
+  return sums;
+};
 // 计算总价
 const totalPrice = (row: any) => {
   if (row.unitPrice && row.quantity) {
@@ -475,6 +552,33 @@ const deleteTableData = (rowIndex) => {
     });
   }
 };
+// 获取物资下拉数据
+const getWzOptions = (value: any, index, itemName) => {
+  if (value) {
+    materialsTree({warehouseId:value}).then((res: any) => {
+      if (res.code === 0) {
+        formData.tableData[index].wzOptions = res.data;
+        formData.tableData[index].materialTree = itemName;
+      }
+    });
+  }
+};
+// 获取入库日期等下拉数据
+const getRkrqAndDjOption = (value, deptId, index) => {
+  const postData = {
+    materialGroup: value[0],
+    materialType: value[1],
+    materialName: value[2],
+    materialUnit: value[3],
+    warehouseId: deptId
+  };
+
+  getTimeAndUnitPriceForOutbound(postData).then((res: any) => {
+    if (res.code === 0) {
+      formData.tableData[index].rkrqAndDjOption = res.data;
+    }
+  });
+};
 // 详情获取数据
 const lookData = () => {
   lookOutDataNew(props.id).then((res: any) => {
@@ -484,6 +588,12 @@ const lookData = () => {
         ...item,
         filePartList: [{ name: item.fileName, filePart: item.filePart }]
       }));
+      formData.tableData = getData.map((item: any, index) => ({
+        ...item,
+        filePartList: [{ name: item.fileName, filePart: item.filePart }],
+        wzOptions: getWzOptions(item.deptId, index, item.materialTree),
+        rkrqAndDjOption: getRkrqAndDjOption(item.materialTree, item.deptId, index)
+      }));
       formData.orderNo = res.data.orderNo;
       formData.filePartList = res.data.filePartList;
       formData.orderName = res.data.orderName;