Skip to content

蔡永松 / fontweb-dc

Go to a project
Toggle navigation
Toggle navigation pinning
65b96fd6 by 焦小希
Options

修改了表格数据请求渲染回来，表格出现无数据的bug，优化了整体工程中表格的样式问题。注释了下拉框的值。

1 parent c1a66e0a
Inline Side-by-side
Showing 8 changed files with 82 additions and 64 deletions
...@@ -125,6 +125,7 @@ ...@@ -125,6 +125,7 @@
125 </div> 125 </div>
126 </div> 126 </div>
127 <!-- 表格区域--> 127 <!-- 表格区域-->
128 <div v-if="tabaledata.length!=0">
128 <el-table 129 <el-table
129 v-if="isActive==1" 130 v-if="isActive==1"
130 :data="tabaledata" 131 :data="tabaledata"
...@@ -203,6 +204,8 @@ ...@@ -203,6 +204,8 @@
203 </template> 204 </template>
204 </el-table-column> 205 </el-table-column>
205 </el-table> 206 </el-table>
207 </div>
208 <div v-if="tabaledata.length!=0">
206 <el-table 209 <el-table
207 v-if="isActive==2" 210 v-if="isActive==2"
208 :data="tabaledata" 211 :data="tabaledata"
...@@ -281,6 +284,8 @@ ...@@ -281,6 +284,8 @@
281 </template> 284 </template>
282 </el-table-column> 285 </el-table-column>
283 </el-table> 286 </el-table>
287 </div>
288 <div v-if="tabaledata.length!=0">
284 <el-table 289 <el-table
285 v-if="isActive==3" 290 v-if="isActive==3"
286 :data="tabaledata" 291 :data="tabaledata"
...@@ -359,6 +364,8 @@ ...@@ -359,6 +364,8 @@
359 </template> 364 </template>
360 </el-table-column> 365 </el-table-column>
361 </el-table> 366 </el-table>
367 </div>
368 <div v-if="tabaledata.length!=0">
362 <el-table 369 <el-table
363 v-if="isActive==5" 370 v-if="isActive==5"
364 :data="tabaledata" 371 :data="tabaledata"
...@@ -437,6 +444,7 @@ ...@@ -437,6 +444,7 @@
437 </template> 444 </template>
438 </el-table-column> 445 </el-table-column>
439 </el-table> 446 </el-table>
447 </div>
440 <!-- 分页区域--> 448 <!-- 分页区域-->
441 <div class="block"> 449 <div class="block">
442 <el-pagination 450 <el-pagination
......
...@@ -125,6 +125,7 @@ ...@@ -125,6 +125,7 @@
125 </div> 125 </div>
126 </div> 126 </div>
127 <!-- 表格区域--> 127 <!-- 表格区域-->
128 <div v-if="tabaledata.length!=0">
128 <el-table 129 <el-table
129 v-if="isActive==1" 130 v-if="isActive==1"
130 :data="tabaledata" 131 :data="tabaledata"
...@@ -202,6 +203,8 @@ ...@@ -202,6 +203,8 @@
202 </template> 203 </template>
203 </el-table-column> 204 </el-table-column>
204 </el-table> 205 </el-table>
206 </div>
207 <div v-if="tabaledata.length!=0">
205 <el-table 208 <el-table
206 v-if="isActive==2" 209 v-if="isActive==2"
207 :data="tabaledata" 210 :data="tabaledata"
...@@ -248,12 +251,12 @@ ...@@ -248,12 +251,12 @@
248 width="223" 251 width="223"
249 > 252 >
250 </el-table-column> 253 </el-table-column>
251 <!-- <el-table-column--> 254 <!-- <el-table-column-->
252 <!-- prop="ljr"--> 255 <!-- prop="ljr"-->
253 <!-- label="来件人"--> 256 <!-- label="来件人"-->
254 <!-- align="center"--> 257 <!-- align="center"-->
255 <!-- width="400"--> 258 <!-- width="400"-->
256 <!-- >--> 259 <!-- >-->
257 </el-table-column> 260 </el-table-column>
258 <el-table-column 261 <el-table-column
259 prop="CREATETIME" 262 prop="CREATETIME"
...@@ -280,6 +283,8 @@ ...@@ -280,6 +283,8 @@
280 </template> 283 </template>
281 </el-table-column> 284 </el-table-column>
282 </el-table> 285 </el-table>
286 </div>
287 <div v-if="tabaledata.length!=0">
283 <el-table 288 <el-table
284 v-if="isActive==3" 289 v-if="isActive==3"
285 :data="tabaledata" 290 :data="tabaledata"
...@@ -326,12 +331,12 @@ ...@@ -326,12 +331,12 @@
326 width="223" 331 width="223"
327 > 332 >
328 </el-table-column> 333 </el-table-column>
329 <!-- <el-table-column--> 334 <!-- <el-table-column-->
330 <!-- prop="ljr"--> 335 <!-- prop="ljr"-->
331 <!-- label="来件人"--> 336 <!-- label="来件人"-->
332 <!-- align="center"--> 337 <!-- align="center"-->
333 <!-- width="400"--> 338 <!-- width="400"-->
334 <!-- >--> 339 <!-- >-->
335 </el-table-column> 340 </el-table-column>
336 <el-table-column 341 <el-table-column
337 prop="CREATETIME" 342 prop="CREATETIME"
...@@ -358,6 +363,8 @@ ...@@ -358,6 +363,8 @@
358 </template> 363 </template>
359 </el-table-column> 364 </el-table-column>
360 </el-table> 365 </el-table>
366 </div>
367 <div v-if="tabaledata.length!=0">
361 <el-table 368 <el-table
362 v-if="isActive==5" 369 v-if="isActive==5"
363 :data="tabaledata" 370 :data="tabaledata"
...@@ -390,13 +397,13 @@ ...@@ -390,13 +397,13 @@
390 width="100" 397 width="100"
391 > 398 >
392 </el-table-column> 399 </el-table-column>
393 <!-- <el-table-column--> 400 <!-- <el-table-column-->
394 <!-- prop="PHZRDW"--> 401 <!-- prop="PHZRDW"-->
395 <!-- label="责任单位"--> 402 <!-- label="责任单位"-->
396 <!-- align="center"--> 403 <!-- align="center"-->
397 <!-- width="200"--> 404 <!-- width="200"-->
398 <!-- >--> 405 <!-- >-->
399 <!-- </el-table-column>--> 406 <!-- </el-table-column>-->
400 <el-table-column 407 <el-table-column
401 prop="PHSSQY" 408 prop="PHSSQY"
402 label="所属区域" 409 label="所属区域"
...@@ -404,13 +411,13 @@ ...@@ -404,13 +411,13 @@
404 width="223" 411 width="223"
405 > 412 >
406 </el-table-column> 413 </el-table-column>
407 <!-- <el-table-column--> 414 <!-- <el-table-column-->
408 <!-- prop="ljr"--> 415 <!-- prop="ljr"-->
409 <!-- label="来件人"--> 416 <!-- label="来件人"-->
410 <!-- align="center"--> 417 <!-- align="center"-->
411 <!-- width="400"--> 418 <!-- width="400"-->
412 <!-- >--> 419 <!-- >-->
413 <!-- </el-table-column>--> 420 <!-- </el-table-column>-->
414 <el-table-column 421 <el-table-column
415 prop="CREATETIME" 422 prop="CREATETIME"
416 label="登记时间" 423 label="登记时间"
...@@ -437,6 +444,7 @@ ...@@ -437,6 +444,7 @@
437 </el-table-column> 444 </el-table-column>
438 </el-table> 445 </el-table>
439 </div> 446 </div>
447 </div>
440 <!-- 分页区域--> 448 <!-- 分页区域-->
441 <div class="block"> 449 <div class="block">
442 <el-pagination 450 <el-pagination
......
...@@ -49,7 +49,6 @@ var self = new Vue({ ...@@ -49,7 +49,6 @@ var self = new Vue({
49 this.getData() 49 this.getData()
50 }, 50 },
51 handleCurrentChange(pageNum){ 51 handleCurrentChange(pageNum){
52 alert(pageNum)
53 this.pageNum = pageNum 52 this.pageNum = pageNum
54 this.getData() 53 this.getData()
55 }, 54 },
...@@ -80,10 +79,7 @@ var self = new Vue({ ...@@ -80,10 +79,7 @@ var self = new Vue({
80 } 79 }
81 this.total = result.length; 80 this.total = result.length;
82 this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize); 81 this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize);
83
84
85 }); 82 });
86
87 }, 83 },
88 clickData(row){ 84 clickData(row){
89 this.jumpdetailPage(row) 85 this.jumpdetailPage(row)
......
...@@ -121,6 +121,7 @@ ...@@ -121,6 +121,7 @@
121 </el-col> 121 </el-col>
122 </el-row> 122 </el-row>
123 <!-- 列表区域--> 123 <!-- 列表区域-->
124 <div v-if="tabaledata.length!=0">
124 <el-table 125 <el-table
125 :data="tabaledata" 126 :data="tabaledata"
126 style="width: 100%;margin-top:10px;" 127 style="width: 100%;margin-top:10px;"
...@@ -175,7 +176,7 @@ ...@@ -175,7 +176,7 @@
175 width="150" 176 width="150"
176 > 177 >
177 </el-table-column> 178 </el-table-column>
178 <!-- <el-table-column 179 <!-- <el-table-column
179 prop="PHZRDW" 180 prop="PHZRDW"
180 label="责任单位" 181 label="责任单位"
181 align="center" 182 align="center"
...@@ -202,6 +203,7 @@ ...@@ -202,6 +203,7 @@
202 </template> 203 </template>
203 </el-table-column> 204 </el-table-column>
204 </el-table> 205 </el-table>
206 </div>
205 <!-- 分页区域--> 207 <!-- 分页区域-->
206 208
207 </div> 209 </div>
......
...@@ -121,6 +121,7 @@ ...@@ -121,6 +121,7 @@
121 </el-col> 121 </el-col>
122 </el-row> 122 </el-row>
123 <!-- 列表区域--> 123 <!-- 列表区域-->
124 <div v-if ="tabaledata.length!=0">
124 <el-table 125 <el-table
125 :data="tabaledata" 126 :data="tabaledata"
126 style="width: 100%;margin-top:10px;" 127 style="width: 100%;margin-top:10px;"
...@@ -186,7 +187,7 @@ ...@@ -186,7 +187,7 @@
186 prop="PHSSQY" 187 prop="PHSSQY"
187 label="所属区域" 188 label="所属区域"
188 align="center" 189 align="center"
189 width="100" 190 width="115"
190 > 191 >
191 </el-table-column> 192 </el-table-column>
192 <el-table-column 193 <el-table-column
...@@ -202,6 +203,8 @@ ...@@ -202,6 +203,8 @@
202 </template> 203 </template>
203 </el-table-column> 204 </el-table-column>
204 </el-table> 205 </el-table>
206 </div>
207
205 <!-- 分页区域--> 208 <!-- 分页区域-->
206 <div class="block"> 209 <div class="block">
207 <el-pagination 210 <el-pagination
......
...@@ -5,24 +5,24 @@ var self = new Vue({ ...@@ -5,24 +5,24 @@ var self = new Vue({
5 FloatRightTitle: '图片', 5 FloatRightTitle: '图片',
6 imgtabaledata: [ 6 imgtabaledata: [
7 { 7 {
8 wjmc: '微信截图.png', 8 wjmc: '昆仑东路辅路违法搭建现场拍照(1).jpg',
9 size: '5k', 9 size: '5k',
10 scsj: '2020-8-06' 10 scsj: '2020-8-06'
11 }, 11 },
12 { 12 {
13 wjmc: '微信截图.png', 13 wjmc: '昆仑东路辅路违法搭建现场拍照(2)jpg',
14 size: '5k', 14 size: '5k',
15 scsj: '2020-8-06' 15 scsj: '2020-8-06'
16 } 16 }
17 ], 17 ],
18 filetabeldata: [ 18 filetabeldata: [
19 { 19 {
20 wjmc: 'test.txt', 20 wjmc: '昆仑东路违法占道搭建便民市场汇总文档(1).txt',
21 size: '15k', 21 size: '10k',
22 scsj: '2020-8-01' 22 scsj: '2020-8-01'
23 }, 23 },
24 { 24 {
25 wjmc: '违法结果.txt', 25 wjmc: '昆仑东路违法占道搭建便民市场汇总文档(2).txt',
26 size: '10k', 26 size: '10k',
27 scsj: '2020-8-01' 27 scsj: '2020-8-01'
28 }, 28 },
......
...@@ -123,6 +123,7 @@ ...@@ -123,6 +123,7 @@
123 </el-col> 123 </el-col>
124 </el-row> 124 </el-row>
125 <!-- 列表区域--> 125 <!-- 列表区域-->
126 <div v-if="tabaledata.length!=0">
126 <el-table 127 <el-table
127 :data="tabaledata" 128 :data="tabaledata"
128 style="width: 100%;margin-top:10px;" 129 style="width: 100%;margin-top:10px;"
...@@ -178,9 +179,9 @@ ...@@ -178,9 +179,9 @@
178 > 179 >
179 </el-table-column> 180 </el-table-column>
180 </el-table> 181 </el-table>
181 <!-- 分页区域-->
182
183 </div> 182 </div>
183 </div>
184 <!-- 分页区域-->
184 <div class="block"> 185 <div class="block">
185 <el-pagination 186 <el-pagination
186 @size-change="handleSizeChange" 187 @size-change="handleSizeChange"
......
...@@ -146,31 +146,31 @@ ...@@ -146,31 +146,31 @@
146 </div> 146 </div>
147 147
148 <!-- 地区选择以及要素分布 --> 148 <!-- 地区选择以及要素分布 -->
149 <div class="right-top-select"> 149 <!-- <div class="right-top-select">-->
150 <div id="info-div"> 150 <!-- <div id="info-div">-->
151 <select id="region_select"> 151 <!-- <select id="region_select">-->
152 <option value="610100" selected>西安市</option> 152 <!-- <option value="610100" selected>西安市</option>-->
153 <option value="610102">新城区</option> 153 <!-- <option value="610102">新城区</option>-->
154 <option value="610103">碑林区</option> 154 <!-- <option value="610103">碑林区</option>-->
155 <option value="610104">莲湖区</option> 155 <!-- <option value="610104">莲湖区</option>-->
156 <option value="610111">灞桥区</option> 156 <!-- <option value="610111">灞桥区</option>-->
157 <option value="610112">未央区</option> 157 <!-- <option value="610112">未央区</option>-->
158 <option value="610113">雁塔区</option> 158 <!-- <option value="610113">雁塔区</option>-->
159 <option value="610114">阎良区</option> 159 <!-- <option value="610114">阎良区</option>-->
160 <option value="610115">临潼区</option> 160 <!-- <option value="610115">临潼区</option>-->
161 <option value="610116">长安区</option> 161 <!-- <option value="610116">长安区</option>-->
162 <option value="610122">蓝田县</option> 162 <!-- <option value="610122">蓝田县</option>-->
163 <option value="610124">周至县</option> 163 <!-- <option value="610124">周至县</option>-->
164 <option value="610118">鄠邑区</option> 164 <!-- <option value="610118">鄠邑区</option>-->
165 <option value="610117">高陵区</option> 165 <!-- <option value="610117">高陵区</option>-->
166 </select> 166 <!-- </select>-->
167 <div class="features"> 167 <!-- <div class="features">-->
168 <input type="checkbox" name="feature_area" id="features"> 168 <!-- <input type="checkbox" name="feature_area" id="features">-->
169 <label style="font-weight:normal">要素分布</label> 169 <!-- <label style="font-weight:normal">要素分布</label>-->
170 <!-- <input type="checkbox" name="switch" lay-skin="switch">--> 170 <!-- &lt;!&ndash; <input type="checkbox" name="switch" lay-skin="switch">&ndash;&gt;-->
171 </div> 171 <!-- </div>-->
172 </div> 172 <!-- </div>-->
173 </div> 173 <!-- </div>-->
174 <!-- 总量变化趋势echart --> 174 <!-- 总量变化趋势echart -->
175 <div class="layui-card sum-change" id="layui-card-bottom" style="opacity: 0.8"> 175 <div class="layui-card sum-change" id="layui-card-bottom" style="opacity: 0.8">
176 <div class="layui-card-header" style="height:18px">总量变化趋势</div> 176 <div class="layui-card-header" style="height:18px">总量变化趋势</div>
......