Blame view

src/views/task/taskHeader/100/index.vue 19 KB
yuanshuhui authored
1
<template>
yuanshuhui authored
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="主表" name="first">
        <el-form
          :model="queryHeaderParams"
          ref="queryHeaderForm"
          :inline="true"
          v-show="showHeaderSearch"
          label-width="100px"
        >
          <el-form-item label="任务id" prop="id">
            <el-input
              v-model="queryHeaderParams.id"
              placeholder="请输入任务id"
              clearable
              style="width: 240px"
              size="small"
              @keyup.enter.native="headerQuery"
            />
          </el-form-item>
          <el-form-item label="容器编号" prop="containerCode">
            <el-input
              v-model="queryHeaderParams.containerCode"
              placeholder="请输入容器编号"
              clearable
              style="width: 240px"
              size="small"
              @keyup.enter.native="headerQuery"
            />
          </el-form-item>
          <el-form-item label="源库位编号" prop="fromLocation">
            <el-input
              v-model="queryHeaderParams.fromLocation"
              placeholder="请输入源库位编号"
              clearable
              style="width: 240px"
              size="small"
              @keyup.enter.native="headerQuery"
            />
          </el-form-item>
          <el-form-item label="目的库位编号" prop="toLocation">
            <el-input
              v-model="queryHeaderParams.toLocation"
              placeholder="请输入目的库位编号"
              clearable
              style="width: 240px"
              size="small"
              @keyup.enter.native="headerQuery"
            />
          </el-form-item>
          <el-form-item label="创建时间">
            <el-date-picker
              v-model="headerDateRange"
              size="small"
              style="width: 240px"
              value-format="yyyy-MM-dd"
              type="daterange"
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            ></el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button
              type="cyan"
              icon="el-icon-search"
              size="mini"
              @click="headerQuery"
              >搜索</el-button
            >
            <el-button
              icon="el-icon-refresh"
              size="mini"
              @click="resetHeaderQuery"
              >重置</el-button
            >
          </el-form-item>
        </el-form>
yuanshuhui authored
80
yuanshuhui authored
81
        <el-row :gutter="10" class="mb8">
yuanshuhui authored
82
          <el-col :span="1.5">
yuanshuhui authored
83
84
85
86
            <el-button
              type="primary"
              icon="el-icon-printer"
              size="mini"
yuanshuhui authored
87
              :disabled="multiple"
yuanshuhui authored
88
89
90
              @click="headerPrint"
              >打印</el-button
            >
yuanshuhui authored
91
          </el-col>
yuanshuhui authored
92
93
94
          <right-toolbar
            :showSearch.sync="showHeaderSearch"
            @queryTable="getHeaderList"
fuxiaohan authored
95
96
            :col-data="colData"
            @selectData="selectData"
yuanshuhui authored
97
98
          ></right-toolbar>
        </el-row>
yuanshuhui authored
99
yuanshuhui authored
100
101
102
103
        <el-table
          v-loading="headerLoading"
          :data="headerList"
          @selection-change="headerSelectionChange"
fuxiaohan authored
104
          ref="table"
yuanshuhui authored
105
106
107
108
109
110
        >
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column
            label="操作"
            align="center"
            class-name="small-padding fixed-width"
yuanshuhui authored
111
            width="200"
fuxiaohan authored
112
            v-if="colData[0].istrue"
yuanshuhui authored
113
          >
yuanshuhui authored
114
            <template slot-scope="scope">
yuanshuhui authored
115
116
117
118
              <el-button
                size="mini"
                type="text"
                icon="el-icon-my-detail"
yuanshuhui authored
119
                @click="detail(scope.row)"
yuanshuhui authored
120
121
                >明细</el-button
              >
yuanshuhui authored
122
123
124
125
              <el-button
                size="mini"
                type="text"
                icon="el-icon-s-promotion"
yuanshuhui authored
126
                v-if="scope.row.status < 10"
