Skip to content

C
civil-front
Commit 23479b9e by 苏咏卓
Options

更新

parent 94def35b
Showing with 93 additions and 21 deletions
src/views/unified/tapSwitch/childWelfare.vue
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo">暂无下级数据</div>
<div class="titleHead">儿童福利机构汇总</div> <div class="titleHead">儿童福利机构汇总</div>
<div class="socialOrganizationFlex"> <div class="socialOrganizationFlex">
<div class="textLefts">收养总数</div> <div class="textLefts">收养总数</div>
...@@ -88,6 +89,10 @@ ...@@ -88,6 +89,10 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="agencyPercentageStats.length == 0">
暂无下级数据
</div>
<div class="titleHead">机构占比</div> <div class="titleHead">机构占比</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
...@@ -120,6 +125,7 @@ ...@@ -120,6 +125,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="titleHead"> <div class="titleHead">
当前选择：{{ address ? address : "广西全区" }} 当前选择：{{ address ? address : "广西全区" }}
</div> </div>
...@@ -154,7 +160,8 @@ ...@@ -154,7 +160,8 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="titleHead">年度按月份统计</div> <div class="warningInfo">暂无下级数据</div>
<div class="titleHead">区域统计</div>
<div id="annualStatistics" class="annualStatistics"></div> <div id="annualStatistics" class="annualStatistics"></div>
</div> </div>
</el-col> </el-col>
...@@ -184,8 +191,11 @@ ...@@ -184,8 +191,11 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead">儿童福利机构统计</div> <div class="titleHead">
{{ address ? address : "广西全区" }}福利院儿童信息
</div>
<el-input <el-input
type="text" type="text"
placeholder="身份证或者姓名查询" placeholder="身份证或者姓名查询"
...@@ -196,6 +206,10 @@ ...@@ -196,6 +206,10 @@
/> />
<el-table <el-table
:data="tableData" :data="tableData"
v-loading="loading"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
...@@ -205,8 +219,6 @@ ...@@ -205,8 +219,6 @@
</el-table-column> </el-table-column>
<el-table-column prop="name" label="姓名" align="center"> <el-table-column prop="name" label="姓名" align="center">
</el-table-column> </el-table-column>
<el-table-column prop="idCard" label="身份证" align="center">
</el-table-column>
<el-table-column <el-table-column
prop="fullAddress" prop="fullAddress"
label="所在福利院" label="所在福利院"
...@@ -371,6 +383,9 @@ export default { ...@@ -371,6 +383,9 @@ export default {
getAgencyChildStatsFun(data) { getAgencyChildStatsFun(data) {
getAgencyChildStats({ areaCode: data }).then((res) => { getAgencyChildStats({ areaCode: data }).then((res) => {
console.log(res, "统计该区域的机构和儿童数量"); console.log(res, "统计该区域的机构和儿童数量");
if (res.data.length == 0) {
return;
}
this.agencyChildStats = res.data; this.agencyChildStats = res.data;
}); });
}, },
...@@ -379,6 +394,9 @@ export default { ...@@ -379,6 +394,9 @@ export default {
getAgencyChildStatsList({ areaCode: data }).then((res) => { getAgencyChildStatsList({ areaCode: data }).then((res) => {
console.log(res, "统计该区域的机构和儿童数量统计列表"); console.log(res, "统计该区域的机构和儿童数量统计列表");
this.agencyChildStatsList = res.data; this.agencyChildStatsList = res.data;
if (res.data.length == 0) {
return;
}
this.annualStatisticsFun(); this.annualStatisticsFun();
}); });
}, },
...@@ -386,6 +404,9 @@ export default { ...@@ -386,6 +404,9 @@ export default {
getAgencyPercentageStatsFun(data) { getAgencyPercentageStatsFun(data) {
getAgencyPercentageStats({ areaCode: data }).then((res) => { getAgencyPercentageStats({ areaCode: data }).then((res) => {
console.log(res, "获取区域机构占比"); console.log(res, "获取区域机构占比");
if (res.data.length == 0) {
return;
}
this.agencyPercentageStats = res.data; this.agencyPercentageStats = res.data;
res.data.forEach((item) => { res.data.forEach((item) => {
this.welfareHomeName.push(item.name); this.welfareHomeName.push(item.name);
...@@ -398,6 +419,9 @@ export default { ...@@ -398,6 +419,9 @@ export default {
getAgencyUnderChildStatsListFun(data) { getAgencyUnderChildStatsListFun(data) {
getAgencyUnderChildStatsList({ areaCode: data }).then((res) => { getAgencyUnderChildStatsList({ areaCode: data }).then((res) => {
console.log(res, "获取福利院下的儿童统计"); console.log(res, "获取福利院下的儿童统计");
if (res.data.length == 0) {
return;
}
this.agencyUnderChildStatsList = res.data; this.agencyUnderChildStatsList = res.data;
}); });
}, },
...@@ -1031,4 +1055,13 @@ export default { ...@@ -1031,4 +1055,13 @@ export default {
justify-content: center; justify-content: center;
margin-top: 30px; margin-top: 30px;
} }
.warningInfo {
top: 40px;
left: 10px;
position: absolute;
font-size: 16px;
color: #ffb0b3;
z-index: 999;
}
</style> </style>
\ No newline at end of file
src/views/unified/tapSwitch/marriage.vue
...@@ -235,7 +235,7 @@ ...@@ -235,7 +235,7 @@
class="lowerRight" class="lowerRight"
/> />
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead">婚姻统计</div> <div class="titleHead">{{ address ? address : "广西全区" }}婚姻统计</div>
<el-input <el-input
type="text" type="text"
placeholder="身份证或者姓名查询" placeholder="身份证或者姓名查询"
...@@ -247,6 +247,10 @@ ...@@ -247,6 +247,10 @@
<!-- <i class="el-icon-search" @click="marriageSearchFun"></i> --> <!-- <i class="el-icon-search" @click="marriageSearchFun"></i> -->
<el-table <el-table
:data="tableData" :data="tableData"
v-loading="loading"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
...@@ -344,7 +348,7 @@ export default { ...@@ -344,7 +348,7 @@ export default {
size: 7, size: 7,
total: 0, total: 0,
}, },
loading: false, loading: true,
options: [ options: [
{ {
value: "2017", value: "2017",
......
src/views/unified/tapSwitch/population.vue
...@@ -207,7 +207,7 @@ ...@@ -207,7 +207,7 @@
<div class="size24"> <div class="size24">
{{ threeYeartTotalData.cityToatlNum }} {{ threeYeartTotalData.cityToatlNum }}
</div> </div>
<div class="sizeFelx">万</div> <div class="sizeFelx">万人</div>
</div> </div>
<div class="sizecity16">城市</div> <div class="sizecity16">城市</div>
</div> </div>
...@@ -218,7 +218,7 @@ ...@@ -218,7 +218,7 @@
<div class="sizeyellow24"> <div class="sizeyellow24">
{{ threeYeartTotalData.villageToatlNum }} {{ threeYeartTotalData.villageToatlNum }}
</div> </div>
<div class="sizeFelxYellow">万</div> <div class="sizeFelxYellow">万人</div>
</div> </div>
<div class="sizerural16">农村</div> <div class="sizerural16">农村</div>
</div> </div>
...@@ -359,7 +359,6 @@ export default { ...@@ -359,7 +359,6 @@ export default {
}; };
}, },
created() { created() {
this.getFivesYearMarriageLineFun(); this.getFivesYearMarriageLineFun();
this.getMarriageStatsFun(); this.getMarriageStatsFun();
this.getAgencyChildStatsListFun(); this.getAgencyChildStatsListFun();
...@@ -375,6 +374,9 @@ export default { ...@@ -375,6 +374,9 @@ export default {
areaCode: data, areaCode: data,
}).then((res) => { }).then((res) => {
console.log(res, "获取近5年结婚走势"); console.log(res, "获取近5年结婚走势");
if (res.data.length == 0) {
return;
}
this.marriageLine = res.data.admin; this.marriageLine = res.data.admin;
this.mainInfo(res.data.admin); this.mainInfo(res.data.admin);
}); });
...@@ -385,6 +387,9 @@ export default { ...@@ -385,6 +387,9 @@ export default {
areaCode: data, areaCode: data,
}).then((res) => { }).then((res) => {
console.log(res, "获取结婚离婚人数"); console.log(res, "获取结婚离婚人数");
if (res.data.length == 0) {
return;
}
this.marriageStats = res.data; this.marriageStats = res.data;
}); });
}, },
...@@ -394,6 +399,9 @@ export default { ...@@ -394,6 +399,9 @@ export default {
areaCode: data, areaCode: data,
}).then((res) => { }).then((res) => {
console.log(res, "儿童福利统计"); console.log(res, "儿童福利统计");
if (res.data.length == 0) {
return;
}
this.agencyChildStatsList = res.data; this.agencyChildStatsList = res.data;
this.orphanNum = 0; this.orphanNum = 0;
res.data.orphanNumList.forEach((item) => { res.data.orphanNumList.forEach((item) => {
...@@ -413,6 +421,9 @@ export default { ...@@ -413,6 +421,9 @@ export default {
areaCode: data, areaCode: data,
}).then((res) => { }).then((res) => {
console.log(res, "获取近三年城市农村低保发放人数统计"); console.log(res, "获取近三年城市农村低保发放人数统计");
if (res.data.length == 0) {
return;
}
this.threeYearShjzAchieveStats = res.data.admin; this.threeYearShjzAchieveStats = res.data.admin;
this.threeYeartTotalData = res.data.totalData; this.threeYeartTotalData = res.data.totalData;
this.rescueTargetFun(res.data.admin); this.rescueTargetFun(res.data.admin);
...@@ -425,6 +436,9 @@ export default { ...@@ -425,6 +436,9 @@ export default {
areaCode: data, areaCode: data,
}).then((res) => { }).then((res) => {
console.log(res, "残疾人两项补贴"); console.log(res, "残疾人两项补贴");
if (res.data.length == 0) {
return;
}
this.areaDisabledIssueStats = res.data; this.areaDisabledIssueStats = res.data;
this.annualStatisticsFun(res.data); this.annualStatisticsFun(res.data);
}); });
...@@ -435,6 +449,9 @@ export default { ...@@ -435,6 +449,9 @@ export default {
areaCode: data, areaCode: data,
}).then((res) => { }).then((res) => {
console.log(res, "获取区域火化率占比"); console.log(res, "获取区域火化率占比");
if (res.data.length == 0) {
return;
}
this.cremationRateStats = res.data; this.cremationRateStats = res.data;
res.data.forEach((item) => { res.data.forEach((item) => {
this.cremation.push(item.name); this.cremation.push(item.name);
...@@ -524,7 +541,6 @@ export default { ...@@ -524,7 +541,6 @@ export default {
// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域 // 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域
layoutSize: 420, layoutSize: 420,
itemStyle: { itemStyle: {
normal: { normal: {
label: { show: true, color: "#fff" }, label: { show: true, color: "#fff" },
......
src/views/unified/tapSwitch/provide.vue
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
/> />
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead">火化信息查询</div> <div class="titleHead">{{ address ? address : "广西全区" }}火化信息查询</div>
<el-input <el-input
type="text" type="text"
placeholder="身份证或者姓名查询" placeholder="身份证或者姓名查询"
...@@ -182,6 +182,10 @@ ...@@ -182,6 +182,10 @@
/> />
<el-table <el-table
:data="tableData" :data="tableData"
v-loading="loading"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #082c61; color: #2177b9" style="width: 100%; background-color: #082c61; color: #2177b9"
:loading="loading" :loading="loading"
......
src/views/unified/tapSwitch/socialAssistance.vue
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="num"> <div class="num">
{{ cityAndvillagePeople.cityToatlNum }} {{ cityAndvillagePeople.cityToatlNum }}
</div> </div>
<div class="text">人</div> <div class="text">万人</div>
</div> </div>
<div class="rural">农村</div> <div class="rural">农村</div>
</div> </div>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
<div class="nums"> <div class="nums">
{{ cityAndvillagePeople.villageToatlNum }} {{ cityAndvillagePeople.villageToatlNum }}
</div> </div>
<div class="texts">人</div> <div class="texts">万人</div>
</div> </div>
<div class="city">城市</div> <div class="city">城市</div>
</div> </div>
...@@ -140,7 +140,9 @@ ...@@ -140,7 +140,9 @@
<div class="titleHead"> <div class="titleHead">
当前选择：{{ address ? address : "广西全区" }} 当前选择：{{ address ? address : "广西全区" }}
</div> </div>
<a class="returnInfos" @click="returnInfo" v-if="num != 0">返回上一级</a> <a class="returnInfos" @click="returnInfo" v-if="num != 0"
>返回上一级</a
>
<div class="socialAssistanceMap" id="socialAssistanceMap"></div> <div class="socialAssistanceMap" id="socialAssistanceMap"></div>
</div> </div>
</el-col> </el-col>
...@@ -200,7 +202,7 @@ ...@@ -200,7 +202,7 @@
class="lowerRight" class="lowerRight"
/> />
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead">低保对象查询</div> <div class="titleHead">{{ address ? address : "广西全区" }}低保对象查询</div>
<el-input <el-input
type="text" type="text"
placeholder="身份证或者姓名查询" placeholder="身份证或者姓名查询"
...@@ -211,6 +213,10 @@ ...@@ -211,6 +213,10 @@
/> />
<el-table <el-table
:data="tableData" :data="tableData"
v-loading="loading"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
...@@ -339,7 +345,7 @@ export default { ...@@ -339,7 +345,7 @@ export default {
societyHelpSearch({ societyHelpSearch({
keyword: this.values, keyword: this.values,
areaCode: data, areaCode: data,
...this.pageInfo ...this.pageInfo,
}).then((res) => { }).then((res) => {
console.log(res, "低保对象搜索"); console.log(res, "低保对象搜索");
this.tableData = res.data.rows; this.tableData = res.data.rows;
...@@ -418,7 +424,7 @@ export default { ...@@ -418,7 +424,7 @@ export default {
this.getThreeYearShjzProvideStatsFun("450000"); this.getThreeYearShjzProvideStatsFun("450000");
this.getFivesYearShjzAchieveStatsFun("450000"); this.getFivesYearShjzAchieveStatsFun("450000");
this.getAreaYearShjzAchieveStatsFun("450000"); this.getAreaYearShjzAchieveStatsFun("450000");
this.societyHelpSearchFun("450000") this.societyHelpSearchFun("450000");
}, },
/** /**
...@@ -526,7 +532,7 @@ export default { ...@@ -526,7 +532,7 @@ export default {
); );
this.societyHelpSearchFun( this.societyHelpSearchFun(
mapList.features[res.dataIndex].properties.adcode mapList.features[res.dataIndex].properties.adcode
) );
} else { } else {
console.log("点击取值", res); console.log("点击取值", res);
console.log("地图数组", mapList.features); console.log("地图数组", mapList.features);
...@@ -554,7 +560,7 @@ export default { ...@@ -554,7 +560,7 @@ export default {
); );
this.societyHelpSearchFun( this.societyHelpSearchFun(
mapList.features[res.dataIndex].properties.adcode mapList.features[res.dataIndex].properties.adcode
) );
} }
}); });
}, },
......
src/views/unified/tapSwitch/socialOrganization.vue
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
class="lowerRight" class="lowerRight"
/> />
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead">社会组织查询</div> <div class="titleHead">{{ address ? address : "广西全区" }}社会组织查询</div>
<el-input <el-input
type="text" type="text"
placeholder="请输入组织代码或名称查询" placeholder="请输入组织代码或名称查询"
...@@ -232,6 +232,10 @@ ...@@ -232,6 +232,10 @@
/> />
<el-table <el-table
:data="tableData" :data="tableData"
v-loading="loading"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
......
src/views/unified/tapSwitch/subsidies.vue
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
class="lowerRight" class="lowerRight"
/> />
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead">残疾人信息查询</div> <div class="titleHead">{{ address ? address : "广西全区" }}残疾人信息查询</div>
<el-input <el-input
type="text" type="text"
placeholder="身份证或者姓名查询" placeholder="身份证或者姓名查询"
...@@ -199,6 +199,10 @@ ...@@ -199,6 +199,10 @@
/> />
<el-table <el-table
:data="tableData" :data="tableData"
v-loading="loading"
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe stripe
style="width: 100%; background-color: #051d3f; color: #2177b9" style="width: 100%; background-color: #051d3f; color: #2177b9"
:header-cell-style="{ background: '#082C61', color: '#DAD7DB' }" :header-cell-style="{ background: '#082C61', color: '#DAD7DB' }"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment