Blame view

ant-design-vue-jeecg/src/views/system/shipment/ShipmentContainerHeaderList.vue 19.1 KB
肖超群 authored
1
2
3
4
5
6
7
<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
肖超群 authored
8
9
            <a-form-item label="容器号">
              <a-input placeholder="请输入容器号" v-model="queryParam.containerCode"></a-input>
肖超群 authored
10
11
12
13
14
15
16
17
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="任务类型">
              <j-dict-select-tag placeholder="请选择任务类型" v-model="queryParam.taskType" dictCode="shipment_task_type"/>
            </a-form-item>
          </a-col>
          <template v-if="toggleSearchStatus">
肖超群 authored
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="状态">
                <j-dict-select-tag placeholder="请选择状态" v-model="queryParam.status"
                                   dictCode="shipment_container_status"/>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="起始库位">
                <a-input placeholder="请输入起始库位" v-model="queryParam.fromLocationCode"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="目标库位">
                <a-input placeholder="请输入目标库位" v-model="queryParam.toLocationCode"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="目标出入口">
                <a-input placeholder="请输入目标出入口" v-model="queryParam.toPort"></a-input>
              </a-form-item>
            </a-col>
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="创建人">
                <a-input placeholder="请输入创建人" v-model="queryParam.createBy"></a-input>
              </a-form-item>
            </a-col>
44
            <a-col :xl="12" :lg="14" :md="16" :sm="24">
肖超群 authored
45
              <a-form-item label="创建日期">
46
                <j-date :show-date="true" date-format="YYYY-MM-DD" placeholder="请选择开始时间"
肖超群 authored
47
                        class="query-group-cust" v-model="queryParam.createTime_begin"></j-date>
肖超群 authored
48
                <span class="query-group-split-cust"></span>
49
                <j-date :show-date="true" date-format="YYYY-MM-DD" placeholder="请选择结束时间"
肖超群 authored
50
                        class="query-group-cust" v-model="queryParam.createTime_end"></j-date>
肖超群 authored
51
52
53
54
55
              </a-form-item>
            </a-col>
          </template>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
56
              <a-button id="search" type="primary" @click="searchQuery" icon="search">查询</a-button>
肖超群 authored
57
58
59
60
61
62
63
64
65
66
67
              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
              <a @click="handleToggleSearch" style="margin-left: 8px">
                {{ toggleSearchStatus ? '收起' : '展开' }}
                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
              </a>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
    <!-- 查询区域-END -->
68
肖超群 authored
69
70
    <!-- 操作按钮区域 -->
    <div class="table-operator">
肖超群 authored
71
      <a-button @click="handleAdd" v-has="'shipmentContainerHeader:add'" type="primary" icon="plus">新增</a-button>
易文鹏 authored
72
73
      <a-button v-has="'shipmentContainerHeader:export'" type="primary" icon="download" @click="handleExportXls('出库组盘')">导出</a-button>
      <a-upload v-has="'shipmentContainerHeader:import'" name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl"
肖超群 authored
74
                @change="handleImportExcel">
肖超群 authored
75
76
        <a-button type="primary" icon="import">导入</a-button>
      </a-upload>
77
      <a-button @click="createBatchTask" type="primary" >批量生成任务</a-button>
肖超群 authored
78
      <a-button @click="cancelBatchTask" type="primary" >批量取消配盘</a-button>
79
80
      <j-super-query :fieldList="superFieldList" v-has="'shipmentContainerHeader:superQuery'" @handleSuperQuery="handleSuperQuery"/>
肖超群 authored
81
82
83
84
    </div>

    <!-- table区域-begin -->
    <div>
肖超群 authored
85
86
<!--      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">-->
<!--        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a-->
87
<!--        style="font-weight: 600">{{ selectedRowKeys.length }}</a> 项-->
肖超群 authored
88
89
<!--        <a style="margin-left: 24px" @click="onClearSelected">清空</a>-->
<!--      </div>-->
肖超群 authored
90
91
92
93
94
95
96
97
98
99
100
101

      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        class="j-table-force-nowrap"
        :scroll="{x:true}"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
谭毅彬 authored
102
        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'checkbox'}"
肖超群 authored
103
        :customRow="clickThenSelect"
104
        :rowClassName="rowClassName"
肖超群 authored
105
        @change="handleTableChange">