yuanshuhui authored
127
128
129
130
131
132
133
                @click="execute(scope.row)"
                >执行</el-button
              >
              <el-button
                size="mini"
                type="text"
                icon="el-icon-close"
yuanshuhui authored
134
                v-if="scope.row.status < 10"
yuanshuhui authored
135
136
137
138
139
140
141
                @click="remove(scope.row)"
                >取消</el-button
              >
              <el-button
                size="mini"
                type="text"
                icon="el-icon-check"
yuanshuhui authored
142
                v-if="scope.row.status < 100"
yuanshuhui authored
143
144
145
                @click="complete(scope.row)"
                >完成</el-button
              >
yuanshuhui authored
146
147
            </template>
          </el-table-column>
yuanshuhui authored
148
149
150
151
152
153
          <el-table-column
            label="任务id"
            align="center"
            prop="id"
            min-width="100"
            sortable
fuxiaohan authored
154
            v-if="colData[1].istrue"
yuanshuhui authored
155
          />
yuanshuhui authored
156
157
158
159
          <el-table-column
            label="任务类型"
            align="center"
            prop="taskType"
yuanshuhui authored
160
            min-width="100"
fuxiaohan authored
161
            v-if="colData[2].istrue"
yuanshuhui authored
162
163
164
165
166
167
168
169
170
171
172
173
174
175
          >
            <template slot-scope="scope">
              <el-button
                size="mini"
                :type="scope.row.taskType | taskTypeFilter"
                round
                >{{ taskTypeFormat(scope.row, scope.column) }}</el-button
              >
            </template>
          </el-table-column>
          <el-table-column
            label="源库位号"
            align="center"
            prop="fromLocation"
yuanshuhui authored
176
            :show-overflow-tooltip="true"
fuxiaohan authored
177
            v-if="colData[3].istrue"
yuanshuhui authored
178
179
180
181
182
          />
          <el-table-column
            label="目的库位号"
            align="center"
            prop="toLocation"
yuanshuhui authored
183
            min-width="100"
fuxiaohan authored
184
            v-if="colData[4].istrue"
yuanshuhui authored
185
186
187
188
189
190
          />
          <el-table-column
            label="容器号"
            align="center"
            prop="containerCode"
            sortable
yuanshuhui authored
191
            min-width="100"
fuxiaohan authored
192
            v-if="colData[5].istrue"
yuanshuhui authored
193
          />
fuxiaohan authored
194
195
          <el-table-column label="重量" align="center" prop="weight" v-if="colData[6].istrue"/>
          <el-table-column label="站台" align="center" prop="stationCode" v-if="colData[7].istrue"/>
yuanshuhui authored
196
197
198
199
200
          <el-table-column
            label="异常原因"
            align="center"
            prop="exceptionCode"
            sortable
yuanshuhui authored
201
            min-width="100"
yuanshuhui authored
202
            :show-overflow-tooltip="true"
fuxiaohan authored
203
            v-if="colData[8].istrue"
yuanshuhui authored
204
          />
yuanshuhui authored
205
yuanshuhui authored
206
          <el-table-column
yuanshuhui authored
207
            label="创建时间"
yuanshuhui authored
208
209
            align="center"
            prop="created"
yuanshuhui authored
210
            min-width="160"
yuanshuhui authored
211
            sortable
fuxiaohan authored
212
            v-if="colData[9].istrue"
yuanshuhui authored
213
214
215
216
217
218
219
220
221
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.created) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="任务下达人"
            align="center"
            prop="createdBy"
yuanshuhui authored
222
            min-width="100"
yuanshuhui authored
223
            :show-overflow-tooltip="true"
fuxiaohan authored
224
            v-if="colData[10].istrue"
yuanshuhui authored
225
226
          />
          <el-table-column
yuanshuhui authored
227
            label="更新时间"
yuanshuhui authored
228
229
            align="center"
            prop="lastUpdated"
