1
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
| <template>
| <a-modal title="任务详情" v-model="innerVisible" :afterClose="afterClose" width="80%">
| <a-table :columns="columns" :data-source="list" row-key="id" :pagination="false">
| <template slot="index" slot-scope="text, record, index">{{index+1}}</template>
| <span slot="taskstatusscopedSlots" slot-scope="text">
| <a-tag :color="text===1?'#2db7f5':(text===2?'#108ee9':'#87d068')">{{ 'task_status' | dictType(text) }}</a-tag>
| </span>
| <span slot="taskdeviceSlots" slot-scope="text">
| <a-tag :color="text===1?'#2db7f5':(text===2?'#108ee9':'#87d068')">{{ 'device_type' | dictType(text) }}</a-tag>
| </span>
| </a-table>
| <template slot="footer">
| <a-button key="back" @click="onBtnClose">
| 关 闭
| </a-button>
| </template>
| </a-modal>
| </template>
|
| <script>
| import { WmsTaskDetail } from '@/api/modular/main/WmsTaskManage'
| export default {
| name:'wmsTaskInfoModal',
| emits:['update:visible'],
| props:{
| visible:{
| type:Boolean,
| default:false
| },
| row:{
| type:Object,
| default:function(){
| return {}
| }
| }
| },
| data(){
| return {
| innerVisible:false,
| list:[],
| columns:[
| {
| dataIndex:'index',
| title:'序号',
| fixed:'left',
| width:'60',
| scopedSlots: { customRender: 'index' }
| },
| {
| dataIndex:'taskNo',
| title:'子任务号'
| },
| {
| dataIndex:'taskSequence',
| title:'任务执行顺序'
| },
| {
| dataIndex:'taskState',
| title:'执行状态',
| scopedSlots: { customRender: 'taskstatusscopedSlots' }
| },
| {
| dataIndex:'deviceId',
| title:'设备名称',
| scopedSlots: { customRender: 'taskdeviceSlots' }
| },
| {
| dataIndex:'containerCode',
| title:'容器编号'
| },
| {
| dataIndex:'sourcePlace',
| title:'起始地址'
| },
| {
| dataIndex:'toPlace',
| title:'目标地址'
| }
| ]
| }
| },
| watch:{
| visible(newVal,oldVal){
| this.changeInnerVisible()
| },
| innerVisible(newVal,oldVal){
| this.changeVisible()
| }
| },
| methods:{
| changeInnerVisible(){
| if (this.visible!==this.innerVisible){
| this.innerVisible = this.visible
| if (this.innerVisible) {
| this.$nextTick(()=>{
| this.opened()
| })
| }
| }
| },
| changeVisible(){
| if (this.innerVisible!==this.visible){
| this.$emit('update:visible',this.innerVisible)
| }
| },
| opened(){
| this.getList()
| },
| getList(){
| let params = {id:this.row.id}
| WmsTaskDetail(params).then(d=>{
| this.list = d.data || []
| }).catch(()=>{
|
| })
| },
| afterClose(){
| this.list = []
| },
| onBtnClose(){
| this.innerVisible = false
| }
| },
| created(){
| this.changeInnerVisible()
| }
| }
| </script>
|
| <style>
| </style>
|
|
