|
|
@@ -54,59 +54,67 @@
|
|
54
|
54
|
<div @click="toSelectAppStrategy()">引用</div>
|
|
55
|
55
|
</div>
|
|
56
|
56
|
</div>
|
|
57
|
|
- <div
|
|
58
|
|
- class="strategy_item"
|
|
59
|
|
- v-for="(groupItem, groupIndex) in appStrategyInfo.groups"
|
|
60
|
|
- :key="groupIndex"
|
|
61
|
|
- >
|
|
62
|
|
- <table class="my_table">
|
|
63
|
|
- <tr>
|
|
64
|
|
- <th colspan="7">
|
|
65
|
|
- <div class="table_header">
|
|
66
|
|
- <div class="table_header_title">
|
|
67
|
|
- 应用策略{{ groupIndex + 1 }}
|
|
68
|
|
- </div>
|
|
69
|
|
- <div class="table_header_action"></div>
|
|
70
|
|
- </div>
|
|
71
|
|
- </th>
|
|
72
|
|
- </tr>
|
|
73
|
|
- <tr>
|
|
74
|
|
- <td v-for="weekItem in weekDay" :key="weekItem.value">
|
|
75
|
|
- {{ weekItem.alias }}
|
|
76
|
|
- </td>
|
|
77
|
|
- </tr>
|
|
78
|
|
- <tr>
|
|
79
|
|
- <td v-for="weekItem in weekDay" :key="weekItem.value">
|
|
80
|
|
- <div class="time_list">
|
|
81
|
|
- <span
|
|
82
|
|
- v-for="(timeItem, timeIndex) in appStrategyGroupInfo[
|
|
83
|
|
- groupIndex
|
|
84
|
|
- ] && appStrategyGroupInfo[groupIndex][weekItem.value]"
|
|
85
|
|
- :key="timeIndex"
|
|
86
|
|
- >{{ timeItem.starttime }} - {{ timeItem.stoptime }}</span
|
|
87
|
|
- >
|
|
88
|
|
- </div>
|
|
89
|
|
- </td>
|
|
90
|
|
- </tr>
|
|
91
|
|
- <tr>
|
|
92
|
|
- <td colspan="7">
|
|
93
|
|
- <div class="table_app_list">
|
|
94
|
|
- <div
|
|
95
|
|
- class="table_app_item"
|
|
96
|
|
- v-for="appItem in groupItem.apps"
|
|
97
|
|
- :key="appItem.appid"
|
|
98
|
|
- >
|
|
99
|
|
- <div class="app_top">
|
|
100
|
|
- <img :src="$api.showImageUrl + appItem.appIcon" />
|
|
|
57
|
+ <template v-if="appStrategyInfo.groups.length > 0">
|
|
|
58
|
+ <div
|
|
|
59
|
+ class="strategy_item"
|
|
|
60
|
+ v-for="(groupItem, groupIndex) in appStrategyInfo.groups"
|
|
|
61
|
+ :key="groupIndex"
|
|
|
62
|
+ >
|
|
|
63
|
+ <table class="my_table">
|
|
|
64
|
+ <tr>
|
|
|
65
|
+ <th colspan="7">
|
|
|
66
|
+ <div class="table_header">
|
|
|
67
|
+ <div class="table_header_title">
|
|
|
68
|
+ 应用策略{{ groupIndex + 1 }}
|
|
101
|
69
|
</div>
|
|
102
|
|
- <div class="app_name">
|
|
103
|
|
- {{ appItem.appName }}
|
|
|
70
|
+ <div class="table_header_action"></div>
|
|
|
71
|
+ </div>
|
|
|
72
|
+ </th>
|
|
|
73
|
+ </tr>
|
|
|
74
|
+ <tr>
|
|
|
75
|
+ <td v-for="weekItem in weekDay" :key="weekItem.value">
|
|
|
76
|
+ {{ weekItem.alias }}
|
|
|
77
|
+ </td>
|
|
|
78
|
+ </tr>
|
|
|
79
|
+ <tr>
|
|
|
80
|
+ <td v-for="weekItem in weekDay" :key="weekItem.value">
|
|
|
81
|
+ <div class="time_list">
|
|
|
82
|
+ <span
|
|
|
83
|
+ v-for="(timeItem, timeIndex) in appStrategyGroupInfo[
|
|
|
84
|
+ groupIndex
|
|
|
85
|
+ ] && appStrategyGroupInfo[groupIndex][weekItem.value]"
|
|
|
86
|
+ :key="timeIndex"
|
|
|
87
|
+ >{{ timeItem.starttime }} - {{ timeItem.stoptime }}</span
|
|
|
88
|
+ >
|
|
|
89
|
+ </div>
|
|
|
90
|
+ </td>
|
|
|
91
|
+ </tr>
|
|
|
92
|
+ <tr>
|
|
|
93
|
+ <td colspan="7">
|
|
|
94
|
+ <div class="table_app_list">
|
|
|
95
|
+ <div
|
|
|
96
|
+ class="table_app_item"
|
|
|
97
|
+ v-for="appItem in groupItem.apps"
|
|
|
98
|
+ :key="appItem.appid"
|
|
|
99
|
+ >
|
|
|
100
|
+ <div class="app_top">
|
|
|
101
|
+ <img :src="$api.showImageUrl + appItem.appIcon" />
|
|
|
102
|
+ </div>
|
|
|
103
|
+ <div class="app_name">
|
|
|
104
|
+ {{ appItem.appName }}
|
|
|
105
|
+ </div>
|
|
104
|
106
|
</div>
|
|
105
|
107
|
</div>
|
|
106
|
|
- </div>
|
|
107
|
|
- </td>
|
|
108
|
|
- </tr>
|
|
109
|
|
- </table>
|
|
|
108
|
+ </td>
|
|
|
109
|
+ </tr>
|
|
|
110
|
+ </table>
|
|
|
111
|
+ </div>
|
|
|
112
|
+ </template>
|
|
|
113
|
+ <div v-else class="no_data">
|
|
|
114
|
+ <div>
|
|
|
115
|
+ <img src="@/assets/img/nodata.png" />
|
|
|
116
|
+ <div>暂无数据</div>
|
|
|
117
|
+ </div>
|
|
110
|
118
|
</div>
|
|
111
|
119
|
</div>
|
|
112
|
120
|
<Modal
|
|
|
@@ -563,4 +571,19 @@ export default {
|
|
563
|
571
|
}
|
|
564
|
572
|
}
|
|
565
|
573
|
}
|
|
|
574
|
+.no_data {
|
|
|
575
|
+ display: flex;
|
|
|
576
|
+ justify-content: center;
|
|
|
577
|
+ align-items: center;
|
|
|
578
|
+ width: 100%;
|
|
|
579
|
+ height: calc(100% - 50px);
|
|
|
580
|
+ font-size: 20px;
|
|
|
581
|
+ color: #798cb5;
|
|
|
582
|
+ text-align: center;
|
|
|
583
|
+ img {
|
|
|
584
|
+ margin-bottom: 25px;
|
|
|
585
|
+ width: 300px;
|
|
|
586
|
+ height: 180px;
|
|
|
587
|
+ }
|
|
|
588
|
+}
|
|
566
|
589
|
</style>
|
