Skip to content

C
civil-front
Commit ffa7be60 by 苏咏卓
Options

Merge branch 'master' of http://139.159.239.83:9093/civil/civil-front 

# Conflicts:
#	.env.development
#	src/views/unified/tapSwitch/population.vue
parents c5f1f9c8 e35d6c3b
Showing with 681 additions and 114 deletions
src/utils/request.js
...@@ -75,12 +75,13 @@ service.interceptors.response.use( ...@@ -75,12 +75,13 @@ service.interceptors.response.use(
}) })
} }
} }
} else {
Notification.error({
title: '接口请求失败',
duration: 5000
})
} }
// else {
// Notification.error({
// title: '接口请求失败',
// duration: 5000
// })
// }
} }
return Promise.reject(error) return Promise.reject(error)
} }
......
src/views/home.vue
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<div class="flex-container"> <div class="flex-container">
<img src="./../assets/images/标题左边素材.png" alt="" class="about" /> <img src="./../assets/images/标题左边素材.png" alt="" class="about" />
<div class="title-text"> <div class="title-text">
广西民政决策分析 民政数据分析系统
<img src="./../assets/images/标题下划线.png" alt="" class="underline" /> <img src="./../assets/images/标题下划线.png" alt="" class="underline" />
</div> </div>
<img src="./../assets/images/标题右边素材.png" alt="" class="about" /> <img src="./../assets/images/标题右边素材.png" alt="" class="about" />
......
src/views/unified/entrance.vue
<template> <template>
<div class="page"> <div class="page">
<el-row> <div class="flex-container">
<el-col :span="8"> <img src="./../../assets/images/标题左边素材.png" alt="" class="about" />
<div class="horizontal"></div> <div class="title-text">
</el-col> 民政数据分析系统
<img src="./../../assets/images/标题下划线.png" alt="" class="underline" />
<el-col :span="8"> </div>
<div class="topTitle">广西民政人口专题分析</div> <img src="./../../assets/images/标题右边素材.png" alt="" class="about" />
</el-col> </div>
<el-col :span="8">
<div class="horizontal"></div>
</el-col>
</el-row>
<br /> <br />
<br> <br>
...@@ -132,6 +127,7 @@ export default { ...@@ -132,6 +127,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.switchMa{ .switchMa{
margin: 0 10px; margin: 0 10px;
background-color: #0b0f4e;
} }
.white{ .white{
color: #fff; color: #fff;
...@@ -190,4 +186,25 @@ export default { ...@@ -190,4 +186,25 @@ export default {
height: 600px; height: 600px;
background-color: brown; background-color: brown;
} }
.flex-container {
display: flex;
width: 1300px;
height: 110px;
margin: auto;
}
.title-text {
width: 380px;
line-height: 25px;
margin: 40px 20px -20px 20px;
color: #00f9fd;
font-size: 45px;
}
.about {
margin-top: 20px;
width: 450px;
height: 60px;
}
.underline {
width: 100%;
}
</style> </style>
\ No newline at end of file
src/views/unified/tapSwitch/childWelfare.vue
...@@ -7,6 +7,10 @@ ...@@ -7,6 +7,10 @@
<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 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="socialOrganizationFlex"> <div class="socialOrganizationFlex">
<div class="textLefts">收养总数</div> <div class="textLefts">收养总数</div>
...@@ -46,6 +50,10 @@ ...@@ -46,6 +50,10 @@
<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 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>
...@@ -58,6 +66,10 @@ ...@@ -58,6 +66,10 @@
<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 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="childWelfareMap" id="childWelfareMap"></div> <div class="childWelfareMap" id="childWelfareMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a> <a class="returnInfos" @click="returnInfo">返回上一级</a>
...@@ -68,6 +80,10 @@ ...@@ -68,6 +80,10 @@
<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 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>
...@@ -77,9 +93,13 @@ ...@@ -77,9 +93,13 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="20"> <div class="wiansInfoS">
<el-col :span="24"> <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="wiansInfo">
<div class="title">婚姻统计</div> <div class="title">婚姻统计</div>
<el-input <el-input
type="text" type="text"
...@@ -106,14 +126,10 @@ ...@@ -106,14 +126,10 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-col> </div>
</el-row>
</el-col> </el-col>
<!-- <br />
<el-row :gutter="20">
<el-col :span="24"><div class="wian"></div> </el-col>
</el-row>
</el-col> -->
</el-row> </el-row>
</div> </div>
</template> </template>
...@@ -599,6 +615,34 @@ export default { ...@@ -599,6 +615,34 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
right: -2px;
}
.proportion { .proportion {
width: 100%; width: 100%;
height: 350px; height: 350px;
...@@ -606,7 +650,7 @@ export default { ...@@ -606,7 +650,7 @@ export default {
.annualStatistics { .annualStatistics {
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
height: 260px; height: 220px;
} }
.title { .title {
...@@ -629,23 +673,34 @@ export default { ...@@ -629,23 +673,34 @@ export default {
} }
.wian { .wian {
border: 1px solid #1A6295;
position: relative;
width: 100%; width: 100%;
height: 400px; height: 400px;
background-color: #082c61; background-color: #082c61;
} }
.wians { .wians {
border: 1px solid #1A6295;
position: relative;
width: 100%; width: 100%;
height: 500px; height: 500px;
background-color: #082c61; background-color: #082c61;
} }
.wianss { .wianss {
border: 1px solid #1A6295;
position: relative;
width: 100%; width: 100%;
height: 300px; height: 300px;
background-color: #082c61; background-color: #082c61;
} }
.wiansInfoS{
width: 100%;
position: relative;
border: 1px solid #1A6295;
}
.wiansInfo { .wiansInfo {
width: 100%; width: 100%;
height: 818px; height: 818px;
......
src/views/unified/tapSwitch/marriage.vue
...@@ -7,6 +7,10 @@ ...@@ -7,6 +7,10 @@
<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 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="socialOrganizationFlex"> <div class="socialOrganizationFlex">
<div class="text">共</div> <div class="text">共</div>
...@@ -25,6 +29,10 @@ ...@@ -25,6 +29,10 @@
<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 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="marriageStatistics"> <div class="marriageStatistics">
<div class="flexBox"> <div class="flexBox">
...@@ -71,6 +79,10 @@ ...@@ -71,6 +79,10 @@
<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 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="marriageMap" id="marriageMap"></div> <div class="marriageMap" id="marriageMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a> <a class="returnInfos" @click="returnInfo">返回上一级</a>
...@@ -81,6 +93,10 @@ ...@@ -81,6 +93,10 @@
<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 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>
...@@ -90,9 +106,13 @@ ...@@ -90,9 +106,13 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="20"> <div class="wiansInfoS">
<el-col :span="24"> <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="wiansInfo">
<div class="title">婚姻统计</div> <div class="title">婚姻统计</div>
<el-input <el-input
type="text" type="text"
...@@ -140,8 +160,7 @@ ...@@ -140,8 +160,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-col> </div>
</el-row>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -678,6 +697,34 @@ export default { ...@@ -678,6 +697,34 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
right: -2px;
}
.trend { .trend {
width: 100%; width: 100%;
height: 280px; height: 280px;
...@@ -685,7 +732,7 @@ export default { ...@@ -685,7 +732,7 @@ export default {
.annualStatistics { .annualStatistics {
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
height: 260px; height: 240px;
} }
.title { .title {
...@@ -729,25 +776,36 @@ export default { ...@@ -729,25 +776,36 @@ export default {
} }
.wian { .wian {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 400px; height: 400px;
background-color: #082c61; background-color: #082c61;
} }
.wians { .wians {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 500px; height: 500px;
background-color: #082c61; background-color: #082c61;
} }
.wianss { .wianss {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 300px; height: 300px;
background-color: #082c61; background-color: #082c61;
} }
.wiansInfoS{
position: relative;
border: 1px solid #1A6295;
width: 100%;
}
.wiansInfo { .wiansInfo {
width: 100%;
height: 818px; height: 818px;
background-color: #082c61; background-color: #082c61;
overflow: hidden; overflow: hidden;
......
src/views/unified/tapSwitch/mechanism.vue
...@@ -7,6 +7,26 @@ ...@@ -7,6 +7,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
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="mechanismNum">1000个</div> <div class="mechanismNum">1000个</div>
<div id="children" class="children"></div> <div id="children" class="children"></div>
...@@ -18,8 +38,28 @@ ...@@ -18,8 +38,28 @@
<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
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="mechanismNum">1000个</div> <div class="mechanismNum">{{ nursingFacilityNum }}</div>
<div class="pension" id="pension"></div> <div class="pension" id="pension"></div>
</div> </div>
</el-col> </el-col>
...@@ -30,35 +70,87 @@ ...@@ -30,35 +70,87 @@
<el-col :span="18"> <el-col :span="18">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="16"> <el-col :span="16">
<div class="wians"> <div class="wianstow">
<div class="title">当前选择：广西全区</div> <img
<div class="mechanismMap" id="mechanismMap"></div> src="./../../../assets/images/01-左上角.png"
<a class="returnInfos" @click="returnInfo">返回上一级</a> 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="wians">
<div class="title">当前选择：广西全区</div>
<div class="mechanismMap" id="mechanismMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a>
</div>
</div> </div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="wians"> <div class="wianstow">
<div class="title">敬老院</div> <img
<div class="mechanismNum">1000个</div> src="./../../../assets/images/01-左上角.png"
<div class="datalist"> alt=""
<el-table class="topLeft"
:data="tableData" />
stripe <img
style="width: 100%; background-color: #051d3f; color: #2177b9" src="./../../../assets/images/02-右上角.png"
:header-cell-style="{ alt=""
background: '#082C61', class="topRight"
color: '#DAD7DB', />
}" <img
:cell-style="{ background: '#082C61', color: '#DAD7DB' }" src="./../../../assets/images/03-左下角.png"
> alt=""
<el-table-column type="index" label="排名" align="center"> class="lowerLeft"
</el-table-column> />
<el-table-column prop="name" label="区域名称" align="center"> <img
</el-table-column> src="./../../../assets/images/04-右下角.png"
<el-table-column prop="num" label="数量" align="center"> alt=""
</el-table-column> class="lowerRight"
</el-table> />
<div class="wians">
<div class="title">敬老院</div>
<div class="mechanismNum">{{ beadhouseNum }}</div>
<div class="datalist">
<el-table
:data="tableData"
stripe
style="
width: 100%;
background-color: #051d3f;
color: #2177b9;
"
:header-cell-style="{
background: '#082C61',
color: '#DAD7DB',
}"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
>
<el-table-column type="index" label="排名" align="center">
</el-table-column>
<el-table-column
prop="name"
label="区域名称"
align="center"
>
</el-table-column>
<el-table-column prop="num" label="数量" align="center">
</el-table-column>
</el-table>
</div>
</div> </div>
</div> </div>
</el-col> </el-col>
...@@ -66,6 +158,26 @@ ...@@ -66,6 +158,26 @@
<el-col :span="24"> <el-col :span="24">
<br /> <br />
<div class="wiansw"> <div class="wiansw">
<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="title">社会组织</div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6"> <el-col :span="6">
...@@ -140,6 +252,8 @@ export default { ...@@ -140,6 +252,8 @@ export default {
{ name: "崇左市", value: 231 }, { name: "崇左市", value: 231 },
], ],
welfareHomeName: [], welfareHomeName: [],
nursingFacilityNum: 125,
beadhouseNum: 169,
}; };
}, },
created() { created() {
...@@ -172,10 +286,29 @@ export default { ...@@ -172,10 +286,29 @@ export default {
getAreaNursingStatsListFun(data) { getAreaNursingStatsListFun(data) {
getAreaNursingStatsList({ getAreaNursingStatsList({
areaCode: data, areaCode: data,
type: 146,
}).then((res) => { }).then((res) => {
console.log(res, "获取区域养老院统计列表"); console.log(res, "获取区域养老院统计列表");
this.areaNursingStatsList = res.data; this.beadhouseNum = 0;
res.data.numList.forEach((item) => {
this.beadhouseNum += item * 1;
});
this.tableData = res.data.statsLst; this.tableData = res.data.statsLst;
this.pensionFun();
});
getAreaNursingStatsList({
areaCode: data,
type: 103,
}).then((res) => {
console.log(res, "柱形图");
this.areaNursingStatsList = res.data;
this.nursingFacilityNum = 0;
res.data.numList.forEach((item) => {
this.nursingFacilityNum += item * 1;
});
this.pensionFun(); this.pensionFun();
}); });
}, },
...@@ -686,6 +819,34 @@ export default { ...@@ -686,6 +819,34 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.lowerLeft {
position: absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
}
.lowerRight {
position: absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight {
position: absolute;
width: 10px;
height: 10px;
top: -2px;
right: -2px;
}
.el-table th { .el-table th {
overflow: hidden; overflow: hidden;
...@@ -741,7 +902,7 @@ export default { ...@@ -741,7 +902,7 @@ export default {
} }
.children { .children {
width: 100%; width: 100%;
height: 280px; height: 100%;
} }
.mechanismNum { .mechanismNum {
text-align: center; text-align: center;
...@@ -780,11 +941,15 @@ export default { ...@@ -780,11 +941,15 @@ export default {
} }
.wian { .wian {
position: relative;
border: 1px solid #1a6295;
width: 100%; width: 100%;
height: 400px; height: 400px;
background-color: #082c61; background-color: #082c61;
} }
.wiansw { .wiansw {
position: relative;
border: 1px solid #1a6295;
width: 100%; width: 100%;
height: 300px; height: 300px;
background-color: #082c61; background-color: #082c61;
...@@ -796,7 +961,11 @@ export default { ...@@ -796,7 +961,11 @@ export default {
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
.wianstow {
position: relative;
border: 1px solid #1a6295;
width: 100%;
}
.wians::-webkit-scrollbar { .wians::-webkit-scrollbar {
display: none; display: none;
} }
......
src/views/unified/tapSwitch/population.vue
<template> <template>
<div> <div>
<!-- <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> -->
<el-row :gutter="18"> <el-row :gutter="18">
<!--左 --> <!--左 -->
<el-col :span="6"> <el-col :span="6">
...@@ -285,11 +279,56 @@ export default { ...@@ -285,11 +279,56 @@ export default {
areaDisabledIssueStats: {}, areaDisabledIssueStats: {},
cremationRateStats: {}, cremationRateStats: {},
cremation: [], cremation: [],
agencyChildStatsList:{ agencyChildStatsList: {
areaList:["南宁市","柳州市","桂林市","梧州市","北海市","防城港市","钦州市","贵港市","玉林市","百色市","贺州市","河池市","来宾市","崇左市"], 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"] "柳州市",
} "桂林市",
"梧州市",
"北海市",
"防城港市",
"钦州市",
"贵港市",
"玉林市",
"百色市",
"贺州市",
"河池市",
"来宾市",
"崇左市",
],
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() {
...@@ -1085,36 +1124,31 @@ export default { ...@@ -1085,36 +1124,31 @@ export default {
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 10px; height: 10px;
left: -1px; left: -2px;
bottom: -1px; bottom: -2px;
} }
.lowerRight { .lowerRight {
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 10px; height: 10px;
right: -1px; right: -2px;
bottom: -1px; bottom: -2px;
} }
.topLeft { .topLeft {
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 10px; height: 10px;
top: -1px; top: -2px;
left: -1px; left: -2px;
} }
.topRight { .topRight {
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 10px; height: 10px;
top: -1px; top: -2px;
right: -1px; right: -2px;
}
.testbox {
position: relative;
border: 1px solid #1a6295;
width: 200px;
height: 200px;
} }
.orphan { .orphan {
width: 100%; width: 100%;
height: 300px; height: 300px;
...@@ -1164,7 +1198,7 @@ export default { ...@@ -1164,7 +1198,7 @@ export default {
.annualStatistics { .annualStatistics {
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
height: 260px; height: 240px;
} }
.title { .title {
......
src/views/unified/tapSwitch/provide.vue
...@@ -7,6 +7,10 @@ ...@@ -7,6 +7,10 @@
<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 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="provideFlex"> <div class="provideFlex">
<div class="text">火化总数</div> <div class="text">火化总数</div>
...@@ -33,6 +37,10 @@ ...@@ -33,6 +37,10 @@
<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 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>
...@@ -45,6 +53,10 @@ ...@@ -45,6 +53,10 @@
<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 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="provideMap" id="provideMap"></div> <div class="provideMap" id="provideMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a> <a class="returnInfos" @click="returnInfo">返回上一级</a>
...@@ -55,6 +67,10 @@ ...@@ -55,6 +67,10 @@
<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 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>
...@@ -64,9 +80,14 @@ ...@@ -64,9 +80,14 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="20"> <div class="wiansInfoS">
<el-col :span="24"> <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="wiansInfo">
<div class="title">火化信息查询</div> <div class="title">火化信息查询</div>
<el-input <el-input
type="text" type="text"
...@@ -112,8 +133,7 @@ ...@@ -112,8 +133,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-col> </div>
</el-row>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -578,6 +598,35 @@ export default { ...@@ -578,6 +598,35 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
right: -2px;
}
.provideFlex { .provideFlex {
display: flex; display: flex;
margin-top: 30px; margin-top: 30px;
...@@ -635,7 +684,7 @@ export default { ...@@ -635,7 +684,7 @@ export default {
.annualStatistics { .annualStatistics {
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
height: 260px; height: 240px;
} }
.title { .title {
...@@ -658,18 +707,24 @@ export default { ...@@ -658,18 +707,24 @@ export default {
} }
.wian { .wian {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 400px; height: 400px;
background-color: #082c61; background-color: #082c61;
} }
.wians { .wians {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 500px; height: 500px;
background-color: #082c61; background-color: #082c61;
} }
.wianss { .wianss {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 300px; height: 300px;
background-color: #082c61; background-color: #082c61;
...@@ -682,6 +737,11 @@ export default { ...@@ -682,6 +737,11 @@ export default {
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
.wiansInfoS{
width: 100%;
position: relative;
border: 1px solid #1A6295;
}
.wiansInfo::-webkit-scrollbar { .wiansInfo::-webkit-scrollbar {
display: none; display: none;
......
src/views/unified/tapSwitch/socialAssistance.vue
...@@ -7,6 +7,10 @@ ...@@ -7,6 +7,10 @@
<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 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="display"> <div class="display">
<div> <div>
...@@ -37,6 +41,10 @@ ...@@ -37,6 +41,10 @@
<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 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="display"> <div class="display">
<div> <div>
...@@ -77,6 +85,10 @@ ...@@ -77,6 +85,10 @@
<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 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="socialAssistanceMap" id="socialAssistanceMap"></div> <div class="socialAssistanceMap" id="socialAssistanceMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a> <a class="returnInfos" @click="returnInfo">返回上一级</a>
...@@ -87,6 +99,10 @@ ...@@ -87,6 +99,10 @@
<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 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="ruralAndcity" class="ruralAndcity"></div> <div id="ruralAndcity" class="ruralAndcity"></div>
</div> </div>
...@@ -96,9 +112,13 @@ ...@@ -96,9 +112,13 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="20"> <div class="wiansInfoS">
<el-col :span="24"> <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="wiansInfo">
<div class="title">低保对象查询</div> <div class="title">低保对象查询</div>
<el-input <el-input
type="text" type="text"
...@@ -155,8 +175,7 @@ ...@@ -155,8 +175,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-col> </div>
</el-row>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -822,6 +841,35 @@ export default { ...@@ -822,6 +841,35 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
right: -2px;
}
.trend { .trend {
width: 100%; width: 100%;
height: 200px; height: 200px;
...@@ -873,23 +921,33 @@ export default { ...@@ -873,23 +921,33 @@ export default {
} }
.wian { .wian {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 415px; height: 415px;
background-color: #082c61; background-color: #082c61;
} }
.wians { .wians {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 500px; height: 500px;
background-color: #082c61; background-color: #082c61;
} }
.wianss { .wianss {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 330px; height: 330px;
background-color: #082c61; background-color: #082c61;
} }
.wiansInfoS{
width: 100%;
position: relative;
border: 1px solid #1A6295;
}
.wiansInfo { .wiansInfo {
width: 100%; width: 100%;
height: 848px; height: 848px;
...@@ -949,7 +1007,7 @@ export default { ...@@ -949,7 +1007,7 @@ export default {
.ruralAndcity { .ruralAndcity {
width: 100%; width: 100%;
height: 300px; height: 280px;
} }
.returnInfos { .returnInfos {
......
src/views/unified/tapSwitch/socialOrganization.vue
...@@ -7,6 +7,10 @@ ...@@ -7,6 +7,10 @@
<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 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="socialOrganizationFlex"> <div class="socialOrganizationFlex">
<div class="text">社会组织总数</div> <div class="text">社会组织总数</div>
...@@ -51,6 +55,10 @@ ...@@ -51,6 +55,10 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <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">
<div class="title">区域占比</div> <div class="title">区域占比</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
...@@ -63,6 +71,10 @@ ...@@ -63,6 +71,10 @@
<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 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 <div
class="socialOrganizationMap" class="socialOrganizationMap"
...@@ -76,6 +88,10 @@ ...@@ -76,6 +88,10 @@
<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 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="6"> <el-col :span="6">
...@@ -115,9 +131,13 @@ ...@@ -115,9 +131,13 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="20"> <div class="wiansInfoS">
<el-col :span="24"> <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="wiansInfo">
<div class="title">婚姻统计</div> <div class="title">婚姻统计</div>
<el-input <el-input
type="text" type="text"
...@@ -146,8 +166,7 @@ ...@@ -146,8 +166,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</el-col> </div>
</el-row>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -630,6 +649,34 @@ export default { ...@@ -630,6 +649,34 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
right: -2px;
}
.socialOrganizationFlex { .socialOrganizationFlex {
display: flex; display: flex;
margin-top: 30px; margin-top: 30px;
...@@ -742,23 +789,33 @@ export default { ...@@ -742,23 +789,33 @@ export default {
} }
.wian { .wian {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 400px; height: 400px;
background-color: #082c61; background-color: #082c61;
} }
.wians { .wians {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 500px; height: 500px;
background-color: #082c61; background-color: #082c61;
} }
.wianss { .wianss {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 300px; height: 300px;
background-color: #082c61; background-color: #082c61;
} }
.wiansInfoS{
position: relative;
border: 1px solid #1A6295;
width: 100%;
}
.wiansInfo { .wiansInfo {
width: 100%; width: 100%;
height: 818px; height: 818px;
......
src/views/unified/tapSwitch/subsidies.vue
...@@ -7,6 +7,10 @@ ...@@ -7,6 +7,10 @@
<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 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="display"> <div class="display">
<div> <div>
...@@ -35,6 +39,10 @@ ...@@ -35,6 +39,10 @@
<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 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 <div
class="subsidiesBox" class="subsidiesBox"
...@@ -63,6 +71,10 @@ ...@@ -63,6 +71,10 @@
<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 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="subsidiesMap" id="subsidiesMap"></div> <div class="subsidiesMap" id="subsidiesMap"></div>
<a class="returnInfos" @click="returnInfo">返回上一级</a> <a class="returnInfos" @click="returnInfo">返回上一级</a>
...@@ -73,6 +85,10 @@ ...@@ -73,6 +85,10 @@
<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 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="ruralAndcity" class="ruralAndcity"></div> <div id="ruralAndcity" class="ruralAndcity"></div>
</div> </div>
...@@ -82,9 +98,13 @@ ...@@ -82,9 +98,13 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="20"> <div class="wiansInfoS">
<el-col :span="24"> <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="wiansInfo">
<div class="title">婚姻统计</div> <div class="title">婚姻统计</div>
<el-input <el-input
type="text" type="text"
...@@ -122,8 +142,7 @@ ...@@ -122,8 +142,7 @@
</el-table-column> --> </el-table-column> -->
</el-table> </el-table>
</div> </div>
</el-col> </div>
</el-row>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -651,6 +670,34 @@ export default { ...@@ -651,6 +670,34 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.lowerLeft{
position:absolute;
width: 10px;
height: 10px;
left: -2px;
bottom: -2px;
}
.lowerRight{
position:absolute;
width: 10px;
height: 10px;
right: -2px;
bottom: -2px;
}
.topLeft{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
left: -2px;
}
.topRight{
position:absolute;
width: 10px;
height: 10px;
top: -2px;
right: -2px;
}
.trend { .trend {
width: 100%; width: 100%;
height: 200px; height: 200px;
...@@ -703,23 +750,33 @@ export default { ...@@ -703,23 +750,33 @@ export default {
} }
.wian { .wian {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 416px; height: 416px;
background-color: #082c61; background-color: #082c61;
} }
.wians { .wians {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 500px; height: 500px;
background-color: #082c61; background-color: #082c61;
} }
.wianss { .wianss {
position: relative;
border: 1px solid #1A6295;
width: 100%; width: 100%;
height: 300px; height: 332px;
background-color: #082c61; background-color: #082c61;
} }
.wiansInfoS{
width: 100%;
position: relative;
border: 1px solid #1A6295;
}
.wiansInfo { .wiansInfo {
width: 100%; width: 100%;
height: 848px; height: 848px;
......
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