wms / wms4_shanghaianbofu · Files

<template>
  <a-card :bordered='false'>
    <!-- 操作按钮区域 -->
    <div class='table-operator'>
      <a-button v-has="'inventoryDetail:export'" type='primary' icon='download' @click="handleExportXls('库存详情')">
        导出
      </a-button>
      <a-button type='primary' icon='download' @click="downloadFile('queryInventoryByUniqueList.xls')">序列号查询详细模板下载
      </a-button>
      <a-upload name='file' :showUploadList='false' :multiple='false'
                :headers='tokenHeader' :action='queryInventoryByUniqueListUrl'
                @change='handleImportUniqueList'>
        <a-button type='primary' icon='import'>导入序列号查询详细</a-button>
      </a-upload>
      <a-button v-has="'inventoryDetail:quickShipment'" @click='quickShipment()' type='primary' icon='logout'>快速出库
      </a-button>
      <a-button v-has="'inventoryDetail:redCard'" @click='batchLock()' type='danger' icon='lock'>红牌</a-button>
      <a-button v-has="'inventoryDetail:batchGood'" @click='batchGood()' type='danger' icon='unlock'>释放红牌</a-button>
      <a-button v-has="'inventoryDetail:controller'" @click='controlledOrRelease(true)' type='danger' :ghost="true"
                icon='lock'>受控
      </a-button>
      <a-button v-has="'inventoryDetail:releaseController'" @click='controlledOrRelease(false)' type='danger'
                :ghost="true" icon='unlock'>释放受控
      </a-button>
      <a-button v-has="'inventoryDetail:scrap'" @click='scrap()' type='danger' icon='delete'>红牌报废</a-button>
      <a-button v-has="'inventoryDetail:returnLabel'" @click='returnLabel()' type='danger' icon='tool'>退标签
      </a-button>
    </div>
    <!-- table区域-begin -->
    <div>
      <a-table
        ref='table'
        size='middle'
        :scroll='{x:true}'
        bordered
        rowKey='id'
        :columns='columns'
        :dataSource='dataSource'
        :loading='loading'
        :pagination="false"
        :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, fixed: true}'
        class='j-table-force-nowrap'>
        <template slot="title" slot-scope="currentPageData">
          {{ `共 ${collectInv(currentPageData).snSize} 个序列号, ${collectInv(currentPageData).sumQty} 根` }}
        </template>
        <span slot='companyCode' slot-scope='companyCode'>
          <a-tag :key='companyCode' color='blue'>
            {{ solutionCompany(companyCode) }}
          </a-tag>
        </span>
        <span slot='zoneCode' slot-scope='zoneCode'>
          <a-tag :key='zoneCode' color='blue'>
            {{ solutionZoneCode(zoneCode) }}
          </a-tag>
        </span>
      </a-table>
    </div>
    <quick-shipment-model ref='QuickShipmentModel' @ok='quickShipmentModalFormOk'></quick-shipment-model>
    <lock-material-model ref='LockMaterialModel' @ok='lockMaterialModelFormOk'></lock-material-model>
    <return-label-model ref='returnLabelModel' @ok='returnLabelModelFormOk'></return-label-model>
    <controlled-or-release ref='controlledOrReleaseModel' @ok='controlledOrReleaseFormOk'></controlled-or-release>
  </a-card>
</template>

<script>

import '@/assets/less/TableExpand.less'
import {mixinDevice} from '@/utils/mixin'
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import SimpleInventoryDetailModal from './modules/SimpleInventoryDetailModal'
import {getCompanyList, getZoneList} from '@api/api'
import QuickShipmentModel from '../shipment/modules/QuickShipment.vue'
import {getAction, postAction} from '@/api/manage'
import ReturnLabelModel from "@views/system/shipment/modules/ReturnLabelModel.vue";
import LockMaterialModel from "@views/system/shipment/modules/LockMaterialModel.vue";
import ControlledOrRelease from "@views/system/inventory/modules/ControlledOrReleaseModal.vue";
import QuickSortShipmentModel from "@views/system/shipment/modules/QuickSortShipment.vue";

