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
| <template>
| <div
| v-show="location"
| style="
| border: 1px solid lightskyblue;
| color: #000000;
| height: 25px;
| width: 25px;
| margin-top: 0px;
| "
| >
| <img
| v-if="location && location.state === 'LocationState_Empty'"
| src=""
| :style="{
| width: 23 + 'px',
| }"
| />
|
| <img
| v-else-if="location && location.state === 'LocationState_Stored'"
| src="../../../public/Stored.png"
| :style="{
| width: 23 + 'px',
| }"
| />
| <img
| v-else-if="location && location.state === 'LocationState_Error'"
| src="../../../public/Error.png"
| :style="{
| width: 23 + 'px',
| }"
| />
| <img
| v-else-if="
| location &&
| (location.state === 'LocationState_InboundUnexecute' ||
| location.state === 'LocationState_InboundExecuting')
| "
| src="../../../public/Inbound.png"
| :style="{
| width: 23 + 'px',
| }"
| />
| <img
| v-else-if="
| location &&
| (location.state === 'LocationState_OutExecuting' ||
| location.state === 'LocationState_OutboundUnexecute')
| "
| src="../../../public/Outbound.png"
| :style="{
| width: 23 + 'px',
| }"
| />
| <img
| v-else-if="location && location.state === 'LocationState_Lock'"
| src="../../../public/Lock.png"
| :style="{
| width: 23 + 'px',
| }"
| />
| <!-- <img
| v-show="location && location.state === 'LocationState_Empty'"
| src=""
| :style="{
| width: 23 + 'px',
| }"
| /> -->
| <!-- <img
| v-show="location.state === 'LocationState_Empty'"
| src=""
| :style="{
| width: 23 + 'px',
| }"
| />
| <img
| v-show="location.state === 'LocationState_Empty'"
| src=""
| :style="{
| width: 23 + 'px',
| }"
| />
| <img
| v-show="location.state === 'LocationState_Empty'"
| src=""
| :style="{
| width: 23 + 'px',
| }"
| /> -->
| </div>
| </template>
|
| <script>
| export default {
| name: "LocationInfo",
| props: {
| location: {
| type: Object,
| default: null,
| },
| },
| data() {
| return {
| url: "",
| };
| },
| computed: {},
| async created() {},
| mounted() {},
| methods: {},
| };
| </script>
| <style scoped>
| </style>
|
|
