nrwms_web/src/views/business-data/businessTask/asnTask.vue

<template>
  <div class="app-container">
    <!--工具栏-->
    <div class="head-container">
<!--      <el-input v-model="query.itemCode" clearable placeholder="物料代码" style="width: 140px;" class="filter-item" @keyup.enter.native="crud.toQuery" />-->
      <el-select v-model="query.itemCode" placeholder="物料代码" style="width: 140px;" class="filter-item">
        <el-option
          @keyup.enter.native="crud.toQuery"
          v-for="item in this.itemListData"
          :key="item.code"
          :label="item.code"
          :value="item.code">
          <span style="float: left">{{ item.code }}</span>
          <span style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</span>
        </el-option>
      </el-select>
      <el-input v-model="query.itemName" clearable placeholder="物料名称" style="width: 140px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
      <el-select
        v-model="query.agvStatus"
        clearable
        size="small"
        placeholder="任务状态"
        class="filter-item"
        style="width: 100px"
        @change="crud.toQuery"
      >
        <el-option
          v-for="item in dict.task_status"
          :key="item.id"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
      <el-input v-model="query.srcPointCode" clearable placeholder="原点位" style="width: 140px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
      <el-input v-model="query.dstPointCode" clearable placeholder="目标点位" style="width: 140px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
      <date-range-picker v-if="crud.props.searchToggle" start-placeholder="创建日期" v-model="query.createTime" class="date-item" style="width: 100px" />
      <rrOperation :crud="crud" />
      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
      <crudOperation :permission="permission" :tableKey="this.$options.name">
        <el-button
            v-permission="permission.rgAsn"
            slot="right"
            class="filter-item"
            type="primary"
            size="mini"
            icon="el-icon-document-add"
            v-show="true"
            @click="ManualReceivingFlag=true;AsnType='STORAGE';agvFlag=0;fromManualReceiving={}"
        >
          人工入库
        </el-button>
        <el-button
            v-permission="permission.agvAsn"
            slot="right"
            class="filter-item"
            type="primary"
            size="mini"
            icon="el-icon-document-add"
            v-show="true"
            @click="ManualReceivingFlag=true;AsnType='BOX';agvFlag=1"
        >
          AGV入库
        </el-button>
        <el-button
            v-permission="permission.agvStockAsn"
            slot="right"
            class="filter-item"
            type="primary"
            size="mini"
            icon="el-icon-document-add"
            v-show="true"
            @click="fromSTAgvReceiving=true;AsnType='BOX';getPoints('LX');"
        >
          AGV搬运容器入场
        </el-button>
        <el-button
            v-permission="permission.lxPutAway"
            slot="right"
            class="filter-item"
            type="danger"
            size="mini"
            icon="el-icon-document-add"
            v-show="true"
            :disabled="crud.selections.length !== 1 || this.crud.selections[0].taskStatus!=='PUTAWAY'"
            @click="putawaySync()"
        >
          料箱上架
        </el-button>
      </crudOperation>
      <el-dialog title="AGV搬运容器入场" :visible.sync="fromSTAgvReceiving" width="400px">
        <el-form ref="fromBack" :model="fromBack" :rules="ruleBack" size="small" label-width="80px">
          <el-form-item label="容器类型" prop="storageType">
            <el-select v-model="fromBack.storageType" value-key="id" filterable placeholder="请选择">
              <el-option
                  v-for="item in storageTypes"
                  :key="item.id"
                  :label="item.name"
                  :value="item.code"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="起点库位" prop="point">
            <el-select v-model="fromBack.poinId" clearable value-key="id" filterable placeholder="请选择">
              <el-option
                  v-for="item in pointList"
                  :key="item.id"
                  :label="item.area.name+item.name"
                  :value="item.id"
              />
            </el-select>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="fromSTAgvReceiving = false">取 消</el-button>
          <el-button type="primary" @click="STAgvReceiving(fromBack.poinId)">确 定</el-button>
        </div>
      </el-dialog>
      <el-dialog title="料箱上架" :visible.sync="fromSTputawayFlag" width="400px">
        <el-form ref="fromBack" :model="fromSTputaway" :rules="ruleBack" size="small" label-width="80px">
          <el-form-item label="目标库位" prop="point">
            <el-select v-model="fromSTputaway.pointId" clearable value-key="id" filterable placeholder="请选择">
              <el-option
                  v-for="item in pointList"
                  :key="item.id"
                  :label="item.area.name+item.name"
                  :value="item.id"
              />
            </el-select>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="fromSTputawayFlag = false">取 消</el-button>
          <el-button type="primary" @click="ButSTputaway()">确 定</el-button>
        </div>
      </el-dialog>
      <!--表单组件-->
      <el-dialog title="入库" :visible.sync="ManualReceivingFlag" width="600px">
        <el-form ref="fromBack" :inline="true" :model="fromManualReceiving" :rules="rules" size="mini" label-width="120px">
