From 94e2170923f61585374217a741bc58b7f0790b1e Mon Sep 17 00:00:00 2001
From: zhangdi <15053473693@163.com>
Date: Wed, 7 Jan 2026 18:17:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8C=E7=BA=A7=E5=87=BA=E5=BA=93=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../materials/components/scrapDialog.vue      |  10 +-
 src/views/materials/expend.vue                |  40 +-
 .../secondOrder/components/categoryDialog.vue | 642 +++++++++---------
 .../secondOrder/components/outDialog.vue      | 326 ++++++---
 src/views/secondOrder/inbound.vue             |   1 +
 5 files changed, 576 insertions(+), 443 deletions(-)

diff --git a/src/views/materials/components/scrapDialog.vue b/src/views/materials/components/scrapDialog.vue
index 656ea5f..0383d23 100644
--- a/src/views/materials/components/scrapDialog.vue
+++ b/src/views/materials/components/scrapDialog.vue
@@ -35,7 +35,7 @@ export default {
     return {
       formData: {
         returnReason: '',
-        returnTime: defaultDate, 
+        returnTime: defaultDate,
       },
       purchaseTitle:'报废',
       openShow: false,
@@ -95,10 +95,10 @@ export default {
         if (valid) {
           try {
             const params = {
-              durableFormId: this.durableFormId, 
-              num: 1,
-              returnTime: this.formData.returnTime, 
-              returnReason: this.formData.returnReason, 
+              durableFormId: this.durableFormId,
+              num: 0,
+              returnTime: this.formData.returnTime,
+              returnReason: this.formData.returnReason,
               type: 2
             }
             await returnMaterial(params)
diff --git a/src/views/materials/expend.vue b/src/views/materials/expend.vue
index 3e8e298..d87675e 100644
--- a/src/views/materials/expend.vue
+++ b/src/views/materials/expend.vue
@@ -18,6 +18,11 @@
         @refresh-change="refreshChange"
         @on-load="onLoad"
       >
+      <template slot="isBorrow" slot-scope="scope">
+          <span v-if="scope.row.isBorrow == '0'">已借出</span>
+          <span v-else-if="scope.row.isBorrow == '1'">已归还</span>
+          <span v-else-if="scope.row.isBorrow == '2'">已报废</span>
+      </template>
         <template slot-scope="scope" slot="menu">
           <el-button
             v-if="scope.row.isBorrow == '0'"
@@ -43,7 +48,7 @@
       :showDialog="returnShow"
       :rowDta="returnInfo"
       @closeDialog="closeDialog"
-      :durableFormId="returnInfo.id" 
+      :durableFormId="returnInfo.id"
       @submitSuccess="handleRefresh"
     ></returnDialog>
     <!-- 报废 -->
@@ -52,7 +57,7 @@
       :showDialog="scrapShow"
       :rowDta="scrapInfo"
       @closeDialog="closeDialog"
-      :durableFormId="scrapInfo.id" 
+      :durableFormId="scrapInfo.id"
       @submitSuccess="handleRefresh"
     ></scrapDialog>
   </div>
@@ -171,7 +176,7 @@ export default {
             headerAlign: "center",
             align: "center",
           },
-          
+
           // {
           //   label: "金额",
           //   prop: "amount",
@@ -183,41 +188,12 @@ export default {
             prop: "isBorrow",
             headerAlign: "center",
             align: "center",
-            type: "select",
-            dicData: [
-              {
-                label: "已借出",
-                value: "0",
-              },
-              {
-                label: "已归还",
-                value: "1",
-              },
-              {
-                label: "已报废",
-                value: "2",
-              },
-            ],
-            formatter: (row, column) => {
-              const value = row.purchaseEndInfo;
-              if (value === null || value === undefined || value === "") {
-                return "无"; // 空值时显示“无”
-              }
-              return value; // 有值时显示原内容
-            }
           },
           {
             label: "归还时间",
             prop: "returnTime",
             headerAlign: "center",
             align: "center",
-            formatter: (row, column) => {
-              const value = row.returnTime;
-              if (value === null || value === undefined || value === "") {
-                return "无"; // 空值时显示“无”
-              }
-              return value; // 有值时显示原内容
-            }
           },
         ],
       },
diff --git a/src/views/secondOrder/components/categoryDialog.vue b/src/views/secondOrder/components/categoryDialog.vue
index 7857dae..9e0f06e 100644
--- a/src/views/secondOrder/components/categoryDialog.vue
+++ b/src/views/secondOrder/components/categoryDialog.vue
@@ -1,328 +1,362 @@
 <template>
-    <el-dialog :close-on-click-modal="false" :title="categoryDialogTitle" :visible.sync="categoryVisible"
-        :append-to-body="true" width="70%" @close="handleCloseDetail" fullscreen>
-        <el-tabs v-model="transactionType" @tab-click="handleTabClick">
-            <el-tab-pane label="易耗品" name="YH"></el-tab-pane>
-            <el-tab-pane label="耐用品" name="NY"></el-tab-pane>
-        </el-tabs>
-        <avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="form" :page.sync="page"
-            :permission="permissionList" @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
-            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
-            @refresh-change="refreshChange" @on-load="onLoad" @row-change="handleRowChange">
-        </avue-crud>
-        <div slot="footer" class="dialog-footer">
-            <el-button @click="handleCancel">取消</el-button>
-            <el-button type="primary" @click="handleConfirm">确定</el-button>
-        </div>
-    </el-dialog>
+  <el-dialog
+    :close-on-click-modal="false"
+    :title="categoryDialogTitle"
+    :visible.sync="categoryVisible"
+    :append-to-body="true"
+    width="70%"
+    @close="handleCancel"
+    fullscreen
+  >
+    <el-tabs v-model="transactionType" @tab-click="handleTabClick">
+      <el-tab-pane label="易耗品" name="YH"></el-tab-pane>
+      <el-tab-pane label="耐用品" name="NY"></el-tab-pane>
+    </el-tabs>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      ref="crud"
+      v-model="form"
+      :page.sync="page"
+      :permission="permissionList"
+      @row-del="rowDel"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @select="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+      @row-change="handleRowChange"
+      row-key="id"
+    >
+    </avue-crud>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" @click="handleConfirm">确定</el-button>
+    </div>
+  </el-dialog>
 </template>
 <script>
 import { getList } from "@/api/secondOrder/list.js";
 import { getList as fetchDurableApi } from "@/api/materials/expend";
 
 export default {
-    props: {
-        categoryVisible: {
-            type: Boolean,
-            default: false
-        },
-        categoryDialogTitle: {
-            type: String,
-            default: ''
-        },
-        departmentId: {
-            type: [String, Number],
-            default: ''
-        },
-        selectionData: {
-            type: Array,
-            default: () => []
-        }
+  props: {
+    categoryVisible: {
+      type: Boolean,
+      default: false,
     },
-    data() {
-        return {
-            form: {},
-            selectionList: [],
-            newselection: [],
-            query: {},
-            loading: true,
-            page: {
-                pageSize: 10,
-                currentPage: 1,
-                total: 0,
-            },
-            option: {
-                reserveSelection: true,
-                calcHeight: 30,
-                tip: false,
-                searchShow: true,
-                searchMenuSpan: 18,
-                border: true,
-                index: true,
-                selection: true,
-                viewBtn: true,
-                dialogClickModal: false,
-                menu: false,
-                addBtn: false,
-                printBtn: false,
-                refreshBtn: false,
-                gridBtn: false,
-                gridBackgroundImage: false,
-                gridSpan: false,
-                filterBtn: false,
-                columnBtn: false,
-                menuAlign: "left",
-                searchMenuPosition: "right",
-                menuWidth: 80,
-                selectable: (row, index) => row.num !== 0,
-                column: [
-                    {
-                        label: "存货编号",
-                        prop: "materialCode",
-                        headerAlign: "center",
-                        align: "center",
-                    },
-                    {
-                        label: "存货名称",
-                        prop: "materialName",
-                        search: true,
-                        headerAlign: "center",
-                        align: "left",
-                    },
-                    {
-                        label: "规格型号",
-                        prop: "model",
-                        headerAlign: "center",
-                        align: "left",
-                    },
-                    {
-                        label: "类别",
-                        prop: "type",
-                        search: false,
-                        type: "select",
-                        headerAlign: "center",
-                        align: "center",
-                        value: "NY",
-                        disabled: true,
-                        dicData: [
-                            {
-                                label: "易耗品",
-                                value: "YH",
-                            },
-                            {
-                                label: "耐用品",
-                                value: "NY",
-                            },
-                        ],
-                    },
-                    {
-                        label: "计量单位",
-                        prop: "unit",
-                        headerAlign: "center",
-                        align: "center",
-                    },
-                    {
-                        label: "数量",
-                        prop: "num",
-                        headerAlign: "center",
-                        align: "center",
-                    },
-                    {
-                        label: "单价",
-                        prop: "unitPrice",
-                        headerAlign: "center",
-                        align: "center",
-                        formatter: (row, column) => {
-                            const value = row.unitPrice;
-                            if (value === null || value === undefined || value === "") {
-                                return "-";
-                            }
-                            return value;
-                        }
-                    },
-                ],
+    categoryDialogTitle: {
+      type: String,
+      default: "",
+    },
+    departmentId: {
+      type: [String, Number],
+      default: "",
+    },
+    selectionData: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  data() {
+    return {
+      form: {},
+      selectionList: [],
+      newselection: [],
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      option: {
+        reserveSelection: true,
+        calcHeight: 30,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 18,
+        border: true,
+        index: true,
+        selection: true,
+        viewBtn: true,
+        dialogClickModal: false,
+        menu: false,
+        addBtn: false,
+        printBtn: false,
+        refreshBtn: false,
+        gridBtn: false,
+        gridBackgroundImage: false,
+        gridSpan: false,
+        filterBtn: false,
+        columnBtn: false,
+        menuAlign: "left",
+        searchMenuPosition: "right",
+        menuWidth: 80,
+        selectable: (row, index) => row.num !== 0,
+        column: [
+          {
+            label: "存货编号",
+            prop: "materialCode",
+            headerAlign: "center",
+            align: "center",
+          },
+          {
+            label: "存货名称",
+            prop: "materialName",
+            search: true,
+            headerAlign: "center",
+            align: "left",
+          },
+          {
+            label: "规格型号",
+            prop: "model",
+            headerAlign: "center",
+            align: "left",
+          },
+          {
+            label: "类别",
+            prop: "type",
+            search: false,
+            type: "select",
+            headerAlign: "center",
+            align: "center",
+            value: "NY",
+            disabled: true,
+            dicData: [
+              {
+                label: "易耗品",
+                value: "YH",
+              },
+              {
+                label: "耐用品",
+                value: "NY",
+              },
+            ],
+          },
+          {
+            label: "计量单位",
+            prop: "unit",
+            headerAlign: "center",
+            align: "center",
+          },
+          {
+            label: "数量",
+            prop: "num",
+            headerAlign: "center",
+            align: "center",
+          },
+          {
+            label: "单价",
+            prop: "unitPrice",
+            headerAlign: "center",
+            align: "center",
+            formatter: (row, column) => {
+              const value = row.unitPrice;
+              if (value === null || value === undefined || value === "") {
+                return "-";
+              }
+              return value;
             },
-            data: [],
-            dialogLogVisible: false,
-            transactionType: "YH",
-            tableData: [],
-            ckTable: [],
-            rkTable: [],
-            currentRow: null,
-            allSelectedList: [],
-            isUpdatingSelection: false,
-        }
+          },
+        ],
+      },
+      data: [],
+      dialogLogVisible: false,
+      transactionType: "YH",
+      tableData: [],
+      ckTable: [],
+      rkTable: [],
+      currentRow: null,
+      allSelectedList: [],
+      isUpdatingSelection: false,
+    };
+  },
+  mounted() {
+    // 初始化时使用传入的selectionData
+    this.allSelectedList = [...this.selectionData];
+    this.onLoad(this.page);
+  },
+  methods: {
+    //清空搜索
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
     },
-    mounted() {
-        // 初始化时使用传入的selectionData
-        this.allSelectedList = [...this.selectionData];
-        this.onLoad(this.page);
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
     },
-    methods: {
-        //清空搜索
-        searchReset() {
-            this.query = {};
-            this.onLoad(this.page);
-        },
-        searchChange(params, done) {
-            this.query = params;
-            this.page.currentPage = 1;
-            this.onLoad(this.page, params);
-            done();
-        },
 
-        // 更新当前页面的勾选状态
-        updateCurrentPageSelection() {
-            if (!this.$refs.crud || !this.data) return;
-            
-            this.isUpdatingSelection = true;
-            
-            const currentPageData = this.data || [];
-            
-            // 先清除所有选择
-            this.$refs.crud.toggleSelection();
-            
-            // 检查当前页面的数据中有哪些在 allSelectedList 中
-            currentPageData.forEach((item) => {
-                const isSelected = this.allSelectedList.some(selectedItem => 
-                    selectedItem.id === item.id
-                );
+    // 更新当前页面的勾选状态
+    updateCurrentPageSelection() {
+      if (!this.$refs.crud || !this.data) return;
 
-                if (isSelected) {
-                    this.$refs.crud.toggleRowSelection(item, true);
-                }
-            });
-            
-            // 延迟 确保选择状态已完全更新
-            this.$nextTick(() => {
-                setTimeout(() => {
-                    this.isUpdatingSelection = false
-                }, 100);
-            });
-        },
+      this.isUpdatingSelection = true;
 
-        //勾选选中
-        selectionChange(selection) {
-            if (this.isUpdatingSelection) {
-                return;
-            }
-            
-            console.log('当前选择:', selection)
-            console.log('当前页面数据:', this.data)
-            console.log('当前全部勾选:', this.allSelectedList)
-            
-            // 获取当前页面的数据ID
-            const currentPageIds = this.data.map(item => item.id);
-            
-            const otherPageSelected = this.allSelectedList.filter(item => 
-                !currentPageIds.includes(item.id)
-            );
-            
-            const currentSelected = selection.map(item => ({
-                ...item,
-                twoInventoryId: item.id
-            }));
-            
-            // 组合所有勾选数据
-            const combinedSelection = [
-                ...otherPageSelected,    // 其他页面的数据
-                ...currentSelected       // 当前页面新勾选的数据
-            ];
-            
-            // 去重并更新 allSelectedList
-            this.allSelectedList = this.uniqueById(combinedSelection)
-            
-            console.log('更新后的allSelectedList:', this.allSelectedList)
-        },
-        
-        //去重
-        uniqueById(arr) {
-            const uniqueObj = {};
-            arr.forEach(item => {
-                if (item.id && !uniqueObj[item.id]) {
-                    uniqueObj[item.id] = item;
-                }
-            });
-            return Object.values(uniqueObj);
-        },
-        
-        //点击确定 
-        handleConfirm() {
-            const uniqueList = this.uniqueById(this.allSelectedList)
-            this.$emit("confirm", uniqueList)
-        },
-        
-        handleCloseDetail() {
-            this.$emit('handleCloseDetail')
-        },
-        
-        selectionClear() {
-            this.allSelectedList = []
-            if (this.$refs.crud) {
-                this.$refs.crud.toggleSelection()
-            }
-        },
-        
-        currentChange(currentPage) {
-            this.page.currentPage = currentPage;
-            this.onLoad(this.page, this.query)
-        },
+      const currentPageData = this.data || [];
 
-        sizeChange(pageSize) {
-            this.page.pageSize = pageSize;
-            this.onLoad(this.page, this.query)
-        },
-        
-        refreshChange() {
-            this.onLoad(this.page, this.query)
-        },
-        
-        handleTabClick() {
-            this.page.currentPage = 1
-            this.onLoad(this.page)
-        },
-        
-        onLoad(page, params = {}) {
-            this.loading = true
-            const requestParams = Object.assign({}, params, this.query, {
-                num: 0,
-                departmentId: this.departmentId
-            });
-            const apiPromise = this.transactionType === "YH"
-                ? getList(page.currentPage, page.pageSize, requestParams)
-                : fetchDurableApi(page.currentPage, page.pageSize, requestParams)
-            apiPromise.then((res) => {
-                this.data = res.data.result.list
-                this.page.total = res.data.result.total
-                
-                // 数据加载完成后，更新当前页面的勾选状态
-                this.$nextTick(() => {
-                    this.updateCurrentPageSelection()
-                });
-            }).catch(error => {
-                this.$message.error('加载数据失败: ' + error.message)
-            }).finally(() => {
-                this.loading = false;
-            })
-        },
-        
-        handleCancel() {
-            this.categoryVisible = false
+      // 先清除所有选择
+      this.$refs.crud.toggleSelection();
+
+      // 检查当前页面的数据中有哪些在 allSelectedList 中
+      currentPageData.forEach((item) => {
+        const isSelected = this.allSelectedList.some(
+          (selectedItem) => selectedItem.id === item.id
+        );
+
+        if (isSelected) {
+          this.$refs.crud.toggleRowSelection(item, true);
         }
+      });
+
+      // 延迟 确保选择状态已完全更新
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.isUpdatingSelection = false;
+        }, 100);
+      });
     },
-}
+
+    //勾选选中
+    selectionChange(selection,row) {
+
+      let isSelectedInfo = selection.filter(
+        (item) => item.id==row.id
+      );
+      if (this.isUpdatingSelection) {
+        return;
+      }
+
+      // 获取当前页面的数据ID
+      const currentPageIds = this.data.map((item) => item.id);
+
+      const otherPageSelected = this.allSelectedList.filter(
+        (item) => !currentPageIds.includes(item.id)
+      );
+
+      const currentSelected = selection.map((item) => ({
+        ...item,
+        twoInventoryId: item.id,
+      }));
+
+      // 组合所有勾选数据
+      const combinedSelection = [
+        ...otherPageSelected, // 其他页面的数据
+        ...currentSelected, // 当前页面新勾选的数据
+      ];
+
+      // 去重并更新 allSelectedList
+      this.allSelectedList = this.uniqueById(combinedSelection);
+
+      if(isSelectedInfo.length<=0){
+        this.allSelectedList=this.allSelectedList.filter(
+          (item) => item.id!==row.id
+        );
+      }
+      console.log('isSelectedInfo', this.allSelectedList);
+      this.allSelectedList.forEach(item=>{
+        item.num = 0
+      })
+      // console.log("更新后的allSelectedList:", this.allSelectedList);
+    },
+
+    //去重
+    uniqueById(arr) {
+      const uniqueObj = {};
+      arr.forEach((item) => {
+        if (item.id && !uniqueObj[item.id]) {
+          uniqueObj[item.id] = item;
+        }
+      });
+      return Object.values(uniqueObj);
+    },
+
+    //点击确定
+    handleConfirm() {
+      const uniqueList = this.uniqueById(this.allSelectedList);
+      this.$emit("confirm", uniqueList);
+    },
+
+
+
+    selectionClear() {
+      this.allSelectedList = [];
+      if (this.$refs.crud) {
+        this.$refs.crud.toggleSelection();
+      }
+    },
+
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.onLoad(this.page, this.query);
+    },
+
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.onLoad(this.page, this.query);
+    },
+
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+
+    handleTabClick() {
+      this.page.currentPage = 1;
+      this.onLoad(this.page);
+    },
+
+    onLoad(page, params = {}) {
+      this.loading = true;
+      const requestParams = Object.assign({}, params, this.query, {
+        num: 0,
+        departmentId: this.departmentId,
+      });
+      const apiPromise =
+        this.transactionType === "YH"
+          ? getList(page.currentPage, page.pageSize, requestParams)
+          : fetchDurableApi(page.currentPage, page.pageSize, requestParams);
+      apiPromise
+        .then((res) => {
+          this.data = res.data.result.list;
+          this.page.total = res.data.result.total;
+
+          // 数据加载完成后，更新当前页面的勾选状态
+          this.$nextTick(() => {
+            this.updateCurrentPageSelection();
+          });
+        })
+        .catch((error) => {
+          this.$message.error("加载数据失败: " + error.message);
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+
+    handleCancel() {
+      this.categoryVisible = false;
+      this.$emit("categoryClose");
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
 ::v-deep.el-dialog__footer {
-    position: fixed !important;
-    bottom: 0 !important;
-    right: 0 !important;
+  position: fixed !important;
+  bottom: 0 !important;
+  right: 0 !important;
 }
 
 ::v-deep.dialog-content {
-    max-height: calc(100vh - 200px);
-    overflow-y: auto;
-    padding-right: 10px;
-    overflow-x: hidden;
+  max-height: calc(100vh - 200px);
+  overflow-y: auto;
+  padding-right: 10px;
+  overflow-x: hidden;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/secondOrder/components/outDialog.vue b/src/views/secondOrder/components/outDialog.vue
index bdd1459..c36aa3e 100644
--- a/src/views/secondOrder/components/outDialog.vue
+++ b/src/views/secondOrder/components/outDialog.vue
@@ -1,30 +1,56 @@
 <template>
   <div>
-    <el-dialog :close-on-click-modal="false" :title="outDialogTiltle" :visible.sync="outDialogVisible"
-      :append-to-body="true" @close="handleCloseDetail" fullscreen>
+    <el-dialog
+      :close-on-click-modal="false"
+      :title="outDialogTiltle"
+      :visible.sync="outDialogVisible"
+      :append-to-body="true"
+      @close="handleCloseDetail"
+      fullscreen
+    >
       <div class="dialog-content">
         <!-- 基本信息 -->
-        <el-form :model="sizeForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic"
-          :rules="dynamicRules">
+        <el-form
+          :model="sizeForm"
+          ref="dynamicValidateForm"
+          label-width="100px"
+          class="demo-dynamic"
+          :rules="dynamicRules"
+        >
           <div class="form-title">基本信息</div>
           <el-row>
             <el-col :span="12">
               <el-form-item label="出库申请时间">
-                <el-date-picker v-model="sizeForm.ldTwoOutStorage.outDate" type="date" placeholder="选择日期"
-                  style="width: 100%" disabled>
+                <el-date-picker
+                  v-model="sizeForm.ldTwoOutStorage.outDate"
+                  type="date"
+                  placeholder="选择日期"
+                  style="width: 100%"
+                  disabled
+                >
                 </el-date-picker>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="事由" prop="ldTwoOutStorage.reason">
-                <el-input v-model="sizeForm.ldTwoOutStorage.reason" :disabled="outDialogType != 'add'"
-                  placeholder="请输入"></el-input>
+                <el-input
+                  v-model="sizeForm.ldTwoOutStorage.reason"
+                  :disabled="outDialogType != 'add'"
+                  placeholder="请输入"
+                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="物资类型" prop="ldTwoOutStorage.materialType">
-                <el-select v-model="sizeForm.ldTwoOutStorage.materialType" placeholder="请选择" style="width: 100%"
-                  :disabled="outDialogType != 'add'">
+              <el-form-item
+                label="物资类型"
+                prop="ldTwoOutStorage.materialType"
+              >
+                <el-select
+                  v-model="sizeForm.ldTwoOutStorage.materialType"
+                  placeholder="请选择"
+                  style="width: 100%"
+                  :disabled="outDialogType != 'add'"
+                >
                   <el-option label="办公室物资" value="1"></el-option>
                   <el-option label="其他物资" value="2"></el-option>
                 </el-select>
@@ -32,74 +58,119 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="部门" prop="ldTwoOutStorage.departmentInfo">
-                <el-select v-model="sizeForm.ldTwoOutStorage.departmentInfo" placeholder="请选择" style="width: 100%"
-                  :disabled="outDialogType != 'add'" @change="deptChange" clearable filterable value-key="departmentId">
-                  <el-option v-for="item in departmentOptions" :key="item.departmentId" :label="item.department"
-                    :value="item"></el-option>
+                <el-select
+                  v-model="sizeForm.ldTwoOutStorage.departmentInfo"
+                  placeholder="请选择"
+                  style="width: 100%"
+                  :disabled="outDialogType != 'add'"
+                  @change="deptChange"
+                  clearable
+                  filterable
+                  value-key="departmentId"
+                >
+                  <el-option
+                    v-for="item in departmentOptions"
+                    :key="item.departmentId"
+                    :label="item.department"
+                    :value="item"
+                  ></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="领用人" prop="ldTwoOutStorage.proposerInfo">
-                <el-select v-model="sizeForm.ldTwoOutStorage.proposerInfo" placeholder="请选择" style="width: 100%"
-                  :disabled="sizeForm.departmentId == '' || outDialogType == 'details'
-                    " clearable filterable value-key="userId" @change="proposerChange">
-                  <el-option v-for="item in userOptions" :key="item.userId" :label="item.name" :value="item">
+                <el-select
+                  v-model="sizeForm.ldTwoOutStorage.proposerInfo"
+                  placeholder="请选择"
+                  style="width: 100%"
+                  :disabled="
+                    sizeForm.departmentId == '' || outDialogType == 'details'
+                  "
+                  clearable
+                  filterable
+                  value-key="userId"
+                  @change="proposerChange"
+                >
+                  <el-option
+                    v-for="item in userOptions"
+                    :key="item.userId"
+                    :label="item.name"
+                    :value="item"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12" v-if="outDialogType == 'details'">
               <el-form-item label="填报人">
-                <el-input v-model="sizeForm.ldTwoOutStorage.shipperName" :disabled="outDialogType != 'add'"></el-input>
+                <el-input
+                  v-model="sizeForm.ldTwoOutStorage.shipperName"
+                  :disabled="outDialogType != 'add'"
+                ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <div class="form-title">{{ outDateInfo }} 出库信息：</div>
-          <!-- <el-button
+
+          <el-button
             type="primary"
             size="mini"
             style="margin-bottom: 18px"
-            @click="inTableAdd()"
+            @click="categoryHandle"
             v-if="outDialogType != 'details'"
             >新增</el-button
-          > -->
-          <el-button type="primary" size="mini" style="margin-bottom: 18px" @click="categoryHandle"
-            v-if="outDialogType != 'details'">新增</el-button>
-          <el-table :data="sizeForm.ldTwoOutStorageDetailList" border style="width: 100%">
+          >
+          <el-table
+            :data="sizeForm.ldTwoOutStorageDetailList"
+            border
+            style="width: 100%"
+          >
             <el-table-column prop="materialCode" label="物资编码">
             </el-table-column>
-            <!-- <el-table-column prop="str2" label="物资名称">
-              <template slot-scope="scope">
-                <el-select v-model="scope.row.materialitem" placeholder="请选择物资名称" style="width: 100%" @change="
-                  handleMaterialChange(scope.row.materialitem, scope.$index)
-                  " v-if="outDialogType != 'details'" value-key="id">
-                  <el-option v-for="item in materials" :key="item.materialId" :label="item.materialName" :value="item">
-                  </el-option>
-                </el-select>
-                <span v-else> {{ scope.row.materialName }}</span>
-              </template>
-</el-table-column> -->
-            <el-table-column prop="materialName" label="物资名称"></el-table-column>
+
+            <el-table-column
+              prop="materialName"
+              label="物资名称"
+            ></el-table-column>
             <el-table-column prop="model" label="规格/型号"> </el-table-column>
-            <!-- <el-table-column prop="type" label="类别"> </el-table-column> -->
             <el-table-column prop="type" label="类别">
               <template slot-scope="scope">
-                {{ scope.row.type === "NY" ? "耐用品" : (scope.row.type === "YH" ? "易耗品" : "") }}
+                {{
+                  scope.row.type === "NY"
+                    ? "耐用品"
+                    : scope.row.type === "YH"
+                    ? "易耗品"
+                    : ""
+                }}
               </template>
             </el-table-column>
             <el-table-column prop="unit" label="单位"> </el-table-column>
             <el-table-column prop="num" label="数量">
               <template slot-scope="scope">
-                <el-input-number size="mini" v-model="scope.row.num" :min="1" style="width: 100%"
+                <el-input-number
+                  size="mini"
+                  v-model="scope.row.num"
+                  :min="0"
+                  style="width: 100%"
                   :disabled="outDialogType != 'add' || scope.row.type === 'NY'"
-                  @change="(newValue) => handleQuantityChange(newValue, scope.$index)"></el-input-number>
+                  @change="
+                    (newValue) => handleQuantityChange(newValue, scope.$index)
+                  "
+                ></el-input-number>
               </template>
             </el-table-column>
-            <el-table-column label="操作" style="text-align: center;" v-if="outDialogType != 'details'">
+            <el-table-column
+              label="操作"
+              width="100"
+              v-if="outDialogType != 'details'"
+            >
               <template slot-scope="scope">
-                <div style="text-align: center;" :disabled="outDialogType == 'details'">
-                  <el-button type="text" size="mini" @click="handleDelete(scope.$index, scope.row)">
+                <div :disabled="outDialogType == 'details'">
+                  <el-button
+                    type="text"
+                    size="mini"
+                    @click="handleDelete(scope.$index, scope.row)"
+                  >
                     删除
                   </el-button>
                 </div>
@@ -109,7 +180,12 @@
           <div class="form-title" v-if="outDialogType != 'details'">
             出库账目表格：
           </div>
-          <el-table :data="sizeForm.inAccountsTableData" border style="width: 100%" v-if="outDialogType != 'details'">
+          <el-table
+            :data="statisticsList"
+            border
+            style="width: 100%"
+            v-if="outDialogType != 'details'"
+          >
             <el-table-column prop="date" label="当前库存">
               <el-table-column prop="materialCode" label="编码">
               </el-table-column>
@@ -118,13 +194,29 @@
               <el-table-column prop="model" label="规格"> </el-table-column>
               <el-table-column prop="type" label="类别"> </el-table-column>
               <el-table-column prop="unit" label="单位"> </el-table-column>
-              <el-table-column prop="oldNum" label="数量"> </el-table-column>
+              <el-table-column prop="num" label="数量"> </el-table-column>
             </el-table-column>
             <el-table-column prop="date" label="出库信息">
-              <el-table-column prop="num" label="数量"> </el-table-column>
+              <el-table-column prop="theOutboundQuantity" label="数量"> </el-table-column>
             </el-table-column>
             <el-table-column prop="date" label="出库后库存">
-              <el-table-column prop="newNum" label="数量"> </el-table-column>
+              <el-table-column prop="totalQuantity" label="数量"> </el-table-column>
+            </el-table-column>
+             <el-table-column prop="date" label="出库信息">
+              <el-table-column label="出库人">
+                <template slot-scope="scope">
+                  {{
+                    scope.row.userInfoVO
+                      ? scope.row.userInfoVO.name
+                      : sizeForm.userInfoVO.name
+                  }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="outDateInfo" label="出库时间" width="150">
+                <template slot-scope="scope">
+                  {{ outDateInfo }}
+                </template>
+              </el-table-column>
             </el-table-column>
           </el-table>
         </el-form>
@@ -132,26 +224,39 @@
 
       <span slot="footer" class="dialog-footer">
         <el-button @click="handleCloseDetail()">取 消</el-button>
-        <el-button v-if="outDialogType != 'details'" type="primary" @click="sumbit()">确 定</el-button>
+        <el-button
+          v-if="outDialogType != 'details'"
+          type="primary"
+          @click="sumbit()"
+          >确 定</el-button
+        >
       </span>
     </el-dialog>
-    <categoryDialog v-if="categoryVisible" :categoryVisible='categoryVisible' :selectionData="selectionData"
-      :departmentId="sizeForm.ldTwoOutStorage.departmentId" :categoryDialogTitle="categoryDialogTitle"
-      @confirm="confirm" @handleCloseDetail="handleCloseDetail"></categoryDialog>
+    <!-- 新增数据 -->
+    <categoryDialog
+      v-if="categoryVisible"
+      :categoryVisible="categoryVisible"
+      :selectionData="selectionData"
+      :departmentId="sizeForm.ldTwoOutStorage.departmentId"
+      :categoryDialogTitle="categoryDialogTitle"
+      @confirm="confirm"
+      @categoryClose="categoryClose"
+    ></categoryDialog>
   </div>
 </template>
 <script>
 import { getDetailedItems } from "@/api/firstOrder/outbound";
-import categoryDialog from './categoryDialog.vue'
+import categoryDialog from "./categoryDialog.vue";
 import {
   getUserList,
   getMaterialList,
   submit,
   getDetails,
+  getStatistics,
 } from "@/api/secondOrder/outbound";
 export default {
   components: {
-    categoryDialog
+    categoryDialog,
   },
   props: {
     repairVisible: {
@@ -200,9 +305,9 @@ export default {
     return {
       outDialogVisible: false,
       categoryVisible: false,
-      categoryDialogTitle: '出库',
-      allSelectedList:[],
-      selectionData:[],
+      categoryDialogTitle: "出库",
+      allSelectedList: [],
+      selectionData: [],
       sizeForm: {
         ldTwoOutStorage: {
           outDate: "",
@@ -215,7 +320,7 @@ export default {
           submitName: "", //填报人
           departmentInfo: null,
           proposerInfo: null,
-          optionType: 'YH'
+          optionType: "YH",
         },
         ldTwoOutStorageDetailList: [], //出库单详情
         inAccountsTableData: [], //库存汇总
@@ -265,6 +370,7 @@ export default {
       userOptions: [], //领用人列表
       departmentOptions: [], //部门列表
       dynamicRules: {}, // 动态校验规则
+      statisticsList: [], //批量更改后的明细数据
     };
   },
   mounted() {
@@ -278,54 +384,67 @@ export default {
     this.getDetailedItems();
   },
   methods: {
+    // 批量 更改明细表数据
+    getStatistics() {
+      getStatistics(this.sizeForm.ldTwoOutStorageDetailList).then((res) => {
+        this.statisticsList = res.data.result;
+        this.statisticsList = this.statisticsList.map((stat) => {
+          const detail = this.sizeForm.ldTwoOutStorageDetailList.find(
+            (item) => item.materialCode === stat.materialCode
+          );
+          return {
+            ...stat,
+            theOutboundQuantity: detail.num||0, //本次入库数量
+            unitPrice: detail.unitPrice,
+            totalQuantity: stat.num - detail.num,
+          };
+        });
+      });
+    },
+
     categoryHandle() {
-      this.categoryVisible = true
+
+      if((!this.sizeForm.ldTwoOutStorage.proposerInfo)||(!this.sizeForm.ldTwoOutStorage.departmentInfo)){
+        this.$message.error('请先选择部门和领用人');
+        return false
+      }
+      this.categoryVisible = true;
     },
     confirm(allSelectedList) {
-      console.log('allSelectedList-------',allSelectedList)
+      console.log("allSelectedList-------", allSelectedList);
       // this.selectionData = allSelectedList
-      allSelectedList.map(item =>{
-        this.selectionData.push(item)
-      })
+      allSelectedList.map((item) => {
+        this.selectionData.push(item);
+      });
       this.categoryVisible = false;
       // 去重：过滤已存在的物资
-      const newItems = allSelectedList.filter(newItem =>
-        !this.sizeForm.ldTwoOutStorageDetailList.some(
-          oldItem => oldItem.id === newItem.id
-        )
+      const newItems = allSelectedList.filter(
+        (newItem) =>
+          !this.sizeForm.ldTwoOutStorageDetailList.some(
+            (oldItem) => oldItem.id === newItem.id
+          )
       );
       // 追加数据
-      this.sizeForm.ldTwoOutStorageDetailList = [
-        ...this.sizeForm.ldTwoOutStorageDetailList,
-        ...newItems
-      ];
-      console.log('ldTwoOutStorageDetailList--------',this.sizeForm.ldTwoOutStorageDetailList)
+      this.sizeForm.ldTwoOutStorageDetailList = allSelectedList;
+      console.log(
+        "ldTwoOutStorageDetailList--------",
+        this.sizeForm.ldTwoOutStorageDetailList
+      );
       // 同步库存汇总表
-      this.summaryTableData();
-    },
-    categoryHandle() {
-      this.categoryVisible = true;
-   
+      // this.summaryTableData();
+      this.getStatistics();
     },
     // 删除表格行数据
     handleDelete(index, row) {
-      this.sizeForm.ldTwoOutStorageDetailList.splice(index, 1)
+      this.sizeForm.ldTwoOutStorageDetailList.splice(index, 1);
+      this.getStatistics()
     },
     // 初始化  汇总库存 inAccountsTableData
     summaryTableData() {
-      this.sizeForm.inAccountsTableData = JSON.parse(JSON.stringify(this.sizeForm.ldTwoOutStorageDetailList))
+      this.sizeForm.inAccountsTableData = JSON.parse(
+        JSON.stringify(this.sizeForm.ldTwoOutStorageDetailList)
+      );
     },
-    // handleQuantityChange(newValue, index) {
-    //   const currentRow = this.sizeForm.ldTwoOutStorageDetailList[index];
-    //   console.log(currentRow,'c')
-    //   if (currentRow.materialCode != '') {
-    //     currentRow.oldNum = currentRow.materialitem.num
-    //     currentRow.num = currentRow.num
-    //     currentRow.newNum = currentRow.materialitem.num - currentRow.num
-    //   }
-    //   this.$set(this.sizeForm.inAccountsTableData, index, currentRow)
-    //   this.sizeForm.inAccountsTableData[index] = currentRow
-    // },
     handleQuantityChange(newValue, index) {
       const currentRow = this.sizeForm.ldTwoOutStorageDetailList[index];
       if (!currentRow) return;
@@ -335,12 +454,13 @@ export default {
         this.$set(this.sizeForm.inAccountsTableData, index, { ...currentRow });
         return;
       }
-      const stockNum = currentRow.num // 原始库存数量
-      currentRow.oldNum = stockNum // 出库前库存
-      currentRow.num = newValue // 出库数量
-      currentRow.newNum = stockNum - newValue // 出库后库存
-      this.$set(this.sizeForm.ldTwoOutStorageDetailList, index, currentRow)
-      this.$set(this.sizeForm.inAccountsTableData, index, { ...currentRow })
+      const stockNum = currentRow.num; // 原始库存数量
+      currentRow.oldNum = stockNum; // 出库前库存
+      currentRow.num = newValue; // 出库数量
+      currentRow.newNum = stockNum - newValue; // 出库后库存
+      this.$set(this.sizeForm.ldTwoOutStorageDetailList, index, currentRow);
+      this.$set(this.sizeForm.inAccountsTableData, index, { ...currentRow });
+      this.getStatistics()
     },
 
     // 更新全局总计
@@ -364,8 +484,6 @@ export default {
         row.materialName;
       this.sizeForm.ldTwoOutStorageDetailList[index].type = row.type;
       this.sizeForm.ldTwoOutStorageDetailList[index].unit = row.unit;
-
-
     },
     // 获取领用人列表
     getUserList(value) {
@@ -393,7 +511,7 @@ export default {
       this.sizeForm.ldTwoOutStorage.department = value.department;
       this.getUserList(value.departmentId);
       this.getMaterialList(value.departmentId);
-      this.sizeForm.ldTwoOutStorageDetailList = []
+      this.sizeForm.ldTwoOutStorageDetailList = [];
     },
     // 领用人选中
     proposerChange(value) {
@@ -403,9 +521,13 @@ export default {
     },
     handleCloseDetail() {
       this.outDialogVisible = false;
-      this.categoryVisible = false
       this.$emit("handleCloseDetail");
     },
+
+    categoryClose() {
+      this.categoryVisible = false;
+    },
+
     inInit() {
       if (this.outDialogType != "add") {
         getDetails({ twoOutStorageId: this.rowData.id }).then((res) => {
@@ -435,7 +557,7 @@ export default {
     // 添加入库数据 ,点击新增
     inTableAdd() {
       this.sizeForm.ldTwoOutStorageDetailList.push({});
-      this.summaryTableData()
+      this.summaryTableData();
     },
     // 提交
     sumbit() {
diff --git a/src/views/secondOrder/inbound.vue b/src/views/secondOrder/inbound.vue
index 518ae67..103736b 100644
--- a/src/views/secondOrder/inbound.vue
+++ b/src/views/secondOrder/inbound.vue
@@ -192,6 +192,7 @@ export default {
     },
     closeDialog() {
       this.purchaseOpen = false;
+      this.onLoad(this.page);
     },
     handleCloseDetail(table) {
       this.inDialogVisible = false;