入库组盘页面,库存状态显示字典值

陈翱
1 parent a8af3b86
Showing 1 changed file with 38 additions and 2 deletions
ant-design-vue-jeecg/src/views/system/receipt/modules/ReceiveModal.vue
@@ -29,6 +29,12 @@
          <a-button type="primary" @click="selectContainer(record)">选取容器</a-button>
       </span>
  
+      <span slot="inventoryStatus" slot-scope="inventoryStatus">
+          <a-tag :key="inventoryStatus" color="blue" :color="getStatusColor(inventoryStatus)">
+            {{ solutionInvStatus(inventoryStatus) }}
+          </a-tag>
+        </span>
+
     </a-table>
     <select-inv-container-header ref="selectContainerForm" v-on:getContainer="getContainerCode"></select-inv-container-header>
   </j-modal>
@@ -42,7 +48,7 @@ import { JeecgListMixin } from &#39;@/mixins/JeecgListMixin&#39;
 import { filterMultiDictText } from '@/components/dict/JDictSelectUtil'
 import { validateDuplicateValue } from '@/utils/util'
 import { searchMaterialByCode } from '@/api/api'
-import { listReceiveByReceiptId } from '@/api/api'
+import { listReceiveByReceiptId,ajaxGetDictItems } from '@/api/api'
 import SelectInvContainerHeader from "./SelectInvContainerHeader";
  
 export default {
@@ -63,6 +69,7 @@ export default {
       materialList: {},
       querySource: {},
       dataSource: [],
+      invStatus:[],
       model: {},
       labelCol: {
         xs: { span: 24 },
@@ -89,7 +96,8 @@ export default {
           title: '库存状态',
           dataIndex: 'inventoryStatus',
           align: 'center',
-          width: 96
+          width: 96,
+          scopedSlots: {customRender: 'inventoryStatus'}
         },
         {
           title: '批次',
@@ -134,14 +142,42 @@ export default {
     // this.searchReceive()
     this.getSuperFieldList()
     // this.modelDefault = JSON.parse(JSON.stringify(this.model))
+    this.loadFrom();
   },
   methods: {
+    loadFrom(){
+      ajaxGetDictItems('inventory_status').then((res) => {
+        if (res.success) {
+          this.invStatus = res.result
+        }
+      })
+    },
+    getStatusColor(status) {
+      const colors = {
+        'good ': 'green',
+        'defective': 'red',
+        'discussed	': 'grey',
+        'scrap': 'purple',
+        default: 'blue'
+      };
+      return colors[status] || colors.default;
+    },
     getContainerCode(e){
       this.$nextTick(function (){
         let  record={containerCode: e}
         this.model = Object.assign({}, record)
       })
     },
+    solutionInvStatus(value) {
+      var actions = []
+      Object.keys(this.invStatus).some(key => {
+        if (this.invStatus[key].value == '' + value) {
+          actions.push(this.invStatus[key].text)
+          return true
+        }
+      })
+      return actions.join('')
+    },
     // add() {
     //   this.edit(this.modelDefault)
     //   this.model.inventoryStatus = 'good'