Skip to content

C
civil-front
Commit c5f1f9c8 by 苏咏卓
Options

写死假数据

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