elink-star
/
epmet-oper-gov
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

临时需求

dev-yantai-fangwu
jiangyy 3 years ago
parent
d14528b9e1
commit
5260ec8123
2 changed files with 90 additions and 89 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      src/views/modules/cpts/base/index.vue
  2. 170
      src/views/modules/renFangTongJi/index.vue

9
src/views/modules/cpts/base/index.vue
View File

@ -123,6 +123,7 @@
<el-table ref="ref_table" <el-table ref="ref_table"
:data="tableData" :data="tableData"
border border
:empty-text="loadInfo"
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
class="table" class="table"
style="width: 100%" style="width: 100%"
@ -386,6 +387,7 @@ export default {
data () { data () {
return { return {
tableData: [], tableData: [],
loadInfo: '',
pageNo: 1, pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20, pageSize: window.localStorage.getItem("pageSize") || 20,
@ -741,6 +743,7 @@ export default {
}, },
async getTableData () { async getTableData () {
this.loadInfo = '数据加载中'
const { tableUrl: url } = this; const { tableUrl: url } = this;
if (!url) return; if (!url) return;
@ -754,6 +757,12 @@ export default {
if (code === 0) { if (code === 0) {
this.total = data.total || 0; this.total = data.total || 0;
this.tableData = data.list ? this.cookTableData(data.list) : []; this.tableData = data.list ? this.cookTableData(data.list) : [];
if (this.tableData.length === 0) {
this.loadInfo = '暂无数据'
} else {
this.loadInfo = ''
}
} else { } else {
this.$message.error(msg); this.$message.error(msg);
} }

170
src/views/modules/renFangTongJi/index.vue
View File

@ -1,107 +1,86 @@
<template> <template>
<el-card class="g-cnt"> <el-card class="g-cnt">
<div class="m-cards"> <div class="m-cards">
<div <div class="item"
class="item" :key="item.name"
:key="item.name" @click="handleClickCard(item)"
@click="handleClickCard(item)" v-for="item in list">
v-for="item in list"
>
<div class="item-left"> <div class="item-left">
<div class="num">{{ item.num }}</div> <div class="num">{{ item.num }}</div>
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
</div> </div>
<div class="item-right"> <!-- <div class="item-right">
<div class="hint"> <div class="hint">
<div class="hint-title">较上月</div> <div class="hint-title">较上月</div>
<b v-if="item.variation >= 0">+ {{ item.variationAbs }}</b> <b v-if="item.variation >= 0">+ {{ item.variationAbs }}</b>
<b v-else>- {{ item.variationAbs }}</b> <b v-else>- {{ item.variationAbs }}</b>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
<div class="m-tb"> <div class="m-tb">
<h3>下级平台使用进度汇总</h3> <h3>下级平台使用进度汇总</h3>
<el-table <el-table :data="tableData"
:data="tableData" border
border style="width: 100%"
style="width: 100%" class="tb"
class="tb" :empty-text="loadInfo"
:height="maxTableHeight" :height="maxTableHeight"
align="center" align="center">
> <el-table-column label="序号"
<el-table-column label="序号" type="index" align="center" width="50" /> type="index"
<el-table-column align="center"
prop="orgName" width="50" />
label="所属组织" <el-table-column prop="orgName"
width="150" label="所属组织"
align="center" width="150"
> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="usingCommunityNum"
prop="usingCommunityNum" label="开通平台社区数"
label="开通平台社区数" align="center">
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<a style="cursor: pointer" @click="showDetail(scope.row.orgId)">{{ <a style="cursor: pointer"
@click="showDetail(scope.row.orgId)">{{
scope.row.usingCommunityNum scope.row.usingCommunityNum
}}</a> }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="userTotal"
prop="userTotal" label="人口总数"
label="人口总数" align="center"></el-table-column>
align="center" <el-table-column prop="czUserTotal"
></el-table-column> label="常住人口总数"
<el-table-column align="center"></el-table-column>
prop="czUserTotal" <el-table-column prop="ldUserTotal"
label="常住人口总数" label="流动人口总数"
align="center" align="center"></el-table-column>
></el-table-column> <el-table-column prop="houseTotal"
<el-table-column label="房屋总数"
prop="ldUserTotal" align="center"></el-table-column>
label="流动人口总数" <el-table-column prop="zzHouseTotal"
align="center" label="自住房屋总数"
></el-table-column> align="center"></el-table-column>
<el-table-column <el-table-column prop="czHouseTotal"
prop="houseTotal" label="出租房屋总数"
label="房屋总数" align="center"></el-table-column>
align="center" <el-table-column prop="xzHouseTotal"
></el-table-column> label="闲置房屋总数"
<el-table-column align="center"></el-table-column>
prop="zzHouseTotal"
label="自住房屋总数"
align="center"
></el-table-column>
<el-table-column
prop="czHouseTotal"
label="出租房屋总数"
align="center"
></el-table-column>
<el-table-column
prop="xzHouseTotal"
label="闲置房屋总数"
align="center"
></el-table-column>
</el-table> </el-table>
</div> </div>
<!-- 修改弹出框 --> <!-- 修改弹出框 -->
<el-dialog <el-dialog v-if="displayedDetail"
v-if="displayedDetail" :visible="true"
:visible="true" title="社区列表 "
title="社区列表 " width="1150px"
width="1150px" top="5vh"
top="5vh" @close="displayedDetail = false">
@close="displayedDetail = false" <shequtongji ref="shequtongji"
> :orgId="detailOrgId"
<shequtongji :orgIds="[orgId, detailOrgId]" />
ref="shequtongji"
:orgId="detailOrgId"
:orgIds="[orgId, detailOrgId]"
/>
</el-dialog> </el-dialog>
</el-card> </el-card>
</template> </template>
@ -115,10 +94,12 @@ import shequtongji from "./cpts/shequtongji";
export default { export default {
name: "renFangTongJi", name: "renFangTongJi",
components: { shequtongji }, components: { shequtongji },
data() { data () {
return { return {
displayedDetail: false, displayedDetail: false,
tableData: [], tableData: [],
tableLoading: false,
loadInfo: '',
orgId: "", orgId: "",
orgType: "", orgType: "",
@ -185,35 +166,35 @@ export default {
}; };
}, },
computed: { computed: {
maxTableHeight() { maxTableHeight () {
return this.clientHeight - 420; return this.clientHeight - 420;
}, },
...mapGetters(["clientHeight"]), ...mapGetters(["clientHeight"]),
}, },
watch: { watch: {
orgId() { orgId () {
this.getTableData(); this.getTableData();
}, },
}, },
mounted() { mounted () {
this.getCommunityData(); this.getCommunityData();
this.getResiData(); this.getResiData();
this.getHouseData(); this.getHouseData();
this.getTableData(); this.getTableData();
}, },
methods: { methods: {
handleClickCard(item) { handleClickCard (item) {
if (item.name == "开通平台社区数") { if (item.name == "开通平台社区数") {
this.showDetail(); this.showDetail();
} }
}, },
async showDetail(orgId = "") { async showDetail (orgId = "") {
this.displayedDetail = true; this.displayedDetail = true;
this.detailOrgId = orgId; this.detailOrgId = orgId;
}, },
async getCommunityData() { async getCommunityData () {
const url = "/gov/org/agency/usingCommunityStats"; const url = "/gov/org/agency/usingCommunityStats";
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
@ -230,7 +211,7 @@ export default {
} }
}, },
async getResiData() { async getResiData () {
const url = "/epmetuser/icresiuser/userchart"; const url = "/epmetuser/icresiuser/userchart";
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
@ -257,7 +238,7 @@ export default {
} }
}, },
async getHouseData() { async getHouseData () {
const url = "/gov/org/house/housechart"; const url = "/gov/org/house/housechart";
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
@ -286,7 +267,9 @@ export default {
} }
}, },
async getTableData() { async getTableData () {
this.loadInfo = '数据加载中'
this.tableLoading = true
const url = "/gov/org/house/subuserhouselist"; const url = "/gov/org/house/subuserhouselist";
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
@ -297,9 +280,17 @@ export default {
if (code === 0) { if (code === 0) {
this.tableData = data this.tableData = data
? data.map((item) => { ? data.map((item) => {
return item; return item;
}) })
: []; : [];
if (this.tableData.length === 0) {
this.loadInfo = '暂无数据'
} else {
this.loadInfo = ''
}
} }
}, },
}, },
@ -318,6 +309,7 @@ export default {
.item { .item {
display: flex; display: flex;
justify-content: center;
width: 24%; width: 24%;
margin-top: 15px; margin-top: 15px;
// margin-right: 1%; // margin-right: 1%;

Write Preview
Loading…
Cancel
Save