Skip to content

C
civil-front
Commit 304b0435 by 苏咏卓
Options

页面更新

parent febb6153
Showing with 512 additions and 178 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_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/'
# 是否启用 babel-plugin-dynamic-import-node插件
VUE_CLI_BABEL_TRANSPILE_MODULES = true
src/views/unified/tapSwitch/childWelfare.vue
......@@ -120,9 +120,9 @@
alt=""
class="lowerRight"
/>
<div class="title">当前选择：广西全区</div>
<div class="childWelfareMap" id="childWelfareMap"></div>
<div class="title">当前选择：{{ address ? address : "广西全区" }}</div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div class="childWelfareMap" id="childWelfareMap"></div>
</div>
</el-col>
</el-row>
......@@ -227,6 +227,7 @@ export default {
data() {
return {
num: 0,
address:"",
tableData: [],
agencyChildStats: {},
agencyChildStatsList: {
......@@ -367,9 +368,11 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区"
this.getMapData("g450000");
this.getAgencyChildStatsListFun("450000");
this.getAgencyPercentageStatsFun("450000");
this.getAgencyChildStatsFun("450000")
},
/**
......@@ -469,6 +472,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -478,6 +482,7 @@ export default {
this.getAgencyPercentageStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getAgencyChildStatsFun(mapList.features[res.dataIndex].properties.adcode)
}
});
},
......@@ -924,7 +929,9 @@ export default {
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
.input {
......
src/views/unified/tapSwitch/marriage.vue
<template>
<div>
<br />
<br />
<el-row :gutter="18">
<!--左 -->
<el-col :span="6">
......@@ -90,9 +87,9 @@
class="marriageImg"
/>
<div>
<div class="marriedNum">申请离婚(对)</div>
<div class="marriedNum">离婚总数(对)</div>
<div class="yellowNum">
{{ marriageStats.inDivorceNum }}
{{ marriageStats.divorceNum }}
</div>
</div>
</div>
......@@ -104,8 +101,8 @@
class="marriageImg"
/>
<div>
<div class="marriedNum">成功离婚(对)</div>
<div class="yellowNum">{{ marriageStats.divorceNum }}</div>
<div class="marriedNum">申请离婚/确定离婚(对)</div>
<div class="yellowNum">{{ marriageStats.inDivorceNum }}/{{ marriageStats.divorceNum }}</div>
</div>
</div>
<div class="flexBox">
......@@ -155,12 +152,13 @@
class="lowerRight"
/>
<div class="title">
当前选择：广西全区
<el-select
当前选择：{{ address ? address : "广西全区" }}
<!-- <el-select
v-model="value"
size="mini"
placeholder="选择年份"
style="width: 100px"
@change="searchChange"
>
<el-option
v-for="item in options"
......@@ -169,10 +167,10 @@
:value="item.value"
>
</el-option>
</el-select>
</el-select> -->
</div>
<div class="marriageMap" id="marriageMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div class="marriageMap" id="marriageMap"></div>
</div>
</el-col>
</el-row>
......@@ -266,7 +264,17 @@
</el-table-column>
<el-table-column prop="type" label="婚姻状况" align="center">
<template slot-scope="scope">
{{scope.row.type=='IA'?'结婚':scope.row.type=='IB'?'离婚':scope.row.type=='ICA'?'补办结婚证':scope.row.type=='ICB'?'补办离婚证':'不详'}}
{{
scope.row.type == "IA"
? "结婚"
: scope.row.type == "IB"
? "离婚"
: scope.row.type == "ICA"
? "补办结婚证"
: scope.row.type == "ICB"
? "补办离婚证"
: "不详"
}}
</template>
</el-table-column>
<el-table-column prop="registerDate" label="时间" align="center">
......@@ -302,28 +310,30 @@ export default {
marriageStats: {},
areaUnderMarriageStatsList: {},
value: "",
address: "",
options: [
{
value: "选项1",
label: "黄金糕",
value: "2017",
label: "2017",
},
{
value: "选项2",
label: "双皮奶",
value: "2018",
label: "2018",
},
{
value: "选项3",
label: "蚵仔煎",
value: "2019",
label: "2019",
},
{
value: "选项4",
label: "龙须面",
value: "2020",
label: "2020",
},
{
value: "选项5",
label: "北京烤鸭",
value: "2021",
label: "2021",
},
],
date:""
};
},
created() {
......@@ -334,6 +344,11 @@ export default {
this.marriageSearchFun();
},
methods: {
searchChange(e){
console.log(e)
this.date = e
},
inputBtn() {
console.log(this.value);
this.marriageSearchFun();
......@@ -351,6 +366,7 @@ export default {
getFivesYearMarriageLineFun(data) {
getFivesYearMarriageLine({
areaCode: data,
year:this.date
}).then((res) => {
console.log(res, "获取近5年结婚走势");
this.marriageLine = res.data.admin;
......@@ -361,6 +377,7 @@ export default {
getMarriageStatsFun(data) {
getMarriageStats({
areaCode: data,
year:this.date
}).then((res) => {
console.log(res, "获取结婚离婚人数");
this.marriageStats = res.data;
......@@ -370,6 +387,7 @@ export default {
getAreaUnderMarriageStatsListFun(data) {
getAreaUnderMarriageStatsList({
areaCode: data,
year:this.date
}).then((res) => {
console.log(res, "获取地区结婚离婚人数列表");
this.areaUnderMarriageStatsList = res.data;
......@@ -387,6 +405,7 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区";
this.getMapData("g450000");
this.getFivesYearMarriageLineFun("450000");
this.getMarriageStatsFun("450000");
......@@ -490,6 +509,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -977,7 +997,9 @@ export default {
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
.input {
......
src/views/unified/tapSwitch/mechanism.vue
......@@ -28,7 +28,7 @@
class="lowerRight"
/>
<div class="title">儿童福利机构</div>
<div class="mechanismNum">1000个</div>
<div class="mechanismNum">{{ childrenNum }}个</div>
<div id="children" class="children"></div>
<div></div>
</div>
......@@ -92,9 +92,11 @@
class="lowerRight"
/>
<div class="wians">
<div class="title">当前选择：广西全区</div>
<div class="mechanismMap" id="mechanismMap"></div>
<div class="title">
当前选择：{{ address ? address : "广西全区" }}
</div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div class="mechanismMap" id="mechanismMap"></div>
</div>
</div>
</el-col>
......@@ -231,6 +233,7 @@ export default {
data() {
return {
num: 0,
address: "",
tableData: [],
soorganStats: {},
areaUnderSoorganStatsList: {},
......@@ -254,6 +257,7 @@ export default {
welfareHomeName: [],
nursingFacilityNum: 125,
beadhouseNum: 169,
childrenNum: 120,
};
},
created() {
......@@ -322,6 +326,10 @@ export default {
res.data.forEach((item) => {
this.welfareHomeName.push(item.name);
});
this.childrenNum = 0;
res.data.forEach((item) => {
this.childrenNum += item.value * 1;
});
console.log(this.welfareHomeName);
this.childrenFun();
});
......@@ -337,6 +345,7 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区";
this.getMapData("g450000");
this.getSoorganStatsFun("450000");
this.getAreaUnderSoorganStatsListFun("450000");
......@@ -441,6 +450,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -985,6 +995,8 @@ export default {
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/population.vue
<template>
<div>
<el-row :gutter="18">
<!--左 -->
<el-col :span="6">
......@@ -32,7 +31,7 @@
<el-row :gutter="20" justify="center">
<el-col :span="12">
<el-row justify="center">
<el-col :span="6" >
<el-col :span="6">
<!-- <div class="marriageImg"></div> -->
</el-col>
<el-col :span="24">
......@@ -92,13 +91,13 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="rescue">
<div class="size24">2000</div>
<div class="size24">{{ orphanNum }}</div>
<div class="size16">孤儿</div>
</div>
</el-col>
<el-col :span="12">
<div class="rescue">
<div class="size24Info">1000</div>
<div class="size24Info">{{ noAdoptNum }}</div>
<div class="size16Info">事实无人领养</div>
</div>
</el-col>
......@@ -134,9 +133,9 @@
alt=""
class="lowerRight"
/>
<div class="title">当前选择：广西全区</div>
<div class="populationMap" id="populationMap"></div>
<div class="title">当前选择：{{ address ? address : "广西全区" }}</div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div class="populationMap" id="populationMap"></div>
</div>
</el-col>
</el-row>
......@@ -272,12 +271,28 @@ export default {
data() {
return {
num: 0,
address: "",
marriageLine: {},
marriageStats: {},
threeYearShjzAchieveStats: {},
threeYeartTotalData: {},
areaDisabledIssueStats: {},
cremationRateStats: {},
cremationRateStats: [
{ 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 },
],
cremation: [],
agencyChildStatsList: {
areaList: [
......@@ -329,6 +344,8 @@ export default {
"90",
],
},
orphanNum: 172,
noAdoptNum: 159,
};
},
created() {
......@@ -367,6 +384,15 @@ export default {
}).then((res) => {
console.log(res, "儿童福利统计");
this.agencyChildStatsList = res.data;
this.orphanNum = 0;
res.data.orphanNumList.forEach((item) => {
this.orphanNum += item * 1;
});
this.noAdoptNum = 0;
res.data.factUnadoptedNumList.forEach((item) => {
this.noAdoptNum += item * 1;
console.log(this.noAdoptNum);
});
this.orphanFun();
});
},
......@@ -416,12 +442,14 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区"
this.getMapData("g450000");
this.getFivesYearMarriageLineFun("450000");
this.getMarriageStatsFun("450000");
this.getAgencyChildStatsListFun("450000");
this.getThreeYearShjzAchieveStatsFun("450000");
this.getAreaDisabledIssueStatsFun("450000");
this.getCremationRateStatsFun("450000");
},
/**
......@@ -521,6 +549,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -539,6 +568,9 @@ export default {
this.getAreaDisabledIssueStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
this.getCremationRateStatsFun(
mapList.features[res.dataIndex].properties.adcode
);
}
});
},
......@@ -1155,7 +1187,7 @@ export default {
}
.target {
width: 100%;
height: 280px;
height: 284px;
}
.size24 {
font-size: 24px;
......@@ -1253,6 +1285,8 @@ export default {
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/provide.vue
......@@ -105,9 +105,9 @@
alt=""
class="lowerRight"
/>
<div class="title">当前选择：广西全区</div>
<div class="provideMap" id="provideMap"></div>
<div class="title">当前选择：{{ address ? address : "广西全区" }}</div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div class="provideMap" id="provideMap"></div>
</div>
</el-col>
</el-row>
......@@ -241,6 +241,7 @@ export default {
data() {
return {
num: 0,
address:"",
tableData: [],
value: "",
cremationStats: {},
......@@ -307,6 +308,7 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区"
this.getMapData("g450000");
this.getCremationStatsFun("450000");
this.getCremationRateStatsFun("450000");
......@@ -410,6 +412,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -833,7 +836,9 @@ export default {
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
.input {
......
src/views/unified/tapSwitch/socialAssistance.vue
......@@ -7,10 +7,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>
<div class="display">
<div>
......@@ -41,10 +57,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>
<div class="display">
<div>
......@@ -85,13 +117,31 @@
<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">
<div class="title">当前选择：广西全区</div>
<div class="socialAssistanceMap" id="socialAssistanceMap"></div>
<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">
当前选择：{{ address ? address : "广西全区" }}
</div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div class="socialAssistanceMap" id="socialAssistanceMap"></div>
</div>
</el-col>
</el-row>
......@@ -99,10 +149,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="ruralAndcity" class="ruralAndcity"></div>
</div>
......@@ -113,12 +179,27 @@
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<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="wiansInfo">
<div class="title">低保对象查询</div>
<el-input
type="text"
......@@ -150,7 +231,7 @@
width="50px"
>
</el-table-column>
<el-table-column prop="address" label="所在地" align="center" >
<el-table-column prop="address" label="所在地" align="center">
</el-table-column>
<!-- <el-table-column
prop="provideState"
......@@ -200,6 +281,7 @@ export default {
data() {
return {
num: 0,
address: "",
tableData: [],
values: "",
fivesYearShjzAchieveStats: {},
......@@ -294,6 +376,7 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区";
this.getMapData("g450000");
this.getThreeYearShjzAchieveStatsFun("450000");
this.getThreeYearShjzProvideStatsFun("450000");
......@@ -398,6 +481,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -841,29 +925,29 @@ export default {
</script>
<style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
.lowerLeft {
position: absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
.lowerRight {
position: absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
.topLeft {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
.topRight {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
......@@ -922,7 +1006,7 @@ bottom: -2px;
.wian {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 415px;
background-color: #082c61;
......@@ -930,7 +1014,7 @@ bottom: -2px;
.wians {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #082c61;
......@@ -938,15 +1022,15 @@ bottom: -2px;
.wianss {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 330px;
background-color: #082c61;
}
.wiansInfoS{
.wiansInfoS {
width: 100%;
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
}
.wiansInfo {
width: 100%;
......@@ -1013,7 +1097,9 @@ bottom: -2px;
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
.search {
......
src/views/unified/tapSwitch/socialOrganization.vue
......@@ -7,10 +7,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>
<div class="socialOrganizationFlex">
<div class="text">社会组织总数</div>
......@@ -55,10 +71,26 @@
<el-row :gutter="18">
<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>
<div id="proportion" class="proportion"></div>
</div>
......@@ -71,16 +103,34 @@
<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">
<div class="title">当前选择：广西全区</div>
<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">
当前选择：{{ address ? address : "广西全区" }}
</div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div
class="socialOrganizationMap"
id="socialOrganizationMap"
></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
</el-col>
</el-row>
......@@ -88,10 +138,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>
<el-row :gutter="20">
<el-col :span="6">
......@@ -132,12 +198,27 @@
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<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="wiansInfo">
<div class="title">婚姻统计</div>
<el-input
type="text"
......@@ -190,6 +271,7 @@ export default {
data() {
return {
num: 0,
address: "",
tableData: [],
soorganStats: {},
SoorganPercentageStats: [],
......@@ -204,7 +286,7 @@ export default {
this.getSoorganPercentageStatsFun();
this.getAreaUnderSoorganStatsListFun();
this.getMapData("g450000"); //默认展示广西 g450000
this.soorganSearchFun()
this.soorganSearchFun();
},
methods: {
inputBtn() {
......@@ -258,6 +340,7 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区";
this.getMapData("g450000");
this.getSoorganStatsFun("450000");
this.getSoorganPercentageStatsFun("450000");
......@@ -361,6 +444,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -649,29 +733,29 @@ export default {
</script>
<style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
.lowerLeft {
position: absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
.lowerRight {
position: absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
.topLeft {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
.topRight {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
......@@ -790,7 +874,7 @@ bottom: -2px;
.wian {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 400px;
background-color: #082c61;
......@@ -798,7 +882,7 @@ bottom: -2px;
.wians {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #082c61;
......@@ -806,14 +890,14 @@ bottom: -2px;
.wianss {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 300px;
background-color: #082c61;
}
.wiansInfoS{
position: relative;
border: 1px solid #1A6295;
.wiansInfoS {
position: relative;
border: 1px solid #1a6295;
width: 100%;
}
.wiansInfo {
......@@ -831,7 +915,9 @@ position: relative;
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
.input {
......
src/views/unified/tapSwitch/subsidies.vue
......@@ -7,10 +7,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>
<div class="display">
<div>
......@@ -39,10 +55,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>
<div
class="subsidiesBox"
......@@ -71,13 +103,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">
<div class="title">当前选择：广西全区</div>
<div class="subsidiesMap" id="subsidiesMap"></div>
<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">当前选择：{{ address ? address : "广西全区" }}</div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
<div class="subsidiesMap" id="subsidiesMap"></div>
</div>
</el-col>
</el-row>
......@@ -85,10 +133,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="ruralAndcity" class="ruralAndcity"></div>
</div>
......@@ -99,12 +163,27 @@
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<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="wiansInfo">
<div class="title">婚姻统计</div>
<el-input
type="text"
......@@ -128,15 +207,11 @@
width="50px"
>
</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 prop="addressName" label="所在地" align="center">
</el-table-column>
<el-table-column prop="levelId" label="残疾等级" align="center" >
<el-table-column prop="levelId" label="残疾等级" align="center">
</el-table-column>
<!-- <el-table-column prop="date" label="补助标准" align="center">
</el-table-column> -->
......@@ -166,12 +241,13 @@ export default {
data() {
return {
num: 0,
address:"",
tableData: [],
yearDisabledIssueStats: {},
disabledLevelStats: {},
areaDisabledIssueStats: {},
poorDisabledNum: {},
value:""
value: "",
};
},
created() {
......@@ -179,7 +255,7 @@ export default {
this.getDisabledLevelStatsFun();
this.getAreaDisabledIssueStatsFun();
this.getMapData("g450000"); //默认展示广西 g450000
this.deformedManSearchFun()
this.deformedManSearchFun();
},
methods: {
inputBtn() {
......@@ -230,6 +306,7 @@ export default {
returnInfo() {
this.num = 0;
this.address = "广西全区"
this.getMapData("g450000");
this.getYearDisabledIssueStatsFun("450000");
this.getDisabledLevelStatsFun("450000");
......@@ -333,6 +410,7 @@ export default {
"区域信息地区码",
mapList.features[res.dataIndex].properties.adcode
);
this.address = res.name;
this.getMapData(
"g" + mapList.features[res.dataIndex].properties.adcode
);
......@@ -670,29 +748,29 @@ export default {
</script>
<style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
.lowerLeft {
position: absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
.lowerRight {
position: absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
.topLeft {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
.topRight {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
......@@ -751,7 +829,7 @@ bottom: -2px;
.wian {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 416px;
background-color: #082c61;
......@@ -759,7 +837,7 @@ bottom: -2px;
.wians {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #082c61;
......@@ -767,15 +845,15 @@ bottom: -2px;
.wianss {
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
width: 100%;
height: 332px;
background-color: #082c61;
}
.wiansInfoS{
.wiansInfoS {
width: 100%;
position: relative;
border: 1px solid #1A6295;
border: 1px solid #1a6295;
}
.wiansInfo {
width: 100%;
......@@ -859,7 +937,9 @@ bottom: -2px;
.returnInfos {
font-size: 16px;
color: #fff;
margin: 0px 0 0 30px;
margin: 10px 30px 0 0;
display: flex;
justify-content: flex-end;
}
.input {
......
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