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 @@
</div>
</div>
<!-- 表格区域-->
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==1"
:data="tabaledata"
......@@ -203,6 +204,8 @@
</template>
</el-table-column>
</el-table>
</div>
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==2"
:data="tabaledata"
......@@ -281,6 +284,8 @@
</template>
</el-table-column>
</el-table>
</div>
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==3"
:data="tabaledata"
......@@ -359,6 +364,8 @@
</template>
</el-table-column>
</el-table>
</div>
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==5"
:data="tabaledata"
......@@ -437,6 +444,7 @@
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页区域-->
<div class="block">
<el-pagination
......
......@@ -125,6 +125,7 @@
</div>
</div>
<!-- 表格区域-->
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==1"
:data="tabaledata"
......@@ -202,6 +203,8 @@
</template>
</el-table-column>
</el-table>
</div>
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==2"
:data="tabaledata"
......@@ -248,12 +251,12 @@
width="223"
>
</el-table-column>
<!-- <el-table-column-->
<!-- prop="ljr"-->
<!-- label="来件人"-->
<!-- align="center"-->
<!-- width="400"-->
<!-- >-->
<!-- <el-table-column-->
<!-- prop="ljr"-->
<!-- label="来件人"-->
<!-- align="center"-->
<!-- width="400"-->
<!-- >-->
</el-table-column>
<el-table-column
prop="CREATETIME"
......@@ -280,6 +283,8 @@
</template>
</el-table-column>
</el-table>
</div>
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==3"
:data="tabaledata"
......@@ -326,12 +331,12 @@
width="223"
>
</el-table-column>
<!-- <el-table-column-->
<!-- prop="ljr"-->
<!-- label="来件人"-->
<!-- align="center"-->
<!-- width="400"-->
<!-- >-->
<!-- <el-table-column-->
<!-- prop="ljr"-->
<!-- label="来件人"-->
<!-- align="center"-->
<!-- width="400"-->
<!-- >-->
</el-table-column>
<el-table-column
prop="CREATETIME"
......@@ -358,6 +363,8 @@
</template>
</el-table-column>
</el-table>
</div>
<div v-if="tabaledata.length!=0">
<el-table
v-if="isActive==5"
:data="tabaledata"
......@@ -390,13 +397,13 @@
width="100"
>
</el-table-column>
<!-- <el-table-column-->
<!-- prop="PHZRDW"-->
<!-- label="责任单位"-->
<!-- align="center"-->
<!-- width="200"-->
<!-- >-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="PHZRDW"-->
<!-- label="责任单位"-->
<!-- align="center"-->
<!-- width="200"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
prop="PHSSQY"
label="所属区域"
......@@ -404,13 +411,13 @@
width="223"
>
</el-table-column>
<!-- <el-table-column-->
<!-- prop="ljr"-->
<!-- label="来件人"-->
<!-- align="center"-->
<!-- width="400"-->
<!-- >-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="ljr"-->
<!-- label="来件人"-->
<!-- align="center"-->
<!-- width="400"-->
<!-- >-->
<!-- </el-table-column>-->
<el-table-column
prop="CREATETIME"
label="登记时间"
......@@ -437,6 +444,7 @@
</el-table-column>
</el-table>
</div>
</div>
<!-- 分页区域-->
<div class="block">
<el-pagination
......
......@@ -49,7 +49,6 @@ var self = new Vue({
this.getData()
},
handleCurrentChange(pageNum){
alert(pageNum)
this.pageNum = pageNum
this.getData()
},
......@@ -80,10 +79,7 @@ var self = new Vue({
}
this.total = result.length;
this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize);
});
},
clickData(row){
this.jumpdetailPage(row)
......
......@@ -121,6 +121,7 @@
</el-col>
</el-row>
<!-- 列表区域-->
<div v-if="tabaledata.length!=0">
<el-table
:data="tabaledata"
style="width: 100%;margin-top:10px;"
......@@ -175,7 +176,7 @@
width="150"
>
</el-table-column>
<!-- <el-table-column
<!-- <el-table-column
prop="PHZRDW"
label="责任单位"
align="center"
......@@ -202,6 +203,7 @@
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页区域-->
</div>
......
......@@ -121,6 +121,7 @@
</el-col>
</el-row>
<!-- 列表区域-->
<div v-if ="tabaledata.length!=0">
<el-table
:data="tabaledata"
style="width: 100%;margin-top:10px;"
......@@ -186,7 +187,7 @@
prop="PHSSQY"
label="所属区域"
align="center"
width="100"
width="115"
>
</el-table-column>
<el-table-column
......@@ -202,6 +203,8 @@
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页区域-->
<div class="block">
<el-pagination
......
......@@ -5,24 +5,24 @@ var self = new Vue({
FloatRightTitle: '图片',
imgtabaledata: [
{
wjmc: '微信截图.png',
wjmc: '昆仑东路辅路违法搭建现场拍照(1).jpg',
size: '5k',
scsj: '2020-8-06'
},
{
wjmc: '微信截图.png',
wjmc: '昆仑东路辅路违法搭建现场拍照(2)jpg',
size: '5k',
scsj: '2020-8-06'
}
],
filetabeldata: [
{
wjmc: 'test.txt',
size: '15k',
wjmc: '昆仑东路违法占道搭建便民市场汇总文档(1).txt',
size: '10k',
scsj: '2020-8-01'
},
{
wjmc: '违法结果.txt',
wjmc: '昆仑东路违法占道搭建便民市场汇总文档(2).txt',
size: '10k',
scsj: '2020-8-01'
},
......
......@@ -123,6 +123,7 @@
</el-col>
</el-row>
<!-- 列表区域-->
<div v-if="tabaledata.length!=0">
<el-table
:data="tabaledata"
style="width: 100%;margin-top:10px;"
......@@ -178,9 +179,9 @@
>
</el-table-column>
</el-table>
<!-- 分页区域-->
</div>
</div>
<!-- 分页区域-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
......
......@@ -146,31 +146,31 @@
</div>
<!-- 地区选择以及要素分布 -->
<div class="right-top-select">
<div id="info-div">
<select id="region_select">
<option value="610100" selected>西安市</option>
<option value="610102">新城区</option>
<option value="610103">碑林区</option>
<option value="610104">莲湖区</option>
<option value="610111">灞桥区</option>
<option value="610112">未央区</option>
<option value="610113">雁塔区</option>
<option value="610114">阎良区</option>
<option value="610115">临潼区</option>
<option value="610116">长安区</option>
<option value="610122">蓝田县</option>
<option value="610124">周至县</option>
<option value="610118">鄠邑区</option>
<option value="610117">高陵区</option>
</select>
<div class="features">
<input type="checkbox" name="feature_area" id="features">
<label style="font-weight:normal">要素分布</label>
<!-- <input type="checkbox" name="switch" lay-skin="switch">-->
</div>
</div>
</div>
<!-- <div class="right-top-select">-->
<!-- <div id="info-div">-->
<!-- <select id="region_select">-->
<!-- <option value="610100" selected>西安市</option>-->
<!-- <option value="610102">新城区</option>-->
<!-- <option value="610103">碑林区</option>-->
<!-- <option value="610104">莲湖区</option>-->
<!-- <option value="610111">灞桥区</option>-->
<!-- <option value="610112">未央区</option>-->
<!-- <option value="610113">雁塔区</option>-->
<!-- <option value="610114">阎良区</option>-->
<!-- <option value="610115">临潼区</option>-->
<!-- <option value="610116">长安区</option>-->
<!-- <option value="610122">蓝田县</option>-->
<!-- <option value="610124">周至县</option>-->
<!-- <option value="610118">鄠邑区</option>-->
<!-- <option value="610117">高陵区</option>-->
<!-- </select>-->
<!-- <div class="features">-->
<!-- <input type="checkbox" name="feature_area" id="features">-->
<!-- <label style="font-weight:normal">要素分布</label>-->
<!-- &lt;!&ndash; <input type="checkbox" name="switch" lay-skin="switch">&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- 总量变化趋势echart -->
<div class="layui-card sum-change" id="layui-card-bottom" style="opacity: 0.8">
<div class="layui-card-header" style="height:18px">总量变化趋势</div>
......