肖超群 authored
106
107
108
109
110
111
112

        <span slot="zoneCode" slot-scope="zoneCode">
          <a-tag :key="zoneCode" color=blue>
            {{ solutionZoneCode(zoneCode) }}
          </a-tag>
        </span>
易文鹏 authored
113
114
115
116
117
118
119
120
121
122
        <span slot="taskType_dictText" slot-scope="taskType_dictText">
            <a-tag :key="taskType_dictText" :color="getStatusColor(taskType_dictText)">
              {{ taskType_dictText }}
            </a-tag>
        </span>
        <span slot="status_dictText" slot-scope="status_dictText">
            <a-tag :key="status_dictText" :color="getStatusColor(status_dictText)">
              {{ status_dictText }}
            </a-tag>
        </span>
肖超群 authored
123
124

        <span slot="action" slot-scope="text, record">
肖超群 authored
125
          <a v-if="record.status == 0 && record.zoneType =='A'" @click="openCreateShipmentTaskAndAgvTask(record)"><a-button type="primary">生成任务</a-button><a-divider type="vertical"/></a>
肖超群 authored
126
          <a v-if="record.status == 0 && record.zoneType =='L'" @click="selectPort(record)"><a-button type="primary">生成任务</a-button><a-divider type="vertical"/></a>
肖超群 authored
127
          <a v-if="record.status == 0 && record.zoneType =='P'" @click="completeFlatShipment(record)"><a-button type="primary">平库出库</a-button><a-divider type="vertical"/></a>
肖超群 authored
128
<!--                    <a v-if="record.status == 0 && record.zoneType =='L'" @click="openCreateShipmentTaskAgv(record)"><a-button type="primary">生成任务</a-button><a-divider type="vertical"/></a>-->
129
          <a-popconfirm v-if="record.status == 0" v-has="'shipmentContainerHeader:delete'" title="确定取消配盘吗?" @confirm="() => handleDelete(record.id)">
易文鹏 authored
130
             <a><a-button type="danger">取消配盘</a-button> <a-divider type="vertical"/></a>
131
          </a-popconfirm>
132
           <a v-has="'shipmentContainerHeader:edit'" @click="handleEdit(record)"><a-button type="default">编辑</a-button> <a-divider type="vertical"/></a>
133
           <a v-if="record.status == 10 && record.taskType == 400" v-has="'shipmentContainerHeader:reduceInventoryDetailBySn'"   @click="openReduce(record)"><a-button type="primary">扣减库存</a-button></a>
肖超群 authored
134
135
136
137
138
        </span>
      </a-table>
    </div>

    <a-tabs defaultActiveKey="1">
肖超群 authored
139
140
      <a-tab-pane tab="出库组盘详情" key="1">
        <ShipmentContainerDetailList :mainId="selectedMainId"/>
肖超群 authored
141
142
143
144
      </a-tab-pane>
    </a-tabs>

    <shipmentContainerHeader-modal ref="modalForm" @ok="modalFormOk"></shipmentContainerHeader-modal>
肖超群 authored
145
    <shipmentContainerSelect-modal ref="modalForm2" @ok="modalFormOk"></shipmentContainerSelect-modal>
肖超群 authored
146
    <createShipmentTaskByAgv-modal ref="modalForm3" @ok="modalFormOk"></createShipmentTaskByAgv-modal>
肖超群 authored
147
    <createShipmentTaskAndAgvTask-modal ref="modalForm4" @ok="modalFormOk"></createShipmentTaskAndAgvTask-modal>
148
    <ReduceInventoryBySnModal ref="modalForm5" @ok="modalFormOk"></ReduceInventoryBySnModal>
肖超群 authored
149
150
151
152
153
  </a-card>
</template>

