From 454613a3217ff4f2f0a9aa52a720313d1f831a02 Mon Sep 17 00:00:00 2001
From: zhangdi <1104545947@qq.com>
Date: Tue, 31 Mar 2026 16:32:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=A9=E6=B5=81=E7=AE=A1=E7=90=86=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../logisticsDistribution.js                  |   3 +-
 .../logisticsManagement/materialPacking.js    |   9 +
 .../components/materialDetails.vue            | 241 ++++++++++++++++++
 .../logisticsManagement/materialPacking.vue   |  24 +-
 4 files changed, 273 insertions(+), 4 deletions(-)
 create mode 100644 src/views/logisticsManagement/components/materialDetails.vue

diff --git a/src/api/logisticsManagement/logisticsDistribution.js b/src/api/logisticsManagement/logisticsDistribution.js
index 8020261..2425dd5 100644
--- a/src/api/logisticsManagement/logisticsDistribution.js
+++ b/src/api/logisticsManagement/logisticsDistribution.js
@@ -71,4 +71,5 @@ export const getStationRegionList = (params) => {
     method: 'get',
     params,
   });
-};
\ No newline at end of file
+};
+
diff --git a/src/api/logisticsManagement/materialPacking.js b/src/api/logisticsManagement/materialPacking.js
index cb27b1c..dbe4a0b 100644
--- a/src/api/logisticsManagement/materialPacking.js
+++ b/src/api/logisticsManagement/materialPacking.js
@@ -51,3 +51,12 @@ export const getCardNo = (params) => {
     params,
   });
 };
