commit
Showing
3 changed files
with
187 additions
and
0 deletions
src/page/selectActOnlineShenZhen.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="nowActList" | ||
| 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="2"> | ||
| 19 | </el-table-column> | ||
| 20 | <el-table-column | ||
| 21 | prop="startTime" | ||
| 22 | label="活动开始时间" | ||
| 23 | min-width="2"> | ||
| 24 | </el-table-column> | ||
| 25 | <el-table-column | ||
| 26 | prop="endTime" | ||
| 27 | label="活动结束时间" | ||
| 28 | min-width="2"> | ||
| 29 | </el-table-column> | ||
| 30 | <el-table-column | ||
| 31 | prop="provinceName" | ||
| 32 | label="所属机构" | ||
| 33 | min-width="1"> | ||
| 34 | </el-table-column> | ||
| 35 | </el-table> | ||
| 36 | <br/> | ||
| 37 | <br/> | ||
| 38 | <span>未开始活动</span> | ||
| 39 | <el-table | ||
| 40 | :data="yesterdayByStartTimeList" | ||
| 41 | border | ||
| 42 | style="width: 100%" | ||
| 43 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 44 | <el-table-column | ||
| 45 | prop="id" | ||
| 46 | label="活动ID" | ||
| 47 | min-width="1"> | ||
| 48 | </el-table-column> | ||
| 49 | <el-table-column | ||
| 50 | prop="name" | ||
| 51 | label="活动名称" | ||
| 52 | min-width="2"> | ||
| 53 | </el-table-column> | ||
| 54 | <el-table-column | ||
| 55 | prop="startTime" | ||
| 56 | label="活动开始时间" | ||
| 57 | min-width="2"> | ||
| 58 | </el-table-column> | ||
| 59 | <el-table-column | ||
| 60 | prop="endTime" | ||
| 61 | label="活动结束时间" | ||
| 62 | min-width="2"> | ||
| 63 | </el-table-column> | ||
| 64 | <el-table-column | ||
| 65 | prop="provinceName" | ||
| 66 | label="所属机构" | ||
| 67 | min-width="1"> | ||
| 68 | </el-table-column> | ||
| 69 | </el-table> | ||
| 70 | <br/> | ||
| 71 | <br/> | ||
| 72 | <span>已结束活动</span> | ||
| 73 | <el-table | ||
| 74 | :data="tomorrowByEndTimeList" | ||
| 75 | border | ||
| 76 | style="width: 100%" | ||
| 77 | :header-cell-style="{background: 'deepskyblue', color: 'snow'}"> | ||
| 78 | <el-table-column | ||
| 79 | prop="id" | ||
| 80 | label="活动ID" | ||
| 81 | min-width="1"> | ||
| 82 | </el-table-column> | ||
| 83 | <el-table-column | ||
| 84 | prop="name" | ||
| 85 | label="活动名称" | ||
| 86 | min-width="2"> | ||
| 87 | </el-table-column> | ||
| 88 | <el-table-column | ||
| 89 | prop="startTime" | ||
| 90 | label="活动开始时间" | ||
| 91 | min-width="2"> | ||
| 92 | </el-table-column> | ||
| 93 | <el-table-column | ||
| 94 | prop="endTime" | ||
| 95 | label="活动结束时间" | ||
| 96 | min-width="2"> | ||
| 97 | </el-table-column> | ||
| 98 | <el-table-column | ||
| 99 | prop="provinceName" | ||
| 100 | label="所属机构" | ||
| 101 | min-width="1"> | ||
| 102 | </el-table-column> | ||
| 103 | </el-table> | ||
| 104 | </div> | ||
| 105 | </template> | ||
| 106 | |||
| 107 | <style> | ||
| 108 | .el-table .warning-row { | ||
| 109 | background: LightPink; | ||
| 110 | } | ||
| 111 | </style> | ||
| 112 | |||
| 113 | <script> | ||
| 114 | export default { | ||
| 115 | data() { | ||
| 116 | return { | ||
| 117 | nowActList: [], | ||
| 118 | yesterdayByStartTimeList: [], | ||
| 119 | tomorrowByEndTimeList: [] | ||
| 120 | } | ||
| 121 | }, | ||
| 122 | mounted() { | ||
| 123 | this.activity() | ||
| 124 | }, | ||
| 125 | methods: { | ||
| 126 | activity() { | ||
| 127 | const loading = this.$loading({ | ||
| 128 | lock: true, | ||
| 129 | text: '加载中...', | ||
| 130 | spinner: 'el-icon-loading', | ||
| 131 | background: 'rgba(0, 0, 0, 0.7)' | ||
| 132 | }); | ||
| 133 | let config = { | ||
| 134 | headers: { | ||
| 135 | 'Content-Type': 'application/x-www-form-urlencoded' | ||
| 136 | } | ||
| 137 | } | ||
| 138 | this.$http.get('/tool/selectActOnlineShenZhen?'+this.$qs.stringify({ | ||
| 139 | }),config).then((res)=>{ | ||
| 140 | console.log(res.data) | ||
| 141 | this.nowActList=res.data.nowActList | ||
| 142 | this.yesterdayByStartTimeList=res.data.yesterdayByStartTimeList | ||
| 143 | this.tomorrowByEndTimeList=res.data.tomorrowByEndTimeList | ||
| 144 | loading.close(); | ||
| 145 | }).catch(error=>{ | ||
| 146 | console.log(error); | ||
| 147 | loading.close(); | ||
| 148 | this.$message({ | ||
| 149 | showClose: true, | ||
| 150 | message: '服务器处理失败,请核对参数!', | ||
| 151 | type: 'error' | ||
| 152 | }); | ||
| 153 | }) | ||
| 154 | } | ||
| 155 | } | ||
| 156 | } | ||
| 157 | </script> |
| ... | @@ -796,6 +796,20 @@ | ... | @@ -796,6 +796,20 @@ |
| 796 | </el-card> | 796 | </el-card> |
| 797 | </el-form> | 797 | </el-form> |
| 798 | </el-col> | 798 | </el-col> |
| 799 | <el-col :span="8"> | ||
| 800 | <el-form ref="selectActOnline" :model="selectActOnlineShenZhen" label-width="0px"> | ||
| 801 | <el-card class="darkred" shadow="always"> | ||
| 802 | <div slot="header" class="clearfix"> | ||
| 803 | <span>查询云活动平台全部活动</span> | ||
| 804 | </div> | ||
| 805 | <div class="text item"> | ||
| 806 | <el-form-item> | ||
| 807 | <el-button round @click="selectActOnlineShenZhenSubmit">查询全部活动</el-button> | ||
| 808 | </el-form-item> | ||
| 809 | </div> | ||
| 810 | </el-card> | ||
| 811 | </el-form> | ||
| 812 | </el-col> | ||
| 799 | </el-row> | 813 | </el-row> |
| 800 | </div> | 814 | </div> |
| 801 | </template> | 815 | </template> |
| ... | @@ -1109,6 +1123,8 @@ | ... | @@ -1109,6 +1123,8 @@ |
| 1109 | selectActOnline: { | 1123 | selectActOnline: { |
| 1110 | mailReceiver: '' | 1124 | mailReceiver: '' |
| 1111 | }, | 1125 | }, |
| 1126 | selectActOnlineShenZhen: { | ||
| 1127 | }, | ||
| 1112 | actProvinceOptions: [], | 1128 | actProvinceOptions: [], |
| 1113 | actCityOptions: [], | 1129 | actCityOptions: [], |
| 1114 | nlpApi: { | 1130 | nlpApi: { |
| ... | @@ -1778,6 +1794,11 @@ | ... | @@ -1778,6 +1794,11 @@ |
| 1778 | {mailReceiver: this.selectActOnline.mailReceiver}}) | 1794 | {mailReceiver: this.selectActOnline.mailReceiver}}) |
| 1779 | window.open(href, '_blank') | 1795 | window.open(href, '_blank') |
| 1780 | }, | 1796 | }, |
| 1797 | selectActOnlineShenZhenSubmit() { | ||
| 1798 | const {href} = this.$router.resolve({ name:'selectActOnlineShenZhen', query: | ||
| 1799 | {}}) | ||
| 1800 | window.open(href, '_blank') | ||
| 1801 | }, | ||
| 1781 | changeOrgAllSubmit() { | 1802 | changeOrgAllSubmit() { |
| 1782 | let config = { | 1803 | let config = { |
| 1783 | headers: { | 1804 | headers: { | ... | ... |
| ... | @@ -30,6 +30,7 @@ import bizDataResponse from '@/page/bizDataResponse' | ... | @@ -30,6 +30,7 @@ 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 | import selectActOnline from '@/page/selectActOnline' |
| 33 | import selectActOnlineShenZhen from '@/page/selectActOnlineShenZhen' | ||
| 33 | import toolWaiBao from '@/page/toolWaiBao' | 34 | import toolWaiBao from '@/page/toolWaiBao' |
| 34 | 35 | ||
| 35 | Vue.use(Router) | 36 | Vue.use(Router) |
| ... | @@ -245,6 +246,14 @@ export default new Router({ | ... | @@ -245,6 +246,14 @@ export default new Router({ |
| 245 | meta: { | 246 | meta: { |
| 246 | title: '测试工具平台' | 247 | title: '测试工具平台' |
| 247 | } | 248 | } |
| 249 | }, | ||
| 250 | { | ||
| 251 | path: '/selectActOnlineShenZhen', | ||
| 252 | component: selectActOnlineShenZhen, | ||
| 253 | name: 'selectActOnlineShenZhen', | ||
| 254 | meta: { | ||
| 255 | title: '测试工具平台' | ||
| 256 | } | ||
| 248 | } | 257 | } |
| 249 | ] | 258 | ] |
| 250 | }, | 259 | }, | ... | ... |
-
Please register or sign in to post a comment