export default {
  name: 'InventorySnQuery',
  mixins: [JeecgListMixin, mixinDevice],
  components: {
    ReturnLabelModel,
    LockMaterialModel,
    ControlledOrRelease,
    QuickShipmentModel,
    QuickSortShipmentModel,
    SimpleInventoryDetailModal,
  },
  data() {
    return {
      description: '序列号查询库存页面',
      companyList: [],
      zoneList: [],
      // 表头
      columns: [
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          }
        },
        {
          title: '库存详情ID',
          align: 'center',
          dataIndex: 'id',
        },
        {
          title: '库区',
          align: 'center',
          dataIndex: 'zoneCode',
          key: 'zoneCode',
          scopedSlots: {customRender: 'zoneCode'}
        },
        {
          title: '库存状态',
          align: 'center',
          dataIndex: 'inventoryStatus_dictText'
        },
        {
          title: '容器编码',
          align: 'center',
          dataIndex: 'containerCode'
        },
        {
          title: '库位编码',
          align: 'center',
          dataIndex: 'locationCode'
        },
        {
          title: '序列号',
          align: 'center',
          dataIndex: 'uniqueCode'
        },
        {
          title: '是否使用',
          align: 'center',
          dataIndex: 'isUse_dictText'
        },
        {
          title: 'pin码',
          align: 'center',
          dataIndex: 'boxPin'
        },
        {
          title: '收货日期',
          align: 'center',
          dataIndex: 'receiveDate'
        },
        {
          title: '物料编码',
          align: 'center',
          dataIndex: 'materialCode'
        },
        {
          title: '物料名称',
          align: 'center',
          dataIndex: 'materialName'
        },
        // {
        //   title:'物料规格',
        //   align:"center",
        //   dataIndex: 'materialSpec'
        // },
        {
          title: '物料单位',
          align: 'center',
          dataIndex: 'materialUnit'
        },
        {
          title: '数量',
          align: 'center',
          dataIndex: 'qty'
        },
        {
          title: '任务数量',
          align: 'center',
          dataIndex: 'taskQty'
        },
        {
          title: '明细数量',
          align: 'center',
          dataIndex: 'childQty'
        },
        {
          title: '红牌单号',
          align: 'center',
          dataIndex: 'lockBillCode'
        },
        {
          title: '红牌原因',
          align: 'center',
          dataIndex: 'lockReason'
        },
        {
          title: '容器状态',
          align: 'center',
          dataIndex: 'containerStatus_dictText'
        },
        {
          title: '箱型号',
          align: 'center',
          dataIndex: 'boxTypeCode_dictText'
        },
        {
          title: '纸箱规格',
          align: 'center',
          dataIndex: 'boxName_dictText'
        },
        {
          title: '客户料号',
          align: 'center',
          dataIndex: 'customMaterialCode'
        },
        {
          title: '库龄（天）',
          align: 'center',
          dataIndex: 'inventoryAge'
        },
        {
          title: '创建人',
          align: 'center',
          dataIndex: 'createBy'
        },
        {
          title: '创建日期',
          align: 'center',
          dataIndex: 'createTime'
        },
        {
          title: '更新人',
          align: 'center',
          dataIndex: 'updateBy'
        },
        {
          title: '更新日期',
          align: 'center',
          dataIndex: 'updateTime'
        },
      ],
      url: {
        getInventoryDetailBySnList: '/inventory/inventoryDetail/getInventoryDetailBySnList',
        exportXlsUrl: '/inventory/inventoryDetail/exportXls',
        importExcelUrl: 'inventory/inventoryDetail/importExcel',
        quickShipment: 'inventory/inventoryDetail/quickShipment',
        batchLock: 'inventory/inventoryDetail/batchLock',
        batchGood: 'inventory/inventoryDetail/batchGood',
        scrap: 'inventory/inventoryDetail/scrap',
        returnLabel: 'inventory/inventoryDetail/returnLabel',
        queryInventoryByUniqueList: 'inventory/inventoryDetail/queryInventoryByUniqueList'
      },
      dictOptions: {},
      selectRecord: [],
    }
  },
  created() {
    this.loadFrom()
  },
  computed: {
    importExcelUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    },
    queryInventoryByUniqueListUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.queryInventoryByUniqueList}`
    }
  },
  methods: {
    collectInv(data) {
      if (data === null || data === undefined || data.length === 0) {
        return {
          snSize: 0,
          sumQty: 0,
        }
      } else {
        return {
          snSize: data.length,
          sumQty: data.map(x => x.qty).reduce((prev, curr) => {
            return prev + curr
          }),
        }
      }
    },
    loadData() {
    },
    refreshData() {
      let snList = this.dataSource.map(t => t.uniqueCode);
      postAction(this.url.getInventoryDetailBySnList, snList).then((res) => {
        if (res.success) {
          this.dataSource = res.result.records || res.result;
        } else {
          this.$message.warning(res.message)
        }
      }).finally(() => {
      })
    },
    loadFrom() {
      getCompanyList().then((res) => {
        if (res.success) {
          this.companyList = res.result
        }
      })
      getZoneList().then((res) => {
        if (res.success) {
          this.zoneList = res.result
        }
      })
    },
    solutionZoneCode(value) {
      let actions = []
      Object.keys(this.zoneList).some((key) => {
        if (this.zoneList[key].code === ('' + value)) {
          actions.push(this.zoneList[key].name)
          return true
        }
      })
      return actions.join('')
    },
    solutionCompany(value) {
      let actions = []
      Object.keys(this.companyList).some((key) => {
        if (this.companyList[key].code === ('' + value)) {
          actions.push(this.companyList[key].name)
          return true
        }
      })
      return actions.join('')
    },
    onSelectChange(selectedRowKeys, record) {
      this.selectedRowKeys = selectedRowKeys
      this.selectRecord = record
    },
    quickShipment() {
      if (this.selectedRowKeys.length <= 0) {
        this.$message.warning('请选择一条记录！')
      } else {
        let zoneCodes = this.selectRecord.map(row => row.zoneCode)
        if (new Set(zoneCodes).size !== 1) {
          this.$message.warning('所选数据非同库区')
          return
        }
        if ('D' !== this.selectRecord[0].zoneCode) {
          this.$refs.QuickShipmentModel.model.containerCode = this.selectRecord[0].containerCode
          this.$refs.QuickShipmentModel.edit()
          this.$refs.QuickShipmentModel.title = '选择出库口'
        } else {
          this.quickShipmentModalFormOk(null)
        }
      }
    },
    quickShipmentModalFormOk(params) {
      let that = this
      if (params !== '') {
        that.loading = true
        postAction(that.url.quickShipment, {ids: that.selectedRowKeys, outPortCode: params}).then((res) => {
          that.$message.warning(res.message)
          that.onClearSelected()
          that.refreshData();
        }).finally(() => {
          that.loading = false
        })
      }
    },
    handleImportUniqueList(info) {
      this.loading = false
      if (info.file.status === 'done') {
        if (info.file.response.success) {
          let res = info.file.response
          this.dataSource = res.result.records || res.result
          this.$message.success(info.file.response.message)
        } else {
          this.$message.error(`${info.file.name} ${info.file.response.message}.`)
        }
      }
    },
    batchLock: function () {
      if (this.selectedRowKeys.length <= 0) {
        this.$message.warning('请选择一条记录！')
      } else {
        this.$refs.LockMaterialModel.edit()
        this.$refs.LockMaterialModel.isLock = true
      }
    },
    lockMaterialModelFormOk(isLock, lockBillCode, lockReason) {
      let that = this
      that.loading = true
      let url = isLock ? this.url.batchLock : this.url.batchGood
      postAction(url, {
        lockBillCode: lockBillCode,
        lockReason: lockReason,
        inventoryDetailIds: this.selectedRowKeys
      }).then((res) => {
        if (res.success) {
          that.$message.success(res.message)
          that.onClearSelected()
          this.refreshData();
        } else {
          that.$message.warning(res.message)
          this.selectedRowKeys = []
        }
      }).finally(() => {
        that.loading = false;
      })
    },
    batchGood() {
      if (this.selectedRowKeys.length <= 0) {
        this.$message.warning('请选择一条记录！')
      } else {
        if (this.selectedRowKeys.length <= 0) {
          this.$message.warning('请选择一条记录！')
        } else {
          this.$refs.LockMaterialModel.edit()
          this.$refs.LockMaterialModel.isLock = false
        }
      }
    },
    scrap() {
      let record = this.selectRecord
      if (record.length <= 0) {
        this.$message.warning('请选择一条记录！')
      } else {
        try {
          record.forEach((x) => {
            if (x.zoneCode !== 'F') {
              throw new Error('报废失败，只能报废成品地面库的库存！')
            }
            if (x.inventoryStatus !== 'lock') {
              throw new Error('报废失败，只能报废红牌状态的库存！')
            }
          })
        } catch (e) {
          this.$message.warning(e.message)
          return;
        }
        let that = this
        this.$confirm({
          title: '确认报废',
          content: '是否报废选中数据?',
          onOk: function () {
            that.loading = true
            postAction(that.url.scrap, that.selectedRowKeys).then((res) => {
              if (res.success) {
                that.$message.success(res.message)
                that.onClearSelected()
                that.refreshData();
              } else {
                that.$message.warning(res.message)
              }
            }).finally(() => {
              that.loading = false
            })
          }
        })
      }
    },
    returnLabel() {
      let record = this.selectRecord
      if (this.selectedRowKeys.length <= 0) {
        this.$message.warning('请选择一条记录！')
      } else {
        try {
          record.forEach((x) => {
            if (x.zoneCode !== 'F') {
              throw new Error('退标签失败，只能退掉成品地面库的库存！')
            }
          })
        } catch (e) {
          this.$message.warning(e.message)
          return;
        }
        this.$refs.returnLabelModel.edit()
      }
    },
    returnLabelModelFormOk(returnLabelReason) {
      let that = this
      that.loading = true
      postAction(that.url.returnLabel, {
        inventoryDetailIds: that.selectedRowKeys,
        returnLabelReason: returnLabelReason
      }).then((res) => {
        if (res.success) {
          that.$message.success(res.message)
          that.onClearSelected()
          that.refreshData();
        } else {
          that.$message.warning(res.message)
        }
      }).finally(() => {
        that.loading = false
      })
    },
    controlledOrRelease: function (isControlled) {
      if (this.selectedRowKeys.length <= 0) {
        this.$message.warning('请选择一条记录！')
      } else {
        let that = this
        this.$confirm({
          title: isControlled ? '确认受控' : '确认释放',
          content: '是否' + (isControlled ? '受控' : '释放') + '选中数据?',
          onOk: function () {
            that.loading = true
            let url = isControlled ? that.url.controller : that.url.releaseController
            console.log(that.selectedRowKeys)
            postAction(url, that.selectedRowKeys).then((res) => {
              if (res.success) {
                //重新计算分页问题
                that.reCalculatePage(that.selectedRowKeys.length)
                that.$message.success(res.message)
                that.loadData()
                that.onClearSelected()
              } else {
                that.$message.warning(res.message)
                that.selectedRowKeys = []
              }
            }).finally(() => {
              that.loading = false
            })
          }
        })
      }
    },
    controlledOrReleaseFormOk(param1, param2, param3, param4) {
      let url = param4 ? this.url.controller : this.url.releaseController
      let that = this
      if (param1 !== '' && param1 !== undefined
        && param2 !== '' && param2 !== undefined
        && param3 !== '' && param3 !== undefined) {
        that.loading = true
        getAction(url, {
          companyCode: param1,
          zoneCode: param2,
          materialCode: param3
        }).then((res) => {
          if (res.success) {
            //重新计算分页问题
            that.reCalculatePage(that.selectedRowKeys.length)
            that.$message.success(res.message)
            that.loadData()
            that.onClearSelected()
          } else {
            that.$message.warning(res.message)
          }
        }).finally(() => {
          that.loading = false
        })
      }
    }
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>