优化

src/views/warehousing/components/tgDetails.vue

@@ -0,0 +1,88 @@
+<template>
+  <ele-modal :visible.sync="visible" title="入库详情" width="1200px" >
+    <ele-pro-table :columns="columns" :datasource="tableList" cache-key="tgDetails"  height="calc(100vh - 350px)"	  :need-page="false">
+    </ele-pro-table>
+  </ele-modal>
+</template>
+
+<script>
+
+export default {
+ 
+  data() {
+    return {
+      visible: false,
+      tableList: [],
+      columns: [
+        {
+          label: '序号',
+          type: 'index',
+          width: 55,
+          align: 'center'
+        },
+    
+        {
+          label: '入库申请单id',
+          prop: 'applyStorageId'
+        },
+    
+        {
+          label: '物品名称',
+          prop: 'categoryName'
+        },
+        {
+          label: '物品分类名称',
+          prop: 'categoryLevelName'
+        },
+
+        {
+          label: '牌号',
+          prop: 'brandNum'
+        },
+
+        {
+          label: '型号',
+          prop: 'modelType'
+        },
+
+        {
+          label: '包装数量',
+          prop: 'packingCount'
+        },
+
+        {
+          label: '包装单位',
+          prop: 'packingUnit'
+        },
+
+        {
+          label: '本包重量',
+          prop: 'packingWeight'
+        },
+
+        {
+          label: '包装内总数量',
+          prop: 'quantity	'
+        },
+
+    
+        
+
+      ]
+
+      	
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    open(row) {
+      if (row) {
+        this.tableList = [...row.detailList, ...row.detailList, ...row.detailList,...row.detailList]
+      }
+      this.visible = true;
+    }
+  }
+};
+</script>

src/views/warehousing/index.vue

@@ -31,10 +31,21 @@
                 </template>
 
 
+                <template v-slot:action="{ row }">
+      
+            <el-link type="primary" :underline="false" @click="details(row)">
+              详情
+            </el-link>
+
+            </template>
+
+
             </ele-pro-table>
         </el-card>
 
 
+        <tgDetails ref="tgDetailsRefs"></tgDetails>
+
     </div>
 </template>
   
@@ -42,9 +53,11 @@
 import { getList } from '@/api/warehousing/index.js';
 
 import search from './components/search.vue';
+import tgDetails from './components/tgDetails.vue'
 export default {
     components: {
-        search
+        search,
+        tgDetails
     },
     data() {
         return {
@@ -139,6 +152,16 @@ export default {
 
                 },
 
+                {
+                    columnKey: 'action',
+                    label: '操作',
+                    width: 120,
+                    align: 'center',
+                    resizable: false,
+                    fixed: 'right',
+                    slot: 'action',
+                    showOverflowTooltip: true
+                }
 
 
             ];
@@ -163,6 +186,13 @@ export default {
         },
 
 
+        details(row) {
+            console.log(row)
+            this.$refs.tgDetailsRefs.open(row)
+
+        },
+
+
 
         /* 刷新表格 */
         reload(where) {