+
+// 查询物料箱明细  
+export const getQuantityLocation = (params) => {
+  return request({
+    url: '/blade-desk/order-bind/boxbarcode-details',
+    method: 'GET',
+    params
+  })
+}
\ No newline at end of file
diff --git a/src/views/logisticsManagement/components/materialDetails.vue b/src/views/logisticsManagement/components/materialDetails.vue
new file mode 100644
index 0000000..f6d83d3
--- /dev/null
+++ b/src/views/logisticsManagement/components/materialDetails.vue
@@ -0,0 +1,241 @@
+<template>
+  <el-dialog title="详情" append-to-body :modelValue="openShow" width="60%" @close="closeDialog">
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      v-model="form"
+      v-model:page="page"
+      ref="crud"
+      @row-del="rowDel"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+    >
+      <template #menu-left> </template>
+      <template #menu-right> </template>
+      <template #menu="{ row }"> </template>
+
+      <template #actualWeighing="scope"> 
+        {{ scope.row.actualWeighing<0?'0g' : scope.row.actualWeighing+'g' }}
+      </template>
+    </avue-crud>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="closeDialog">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script>
+// import { updateProcess } from '../../api/flowManagement/index';
+import { getQuantityLocation } from '@/api/logisticsManagement/materialPacking';
+export default {
+  props: {
+    showDialog: {
+      type: Boolean,
+      default: false,
+    },
+    rowData: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      openShow: false,
+      option: {
+        columnSort: true,
+        tip: false,
+        calcHeight: 32,
+        simplePage: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchIcon: true,
+        searchIndex: 3,
+        tree: false,
+        border: true,
+        index: true,
+        selection: false,
+        addBtn: false,
+        editBtn: false,
+        viewBtn: false,
+        delBtn: false,
+        editBtnText: '修改',
+        labelWidth: 120,
+        menuWidth: 80,
+        dialogWidth: 900,
+        dialogClickModal: false,
+        searchEnter: true,
+        excelBtn: false,
+        filterBtn: true,
+        searchShowBtn: false,
+        excelBtn: true,
+        showOverflowTooltip: true,
+        addBtnIcon: ' ',
+        viewBtnIcon: ' ',
+        delBtnIcon: ' ',
+        editBtnIcon: ' ',
+        gridBtn: false,
+        searchLabelPosition: 'left',
+        searchGutter: 24,
+        searchSpan: 6,
+        menuAlign: 'left',
+        gridBtn: false,
+        searchMenuPosition: 'right',
+        align: 'center',
+        menu: false,
+        header: false,
+        column: [
+          {
+            label: '流程卡号',
+            prop: 'cardNo',
+            span: 24,
+          },
+          {
+            label: '生产单号',
+            prop: 'yoCode',
+            span: 24,
+          },
+          {
+            label: '零件号',
+            prop: 'partCode',
+            span: 24,
+          },
+           {
+            label: '零件名称',
+            prop: 'partName',
+            span: 24,
+          },
+          {
+            label: '重量',
+            prop: 'actualWeighing',
+            span: 24,
+          },
+        ],
+      },
+      data: [],
+    };
+  },
+  mounted() {
+    this.openShow = this.showDialog;
+    console.log(8989898989, this.rowData);
+    this.init()
+  },
+  methods: {
+    init() {
+      getQuantityLocation({ boxBarcode: this.rowData.boxBarcode }).then(res => {
+        this.data = res.data.data.yieldOrderList;
+      });
+    },
+    closeDialog() {
+      this.openShow = false;
+      this.$emit('closeDialog');
+    },
+    submit() {
+      this.closeDialog();
+    },
+    rowSave(row, done, loading) {
+      // addPersonAbility(row).then(
+      //   () => {
+      //     this.onLoad(this.page);
+      //     this.$message({
+      //       type: 'success',
+      //       message: '操作成功!',
+      //     });
+      //     done();
+      //   },
+      //   error => {
+      //     window.console.log(error);
+      //     loading();
+      //   }
+      // );
+    },
+    rowUpdate(row, index, done, loading) {
+      // updatePersonAbility(row).then(
+      //   () => {
+      //     this.onLoad(this.page);
+      //     this.$message({
+      //       type: 'success',
+      //       message: '操作成功!',
+      //     });
+      //     done();
+      //   },
+      //   error => {
+      //     window.console.log(error);
+      //     loading();
+      //   }
+      // );
+    },
+    rowDel(row) {
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          // return removePersonAbility(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    handleChange(file, fileList) {
+      // proxy.$Export.xlsx(file.raw).then((data) => {
+      //     data.value = data.results;
+      // });
+      this.$message({
+        type: 'success',
+        message: '操作成功!',
+      });
+    },
+
+    onLoad(page, params = {}) {
+      // this.loading = true;
+      // getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+      //   this.data = res.data.data.records;
+      //   this.loading = false;
+      //   this.page.total = res.data.data.total;
+      //   this.selectionClear();
+      // });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/logisticsManagement/materialPacking.vue b/src/views/logisticsManagement/materialPacking.vue
index a29d05d..6cee470 100644
--- a/src/views/logisticsManagement/materialPacking.vue
+++ b/src/views/logisticsManagement/materialPacking.vue
@@ -20,7 +20,9 @@
         <el-button type="primary" @click="addFn">新增</el-button>
         <el-button type="primary" @click="unbindFn">解绑</el-button>
       </template>
-      <template #menu-right> </template>
+      <template #menu="scope"> 
+        <el-button type="text" @click="detailsFn(scope.row)">详情</el-button>
+      </template>
     </avue-crud>
     <!-- 新增 -->
     <addPackingDialog
@@ -35,17 +37,27 @@
       :rowItem="rowItem"
       @closeDialog="closeDialog"
     ></unbindDialog>
+
+    <!-- 箱条码详情 -->
+    <materialDetails
+      v-if="showDetails"
+      :showDialog="showDetails"
+      :rowData="rowItem"
+      @closeDialog="closeDialog"
+    ></materialDetails>
   </basic-container>
 </template>
 
 <script>
 import addPackingDialog from './components/addPackingDialog.vue';
 import unbindDialog from './components/unbindDialog.vue';
+import materialDetails from './components/materialDetails.vue';
 import { getList ,boxUnbind} from '@/api/logisticsManagement/materialPacking';
 export default {
   components: {
     addPackingDialog,
-    unbindDialog
+    unbindDialog,
+    materialDetails
   },
   data() {
     return {
@@ -104,7 +116,7 @@ export default {
         gridBtn: false,
         searchMenuPosition: 'right',
         align: 'center',
-        menu: false,
+        menu: true,
         column: [
           {
             label: '箱条码',
@@ -179,9 +191,14 @@ export default {
       },
 
       data: [],
+      showDetails:false
     };
   },
   methods: {
+    detailsFn(row){
+      this.rowItem = row
+      this.showDetails = true
+    },
     addFn() {
       this.showAddDialogd = true;
     },
@@ -193,6 +210,7 @@ export default {
       this.showReturnDialog = false;
       this.showReceiveDialog = false;
       this.showUnbindDialogd=false;
+      this.showDetails = false
       this.onLoad(this.page, this.query);
     },
     rowSave(row, done, loading) {