Skip to content

C
civil-front
Commit 6741c33a by 李耀锟
Options

hh

parent 23479b9e
Showing with 120 additions and 21 deletions
.env.development
ENV = 'development' ENV = 'development'
# 接口地址 # 接口地址
VUE_APP_BASE_API = 'http://124.227.197.29:8088/' #VUE_APP_BASE_API = 'http://124.227.197.29:8088/'
VUE_APP_WS_API = 'ws://124.227.197.29:8088'
VUE_APP_FILE_API = 'http://124.227.197.29:8088/'
#VUE_APP_BASE_API = 'http://172.18.99.141:9888/'
#VUE_APP_WS_API = 'ws://124.227.197.29:8088' #VUE_APP_WS_API = 'ws://124.227.197.29:8088'
#VUE_APP_FILE_API = 'http://124.227.197.29:8088/' #VUE_APP_FILE_API = 'http://124.227.197.29:8088/'
VUE_APP_BASE_API = 'http://172.18.99.141:9888/'
VUE_APP_WS_API = 'ws://172.18.99.141:9888'
VUE_APP_FILE_API = 'http://172.18.99.141:9888/'
# 是否启用 babel-plugin-dynamic-import-node插件 # 是否启用 babel-plugin-dynamic-import-node插件
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true
src/views/unified/tapSwitch/childWelfare.vue
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo">暂无下级数据</div> <div class="warningInfo" v-if="ChildStatsLek">暂无下级数据</div>
<div class="titleHead">儿童福利机构汇总</div> <div class="titleHead">儿童福利机构汇总</div>
<div class="socialOrganizationFlex"> <div class="socialOrganizationFlex">
<div class="textLefts">收养总数</div> <div class="textLefts">收养总数</div>
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="agencyPercentageStats.length == 0"> <div class="warningInfo" v-if="PercentageStats">
暂无下级数据 暂无下级数据
</div> </div>
<div class="titleHead">机构占比</div> <div class="titleHead">机构占比</div>
...@@ -160,7 +160,7 @@ ...@@ -160,7 +160,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo">暂无下级数据</div> <div class="warningInfo" v-if="ChildStats">暂无下级数据</div>
<div class="titleHead">区域统计</div> <div class="titleHead">区域统计</div>
<div id="annualStatistics" class="annualStatistics"></div> <div id="annualStatistics" class="annualStatistics"></div>
</div> </div>
...@@ -259,6 +259,9 @@ import { ...@@ -259,6 +259,9 @@ import {
export default { export default {
data() { data() {
return { return {
PercentageStats:false,
ChildStats:false,
ChildStatsLek:false,
num: 0, num: 0,
address: "", address: "",
tableData: [], tableData: [],
...@@ -383,20 +386,25 @@ export default { ...@@ -383,20 +386,25 @@ 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) { if (JSON.stringify(res.data)=='{}') {
this.ChildStatsLek = true
return; return;
} }
this.agencyChildStats = res.data; this.agencyChildStats = res.data;
this.ChildStatsLek = false
}); });
}, },
getAgencyChildStatsListFun(data) { getAgencyChildStatsListFun(data) {
getAgencyChildStatsList({ areaCode: data }).then((res) => { getAgencyChildStatsList({ areaCode: data }).then((res) => {
console.log(res, "统计该区域的机构和儿童数量统计列表"); console.log(res, "统计该区域的机构和儿童数量统计列表");
this.agencyChildStatsList = res.data;
if (res.data.length == 0) { if (JSON.stringify(res.data)=='{}') {
this.ChildStats = true
return; return;
} }
this.agencyChildStatsList = res.data;
this.ChildStats = false
this.annualStatisticsFun(); this.annualStatisticsFun();
}); });
}, },
...@@ -405,6 +413,7 @@ export default { ...@@ -405,6 +413,7 @@ export default {
getAgencyPercentageStats({ areaCode: data }).then((res) => { getAgencyPercentageStats({ areaCode: data }).then((res) => {
console.log(res, "获取区域机构占比"); console.log(res, "获取区域机构占比");
if (res.data.length == 0) { if (res.data.length == 0) {
this.PercentageStats = true
return; return;
} }
this.agencyPercentageStats = res.data; this.agencyPercentageStats = res.data;
...@@ -412,6 +421,7 @@ export default { ...@@ -412,6 +421,7 @@ export default {
this.welfareHomeName.push(item.name); this.welfareHomeName.push(item.name);
}); });
console.log(this.welfareHomeName); console.log(this.welfareHomeName);
this.PercentageStats = false
this.proportionFun(); this.proportionFun();
}); });
}, },
...@@ -419,7 +429,7 @@ export default { ...@@ -419,7 +429,7 @@ 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) { if (JSON.stringify(res.data)=='{}') {
return; return;
} }
this.agencyUnderChildStatsList = res.data; this.agencyUnderChildStatsList = res.data;
......
src/views/unified/tapSwitch/provide.vue
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="wian">
<img <img
src="./../../../assets/images/01-左上角.png" src="./../../../assets/images/01-左上角.png"
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="tionStats">暂无下级数据</div>
<div class="titleHead">火化量汇总</div> <div class="titleHead">火化量汇总</div>
<div class="provideFlex"> <div class="provideFlex">
<div class="text">火化总数</div> <div class="text">火化总数</div>
...@@ -73,6 +74,7 @@ ...@@ -73,6 +74,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="RateStats">暂无下级数据</div>
<div class="titleHead">火化率统计</div> <div class="titleHead">火化率统计</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
...@@ -139,6 +141,7 @@ ...@@ -139,6 +141,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="StatsList">暂无下级数据</div>
<div class="titleHead">火化区域分析</div> <div class="titleHead">火化区域分析</div>
<div id="annualStatistics" class="annualStatistics"></div> <div id="annualStatistics" class="annualStatistics"></div>
</div> </div>
...@@ -262,6 +265,9 @@ import { ...@@ -262,6 +265,9 @@ import {
export default { export default {
data() { data() {
return { return {
RateStats:false,
tionStats:false,
StatsList:false,
num: 0, num: 0,
address: "", address: "",
tableData: [], tableData: [],
...@@ -320,17 +326,27 @@ export default { ...@@ -320,17 +326,27 @@ export default {
getCremationStatsFun(data) { getCremationStatsFun(data) {
getCremationStats({ areaCode: data }).then((res) => { getCremationStats({ areaCode: data }).then((res) => {
console.log(res, "统计该区域的殡葬火化量"); console.log(res, "统计该区域的殡葬火化量");
if (JSON.stringify(res.data)=='{}') {
this.tionStats = true
return
}
this.cremationStats = res.data; this.cremationStats = res.data;
this.tionStats = false
}); });
}, },
getCremationRateStatsFun(data) { getCremationRateStatsFun(data) {
getCremationRateStats({ areaCode: data }).then((res) => { getCremationRateStats({ areaCode: data }).then((res) => {
console.log(res, "区域火化率"); console.log(res, "区域火化率");
if (JSON.stringify(res.data)=='{}') {
this.RateStats = true
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);
}); });
this.RateStats = false
this.proportionFun(); this.proportionFun();
}); });
}, },
...@@ -338,7 +354,12 @@ export default { ...@@ -338,7 +354,12 @@ export default {
getCremationStatsListFun(data) { getCremationStatsListFun(data) {
getCremationStatsList({ areaCode: data }).then((res) => { getCremationStatsList({ areaCode: data }).then((res) => {
console.log(res, "获取区域殡葬火化分析列表"); console.log(res, "获取区域殡葬火化分析列表");
if (JSON.stringify(res.data)=='{}') {
this.StatsList = true
return
}
this.cremationStatsList = res.data; this.cremationStatsList = res.data;
this.StatsList = false
this.annualStatisticsFun(); this.annualStatisticsFun();
}); });
}, },
...@@ -933,4 +954,12 @@ export default { ...@@ -933,4 +954,12 @@ 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/socialOrganization.vue
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="wian">
<img <img
src="./../../../assets/images/01-左上角.png" src="./../../../assets/images/01-左上角.png"
alt="" alt=""
class="topLeft" class="topLeft"
/> />
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="ganStats">暂无下级数据</div>
<div class="titleHead">社会组织汇总</div> <div class="titleHead">社会组织汇总</div>
<div class="socialOrganizationFlex"> <div class="socialOrganizationFlex">
<div class="text">社会组织总数</div> <div class="text">社会组织总数</div>
...@@ -91,6 +92,7 @@ ...@@ -91,6 +92,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="PercentageStats">暂无下级数据</div>
<div class="titleHead">区域占比</div> <div class="titleHead">区域占比</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
...@@ -160,6 +162,7 @@ ...@@ -160,6 +162,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="SoorganStatsList">暂无下级数据</div>
<div class="titleHead">年度按月份统计</div> <div class="titleHead">年度按月份统计</div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="6">
...@@ -290,6 +293,9 @@ export default { ...@@ -290,6 +293,9 @@ export default {
data() { data() {
return { return {
num: 0, num: 0,
PercentageStats:false,
SoorganStatsList:false,
ganStats:false,
address: "", address: "",
tableData: [], tableData: [],
pageInfo: { pageInfo: {
...@@ -301,7 +307,6 @@ export default { ...@@ -301,7 +307,6 @@ export default {
soorganStats: {}, soorganStats: {},
SoorganPercentageStats: [], SoorganPercentageStats: [],
placeNames: [], placeNames: [],
soorganStats: {},
areaUnderSoorganStatsList: {}, areaUnderSoorganStatsList: {},
value: "", value: "",
}; };
...@@ -348,18 +353,28 @@ export default { ...@@ -348,18 +353,28 @@ export default {
getSoorganStatsFun(data) { getSoorganStatsFun(data) {
getSoorganStats({ areaCode: data }).then((res) => { getSoorganStats({ areaCode: data }).then((res) => {
console.log(res, "获取社会机构统计"); console.log(res, "获取社会机构统计");
if (JSON.stringify(res.data)=='{}') {
this.ganStats =true
return
}
this.soorganStats = res.data; this.soorganStats = res.data;
this.ganStats =false
}); });
}, },
getSoorganPercentageStatsFun(data) { getSoorganPercentageStatsFun(data) {
getSoorganPercentageStats({ areaCode: data }).then((res) => { getSoorganPercentageStats({ areaCode: data }).then((res) => {
console.log(res.data, "获取社会机构区域占比统计"); console.log(res.data, "获取社会机构区域占比统计");
if (res.data.legend == 0) {
this.PercentageStats = true
return
}
this.SoorganPercentageStats = res.data; this.SoorganPercentageStats = res.data;
res.data.forEach((item) => { res.data.forEach((item) => {
this.placeNames.push(item.name); this.placeNames.push(item.name);
}); });
console.log(this.placeNames); console.log(this.placeNames);
this.PercentageStats = false
this.proportionFun(); this.proportionFun();
}); });
}, },
...@@ -367,7 +382,12 @@ export default { ...@@ -367,7 +382,12 @@ export default {
getAreaUnderSoorganStatsListFun(data) { getAreaUnderSoorganStatsListFun(data) {
getAreaUnderSoorganStatsList({ areaCode: data }).then((res) => { getAreaUnderSoorganStatsList({ areaCode: data }).then((res) => {
console.log(res, "获取地区下面社会机构统计列表"); console.log(res, "获取地区下面社会机构统计列表");
if (JSON.stringify(res.data)=='{}') {
this.SoorganStatsList = true
return
}
this.areaUnderSoorganStatsList = res.data; this.areaUnderSoorganStatsList = res.data;
this.SoorganStatsList = false
this.annualStatisticsFun(); this.annualStatisticsFun();
}); });
}, },
...@@ -1013,4 +1033,12 @@ export default { ...@@ -1013,4 +1033,12 @@ 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/subsidies.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="wian">
<img <img
src="./../../../assets/images/01-左上角.png" src="./../../../assets/images/01-左上角.png"
alt="" alt=""
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="IssueStats">暂无下级数据</div>
<div class="titleHead">三年贫困残疾资金发放</div> <div class="titleHead">三年贫困残疾资金发放</div>
<div class="display"> <div class="display">
<div> <div>
...@@ -34,16 +35,16 @@ ...@@ -34,16 +35,16 @@
<div class="num"> <div class="num">
{{ poorDisabledNum.difficultTotalNum }} {{ poorDisabledNum.difficultTotalNum }}
</div> </div>
<div class="text">人</div> <div class="text">元</div>
</div> </div>
<div class="rural">贫困残疾人</div> <div class="rural">贫困残疾救助</div>
</div> </div>
<div> <div>
<div class="flex"> <div class="flex">
<div class="nums">{{ poorDisabledNum.severeTotalNum }}</div> <div class="nums">{{ poorDisabledNum.severeTotalNum }}</div>
<div class="texts">人</div> <div class="texts">元</div>
</div> </div>
<div class="city">重度残疾人</div> <div class="city">重度残疾救助</div>
</div> </div>
</div> </div>
<div id="fivePeople" class="trend"></div> <div id="fivePeople" class="trend"></div>
...@@ -75,6 +76,7 @@ ...@@ -75,6 +76,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="LevelStats">暂无下级数据</div>
<div class="titleHead">残疾人比例</div> <div class="titleHead">残疾人比例</div>
<div <div
class="subsidiesBox" class="subsidiesBox"
...@@ -157,6 +159,7 @@ ...@@ -157,6 +159,7 @@
alt="" alt=""
class="lowerRight" class="lowerRight"
/> />
<div class="warningInfo" v-if="DisabledIssueStats">暂无下级数据</div>
<div class="titleHead">农村城市低保人数统计</div> <div class="titleHead">农村城市低保人数统计</div>
<div id="ruralAndcity" class="ruralAndcity"></div> <div id="ruralAndcity" class="ruralAndcity"></div>
</div> </div>
...@@ -261,6 +264,9 @@ import { ...@@ -261,6 +264,9 @@ import {
export default { export default {
data() { data() {
return { return {
DisabledIssueStats:false,
LevelStats:false,
IssueStats:false,
num: 0, num: 0,
address: "", address: "",
tableData: [], tableData: [],
...@@ -319,8 +325,13 @@ export default { ...@@ -319,8 +325,13 @@ export default {
getYearDisabledIssueStatsFun(data) { getYearDisabledIssueStatsFun(data) {
getYearDisabledIssueStats({ areaCode: data }).then((res) => { getYearDisabledIssueStats({ areaCode: data }).then((res) => {
console.log(res, "近三年发放人数和金额统计"); console.log(res, "近三年发放人数和金额统计");
if (JSON.stringify(res.data)=='{}') {
this.IssueStats = true
return
}
this.yearDisabledIssueStats = res.data.admin; this.yearDisabledIssueStats = res.data.admin;
this.poorDisabledNum = res.data.totalNumMap; this.poorDisabledNum = res.data.totalNumMap;
this.IssueStats = false
this.fivePeopleFun(res.data.admin); this.fivePeopleFun(res.data.admin);
}); });
}, },
...@@ -328,14 +339,24 @@ export default { ...@@ -328,14 +339,24 @@ export default {
getDisabledLevelStatsFun(data) { getDisabledLevelStatsFun(data) {
getDisabledLevelStats({ areaCode: data }).then((res) => { getDisabledLevelStats({ areaCode: data }).then((res) => {
console.log(res, "获取残疾等级统计"); console.log(res, "获取残疾等级统计");
if (JSON.stringify(res.data)=='{}') {
this.LevelStats = true
return
}
this.disabledLevelStats = res.data; this.disabledLevelStats = res.data;
this.LevelStats = false
}); });
}, },
getAreaDisabledIssueStatsFun(data) { getAreaDisabledIssueStatsFun(data) {
getAreaDisabledIssueStats({ areaCode: data }).then((res) => { getAreaDisabledIssueStats({ areaCode: data }).then((res) => {
console.log(res, "获取区域残疾发放统计"); console.log(res, "获取区域残疾发放统计");
if (JSON.stringify(res.data)=='{}') {
this.DisabledIssueStats = true
return
}
this.areaDisabledIssueStats = res.data; this.areaDisabledIssueStats = res.data;
this.DisabledIssueStats = false
this.ruralAndcityFun(); this.ruralAndcityFun();
}); });
}, },
...@@ -505,7 +526,7 @@ export default { ...@@ -505,7 +526,7 @@ export default {
}, },
legend: { legend: {
top: "3%", top: "3%",
data: ["贫困残疾人", "重度残疾人"], data: ["贫困残疾救助", "重度残疾救助"],
}, },
grid: { grid: {
left: "3%", left: "3%",
...@@ -1036,4 +1057,12 @@ export default { ...@@ -1036,4 +1057,12 @@ 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
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