<!--          <el-form-item label="容器类型" prop="storageType">
            <el-select v-model="fromBack.storageType" value-key="id" filterable placeholder="请选择">
              <el-option
                  v-for="item in storageTypes"
                  :key="item.id"
                  :label="item.name"
                  :value="item.code"
              />
            </el-select>
          </el-form-item>-->
          <el-form-item label="RFID" prop="RFID">
            <el-input v-model="fromManualReceiving.RFID" :rows="3" type="textarea" style="width: 350px;" @change="devan_rfid()"/>
          </el-form-item>
          <el-form-item label="登记单号" prop="relatedBill2">
            <el-input v-model="fromManualReceiving.relatedBill2"  :disabled="true" style="width: 100px;"/>
          </el-form-item>
          <el-form-item label="系统单号" prop="relatedBill1">
            <el-input v-model="fromManualReceiving.relatedBill1"  :disabled="true" style="width: 100px;"/>
          </el-form-item>
          <el-form-item label="sku" prop="sku">
            <el-input v-model="fromManualReceiving.sku"  :disabled="true" style="width: 330px;"/>
          </el-form-item>
          <el-form-item label="明细行数" prop="lineNo">
            <el-input v-model="fromManualReceiving.lineNos"  :disabled="true" style="width: 100px;"/>
          </el-form-item>
          <el-form-item label="剩余订单数量" prop="orderQty">
            <el-input v-model="fromManualReceiving.orderQty"  :disabled="true" style="width: 100px;"/>
          </el-form-item>
          <el-form-item label="收货数量" prop="receivedQty">
            <el-input v-model="fromManualReceiving.receivedQty"  :disabled="true" style="width: 330px;"/>
          </el-form-item>
          <el-form-item label="目标库位" prop="RFID">
            <el-select v-model="fromManualReceiving.pointId" clearable value-key="id" filterable placeholder="请选择" style="width: 330px;">
              <el-option
                  v-for="item in pointList"
                  :key="item.id"
                  :label="item.area.name+item.name"
                  :value="item.id"
              />
            </el-select>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="ManualReceivingFlag = false;">取 消</el-button>
          <el-button type="primary" @click="manualReceiving()">确 定</el-button>
        </div>
      </el-dialog>
      <!--表格渲染-->
      <el-table ref="table" border height="66vh" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
        <el-table-column type="selection" width="55"/>
        <el-table-column  prop="xh" type="index" :index="indexMethod" label="序号"/>
        <el-table-column  prop="id"label="ID"/>
        <el-table-column :show-overflow-tooltip="true" prop="itemCode" label="物料编码">
          <template slot-scope="scope">
            <div>{{ scope.row.itemKey.item.code }}</div>
          </template>
        </el-table-column>
        <el-table-column :show-overflow-tooltip="true" prop="itemName" label="物料名称">
          <template slot-scope="scope">
            <div>{{ scope.row.itemKey.item.name }}</div>
          </template>
        </el-table-column>
        <el-table-column prop="agvStatus" label="任务状态">
          <template slot-scope="scope">
            <span v-if="dict.label.asn_status[scope.row.taskStatus] ==null">{{ scope.row.taskStatus }}</span>
            <span v-if="scope.row.taskStatus !=null">{{ dict.label.asn_status[scope.row.taskStatus] }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="srcPointCode" label="原点位">
          <template slot-scope="scope">
            <div v-if="scope.row.srcPoint !=null">{{ scope.row.srcPoint.code }}</div>
          </template>
        </el-table-column>
        <el-table-column prop="dstPointCode" label="目标点位">
          <template slot-scope="scope">
            <div v-if="scope.row.dstPoint !=null">{{ scope.row.dstPoint.code }}</div>
          </template>
        </el-table-column>
        <el-table-column prop="agvTask" label="AGV搬运任务">
          <template slot-scope="scope">
            <div v-if="scope.row.agvTask !=null">{{ scope.row.agvTask.id }}</div>
          </template>
        </el-table-column>
        <el-table-column prop="beSkip" label="是否AGV任务" />
        <el-table-column prop="putCode" :show-overflow-tooltip="true" label="单品流水号" />
        <el-table-column prop="planQty" label="计划数量" />
        <el-table-column prop="moveQty" label="移位数量" />
        <el-table-column prop="itemKey.propC1" label="批次号" />
        <el-table-column prop="itemKey.propC2" label="字符" />
        <el-table-column prop="itemKey.propC3" label="计划单号" />
        <el-table-column prop="itemKey.propC4" label="厂家供货码" />
        <el-table-column prop="itemKey.propC5" label="供货数量" />
        <el-table-column prop="itemKey.propC6" :show-overflow-tooltip="true" label="流水号" />
        <el-table-column prop="createBy" label="创建人" />
        <el-table-column prop="createTime" label="创建时间" />
      </el-table>
      <!--分页组件-->
      <div style="float: right;">
        <pagination/>
      </div>
    </div>
  </div>
</template>

<script>
import crudTask, { devanRfid,butSTputaway } from '@/api/task'
import DonMessage from "@/utils/message";
import CRUD, { presenter, header, form, crud } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import DateRangePicker from "@/components/DateRangePicker/index.vue";
import {getItemsList} from "@/api/item";
import pointUrl, {getPoints} from "@/api/point";
import {getStockTypes} from "@/api/stockType";
import {devan} from "@/api/inventory";

const defaultForm = { id: null, itemId: null,agvTask: null, itemKeyId: null, billCode: null, taskType: null, asnDetailId: null, moveDetailId: null, waveDetailId: null, pickDetailId: null, srcStockId: null, dstStockId: null, srcPoint: null, dstPoint: null, srcStockCode: null, dstStockCode: null, srcPointCode: null, dstPointCode: null, invStatus: null, taskStatus: null, beSkip: null, beBack: null, planQty: null, moveQty: null, putCode: null, invId: null, deptId: null, createBy: null, updateBy: null, createTime: null, updateTime: null }
export default {
  name: 'Task',
  components: {DateRangePicker, pagination, crudOperation, rrOperation, udOperation},
  mixins: [presenter(), header(), form(defaultForm), crud()],
  dicts: ['task_status','asn_status'],
  cruds() {
    return CRUD({
      query: {taskType: ['FC_RK','SM_RK','RM_RK']},
      title: '收货任务',
      url: 'api/task',
      idField: 'id',
      sort: 'id,desc',
      crudMethod: {...crudTask},
        optShow: {
          add: false,
          edit: false,
          del: true,
          reset: true,
          download: true
        },
        queryOnPresenterCreated: true
      }
    )
  },
  data() {
    return {
      fromSTputawayFlag:false,
      fromSTputaway:{pointId:null},
      fromSTAgvReceiving:false,
      storageTypes:[],
      fromBack: {storageType: null,ids:[]},
      ManualReceivingFlag: false,
      agvFlag: 0,
      AsnType: 'STORAGE',
      permission: {
        add: ['admin', 'task:add'],
        edit: ['admin', 'task:edit'],
        del: ['admin', 'task:del'],
        download: ['admin', 'task:download'],
        agvAsn: ['admin', 'task:agvAsn'],
        rgAsn: ['admin', 'task:rgAsn'],
        agvStockAsn: ['admin', 'task:agvStockAsn'],
        lxPutAway: ['admin', 'task:lxPutAway']
      },
      rules: {
        RFID: [
          {required: true, message: '必填', trigger: 'blur'}
        ],
      },
      ruleBack: {
        storageType: [
          {required: true, message: '必填', trigger: 'blur'}
        ],
        point: [
          {required: true, message: '必填', trigger: 'blur'}
        ],
      },
      queryTypeOptions: [
        {key: 'itemCode', display_name: '物料代码'},
        {key: 'itemName', display_name: '物料名称'},
        {key: 'taskStatus', display_name: '任务状态'},
        { key: 'srcPointCode', display_name: '源点位编码' },
        { key: 'dstPointCode', display_name: '目标点位编码' }
      ],
      itemListData: [],
      pointList: [],
      // 入库
      fromManualReceiving:{ RFID:null,pointId:null }
    }
  },
  mounted() {
    // 初始化数据
    this.itemDataGet();
    this.getPoints(null);
    this.getStorageTypes();
  },
  methods: {
    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
    [CRUD.HOOK.beforeRefresh]() {
      return true
    },
    getStorageTypes() {
      getStockTypes({ }).then(res => {
        this.storageTypes= res.content.map(function(obj) {
          if (obj.hasChildren) {
            obj.children = null
          }
          return obj
        })
      })
    },
    //容器入场
    STAgvReceiving(pointId) {
      const ids = [];
      ids.push(pointId)
      this.fromBack.ids=ids;
      crudTask.STAgvReceiving(this.fromBack).then(res => {
        this.fromSTAgvReceiving = false;
        this.crud.toQuery()
        this.crud.notify("入场成功", CRUD.NOTIFICATION_TYPE.SUCCESS);
      }).catch(e => {
        this.crud.notify("入场失败", CRUD.NOTIFICATION_TYPE.ERROR);
      })
    },
    indexMethod(index) {
      return index * 1 + 1;
    },
    // 物料数据
    itemDataGet() {
      getItemsList().then(res => {
        this.itemListData = res;
      }).catch(e => {
        this.$message({
          showClose: true,
          message: '物料加载失败',
          type: 'error'
        });
      })
    },
    // 解析RFID码
    devan_rfid() {
      console.log("解析RFID码")
      devanRfid(this.fromManualReceiving.RFID,'ASN').then(res => {
        if (res.status === 200) {
          this.fromManualReceiving = res.data
          this.getPoints(res.data.billCode);
        }
      })
    },
    getPoints(areaCode) {
      getPoints(areaCode+"",this.AsnType).then(res => {
        this.pointList= res.map(function(obj) {
          if (obj.hasChildren) {
            obj.children = null
          }
          return obj
        })
      })
    },
    manualReceiving(){
      this.fromManualReceiving.agvFlag=this.agvFlag
      crudTask.manualReceiving(this.fromManualReceiving).then(res => {
        this.crud.notify(res.message, res.status)
        this.crud.toQuery()
        this.fromManualReceiving={}
      })
    },
    putawaySync(){
      this.fromSTputawayFlag=true;
      this.AsnType='STORAGE';
      this.getPoints('LX');
      this.pointList.push(this.crud.selections[0].dstPoint);
      this.fromSTputaway.pointId=this.crud.selections[0].dstPoint.id
    },
    ButSTputaway(){
      this.fromSTputaway.taskId=this.crud.selections[0].id;
      butSTputaway(this.fromSTputaway).then(res => {
        this.crud.notify(res.message, res.status)
        this.crud.toQuery()
        this.fromSTputawayFlag=false;
      })
    }
  }
}
</script>

<style scoped>

</style>