<script>
肖超群 authored
154
155
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import ShipmentContainerHeaderModal from './modules/ShipmentContainerHeaderModal'
肖超群 authored
156
import {deleteAction, getAction} from '@/api/manage'
肖超群 authored
157
158
159
import ShipmentContainerDetailList from './ShipmentContainerDetailList'
import {initDictOptions, filterMultiDictText} from '@/components/dict/JDictSelectUtil'
import '@/assets/less/TableExpand.less'
肖超群 authored
160
161
162
163
164
165
166
167
168
169
import {
  createShipmentTask,
  createShipmentTaskAndAgvTask,
  execute,
  getCompanyList,
  getCustomerList,
  getShipmentTypeList,
  completeFlatShipment,
  getZoneList
} from '@/api/api'
肖超群 authored
170
import {selectSortingPort, createShipmentTaskByAgv} from '@/api/api'
肖超群 authored
171
import ShipmentContainerSelectModal from "./modules/ShipmentContainerSelectModal";
肖超群 authored
172
import CreateShipmentTaskByAgvModal from "./modules/CreateShipmentTaskByAgvModal";
肖超群 authored
173
import CreateShipmentTaskAndAgvTaskModal from "@views/system/shipment/modules/createShipmentTaskAndAgvTaskModal";
174
import ReduceInventoryBySnModal from "@views/system/shipment/modules/ReduceInventoryBySnModal.vue";
肖超群 authored
175
肖超群 authored
176
177
178
179
export default {
  name: "ShipmentContainerHeaderList",
  mixins: [JeecgListMixin],
  components: {
180
    ReduceInventoryBySnModal,
肖超群 authored
181
    CreateShipmentTaskAndAgvTaskModal,
肖超群 authored
182
    CreateShipmentTaskByAgvModal,
肖超群 authored
183
184
185
186
187
188
    ShipmentContainerSelectModal,
    ShipmentContainerDetailList,
    ShipmentContainerHeaderModal
  },
  data() {
    return {
189
      selectIndex: null,
肖超群 authored
190
191
192
      description: '出库组盘管理页面',
      querySource: {},
      portList: [],
肖超群 authored
193
      zoneList: [],
肖超群 authored
194
      hh:'123',
195
      firstLoad:0,
肖超群 authored
196
197
198
199
      isorter: {
        column: 'status',
        order: 'asc',
      },
肖超群 authored
200
201
202
      // 表头
      columns: [
        {
肖超群 authored
203
          title: '容器号',
肖超群 authored
204
205
          align: "center",
          dataIndex: 'containerCode'
肖超群 authored
206
        },
肖超群 authored
207
208
209
210
        {
          title: '任务类型',
          align: "center",
          dataIndex: 'taskType_dictText',
易文鹏 authored
211
          scopedSlots: {customRender: 'taskType_dictText'}
肖超群 authored
212
        },
肖超群 authored
213
214
215
216
        {
          title: '状态',
          align: "center",
          dataIndex: 'status_dictText',
易文鹏 authored
217
          scopedSlots: {customRender: 'status_dictText'}
肖超群 authored
218
        },
肖超群 authored
219
        {
肖超群 authored
220
221
222
223
224
225
226
          title: '库区',
          align: "center",
          dataIndex: 'zoneCode',
          key: 'zoneCode',
          scopedSlots: {customRender: 'zoneCode'}
        },
        {
肖超群 authored
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
          title: '起始库位',
          align: "center",
          dataIndex: 'fromLocationCode'
        },
        {
          title: '目标库位',
          align: "center",
          dataIndex: 'toLocationCode'
        },
        {
          title: '目标出入口',
          align: "center",
          dataIndex: 'toPort'
        },
        {
          title: '创建人',
          align: "center",
          dataIndex: 'createBy'
        },
        {
          title: '创建日期',
          align: "center",
          dataIndex: 'createTime'
        },
        {
          title: '更新人',
          align: "center",
          dataIndex: 'updateBy'
        },
        {
          title: '更新日期',
          align: "center",
          dataIndex: 'updateTime'
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: "center",
          fixed: "right",
          width: 147,
          scopedSlots: {customRender: 'action'},
肖超群 authored
268
        }
肖超群 authored
269
270
271
272
273
274
275
      ],
      url: {
        list: "/shipment/shipmentContainerHeader/list",
        delete: "/shipment/shipmentContainerHeader/delete",
        deleteBatch: "/shipment/shipmentContainerHeader/deleteBatch",
        exportXlsUrl: "/shipment/shipmentContainerHeader/exportXls",
        importExcelUrl: "shipment/shipmentContainerHeader/importExcel",
肖超群 authored
276
      },
肖超群 authored
277
278
279
      dictOptions: {
        taskType: [],
        status: [],
肖超群 authored
280
      },
肖超群 authored
281
282
283
284
285
286
287
288
289
290
291
      /* 分页参数 */
      ipagination: {
        current: 1,
        pageSize: 5,
        pageSizeOptions: ['5', '10', '50'],
        showTotal: (total, range) => {
          return range[0] + "-" + range[1] + " 共" + total + "条"
        },
        showQuickJumper: true,
        showSizeChanger: true,
        total: 0
292
      },
肖超群 authored
293
294
295
296
297
298
      selectedMainId: '',
      superFieldList: [],
    }
  },
  created() {
    this.getSuperFieldList();
肖超群 authored
299
    this.loadFrom();
肖超群 authored
300
  },
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
  mounted() {
    if(this.firstLoad == 0) {
      this.firstLoad = 1;
      return;
    }
    //页面没加载完,此时methods里的方法找不到,使用定时器模拟点击
    let timeSearch=setInterval(()=>{
      let eleSearch= document.getElementById("search");
      if (eleSearch!=null){
        //调用成功,清除定时器
        clearInterval(timeSearch)
        eleSearch.click();
      }
    },200)
  },
肖超群 authored
316
317
318
319
320
321
  computed: {
    importExcelUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
    }
  },
  methods: {
易文鹏 authored
322
323
324
325
326
327
328
329
330
331
332
333
    getStatusColor(status) {
      const colors = {
        '新建': 'green',
        '生成任务': 'blue',
        '下架完成': 'gray',

        '整出任务': 'blue',
        '分拣任务': 'green',
        default: 'blue'
      };
      return colors[status] || colors.default;
    },
肖超群 authored
334
335
    initDictConfig() {
    },
336
    clickThenSelect(record,index) {
肖超群 authored
337
338
339
      return {
        on: {
          click: () => {
340
            this.selectIndex=index
341
            this.onSelectChange(record.id.toString().split(","), [record]);
肖超群 authored
342
          }
肖超群 authored
343
        }
肖超群 authored
344
      }
肖超群 authored
345
    },
346
347
348
    rowClassName(record, index) {
      return index === this.selectIndex ? 'Rowactive' : ''
    },
肖超群 authored
349
350
351
352
353
354
    onClearSelected() {
      this.selectedRowKeys = [];
      this.selectionRows = [];
      this.selectedMainId = ''
    },
    onSelectChange(selectedRowKeys, selectionRows) {
谭毅彬 authored
355
356
357
      if (selectedRowKeys.length > 0) {
        this.selectedMainId = selectedRowKeys[0].toString();
      }
肖超群 authored
358
359
360
361
362
363
364
      this.selectedRowKeys = selectedRowKeys;
      this.selectionRows = selectionRows;
    },
    selectPort(record) {
      this.$refs.modalForm2.edit(record);
      this.$refs.modalForm2.title = "选择出库口";
    },
肖超群 authored
365
366
367
368
    openCreateShipmentTaskAgv(record) {
      this.$refs.modalForm3.edit(record);
      this.$refs.modalForm3.title = "选择出库口";
    },
肖超群 authored
369
370
371
    openCreateShipmentTaskAndAgvTask(record) {
      this.$refs.modalForm4.edit(record);
      this.$refs.modalForm4.title = "选择出库口";
肖超群 authored
372
    },
373
374
375
376
    openReduce(record) {
      this.$refs.modalForm5.edit(record);
      this.$refs.modalForm5.title = "扣减库存";
    },
肖超群 authored
377
378
379
380
381
382
383
384
385
386
387
388
389
390
    completeFlatShipment(record) {
      const that = this;
      that.confirmLoading = true;
      completeFlatShipment(record).then((res) => {
        if (res.success) {
          that.$message.success(res.message);
        } else {
          that.$message.warning(res.message);
        }
        that.searchQuery();
      }).finally(() => {
        that.confirmLoading = false;
      });
    },
391
    createBatchTask() {
392
393
      if (this.selectedRowKeys.length <= 0) {
        this.$message.warning('至少选择一条记录!')
肖超群 authored
394
        return
395
396
397
398
399
400
401
402
403
404
      }
      var shipmentContainerHeaderList = []
      var shipmentContainerHeader = null
      for (var a = 0; a < this.selectedRowKeys.length; a++) {
        if (this.selectionRows[a] != null && this.selectionRows[a].status == 0) {
          if (shipmentContainerHeader == null) {
            shipmentContainerHeader = this.selectionRows[a]
          }
          if (shipmentContainerHeader.taskType == this.selectionRows[a].taskType) {
            shipmentContainerHeaderList.push(this.selectionRows[a])
405
          }
肖超群 authored
406
407
        }
      }
408
409
410
411
      if (shipmentContainerHeaderList.length > 0) {
        this.$refs.modalForm2.batchEdit(shipmentContainerHeaderList)
        this.$refs.modalForm2.title = '选择出库口'
      } else {
412
        this.$message.error("没有符合生成条件的记录!")
413
      }
肖超群 authored
414
415
416
    },
    cancelBatchTask() {
      if (!this.url.deleteBatch) {
417
        this.$message.error('请设置url.deleteBatch属性!')
肖超群 authored
418
419
420
        return
      }
      if (this.selectedRowKeys.length <= 0) {
421
        this.$message.warning('至少选择一条记录!')
422
423
424
425
        return
      }
      var ids = ''
      for (var a = 0; a < this.selectedRowKeys.length; a++) {
426
        if (this.selectedRowKeys[a] != null && typeof this.selectedRowKeys[a] == "number") {
427
          ids += this.selectedRowKeys[a] + ','
肖超群 authored
428
        }
429
430
431
432
433
434
435
436
437
438
439
440
441
      }
      if (ids == '') {
        this.$message.warning('没有符合取消条件的记录!')
        return
      }
      var that = this
      this.$confirm({
        title: '确认删除',
        content: '是否删除选中数据?',
        onOk: function() {
          that.loading = true
          deleteAction(that.url.deleteBatch, { ids: ids })
            .then(res => {
肖超群 authored
442
443
444
              if (res.success) {
                //重新计算分页问题
                that.reCalculatePage(that.selectedRowKeys.length)
445
446
447
                that.$message.success(res.message)
                that.loadData()
                that.onClearSelected()
肖超群 authored
448
              } else {
449
                that.$message.warning(res.message)
肖超群 authored
450
              }
451
452
453
454
455
456
            })
            .finally(() => {
              that.loading = false
            })
        }
      })
肖超群 authored
457
    },
肖超群 authored
458
459
    solutionZoneCode(value) {
      var actions = []
肖超群 authored
460
      // console.log("solutionZoneCode " + this.zoneList);
肖超群 authored
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
      Object.keys(this.zoneList).some((key) => {
        if (this.zoneList[key].code == ('' + value)) {
          actions.push(this.zoneList[key].name)
          return true
        }
      })
      return actions.join('')
    },
    loadFrom() {
      getZoneList().then((res) => {
        if (res.success) {
          this.zoneList = res.result
        }
      });
    },
肖超群 authored
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
    loadData(arg) {
      if (!this.url.list) {
        this.$message.error("请设置url.list属性!")
        return
      }
      //加载数据 若传入参数1则加载第一页的内容
      if (arg === 1) {
        this.ipagination.current = 1;
      }
      this.onClearSelected()
      var params = this.getQueryParams();//查询条件
      this.loading = true;
      getAction(this.url.list, params).then((res) => {
        if (res.success) {
          this.dataSource = res.result.records;
          this.ipagination.total = res.result.total;
        }
        if (res.code === 510) {
          this.$message.warning(res.message)
        }
        this.loading = false;
      })
    },
    getSuperFieldList() {
      let fieldList = [];
肖超群 authored
501
      fieldList.push({type: 'string', value: 'containerCode', text: '容器号', dictCode: ''})
肖超群 authored
502
503
504
505
506
507
508
509
510
511
      fieldList.push({type: 'int', value: 'taskType', text: '任务类型', dictCode: 'shipment_task_type'})
      fieldList.push({type: 'int', value: 'status', text: '状态', dictCode: 'shipment_container_status'})
      fieldList.push({type: 'string', value: 'fromLocationCode', text: '起始库位', dictCode: ''})
      fieldList.push({type: 'string', value: 'toLocationCode', text: '目标库位', dictCode: ''})
      fieldList.push({type: 'string', value: 'toPort', text: '目标出入口', dictCode: ''})
      fieldList.push({type: 'string', value: 'createBy', text: '创建人', dictCode: ''})
      fieldList.push({type: 'datetime', value: 'createTime', text: '创建日期'})
      fieldList.push({type: 'string', value: 'updateBy', text: '更新人', dictCode: ''})
      fieldList.push({type: 'datetime', value: 'updateTime', text: '更新日期'})
      this.superFieldList = fieldList
肖超群 authored
512
513
    }
  }
肖超群 authored
514
}
肖超群 authored
515
516
</script>
<style scoped>
肖超群 authored
517
@import '~@assets/less/common.less'
肖超群 authored
518
</style>