yuanshuhui authored
230
            min-width="160"
yuanshuhui authored
231
            sortable
fuxiaohan authored
232
            v-if="colData[11].istrue"
yuanshuhui authored
233
234
235
236
237
238
239
240
241
242
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.lastUpdated) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="更新用户"
            align="center"
            prop="lastUpdatedBy"
            :show-overflow-tooltip="true"
fuxiaohan authored
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
            v-if="colData[12].istrue"
          />
          <el-table-column
            label="货主编码"
            align="center"
            prop="companyCode"
            v-if="colData[13].istrue"
          />
          <el-table-column
            label=" 自定义字段1"
            align="center"
            prop="userDef1"
            v-if="colData[14].istrue"
          />
          <el-table-column
            label=" 自定义字段2"
            align="center"
            prop="userDef2"
            v-if="colData[15].istrue"
          />
          <el-table-column
            label=" 自定义字段3"
            align="center"
            prop="userDef3"
            v-if="colData[16].istrue"
yuanshuhui authored
268
269
          />
        </el-table>
yuanshuhui authored
270
yuanshuhui authored
271
272
273
274
275
276
277
278
279
280
281
        <pagination
          v-show="headerTotal > 0"
          :total="headerTotal"
          :page.sync="queryHeaderParams.pageNum"
          :limit.sync="queryHeaderParams.pageSize"
          @pagination="getHeaderList"
        />
      </el-tab-pane>
      <el-tab-pane
        label="明细"
        name="second"
yuanshuhui authored
282
        v-if="queryDetailParams.taskId !== undefined"
yuanshuhui authored
283
284
285
      >
        <el-row :gutter="10" class="mb8">
          <right-toolbar
yuanshuhui authored
286
287
            :showSearch.sync="showDetailSearch"
            @queryTable="getDetailList"
fuxiaohan authored
288
289
290
            :no-search="noSearch"
            :col-data="colData2"
            @selectData="selectData2"
yuanshuhui authored
291
292
          ></right-toolbar>
        </el-row>
yuanshuhui authored
293
yuanshuhui authored
294
        <el-table v-loading="detailLoading" :data="detailList">
yuanshuhui authored
295
          <el-table-column type="selection" width="55" align="center" />
yuanshuhui authored
296
297
298
299
300
          <el-table-column
            label="明细ID"
            align="center"
            prop="id"
            min-width="60"
fuxiaohan authored
301
            v-if="colData2[0].istrue"
yuanshuhui authored
302
          />
yuanshuhui authored
303
304
305
306
307
308
          <el-table-column
            label="任务头ID"
            align="center"
            prop="taskId"
            sortable
            width="100"
fuxiaohan authored
309
            v-if="colData2[1].istrue"
yuanshuhui authored
310
          />
yuanshuhui authored
311
312
313
314
315
          <el-table-column
            label="单据编码"
            align="center"
            prop="billCode"
            :show-overflow-tooltip="true"
fuxiaohan authored
316
            v-if="colData2[2].istrue"
yuanshuhui authored
317
          />
yuanshuhui authored
318
319
320
321
          <el-table-column
            label="单据明细ID"
            align="center"
            prop="billDetailId"
yuanshuhui authored
322
            min-width="130"
yuanshuhui authored
323
            sortable
fuxiaohan authored
324
            v-if="colData2[3].istrue"
yuanshuhui authored
325
326
327
328
329
          />
          <el-table-column
            label="物料编码"
            align="center"
            prop="materialCode"
yuanshuhui authored
330
            :show-overflow-tooltip="true"
fuxiaohan authored
331
            v-if="colData2[4].istrue"
yuanshuhui authored
332
333
334
335
336
          />
          <el-table-column
            label="物料名称"
            align="center"
            prop="materialName"
fuxiaohan authored
337
            v-if="colData2[5].istrue"
yuanshuhui authored
338
          />
