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
| <template>
| <div>
| <vol-box
| v-model="showDetialBox"
| :lazy="true"
| width="1200px"
| :padding="15"
| title="完整路由查看"
| >
| <div
| style="margin-bottom: 1%"
| v-for="(item, index) in routerDatas"
| :key="index"
| >
| <el-row>
| <el-col>
| <div
| class="grid-content right-text"
| style="font-weight: bold; font-size: 18px"
| >
| <span>{{ item.type == "Out" ? "出库路由" : "入库路由" }}</span>
| </div>
| </el-col>
| </el-row>
| <el-steps :active="item.routes.length" align-center simple>
| <el-step
| v-for="itemRouter in item.routes"
| :key="itemRouter"
| :title="itemRouter"
| icon=""
| ></el-step>
| </el-steps>
| </div>
| </vol-box>
| </div>
| </template>
|
| <script>
| import VolBox from "@/components/basic/VolBox.vue";
| export default {
| components: { VolBox },
| data() {
| return {
| active: 0,
| showDetialBox: false,
| routerDatas: [],
| };
| },
| methods: {
| open() {
| this.showDetialBox = true;
| this.getData();
| },
| getData() {
| this.http.post("/api/Router/GetAllWholeRouters", {}, true).then((x) => {
| if (!x.status) return this.$message.error(x.message);
| this.routerDatas = x.data;
| });
| },
| },
| created() {},
| };
| </script>
|
| <style scoped>
| .el-col {
| border-radius: 4px;
| }
| .grid-content {
| border-radius: 4px;
| min-height: 36px;
| }
| .content-text {
| display: flex;
| align-items: center;
| justify-content: center;
| }
| .left-text {
| display: flex;
| align-items: center;
| justify-content: flex-start;
| }
| </style>
| <style>
| .el-table .warning-row {
| background: #fcf1e2;
| }
|
| .el-table .success-row {
| background: #f0f9eb;
| }
|
| .el-table .error-row {
| background: #fde2e2;
| }
| </style>
|
|
