Переглянути джерело

采购-预留:调拨单增加货权预留按钮

001295 1 рік тому
батько
коміт
2dc7d68421
1 змінених файлів з 122 додано та 0 видалено
  1. 122 0
      src/views/purchase/transferOrder/reserved.vue

+ 122 - 0
src/views/purchase/transferOrder/reserved.vue

@@ -0,0 +1,122 @@
+<template>
+  <div class="reserved">
+    <el-dialog
+      :visible.sync="visible"
+      :before-close="handleClose"
+      width="70%"
+    >
+      <el-descriptions class="margin-top" title="货权预留单" :column="3" size="small" border>
+        <el-descriptions-item>
+          <template slot="label">
+            预留单据号
+          </template>
+          {{ resData.code }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            来源单据号
+          </template>
+          {{ resData.source }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            客户名称
+          </template>
+          {{ resData.customerName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            创建人
+          </template>
+          {{ resData.createByName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            创建人编码
+          </template>
+          {{ resData.createBy }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            创建时间
+          </template>
+          {{ resData.createTime }}
+        </el-descriptions-item>
+      </el-descriptions>
+      <el-table style="margin-top: 50px" :data="items" @row-click="rowClick" height="300px">
+        <el-table-column show-overflow-tooltip prop="materialCode" label="物料编码" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="materialName" label="物料名称" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="unitName" label="单位名称" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="reservedQty" label="预留数量" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="totalIn" label="累计入库数量" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="qty" label="可用量" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="usedQty" label="已用量" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="warehouseName" label="仓库名称" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="allocationName" label="货位名称" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="createTime" label="创建时间" width="200"></el-table-column>
+      </el-table>
+      <el-table style="margin-top: 50px" :data="showHistoryItems" height="300px">
+        <el-table-column show-overflow-tooltip prop="materialCode" label="物料编码" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="materialName" label="物料名称" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="unitName" label="单位名称" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="operateType" label="操作类型" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="operateBill" label="操作单据" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="operateBillcode" label="操作单据编码" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="operateBillitem" label="操作明细行" width="150"></el-table-column>
+        <el-table-column show-overflow-tooltip prop="allotQty" label="操作数量" width="150">
+          <template slot-scope="scope">
+            {{scope.row.allotQty > 0 ? "+" + scope.row.allotQty : scope.row.allotQty}}
+          </template>
+        </el-table-column>
+        <el-table-column show-overflow-tooltip prop="createTime" label="操作时间" width="200"></el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {getDetailBySource} from '@/api/purchase/ownership.js'
+
+export default {
+  props: {
+    isVisible: {
+      type: Boolean,
+      default: false
+    },
+    info: {
+      type: Object,
+      default: null
+    }
+  },
+  mounted() {
+    this.getDetails(this.info)
+  },
+  data() {
+    return {
+      visible:this.isVisible,
+      resData: {},
+      items: [],
+      historyItems: [],
+      showHistoryItems: [],
+    }
+  },
+  methods: {
+    getDetails(row) {
+      getDetailBySource(row.code).then(res => {
+        if (res.code === 200) {
+          this.resData = res.data;
+          this.items = res.data.stMaterialOwnershipItemList;
+          this.historyItems = res.data.stMaterialOwnershipHistoryList;
+          this.showHistoryItems = this.historyItems.filter(ele => ele.ownerId == this.items[0].id);
+        }
+      })
+    },
+    handleClose() {
+      this.$emit('updateReserved', false)
+    },
+    rowClick(row){
+      this.showHistoryItems = this.historyItems.filter(ele => ele.ownerId == row.id);
+    }
+  }
+}
+</script>