Skip to content

C
civil-front
Commit c5f1f9c8 by 苏咏卓
Options

写死假数据

parent d690c688
Showing with 205 additions and 75 deletions
.env.development
ENV = 'development'
# 接口地址
#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_FILE_API = 'http://124.227.197.29:8088/'
......
src/views/unified/tapSwitch/marriage.vue
......@@ -12,7 +12,7 @@
<div class="text">共</div>
<div>
<div class="borderBottom"></div>
<div class="yellowNums">123456</div>
<div class="yellowNums">{{marriageLine.iaTotalNum}}</div>
<div class="borderTop"></div>
</div>
<div class="text">个</div>
......
src/views/unified/tapSwitch/mechanism.vue
......@@ -123,7 +123,22 @@ export default {
soorganStats: {},
areaUnderSoorganStatsList: {},
areaNursingStatsList: {},
agencyPercentageStats: [],
agencyPercentageStats: [
{ name: "南宁市", value: 321 },
{ name: "柳州市", value: 431 },
{ name: "桂林市", value: 792 },
{ name: "梧州市", value: 876 },
{ name: "北海市", value: 782 },
{ name: "防城港市", value: 452 },
{ name: "钦州市", value: 213 },
{ name: "贵港市", value: 342 },
{ name: "玉林市", value: 231 },
{ name: "百色市", value: 163 },
{ name: "贺州市", value: 530 },
{ name: "河池市", value: 483 },
{ name: "来宾市", value: 104 },
{ name: "崇左市", value: 231 },
],
welfareHomeName: [],
};
},
......@@ -663,7 +678,9 @@ export default {
},
},
mounted() {
setTimeout(() => {}, 1000);
setTimeout(() => {
this.childrenFun();
}, 1000);
},
};
</script>
......
src/views/unified/tapSwitch/population.vue
<template>
<div>
<div class="testbox">
<!-- <div class="testbox">
<img src="./../../../assets/images/01-左上角.png" alt="" class="topLeft">
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<br>
</div>
</div> -->
<el-row :gutter="18">
<!--左 -->
<el-col :span="6">
......@@ -15,10 +14,26 @@
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="wian">
<img src="./../../../assets/images/01-左上角.png" alt="" class="topLeft">
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="title">婚姻登记分析</div>
<el-row :gutter="20" justify="center">
<el-col :span="12">
......@@ -59,10 +74,26 @@
<el-row :gutter="20">
<el-col :span="24">
<div class="wian">
<img src="./../../../assets/images/01-左上角.png" alt="" class="topLeft">
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="title">儿童福利统计</div>
<el-row :gutter="20">
<el-col :span="12">
......@@ -89,13 +120,29 @@
<el-row :gutter="20">
<el-col :span="24"
><div class="wians">
<img src="./../../../assets/images/01-左上角.png" alt="" class="topLeft">
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="title">当前选择：广西全区</div>
<div class="populationMap" id="populationMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
</el-col>
</el-row>
......@@ -103,10 +150,26 @@
<el-row :gutter="20">
<el-col :span="24"
><div class="wianss">
<img src="./../../../assets/images/01-左上角.png" alt="" class="topLeft">
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="title">残疾人两项补贴</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
......@@ -119,10 +182,26 @@
<el-row :gutter="20">
<el-col :span="24">
<div class="wian">
<img src="./../../../assets/images/01-左上角.png" alt="" class="topLeft">
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="title">社会救助对象统计</div>
<el-row :gutter="20">
<el-col :span="12">
......@@ -149,10 +228,26 @@
<el-col :span="24">
<br />
<div class="wian">
<img src="./../../../assets/images/01-左上角.png" alt="" class="topLeft">
<img src="./../../../assets/images/02-右上角.png" alt="" class="topRight">
<img src="./../../../assets/images/03-左下角.png" alt="" class="lowerLeft">
<img src="./../../../assets/images/04-右下角.png" alt="" class="lowerRight">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="title">殡葬火化统计</div>
<div id="proportion" class="proportion"></div>
</div>
......@@ -176,17 +271,25 @@ import {
getAgencyChildStatsList,
getThreeYearShjzAchieveStats,
getAreaDisabledIssueStats,
getCremationRateStats,
getMapData,
} from "@/api/unified/unified";
export default {
data() {
return {
num:0,
num: 0,
marriageLine: {},
marriageStats: {},
threeYearShjzAchieveStats: {},
threeYeartTotalData: {},
areaDisabledIssueStats: {},
cremationRateStats: {},
cremation: [],
agencyChildStatsList:{
areaList:["南宁市","柳州市","桂林市","梧州市","北海市","防城港市","钦州市","贵港市","玉林市","百色市","贺州市","河池市","来宾市","崇左市"],
orphanNumList:["141","23","41","32","43","104","86","43","93","21","65","123","98","45"],
factUnadoptedNumList:["21","34","45","12","34","54","23","44","79","83","65","21","23","90"]
}
};
},
created() {
......@@ -195,6 +298,7 @@ export default {
this.getAgencyChildStatsListFun();
this.getThreeYearShjzAchieveStatsFun();
this.getAreaDisabledIssueStatsFun();
this.getCremationRateStatsFun();
this.getMapData("g450000"); //默认展示广西 g450000
},
methods: {
......@@ -224,7 +328,7 @@ export default {
}).then((res) => {
console.log(res, "儿童福利统计");
this.agencyChildStatsList = res.data;
this.orphanFun()
this.orphanFun();
});
},
......@@ -250,6 +354,19 @@ export default {
});
},
getCremationRateStatsFun(data) {
getCremationRateStats({
areaCode: data,
}).then((res) => {
console.log(res, "获取区域火化率占比");
this.cremationRateStats = res.data;
res.data.forEach((item) => {
this.cremation.push(item.name);
});
this.proportionFun();
});
},
//获取地图数据
getMapData(areaId) {
getMapData(areaId).then((res) => {
......@@ -259,7 +376,7 @@ export default {
},
returnInfo() {
this.num = 0
this.num = 0;
this.getMapData("g450000");
this.getFivesYearMarriageLineFun("450000");
this.getMarriageStatsFun("450000");
......@@ -353,7 +470,7 @@ export default {
}
map.on("click", (res) => {
this.num++;
console.log(this.num,'点击数字,2不执行');
console.log(this.num, "点击数字,2不执行");
if (this.num >= 2) {
//不执行
} else {
......@@ -720,23 +837,18 @@ export default {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
},
legend: {
bottom: 10,
left: "center",
data: ["西凉", "益州", "兖州", "荆州"],
},
// legend: {
// bottom: 10,
// left: "center",
// data: this.cremation,
// },
series: [
{
type: "pie",
radius: "65%",
center: ["50%", "50%"],
selectedMode: "single",
data: [
{ value: 735, name: "荆州" },
{ value: 510, name: "兖州" },
{ value: 434, name: "益州" },
{ value: 335, name: "西凉" },
],
data: this.cremationRateStats,
emphasis: {
itemStyle: {
shadowBlur: 10,
......@@ -963,47 +1075,45 @@ export default {
mounted() {
setTimeout(() => {
this.orphanFun();
this.proportionFun();
}, 1000);
},
};
</script>
<style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
.lowerLeft {
position: absolute;
width: 10px;
height: 10px;
left: -1px;
bottom: -1px;
left: -1px;
bottom: -1px;
}
.lowerRight{
position:absolute;
.lowerRight {
position: absolute;
width: 10px;
height: 10px;
right: -1px;
bottom: -1px;
}
.topLeft{
position:absolute;
.topLeft {
position: absolute;
width: 10px;
height: 10px;
top: -1px;
left: -1px;
}
.topRight{
position:absolute;
.topRight {
position: absolute;
width: 10px;
height: 10px;
top: -1px;
right: -1px;
}
.testbox{
.testbox {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 200px;
height: 200px;
}
.orphan {
width: 100%;
......@@ -1081,7 +1191,7 @@ bottom: -1px;
height: 400px;
background-color: #082c61;
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
}
.wians {
......@@ -1089,7 +1199,7 @@ bottom: -1px;
height: 500px;
background-color: #082c61;
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
}
.wianss {
......@@ -1097,7 +1207,7 @@ bottom: -1px;
height: 300px;
background-color: #082c61;
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
}
.wiansInfo {
......
src/views/unified/tapSwitch/provide.vue
......@@ -142,6 +142,7 @@ export default {
cremationStats: {},
cremationRateStats: {},
cremationStatsList: {},
cremation:[]
};
},
created() {
......@@ -177,6 +178,9 @@ export default {
getCremationRateStats({ areaCode: data }).then((res) => {
console.log(res, "区域火化率");
this.cremationRateStats = res.data;
res.data.forEach((item) => {
this.cremation.push(item.name);
});
this.proportionFun();
});
},
......@@ -329,23 +333,18 @@ export default {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
},
legend: {
bottom: 10,
left: "center",
data: ["西凉", "益州", "兖州", "荆州"],
},
// legend: {
// bottom: 10,
// left: "center",
// data: this.cremation,
// },
series: [
{
type: "pie",
radius: "65%",
center: ["50%", "50%"],
selectedMode: "single",
data: [
{ value: 735, name: "荆州" },
{ value: 510, name: "兖州" },
{ value: 434, name: "益州" },
{ value: 335, name: "西凉" },
],
data: this.cremationRateStats,
emphasis: {
itemStyle: {
shadowBlur: 10,
......
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