|
|
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">
|
|
|
8
9
|
<a-form-item label="容器号">
<a-input placeholder="请输入容器号" v-model="queryParam.containerCode"></a-input>
|
|
|
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">
|
|
|
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">
|
|
|
45
|
<a-form-item label="创建日期">
|
|
|
46
47
|
<j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间"
class="query-group-cust" v-model="queryParam.createTime_begin"></j-date>
|
|
|
48
|
<span class="query-group-split-cust"></span>
|
|
|
49
50
|
<j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择结束时间"
class="query-group-cust" v-model="queryParam.createTime_end"></j-date>
|
|
|
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
</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">
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
<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
|
|
|
|
69
70
|
<!-- 操作按钮区域 -->
<div class="table-operator">
|
|
|
71
|
<a-button @click="handleAdd" v-has="'shipmentContainerHeader:add'" type="primary" icon="plus">新增</a-button>
|
|
|
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"
|
|
|
74
|
@change="handleImportExcel">
|
|
|
75
76
|
<a-button type="primary" icon="import">导入</a-button>
</a-upload>
|
|
|
77
|
<a-button @click="createBatchTask" type="primary" >批量生成任务</a-button>
|
|
|
78
|
<a-button @click="cancelBatchTask" type="primary" >批量取消配盘</a-button>
|
|
|
79
80
81
82
|
</div>
<!-- table区域-begin -->
<div>
|
|
|
83
84
|
<!-- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">-->
<!-- <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a-->
|
|
|
85
|
<!-- style="font-weight: 600">{{ selectedRowKeys.length }}</a> 项-->
|
|
|
86
87
|
<!-- <a style="margin-left: 24px" @click="onClearSelected">清空</a>-->
<!-- </div>-->
|
|
|
88
89
90
91
92
93
94
95
96
97
98
99
|
<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"
|
|
|
100
|
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'checkbox'}"
|
|
|
101
102
|
:customRow="clickThenSelect"
@change="handleTableChange">
|
|
|
103
104
105
106
107
108
109
110
111
112
|
<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>
|
|
|
113
114
|
<span slot="action" slot-scope="text, record">
|
|
|
115
|
<a v-if="record.status == 0" @click="selectPort(record)"><a-button type="primary">生成任务</a-button><a-divider type="vertical"/></a>
|
|
|
116
|
<a-popconfirm v-if="record.status == 0" v-has="'shipmentContainerHeader:delete'" title="确定取消配盘吗?" @confirm="() => handleDelete(record.id)">
|
|
|
117
|
<a><a-button type="danger">取消配盘</a-button> <a-divider type="vertical"/></a>
|
|
|
118
|
</a-popconfirm>
|
|
|
119
|
<a v-has="'receiptContainerHeader:edit'" @click="handleEdit(record)"><a-button type="default">编辑</a-button></a>
|
|
|
120
121
122
123
124
|
</span>
</a-table>
</div>
<a-tabs defaultActiveKey="1">
|
|
|
125
126
|
<a-tab-pane tab="出库组盘详情" key="1">
<ShipmentContainerDetailList :mainId="selectedMainId"/>
|
|
|
127
128
129
130
|
</a-tab-pane>
</a-tabs>
<shipmentContainerHeader-modal ref="modalForm" @ok="modalFormOk"></shipmentContainerHeader-modal>
|
|
|
131
|
<shipmentContainerSelect-modal ref="modalForm2" @ok="modalFormOk"></shipmentContainerSelect-modal>
|
|
|
132
133
134
135
136
|
</a-card>
</template>
<script>
|
|
|
137
138
|
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import ShipmentContainerHeaderModal from './modules/ShipmentContainerHeaderModal'
|
|
|
139
|
import {deleteAction, getAction} from '@/api/manage'
|
|
|
140
141
142
143
144
145
|
import ShipmentContainerDetailList from './ShipmentContainerDetailList'
import {initDictOptions, filterMultiDictText} from '@/components/dict/JDictSelectUtil'
import '@/assets/less/TableExpand.less'
import {createShipmentTask} from '@/api/api'
import {selectSortingPort} from '@/api/api'
import ShipmentContainerSelectModal from "./modules/ShipmentContainerSelectModal";
|
|
|
146
|
|
|
|
147
148
149
150
151
152
153
154
155
156
157
158
159
|
export default {
name: "ShipmentContainerHeaderList",
mixins: [JeecgListMixin],
components: {
ShipmentContainerSelectModal,
ShipmentContainerDetailList,
ShipmentContainerHeaderModal
},
data() {
return {
description: '出库组盘管理页面',
querySource: {},
portList: [],
|
|
|
160
|
hh:'123',
|
|
|
161
162
163
|
// 表头
columns: [
{
|
|
|
164
|
title: '容器号',
|
|
|
165
166
|
align: "center",
dataIndex: 'containerCode'
|
|
|
167
|
},
|
|
|
168
169
170
171
|
{
title: '任务类型',
align: "center",
dataIndex: 'taskType_dictText',
|
|
|
172
|
scopedSlots: {customRender: 'taskType_dictText'}
|
|
|
173
|
},
|
|
|
174
175
176
177
|
{
title: '状态',
align: "center",
dataIndex: 'status_dictText',
|
|
|
178
|
scopedSlots: {customRender: 'status_dictText'}
|
|
|
179
|
},
|
|
|
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
|
{
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'},
|
|
|
222
|
}
|
|
|
223
224
225
226
227
228
229
|
],
url: {
list: "/shipment/shipmentContainerHeader/list",
delete: "/shipment/shipmentContainerHeader/delete",
deleteBatch: "/shipment/shipmentContainerHeader/deleteBatch",
exportXlsUrl: "/shipment/shipmentContainerHeader/exportXls",
importExcelUrl: "shipment/shipmentContainerHeader/importExcel",
|
|
|
230
|
},
|
|
|
231
232
233
|
dictOptions: {
taskType: [],
status: [],
|
|
|
234
|
},
|
|
|
235
236
237
238
239
240
241
242
243
244
245
|
/* 分页参数 */
ipagination: {
current: 1,
pageSize: 5,
pageSizeOptions: ['5', '10', '50'],
showTotal: (total, range) => {
return range[0] + "-" + range[1] + " 共" + total + "条"
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
|
|
|
246
|
},
|
|
|
247
248
249
250
251
252
253
254
255
256
257
258
259
|
selectedMainId: '',
superFieldList: [],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl: function () {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
}
},
methods: {
|
|
|
260
261
262
263
264
265
266
267
268
269
270
271
|
getStatusColor(status) {
const colors = {
'新建': 'green',
'生成任务': 'blue',
'下架完成': 'gray',
'整出任务': 'blue',
'分拣任务': 'green',
default: 'blue'
};
return colors[status] || colors.default;
},
|
|
|
272
273
274
275
276
277
|
initDictConfig() {
},
clickThenSelect(record) {
return {
on: {
click: () => {
|
|
|
278
|
this.onSelectChange(record.id.toString().split(","), [record]);
|
|
|
279
|
}
|
|
|
280
|
}
|
|
|
281
|
}
|
|
|
282
283
284
285
286
287
288
|
},
onClearSelected() {
this.selectedRowKeys = [];
this.selectionRows = [];
this.selectedMainId = ''
},
onSelectChange(selectedRowKeys, selectionRows) {
|
|
|
289
290
291
|
if (selectedRowKeys.length > 0) {
this.selectedMainId = selectedRowKeys[0].toString();
}
|
|
|
292
293
294
295
296
297
298
|
this.selectedRowKeys = selectedRowKeys;
this.selectionRows = selectionRows;
},
selectPort(record) {
this.$refs.modalForm2.edit(record);
this.$refs.modalForm2.title = "选择出库口";
},
|
|
|
299
300
301
|
createBatchTask() {
if (this.selectedRowKeys.length <= 1) {
this.$message.warning('至少选择两条记录！')
|
|
|
302
|
return
|
|
|
303
304
305
306
307
308
309
310
311
312
|
}
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])
|
|
|
313
|
}
|
|
|
314
315
|
}
}
|
|
|
316
317
318
319
320
321
|
if (shipmentContainerHeaderList.length > 0) {
this.$refs.modalForm2.batchEdit(shipmentContainerHeaderList)
this.$refs.modalForm2.title = '选择出库口'
} else {
this.$message.error("至少选择两条符合条件的记录！")
}
|
|
|
322
323
324
|
},
cancelBatchTask() {
if (!this.url.deleteBatch) {
|
|
|
325
|
this.$message.error('请设置url.deleteBatch属性!')
|
|
|
326
327
328
|
return
}
if (this.selectedRowKeys.length <= 0) {
|
|
|
329
330
331
332
333
334
335
|
this.$message.warning('请选择一条记录！')
return
}
var ids = ''
for (var a = 0; a < this.selectedRowKeys.length; a++) {
if (this.selectionRows[a] != null && this.selectionRows[a].status == 0) {
ids += this.selectedRowKeys[a] + ','
|
|
|
336
|
}
|
|
|
337
338
339
340
341
342
343
344
345
346
347
348
349
|
}
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 => {
|
|
|
350
351
352
|
if (res.success) {
//重新计算分页问题
that.reCalculatePage(that.selectedRowKeys.length)
|
|
|
353
354
355
|
that.$message.success(res.message)
that.loadData()
that.onClearSelected()
|
|
|
356
|
} else {
|
|
|
357
|
that.$message.warning(res.message)
|
|
|
358
|
}
|
|
|
359
360
361
362
363
364
|
})
.finally(() => {
that.loading = false
})
}
})
|
|
|
365
|
},
|
|
|
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
|
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 = [];
|
|
|
391
|
fieldList.push({type: 'string', value: 'containerCode', text: '容器号', dictCode: ''})
|
|
|
392
393
394
395
396
397
398
399
400
401
|
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
|
|
|
402
403
|
}
}
|
|
|
404
|
}
|
|
|
405
406
|
</script>
<style scoped>
|
|
|
407
|
@import '~@assets/less/common.less'
|
|
|
408
|
</style>
|
