Skip to content

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

更新

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