fuxiaohan authored
339
          <el-table-column label="项目号" align="center" prop="projectNo" v-if="colData2[6].istrue"/>
yuanshuhui authored
340
341
342
343
344
          <el-table-column
            label="容器编码"
            align="center"
            prop="containerCode"
            sortable
yuanshuhui authored
345
            min-width="100"
fuxiaohan authored
346
            v-if="colData2[7].istrue"
yuanshuhui authored
347
          />
yuanshuhui authored
348
349
350
351
352
353
          <el-table-column
            label="源库位"
            align="center"
            prop="fromLocation"
            sortable
            min-width="100"
fuxiaohan authored
354
            v-if="colData2[8].istrue"
yuanshuhui authored
355
356
357
358
359
360
361
          />
          <el-table-column
            label="目的库位"
            align="center"
            prop="toLocation"
            sortable
            min-width="100"
fuxiaohan authored
362
            v-if="colData2[9].istrue"
yuanshuhui authored
363
          />
fuxiaohan authored
364
          <el-table-column label="数量" align="center" prop="qty" v-if="colData2[10].istrue"/>
yuanshuhui authored
365
366
367
368
369
          <el-table-column
            label="子任务状态"
            align="center"
            prop="status"
            min-width="180"
fuxiaohan authored
370
            v-if="colData2[11].istrue"
yuanshuhui authored
371
          >
yuanshuhui authored
372
            <template slot-scope="scope">
yuanshuhui authored
373
              <el-button size="mini" type="primary" round>{{
yuanshuhui authored
374
375
                taskStatusFormat(scope.row, scope.column)
              }}</el-button>
yuanshuhui authored
376
377
            </template>
          </el-table-column>
yuanshuhui authored
378
379
380
381
          <el-table-column
            label="更新用户"
            align="center"
            prop="lastUpdatedBy"
yuanshuhui authored
382
            :show-overflow-tooltip="true"
fuxiaohan authored
383
384
385
386
387
388
389
390
391
392
393
394
395
            v-if="colData2[12].istrue"
          />
          <el-table-column
            label="创建时间"
            align="center"
            prop="created"
            v-if="colData2[13].istrue"
          />
          <el-table-column
            label="最后修改时间"
            align="center"
            prop="lastUpdated"
            v-if="colData2[14].istrue"
yuanshuhui authored
396
397
          />
        </el-table>
yuanshuhui authored
398
yuanshuhui authored
399
400
401
402
403
404
405
406
407
        <pagination
          v-show="detailTotal > 0"
          :total="detailTotal"
          :page.sync="queryDetailParams.pageNum"
          :limit.sync="queryDetailParams.pageSize"
          @pagination="getDetailList"
        />
      </el-tab-pane>
    </el-tabs>
yuanshuhui authored
408
    <print-task-dialog :showprint.sync="showPrint" :printlist="printList" />
yuanshuhui authored
409
410
411
  </div>
</template>
<script>
yuanshuhui authored
412
413
414
415
416
417
418
import {
  listTaskHeader,
  cancelTaskHeader,
  completeTaskByWMS,
  taskExecute,
  taskDetail,
} from "@/api/task/taskHeader";
yuanshuhui authored
419
420
421
422
423
424
425
426
427
428
export default {
  name: "ListTask",
  data() {
    return {
      show: false,
      multiple: true,
      headerLoading: true,
      detailLoading: true,
      headerTotal: 0,
      detailTotal: 0,
yuanshuhui authored
429
      headerList: null,
yuanshuhui authored
430
431
432
433
      detailList: null,
      activeName: "first",
      // 任务类型数据字典
      taskTypeOptions: [],
yuanshuhui authored
434
      // 任务状态数据字典
yuanshuhui authored
435
      taskStatusOptions: [],
yuanshuhui authored
436
437
438
      headerDateRange: [],
      showHeaderSearch: true,
      showDetailSearch: true,
yuanshuhui authored
439
      showPrint: false,
yuanshuhui authored
440
      printList: [],
yuanshuhui authored
441
442
443
444
      queryHeaderParams: {
        pageNum: 1,
        pageSize: 10,
        id: undefined,
yuanshuhui authored
445
        internalTaskType: 100,
yuanshuhui authored
446
447
        containerCode: undefined,
        fromLocation: undefined,
yuanshuhui authored
448
        toLocation: undefined,
yuanshuhui authored
449
450
      },
      queryDetailParams: {
yuanshuhui authored
451
        taskId: undefined,
yuanshuhui authored
452
453
454
        pageNum: 1,
        pageSize: 10,
      },
fuxiaohan authored
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
      colData:[
        { title: "操作", istrue: true,disabled:true },
        { title: "任务id", istrue: true },
        { title: "任务类型", istrue: true },
        { title: "源库位号", istrue: true },
        { title: "目的库位号", istrue: true },
        { title: "容器号", istrue: true },
        { title: "重量", istrue: true },
        { title: "站台", istrue: true },
        { title: "异常原因", istrue: true },
        { title: "创建时间", istrue: true },
        { title: "任务下达人", istrue: true },
        { title: "更新时间", istrue: true },
        { title: "更新用户", istrue: true },
        { title: "货主编码", istrue: false },
        { title: "自定义字段1", istrue: false },
        { title: "自定义字段2", istrue: false },
        { title: "自定义字段3", istrue: false },

      ],
      colData2:[
        { title: "明细ID", istrue: true },
        { title: "任务头ID", istrue: true },
        { title: "单据编码", istrue: true },
        { title: "单据明细ID", istrue: true },
        { title: "物料编码", istrue: true },
        { title: "物料名称", istrue: true },
        { title: "项目号", istrue: true },
        { title: "容器编码", istrue: true },
        { title: "源库位", istrue: true },
        { title: "目的库位", istrue: true },
        { title: "数量", istrue: true },
        { title: "子任务状态", istrue: true },
        { title: "更新用户", istrue: true },
        { title: "创建时间", istrue: false },
        { title: "最后修改时间", istrue: false },

      ],
      noSearch:false
yuanshuhui authored
494
495
    };
  },
yuanshuhui authored
496
yuanshuhui authored
497
  created() {
yuanshuhui authored
498
    this.getHeaderList();
yuanshuhui authored
499
500
501
502

    this.getDicts("taskType").then((response) => {
      this.taskTypeOptions = response.data;
    });
yuanshuhui authored
503
504
505
    this.getDicts("taskStatus").then((response) => {
      this.taskStatusOptions = response.data;
    });
yuanshuhui authored
506
  },
fuxiaohan authored
507
508
509
510
511
  beforeUpdate() {
      this.$nextTick(() => {
        this.$refs["table"].doLayout();
      });
    },
yuanshuhui authored
512
  methods: {
yuanshuhui authored
513
514
    getHeaderList() {
      this.headerLoading = true;
yuanshuhui authored
515
      listTaskHeader(
yuanshuhui authored
516
517
518
519
520
521
522
523
524
525
        this.addDateRange(this.queryHeaderParams, this.headerDateRange)
      ).then((response) => {
        this.headerList = response.rows;
        this.headerTotal = response.total;
        this.headerLoading = false;
      });
    },
    // 任务类型字典翻译
    taskTypeFormat(row, column) {
      return this.selectDictLabel(this.taskTypeOptions, row.taskType);
yuanshuhui authored
526
    },
yuanshuhui authored
527
528
529
530
    // 任务状态字典翻译
    taskStatusFormat(row, column) {
      return this.selectDictLabel(this.taskStatusOptions, row.status);
    },
yuanshuhui authored
531
    headerQuery() {
yuanshuhui authored
532
533
534
      this.queryHeaderParams.pageNum = 1;
      this.getHeaderList();
    },
yuanshuhui authored
535
    headerPrint() {
yuanshuhui authored
536
      this.showPrint = true;
yuanshuhui authored
537
538
539
540
541
542
    },
    resetHeaderQuery() {
      this.headerDateRange = [];
      this.resetForm("queryHeaderForm");
      this.headerQuery();
    },
yuanshuhui authored
543
yuanshuhui authored
544
545
    headerSelectionChange(selection) {
      this.multiple = !selection.length;
yuanshuhui authored
546
      let printList = [];
yuanshuhui authored
547
548
549
550
551
552
      selection.forEach((item) => {
        taskDetail({ taskId: item.id }).then((response) => {
          printList.push(response);
        });
      });
      this.printList = printList;
yuanshuhui authored
553
554
    },
yuanshuhui authored
555
    // 主表明细按钮操作
yuanshuhui authored
556
    detail(row) {
yuanshuhui authored
557
      this.queryDetailParams.taskId = row.id;
yuanshuhui authored
558
559
560
      this.activeName = "second";
      this.getDetailList();
    },
yuanshuhui authored
561
562
    /** 执行按钮操作 */
    execute(row) {
yuanshuhui authored
563
564
      const id = row.id;
      this.$confirm('是否确认执行任务id为"' + id + '"的数据项?', "警告", {
yuanshuhui authored
565
566
567
568
569
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
yuanshuhui authored
570
          return taskExecute(id);
yuanshuhui authored
571
572
573
574
575
576
577
578
        })
        .then(() => {
          this.getHeaderList();
          this.msgSuccess("执行任务成功");
        });
    },
    /** 取消按钮操作 */
    remove(row) {
yuanshuhui authored
579
      const id = row.id;
fuxiaohan authored
580
581
582
583
584
      this.$confirm(
        row.id
        ?"确定删除该条任务管理信息吗?"
        :'是否确认取消任务id为"' + id + '"的数据项?', "警告",
         {
yuanshuhui authored
585
586
587
588
589
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
yuanshuhui authored
590
          return cancelTaskHeader(id);
yuanshuhui authored
591
592
        })
        .then(() => {
yuanshuhui authored
593
          this.getHeaderList();
yuanshuhui authored
594
595
596
597
598
          this.msgSuccess("取消任务成功");
        });
    },
    /** 完成按钮操作 */
    complete(row) {
yuanshuhui authored
599
600
      const id = row.id;
      this.$confirm('是否确认完成任务id为"' + id + '"的数据项?', "警告", {
yuanshuhui authored
601
602
603
604
605
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
yuanshuhui authored
606
          return completeTaskByWMS(id);
yuanshuhui authored
607
608
        })
        .then(() => {
yuanshuhui authored
609
          this.getHeaderList();
yuanshuhui authored
610
611
612
          this.msgSuccess("完成任务成功");
        });
    },
yuanshuhui authored
613
614
    /** 查询上架任务明细列表 */
    getDetailList() {
yuanshuhui authored
615
      this.detailLoading = true;
yuanshuhui authored
616
      taskDetail(this.queryDetailParams).then((response) => {
yuanshuhui authored
617
618
619
620
        this.detailList = response.rows;
        this.detailTotal = response.total;
        this.detailLoading = false;
      });
yuanshuhui authored
621
    },
fuxiaohan authored
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
    /** 表格切换字段显示操作 */
    selectData(val) {
      if (val) {
        this.colData.filter((i) => {
          if (val.indexOf(i.title) !== -1) {
            i.istrue = true;
          } else {
            i.istrue = false;
          }
        });
      }
    },
     /** 明细表格切换字段显示操作 */
    selectData2(val) {
      if (val) {
        this.colData2.filter((i) => {
          if (val.indexOf(i.title) !== -1) {
            i.istrue = true;
          } else {
            i.istrue = false;
          }
        });
      }
    },
yuanshuhui authored
646
647
  },
};
yuanshuhui authored
648
</script>