commit
Showing
3 changed files
with
366 additions
and
0 deletions
src/page/selectActOnline.vue
0 → 100644
| 1 | <template xmlns:el-col="http://www.w3.org/1999/html"> | ||
| 2 | <div> | ||
| 3 | <br/> | ||
| 4 | <span>昨天上线活动</span> | ||
| 5 | <el-table | ||
| 6 | :data="yesterdayByStartTimeList" | ||
| 7 | border | ||
| 8 | style="width: 100%" | ||
| 9 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 10 | <el-table-column | ||
| 11 | prop="id" | ||
| 12 | label="活动ID" | ||
| 13 | min-width="1"> | ||
| 14 | </el-table-column> | ||
| 15 | <el-table-column | ||
| 16 | prop="name" | ||
| 17 | label="活动名称" | ||
| 18 | min-width="1"> | ||
| 19 | </el-table-column> | ||
| 20 | <el-table-column | ||
| 21 | prop="startTime" | ||
| 22 | label="活动开始时间" | ||
| 23 | min-width="1"> | ||
| 24 | </el-table-column> | ||
| 25 | <el-table-column | ||
| 26 | prop="endTime" | ||
| 27 | label="活动结束时间" | ||
| 28 | min-width="1"> | ||
| 29 | </el-table-column> | ||
| 30 | <el-table-column | ||
| 31 | prop="provinceName" | ||
| 32 | label="所属机构" | ||
| 33 | min-width="1"> | ||
| 34 | </el-table-column> | ||
| 35 | <el-table-column | ||
| 36 | prop="locationCodeRule" | ||
| 37 | label="机构code规则" | ||
| 38 | min-width="4"> | ||
| 39 | </el-table-column> | ||
| 40 | </el-table> | ||
| 41 | <br/> | ||
| 42 | <br/> | ||
| 43 | <span>昨天下线活动</span> | ||
| 44 | <el-table | ||
| 45 | :data="yesterdayByEndTimeList" | ||
| 46 | border | ||
| 47 | style="width: 100%" | ||
| 48 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 49 | <el-table-column | ||
| 50 | prop="id" | ||
| 51 | label="活动ID" | ||
| 52 | min-width="1"> | ||
| 53 | </el-table-column> | ||
| 54 | <el-table-column | ||
| 55 | prop="name" | ||
| 56 | label="活动名称" | ||
| 57 | min-width="1"> | ||
| 58 | </el-table-column> | ||
| 59 | <el-table-column | ||
| 60 | prop="startTime" | ||
| 61 | label="活动开始时间" | ||
| 62 | min-width="1"> | ||
| 63 | </el-table-column> | ||
| 64 | <el-table-column | ||
| 65 | prop="endTime" | ||
| 66 | label="活动结束时间" | ||
| 67 | min-width="1"> | ||
| 68 | </el-table-column> | ||
| 69 | <el-table-column | ||
| 70 | prop="provinceName" | ||
| 71 | label="所属机构" | ||
| 72 | min-width="1"> | ||
| 73 | </el-table-column> | ||
| 74 | <el-table-column | ||
| 75 | prop="locationCodeRule" | ||
| 76 | label="机构code规则" | ||
| 77 | min-width="4"> | ||
| 78 | </el-table-column> | ||
| 79 | </el-table> | ||
| 80 | <br/> | ||
| 81 | <br/> | ||
| 82 | <span>今天上线活动</span> | ||
| 83 | <el-table | ||
| 84 | :data="nowDateByStartTimeList" | ||
| 85 | border | ||
| 86 | style="width: 100%" | ||
| 87 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 88 | <el-table-column | ||
| 89 | prop="id" | ||
| 90 | label="活动ID" | ||
| 91 | min-width="1"> | ||
| 92 | </el-table-column> | ||
| 93 | <el-table-column | ||
| 94 | prop="name" | ||
| 95 | label="活动名称" | ||
| 96 | min-width="1"> | ||
| 97 | </el-table-column> | ||
| 98 | <el-table-column | ||
| 99 | prop="startTime" | ||
| 100 | label="活动开始时间" | ||
| 101 | min-width="1"> | ||
| 102 | </el-table-column> | ||
| 103 | <el-table-column | ||
| 104 | prop="endTime" | ||
| 105 | label="活动结束时间" | ||
| 106 | min-width="1"> | ||
| 107 | </el-table-column> | ||
| 108 | <el-table-column | ||
| 109 | prop="provinceName" | ||
| 110 | label="所属机构" | ||
| 111 | min-width="1"> | ||
| 112 | </el-table-column> | ||
| 113 | <el-table-column | ||
| 114 | prop="locationCodeRule" | ||
| 115 | label="机构code规则" | ||
| 116 | min-width="4"> | ||
| 117 | </el-table-column> | ||
| 118 | </el-table> | ||
| 119 | <br/> | ||
| 120 | <br/> | ||
| 121 | <span>今天下线活动</span> | ||
| 122 | <el-table | ||
| 123 | :data="nowDateByEndTimeList" | ||
| 124 | border | ||
| 125 | style="width: 100%" | ||
| 126 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 127 | <el-table-column | ||
| 128 | prop="id" | ||
| 129 | label="活动ID" | ||
| 130 | min-width="1"> | ||
| 131 | </el-table-column> | ||
| 132 | <el-table-column | ||
| 133 | prop="name" | ||
| 134 | label="活动名称" | ||
| 135 | min-width="1"> | ||
| 136 | </el-table-column> | ||
| 137 | <el-table-column | ||
| 138 | prop="startTime" | ||
| 139 | label="活动开始时间" | ||
| 140 | min-width="1"> | ||
| 141 | </el-table-column> | ||
| 142 | <el-table-column | ||
| 143 | prop="endTime" | ||
| 144 | label="活动结束时间" | ||
| 145 | min-width="1"> | ||
| 146 | </el-table-column> | ||
| 147 | <el-table-column | ||
| 148 | prop="provinceName" | ||
| 149 | label="所属机构" | ||
| 150 | min-width="1"> | ||
| 151 | </el-table-column> | ||
| 152 | <el-table-column | ||
| 153 | prop="locationCodeRule" | ||
| 154 | label="机构code规则" | ||
| 155 | min-width="4"> | ||
| 156 | </el-table-column> | ||
| 157 | </el-table> | ||
| 158 | <br/> | ||
| 159 | <br/> | ||
| 160 | <span>明天上线活动</span> | ||
| 161 | <el-table | ||
| 162 | :data="tomorrowByStartTimeList" | ||
| 163 | border | ||
| 164 | style="width: 100%" | ||
| 165 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 166 | <el-table-column | ||
| 167 | prop="id" | ||
| 168 | label="活动ID" | ||
| 169 | min-width="1"> | ||
| 170 | </el-table-column> | ||
| 171 | <el-table-column | ||
| 172 | prop="name" | ||
| 173 | label="活动名称" | ||
| 174 | min-width="1"> | ||
| 175 | </el-table-column> | ||
| 176 | <el-table-column | ||
| 177 | prop="startTime" | ||
| 178 | label="活动开始时间" | ||
| 179 | min-width="1"> | ||
| 180 | </el-table-column> | ||
| 181 | <el-table-column | ||
| 182 | prop="endTime" | ||
| 183 | label="活动结束时间" | ||
| 184 | min-width="1"> | ||
| 185 | </el-table-column> | ||
| 186 | <el-table-column | ||
| 187 | prop="provinceName" | ||
| 188 | label="所属机构" | ||
| 189 | min-width="1"> | ||
| 190 | </el-table-column> | ||
| 191 | <el-table-column | ||
| 192 | prop="locationCodeRule" | ||
| 193 | label="机构code规则" | ||
| 194 | min-width="4"> | ||
| 195 | </el-table-column> | ||
| 196 | </el-table> | ||
| 197 | <br/> | ||
| 198 | <br/> | ||
| 199 | <span>明天下线活动</span> | ||
| 200 | <el-table | ||
| 201 | :data="tomorrowByEndTimeList" | ||
| 202 | border | ||
| 203 | style="width: 100%" | ||
| 204 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 205 | <el-table-column | ||
| 206 | prop="id" | ||
| 207 | label="活动ID" | ||
| 208 | min-width="1"> | ||
| 209 | </el-table-column> | ||
| 210 | <el-table-column | ||
| 211 | prop="name" | ||
| 212 | label="活动名称" | ||
| 213 | min-width="1"> | ||
| 214 | </el-table-column> | ||
| 215 | <el-table-column | ||
| 216 | prop="startTime" | ||
| 217 | label="活动开始时间" | ||
| 218 | min-width="1"> | ||
| 219 | </el-table-column> | ||
| 220 | <el-table-column | ||
| 221 | prop="endTime" | ||
| 222 | label="活动结束时间" | ||
| 223 | min-width="1"> | ||
| 224 | </el-table-column> | ||
| 225 | <el-table-column | ||
| 226 | prop="provinceName" | ||
| 227 | label="所属机构" | ||
| 228 | min-width="1"> | ||
| 229 | </el-table-column> | ||
| 230 | <el-table-column | ||
| 231 | prop="locationCodeRule" | ||
| 232 | label="机构code规则" | ||
| 233 | min-width="4"> | ||
| 234 | </el-table-column> | ||
| 235 | </el-table> | ||
| 236 | <br/> | ||
| 237 | <br/> | ||
| 238 | <span>进行中活动</span> | ||
| 239 | <el-table | ||
| 240 | :data="nowActList" | ||
| 241 | border | ||
| 242 | style="width: 100%" | ||
| 243 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 244 | <el-table-column | ||
| 245 | prop="id" | ||
| 246 | label="活动ID" | ||
| 247 | min-width="1"> | ||
| 248 | </el-table-column> | ||
| 249 | <el-table-column | ||
| 250 | prop="name" | ||
| 251 | label="活动名称" | ||
| 252 | min-width="1"> | ||
| 253 | </el-table-column> | ||
| 254 | <el-table-column | ||
| 255 | prop="startTime" | ||
| 256 | label="活动开始时间" | ||
| 257 | min-width="1"> | ||
| 258 | </el-table-column> | ||
| 259 | <el-table-column | ||
| 260 | prop="endTime" | ||
| 261 | label="活动结束时间" | ||
| 262 | min-width="1"> | ||
| 263 | </el-table-column> | ||
| 264 | <el-table-column | ||
| 265 | prop="provinceName" | ||
| 266 | label="所属机构" | ||
| 267 | min-width="1"> | ||
| 268 | </el-table-column> | ||
| 269 | <el-table-column | ||
| 270 | prop="locationCodeRule" | ||
| 271 | label="机构code规则" | ||
| 272 | min-width="4"> | ||
| 273 | </el-table-column> | ||
| 274 | </el-table> | ||
| 275 | </div> | ||
| 276 | </template> | ||
| 277 | |||
| 278 | <style> | ||
| 279 | .el-table .warning-row { | ||
| 280 | background: LightPink; | ||
| 281 | } | ||
| 282 | </style> | ||
| 283 | |||
| 284 | <script> | ||
| 285 | export default { | ||
| 286 | data() { | ||
| 287 | return { | ||
| 288 | nowActList: [], | ||
| 289 | nowDateByStartTimeList: [], | ||
| 290 | yesterdayByStartTimeList: [], | ||
| 291 | tomorrowByStartTimeList: [], | ||
| 292 | nowDateByEndTimeList: [], | ||
| 293 | yesterdayByEndTimeList: [], | ||
| 294 | tomorrowByEndTimeList: [] | ||
| 295 | } | ||
| 296 | }, | ||
| 297 | mounted() { | ||
| 298 | this.activity() | ||
| 299 | }, | ||
| 300 | methods: { | ||
| 301 | activity() { | ||
| 302 | const loading = this.$loading({ | ||
| 303 | lock: true, | ||
| 304 | text: '加载中...', | ||
| 305 | spinner: 'el-icon-loading', | ||
| 306 | background: 'rgba(0, 0, 0, 0.7)' | ||
| 307 | }); | ||
| 308 | let config = { | ||
| 309 | headers: { | ||
| 310 | 'Content-Type': 'application/x-www-form-urlencoded' | ||
| 311 | } | ||
| 312 | } | ||
| 313 | this.$http.get('/tool/selectActOnline?'+this.$qs.stringify({ | ||
| 314 | }),config).then((res)=>{ | ||
| 315 | console.log(res.data) | ||
| 316 | this.nowActList=res.data.nowActList | ||
| 317 | this.nowDateByStartTimeList=res.data.nowDateByStartTimeList | ||
| 318 | this.yesterdayByStartTimeList=res.data.yesterdayByStartTimeList | ||
| 319 | this.tomorrowByStartTimeList=res.data.tomorrowByStartTimeList | ||
| 320 | this.nowDateByEndTimeList=res.data.nowDateByEndTimeList | ||
| 321 | this.yesterdayByEndTimeList=res.data.yesterdayByEndTimeList | ||
| 322 | this.tomorrowByEndTimeList=res.data.tomorrowByEndTimeList | ||
| 323 | loading.close(); | ||
| 324 | }).catch(error=>{ | ||
| 325 | console.log(error); | ||
| 326 | loading.close(); | ||
| 327 | this.$message({ | ||
| 328 | showClose: true, | ||
| 329 | message: '服务器处理失败,请核对参数!', | ||
| 330 | type: 'error' | ||
| 331 | }); | ||
| 332 | }) | ||
| 333 | } | ||
| 334 | } | ||
| 335 | } | ||
| 336 | </script> |
| ... | @@ -779,6 +779,20 @@ | ... | @@ -779,6 +779,20 @@ |
| 779 | </el-card> | 779 | </el-card> |
| 780 | </el-form> | 780 | </el-form> |
| 781 | </el-col> | 781 | </el-col> |
| 782 | <el-col :span="8"> | ||
| 783 | <el-form ref="selectActOnline" :model="selectActOnline" label-width="0px"> | ||
| 784 | <el-card class="darkred" shadow="always"> | ||
| 785 | <div slot="header" class="clearfix"> | ||
| 786 | <span>查询活动上线下线情况</span> | ||
| 787 | </div> | ||
| 788 | <div class="text item"> | ||
| 789 | <el-form-item> | ||
| 790 | <el-button round @click="selectActOnlineSubmit">查询上下线情况</el-button> | ||
| 791 | </el-form-item> | ||
| 792 | </div> | ||
| 793 | </el-card> | ||
| 794 | </el-form> | ||
| 795 | </el-col> | ||
| 782 | </el-row> | 796 | </el-row> |
| 783 | </div> | 797 | </div> |
| 784 | </template> | 798 | </template> |
| ... | @@ -1089,6 +1103,8 @@ | ... | @@ -1089,6 +1103,8 @@ |
| 1089 | city_name: '' | 1103 | city_name: '' |
| 1090 | }] | 1104 | }] |
| 1091 | }, | 1105 | }, |
| 1106 | selectActOnline: { | ||
| 1107 | }, | ||
| 1092 | actProvinceOptions: [], | 1108 | actProvinceOptions: [], |
| 1093 | actCityOptions: [], | 1109 | actCityOptions: [], |
| 1094 | nlpApi: { | 1110 | nlpApi: { |
| ... | @@ -1753,6 +1769,11 @@ | ... | @@ -1753,6 +1769,11 @@ |
| 1753 | {provinceCode: this.selectActCount.provinceCode.toString(), cityCode: this.selectActCount.cityCode.toString()}}) | 1769 | {provinceCode: this.selectActCount.provinceCode.toString(), cityCode: this.selectActCount.cityCode.toString()}}) |
| 1754 | window.open(href, '_blank') | 1770 | window.open(href, '_blank') |
| 1755 | }, | 1771 | }, |
| 1772 | selectActOnlineSubmit() { | ||
| 1773 | const {href} = this.$router.resolve({ name:'selectActOnline', query: | ||
| 1774 | {}}) | ||
| 1775 | window.open(href, '_blank') | ||
| 1776 | }, | ||
| 1756 | changeOrgAllSubmit() { | 1777 | changeOrgAllSubmit() { |
| 1757 | let config = { | 1778 | let config = { |
| 1758 | headers: { | 1779 | headers: { | ... | ... |
| ... | @@ -29,6 +29,7 @@ import bizDataCount from '@/page/bizDataCount' | ... | @@ -29,6 +29,7 @@ import bizDataCount from '@/page/bizDataCount' |
| 29 | import bizDataResponse from '@/page/bizDataResponse' | 29 | import bizDataResponse from '@/page/bizDataResponse' |
| 30 | import bigdataReport from '@/page/bigdataReport' | 30 | import bigdataReport from '@/page/bigdataReport' |
| 31 | import bizDataByUid from '@/page/bizDataByUid' | 31 | import bizDataByUid from '@/page/bizDataByUid' |
| 32 | import selectActOnline from '@/page/selectActOnline' | ||
| 32 | 33 | ||
| 33 | Vue.use(Router) | 34 | Vue.use(Router) |
| 34 | 35 | ||
| ... | @@ -228,6 +229,14 @@ export default new Router({ | ... | @@ -228,6 +229,14 @@ export default new Router({ |
| 228 | meta: { | 229 | meta: { |
| 229 | title: '测试工具平台' | 230 | title: '测试工具平台' |
| 230 | } | 231 | } |
| 232 | }, | ||
| 233 | { | ||
| 234 | path: '/selectActOnline', | ||
| 235 | component: selectActOnline, | ||
| 236 | name: 'selectActOnline', | ||
| 237 | meta: { | ||
| 238 | title: '测试工具平台' | ||
| 239 | } | ||
| 231 | } | 240 | } |
| 232 | ] | 241 | ] |
| 233 | }, | 242 | }, | ... | ... |
-
Please register or sign in to post a comment