add:备货管理

lms/nladmin-ui/src/views/b_lms/bst/ivt/stockingivt/tubeDialog2.vue

@@ -0,0 +1,114 @@
+<template>
+  <el-dialog
+    append-to-body
+    title="托盘详情"
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    fullscreen
+    @close="close"
+    @open="open"
+  >
+    <div class="grid-container">
+      <el-table
+        ref="table2"
+        :data="tableDtl"
+        style="width: 100%;"
+        max-height="300"
+        size="mini"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+      >
+        <el-table-column min-width="50" show-overflow-tooltip prop="vehicle_code" label="托盘号" align="center" />
+        <el-table-column min-width="50" show-overflow-tooltip prop="row_num" label="排" align="center" />
+        <el-table-column prop="material_code" label="物料号" align="center" width="150" />
+        <el-table-column prop="material_name" label="物料名称" align="center" />
+        <el-table-column min-width="50" prop="qty" label="数量" align="center" :formatter="crud.formatNum0" />
+        <el-table-column prop="update_time" label="修改时间" align="center" />
+        <el-table-column prop="update_optname" label="修改人" align="center" />
+      </el-table>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import crudBstIvtStockingivt from './bstIvtStockingivt'
+import { crud } from '@crud/crud'
+
+export default {
+  name: 'TubeDialog2',
+  components: { },
+  mixins: [crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    rowmst: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      tableDtl: [],
+      form: {}
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    },
+    rowmst: {
+      handler(newValue) {
+        this.form = newValue
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.queryTableDtl()
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.tableDtl = []
+      this.$emit('AddChanged')
+    },
+    queryTableDtl() {
+      crudBstIvtStockingivt.showDetail2({ 'vehicle_code': this.form.vehicle_code }).then(res => {
+        this.tableDtl = res
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.grid-container {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.grid-row {
+  display: flex;
+  gap: 5px;
+  justify-content: center;
+}
+
+.grid-cell {
+  width: 50px;
+  height: 50px;
+  cursor: pointer;
+  border: 1px solid #ddd;
+  transition: all 0.3s;
+}
+
+.grid-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+</style>