Skip to content

C
civil-front
Commit 5c7dc9c4 by 李耀琨
Options

改页面边框布局

parent 6ab3d4d9
Showing with 279 additions and 688 deletions
src/views/unified/tapSwitch/childWelfare.vue
...@@ -6,27 +6,8 @@ ...@@ -6,27 +6,8 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="ChildStatsLek">暂无下级数据</div> <div class="warningInfo" v-if="ChildStatsLek">暂无下级数据</div>
<div class="titleHead">儿童福利机构汇总</div> <div class="titleHead">儿童福利机构汇总</div>
<div class="xxxBox"> <div class="xxxBox">
...@@ -86,32 +67,14 @@ ...@@ -86,32 +67,14 @@
<div class="text">个</div> <div class="text">个</div>
</div> --> </div> -->
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="PercentageStats"> <div class="warningInfo" v-if="PercentageStats">
暂无下级数据 暂无下级数据
...@@ -119,6 +82,7 @@ ...@@ -119,6 +82,7 @@
<div class="titleHead">机构占比</div> <div class="titleHead">机构占比</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
...@@ -160,61 +124,24 @@ ...@@ -160,61 +124,24 @@
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24" <el-col :span="24"
><div class="wianss"> ><div class="panel">
<img <div class="wian">
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="warningInfo" v-if="ChildStats">暂无下级数据</div> <div class="warningInfo" v-if="ChildStats">暂无下级数据</div>
<div class="titleHead">区域统计</div> <div class="titleHead">区域统计</div>
<div id="annualStatistics" class="annualStatistics"></div> <div id="annualStatistics" class="annualStatistics"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="wiansInfoS"> <div class="panel">
<img <div class="wians">
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="titleHead"> <div class="titleHead ma20">
{{ address ? address : "广西全区" }}福利院儿童信息 {{ address ? address : "广西全区" }}福利院儿童信息
</div> </div>
<el-input <el-input
...@@ -264,6 +191,7 @@ ...@@ -264,6 +191,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
...@@ -630,7 +558,7 @@ export default { ...@@ -630,7 +558,7 @@ export default {
var myChart = echarts.init(chartDom, "dark"); var myChart = echarts.init(chartDom, "dark");
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: { tooltip: {
trigger: "item", trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)", formatter: "{a} <br/>{b} : {c} ({d}%)",
...@@ -764,7 +692,7 @@ export default { ...@@ -764,7 +692,7 @@ export default {
}; };
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
...@@ -952,14 +880,16 @@ export default { ...@@ -952,14 +880,16 @@ export default {
width: 100%; width: 100%;
height: 360px; height: 360px;
} }
.ma20 {
margin-left: 20px;
}
.titleHead { .titleHead {
height: 30px; height: 30px;
font-size: 16px; font-size: 24px;
line-height: 32px; line-height: 32px;
color: #2177b9; color: #fff;
text-align: center; // text-align: center;
background-color: #051d3f; // background-color: #051d3f;
} }
.flexBox { .flexBox {
...@@ -973,19 +903,22 @@ export default { ...@@ -973,19 +903,22 @@ export default {
} }
.wian { .wian {
border: 1px solid #1a6295; // height: 4.583rem;
margin-left: -50px;
margin-bottom: 20px;
}
.panel {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative; position: relative;
width: 100%; margin-bottom: 0.833rem;
height: 500px;
background-color: #021A56;
} }
.wians { .wians {
border: 1px solid #1a6295; margin-left: -5rem;
position: relative; margin-right: -1rem;
width: 100%; margin-bottom: 20px;
height: 500px;
background-color: #021A56;
} }
.wianss { .wianss {
...@@ -1002,9 +935,9 @@ export default { ...@@ -1002,9 +935,9 @@ export default {
border: 1px solid #1a6295; border: 1px solid #1a6295;
} }
.wiansInfo { .wiansInfo {
width: 100%; // width: 100%;
height: 1015px; // height: 1015px;
background-color: #021A56; // background-color: #021A56;
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -1115,7 +1048,7 @@ export default { ...@@ -1115,7 +1048,7 @@ export default {
width: 90%; width: 90%;
background-color: #082c61; background-color: #082c61;
color: #7f8b9d; color: #7f8b9d;
margin: 10px 20px; margin: 20px;
} }
.el-icon-search { .el-icon-search {
...@@ -1145,7 +1078,7 @@ export default { ...@@ -1145,7 +1078,7 @@ export default {
align-items: center; align-items: center;
width: 180px; width: 180px;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1156,7 +1089,7 @@ export default { ...@@ -1156,7 +1089,7 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1189,7 +1122,7 @@ export default { ...@@ -1189,7 +1122,7 @@ export default {
.vertical { .vertical {
width: 2px; width: 2px;
height: 100%; height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1); // background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px; margin: 0 5px;
} }
</style> </style>
\ No newline at end of file
src/views/unified/tapSwitch/population.vue
...@@ -6,27 +6,9 @@ ...@@ -6,27 +6,9 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="a == true">暂无下级数据</div> <div class="warningInfo" v-if="a == true">暂无下级数据</div>
<div class="titleHead">婚姻登记分析</div> <div class="titleHead">婚姻登记分析</div>
<el-row :gutter="20" justify="center"> <el-row :gutter="20" justify="center">
...@@ -68,32 +50,15 @@ ...@@ -68,32 +50,15 @@
<div id="marriage" class="target"></div> <div id="marriage" class="target"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="c == true">暂无下级数据</div> <div class="warningInfo" v-if="c == true">暂无下级数据</div>
<div class="titleHead">儿童福利统计</div> <div class="titleHead">儿童福利统计</div>
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -116,6 +81,7 @@ ...@@ -116,6 +81,7 @@
</el-row> </el-row>
<div class="orphan" id="orphan"></div> <div class="orphan" id="orphan"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
...@@ -166,27 +132,9 @@ ...@@ -166,27 +132,9 @@
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24" <el-col :span="24"
><div class="wianss"> >
<img <div class="panel">
src="./../../../assets/images/01-左上角.png" <div class="wian">
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="warningInfo" v-if="num != 0">暂无下级数据</div> <div class="warningInfo" v-if="num != 0">暂无下级数据</div>
<div class="titleHead">残疾人两项补贴</div> <div class="titleHead">残疾人两项补贴</div>
<el-row :gutter="20" justify="center"> <el-row :gutter="20" justify="center">
...@@ -225,6 +173,7 @@ ...@@ -225,6 +173,7 @@
</el-row> </el-row>
<div id="annualStatistics" class="annualStatistics"></div> <div id="annualStatistics" class="annualStatistics"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
...@@ -233,34 +182,15 @@ ...@@ -233,34 +182,15 @@
<el-col :span="6"> <el-col :span="6">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="d == true">暂无下级数据</div> <div class="warningInfo" v-if="d == true">暂无下级数据</div>
<div class="titleHead">社会救助对象统计</div> <div class="titleHead">社会救助对象统计</div>
<el-row :gutter="20"> <el-row :gutter="20">
<div class="displayBox"> <div class="displayBox">
<el-col :span="12"> <el-col :span="12">
<div class="gradientBox"> <div class="gradientBox">
<div class="gradientTitle">城市低保对象</div> <div class="gradientTitle">城市低保<br>对象</div>
<div class="vertical"></div> <div class="vertical"></div>
<div class="gradientOneNum"> <div class="gradientOneNum">
{{ getEnjoyNum.cityNum }} {{ getEnjoyNum.cityNum }}
...@@ -269,7 +199,7 @@ ...@@ -269,7 +199,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<div class="gradientBox"> <div class="gradientBox">
<div class="gradientTitle">农村低保对象</div> <div class="gradientTitle">农村低保<br>对象</div>
<div class="vertical"></div> <div class="vertical"></div>
<div class="gradientTwoNum"> <div class="gradientTwoNum">
{{ getEnjoyNum.villageNum }} {{ getEnjoyNum.villageNum }}
...@@ -280,34 +210,17 @@ ...@@ -280,34 +210,17 @@
</el-row> </el-row>
<div id="rescueTarget" class="target"></div> <div id="rescueTarget" class="target"></div>
</div> </div>
</div>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<br /> <br />
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="f == true">暂无下级数据</div> <div class="warningInfo" v-if="f == true">暂无下级数据</div>
<div class="titleHead">殡葬火化统计</div> <div class="titleHead">殡葬火化统计</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
...@@ -736,7 +649,7 @@ export default { ...@@ -736,7 +649,7 @@ export default {
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: 'rgba(128, 128, 128, 0)',
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
...@@ -839,7 +752,7 @@ export default { ...@@ -839,7 +752,7 @@ export default {
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: 'rgba(128, 128, 128, 0)',
titleHead: { titleHead: {
left: "3%", left: "3%",
top: "8%", top: "8%",
...@@ -949,7 +862,7 @@ export default { ...@@ -949,7 +862,7 @@ export default {
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: 'rgba(128, 128, 128, 0)',
titleHead: { titleHead: {
left: "3%", left: "3%",
top: "8%", top: "8%",
...@@ -1057,7 +970,7 @@ export default { ...@@ -1057,7 +970,7 @@ export default {
var myChart = echarts.init(chartDom, "dark"); var myChart = echarts.init(chartDom, "dark");
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: 'rgba(128, 128, 128, 0)',
tooltip: { tooltip: {
trigger: "item", trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)", formatter: "{a} <br/>{b} : {c} ({d}%)",
...@@ -1192,7 +1105,7 @@ export default { ...@@ -1192,7 +1105,7 @@ export default {
}; };
option = { option = {
backgroundColor: "#021A56", backgroundColor: 'rgba(128, 128, 128, 0)',
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
...@@ -1398,9 +1311,9 @@ export default { ...@@ -1398,9 +1311,9 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 30px auto ;
padding: 5px 0; padding: 5px 0;
} }
.gradientBoxs { .gradientBoxs {
...@@ -1409,7 +1322,7 @@ export default { ...@@ -1409,7 +1322,7 @@ export default {
align-items: center; align-items: center;
width: 240px; width: 240px;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1417,6 +1330,7 @@ export default { ...@@ -1417,6 +1330,7 @@ export default {
.gradientTitle { .gradientTitle {
font-size: 12px; font-size: 12px;
color: #c5cfdd; color: #c5cfdd;
text-align: center;
} }
.gradientOneNum { .gradientOneNum {
font-size: 24px; font-size: 24px;
...@@ -1449,7 +1363,7 @@ export default { ...@@ -1449,7 +1363,7 @@ export default {
.vertical { .vertical {
width: 2px; width: 2px;
height: 100%; height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1); // background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px; margin: 0 5px;
} }
.disabilityPeople { .disabilityPeople {
...@@ -1471,11 +1385,9 @@ export default { ...@@ -1471,11 +1385,9 @@ export default {
.titleHead { .titleHead {
height: 30px; height: 30px;
font-size: 16px; font-size: 24px;
line-height: 32px; line-height: 32px;
color: #2177b9; color: #fff;
text-align: center;
background-color: #051d3f;
} }
.flexBox { .flexBox {
...@@ -1489,11 +1401,17 @@ export default { ...@@ -1489,11 +1401,17 @@ export default {
} }
.wian { .wian {
width: 100%; // height: 4.583rem;
height: 520px; margin-left: -50px;
background-color: #021a57; margin-bottom: 20px;
position: relative; }
border: 1px solid #1a6295; .panel {
box-sizing: border-box;
border: 2px solid red;
border-image: url('./../../../assets/images/img/border.png') 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
} }
.wians { .wians {
......
src/views/unified/tapSwitch/provide.vue
...@@ -6,27 +6,8 @@ ...@@ -6,27 +6,8 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="tionStats">暂无下级数据</div> <div class="warningInfo" v-if="tionStats">暂无下级数据</div>
<div class="titleHead">火化量汇总</div> <div class="titleHead">火化量汇总</div>
<div class="xxxBox"> <div class="xxxBox">
...@@ -64,36 +45,19 @@ ...@@ -64,36 +45,19 @@
<div class="text">%</div> <div class="text">%</div>
</div> --> </div> -->
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="RateStats">暂无下级数据</div> <div class="warningInfo" v-if="RateStats">暂无下级数据</div>
<div class="titleHead">火化率统计</div> <div class="titleHead">火化率统计</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
...@@ -135,61 +99,24 @@ ...@@ -135,61 +99,24 @@
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24" <el-col :span="24"
><div class="wianss"> ><div class="panel">
<img <div class="wian">
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="warningInfo" v-if="StatsList">暂无下级数据</div> <div class="warningInfo" v-if="StatsList">暂无下级数据</div>
<div class="titleHead">火化区域分析</div> <div class="titleHead">火化区域分析</div>
<div id="annualStatistics" class="annualStatistics"></div> <div id="annualStatistics" class="annualStatistics"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="wiansInfoS"> <div class="panel">
<img <div class="wians">
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="titleHead"> <div class="titleHead ma20">
{{ address ? address : "广西全区" }}火化信息查询 {{ address ? address : "广西全区" }}火化信息查询
</div> </div>
<el-input <el-input
...@@ -262,6 +189,7 @@ ...@@ -262,6 +189,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -311,11 +239,11 @@ export default { ...@@ -311,11 +239,11 @@ export default {
this.cremationSearchFun(); this.cremationSearchFun();
}, },
methods: { methods: {
headerCellStyle() { headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "; return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
}, },
cellStyle() { cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "; return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
}, },
inputBtn() { inputBtn() {
console.log(this.value); console.log(this.value);
...@@ -548,7 +476,7 @@ export default { ...@@ -548,7 +476,7 @@ export default {
var myChart = echarts.init(chartDom, "dark"); var myChart = echarts.init(chartDom, "dark");
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: { tooltip: {
trigger: "item", trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)", formatter: "{a} <br/>{b} : {c} ({d}%)",
...@@ -683,7 +611,7 @@ export default { ...@@ -683,7 +611,7 @@ export default {
}; };
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
...@@ -907,14 +835,14 @@ export default { ...@@ -907,14 +835,14 @@ export default {
width: 100%; width: 100%;
height: 360px; height: 360px;
} }
.ma20 {
margin-left: 20px;
}
.titleHead { .titleHead {
height: 30px; height: 30px;
font-size: 16px; font-size: 24px;
line-height: 32px; line-height: 32px;
color: #2177b9; color: #fff;
text-align: center;
background-color: #051d3f;
} }
.flexBox { .flexBox {
...@@ -928,19 +856,22 @@ export default { ...@@ -928,19 +856,22 @@ export default {
} }
.wian { .wian {
// height: 4.583rem;
margin-left: -50px;
margin-bottom: 20px;
}
.panel {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative; position: relative;
border: 1px solid #1a6295; margin-bottom: 0.833rem;
width: 100%;
height: 500px;
background-color: #021A56;
} }
.wians { .wians {
position: relative; margin-left: -5rem;
border: 1px solid #1a6295; margin-right: -1rem;
width: 100%; margin-bottom: 20px;
height: 500px;
background-color: #021A56;
} }
.wianss { .wianss {
...@@ -952,9 +883,9 @@ export default { ...@@ -952,9 +883,9 @@ export default {
} }
.wiansInfo { .wiansInfo {
width: 100%; // width: 100%;
height: 1015px; // height: 1015px;
background-color: #021A56; // background-color: #021A56;
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -1030,7 +961,7 @@ export default { ...@@ -1030,7 +961,7 @@ export default {
align-items: center; align-items: center;
width: 180px; width: 180px;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1041,7 +972,7 @@ export default { ...@@ -1041,7 +972,7 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1074,7 +1005,7 @@ export default { ...@@ -1074,7 +1005,7 @@ export default {
.vertical { .vertical {
width: 2px; width: 2px;
height: 100%; height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1); // background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px; margin: 0 5px;
} }
</style> </style>
\ No newline at end of file
src/views/unified/tapSwitch/socialAssistance.vue
...@@ -6,27 +6,8 @@ ...@@ -6,27 +6,8 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="a == true">暂无下级数据</div> <div class="warningInfo" v-if="a == true">暂无下级数据</div>
<div class="titleHead">当前享受低保人数</div> <div class="titleHead">当前享受低保人数</div>
<div class="xxxBox"> <div class="xxxBox">
...@@ -147,33 +128,15 @@ ...@@ -147,33 +128,15 @@
</div> --> </div> -->
<!-- <div id="fivePeople" class="trend"></div> --> <!-- <div id="fivePeople" class="trend"></div> -->
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="b == true">暂无下级数据</div> <div class="warningInfo" v-if="b == true">暂无下级数据</div>
<div class="titleHead">城市农村低保人数比例统计</div> <div class="titleHead">城市农村低保人数比例统计</div>
<div class="displayBox"> <div class="displayBox">
...@@ -194,6 +157,7 @@ ...@@ -194,6 +157,7 @@
</div> </div>
<div id="fiveCapital" class="trend"></div> <div id="fiveCapital" class="trend"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
...@@ -252,60 +216,23 @@ ...@@ -252,60 +216,23 @@
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div class="wianss"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="c == true">暂无下级数据</div> <div class="warningInfo" v-if="c == true">暂无下级数据</div>
<div class="titleHead">城市农村低保人数统计</div> <div class="titleHead matop10">城市农村低保人数统计</div>
<div id="ruralAndcity" class="ruralAndcity"></div> <div id="ruralAndcity" class="ruralAndcity"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="wiansInfoS"> <div class="panel">
<img <div class="wians">
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="titleHead"> <div class="titleHead ma20">
{{ address ? address : "广西全区" }}低保对象查询 {{ address ? address : "广西全区" }}低保对象查询
</div> </div>
<el-input <el-input
...@@ -383,6 +310,7 @@ ...@@ -383,6 +310,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -413,7 +341,7 @@ export default { ...@@ -413,7 +341,7 @@ export default {
tableData: [], tableData: [],
pageInfo: { pageInfo: {
page: 1, page: 1,
size: 15, size: 14,
total: 0, total: 0,
}, },
loading: true, loading: true,
...@@ -435,16 +363,16 @@ export default { ...@@ -435,16 +363,16 @@ export default {
this.getFivesYearEnjoyStatsFun(); this.getFivesYearEnjoyStatsFun();
}, },
methods: { methods: {
headerCellStyle() { headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "; return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
}, },
cellStyle() { cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "; return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
}, },
rowStyle({ row, rowsIndex }) { rowStyle({ row, rowsIndex }) {
if (row) { if (row) {
return { return {
backgroundColor: "#134880", backgroundColor: "rgba(128, 128, 128, 0)",
}; };
} }
}, },
...@@ -685,7 +613,7 @@ export default { ...@@ -685,7 +613,7 @@ export default {
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor:"rgba(128, 128, 128, 0)",
titleHead: {}, titleHead: {},
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
...@@ -788,7 +716,7 @@ export default { ...@@ -788,7 +716,7 @@ export default {
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
titleHead: {}, titleHead: {},
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
...@@ -889,7 +817,7 @@ export default { ...@@ -889,7 +817,7 @@ export default {
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
title: { title: {
text: "", text: "",
}, },
...@@ -1058,12 +986,10 @@ export default { ...@@ -1058,12 +986,10 @@ export default {
} }
.titleHead { .titleHead {
height: 30px; height: 30px;
font-size: 16px; font-size: 24px;
line-height: 32px; line-height: 32px;
color: #2177b9; color: #fff;
text-align: center;
background-color: #051d3f;
} }
.flexBox { .flexBox {
...@@ -1096,21 +1022,30 @@ export default { ...@@ -1096,21 +1022,30 @@ export default {
height: 580px; height: 580px;
//background-color: #082c61; //background-color: #082c61;
} }
.ma20 {
margin-left: 20px;
}
.matop10{
margin-bottom: 20px;
}
.wian { .wian {
// height: 4.583rem;
margin-left: -50px;
margin-bottom: 20px;
}
.panel {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative; position: relative;
border: 1px solid #1a6295; margin-bottom: 0.833rem;
width: 100%;
height: 500px;
background-color: #021a56;
} }
.wians { .wians {
position: relative; margin-left: -5rem;
border: 1px solid #1a6295; margin-right: -1rem;
width: 100%; margin-bottom: 20px;
height: 500px;
background-color: #021a56;
} }
.wianss { .wianss {
...@@ -1126,9 +1061,7 @@ export default { ...@@ -1126,9 +1061,7 @@ export default {
border: 1px solid #1a6295; border: 1px solid #1a6295;
} }
.wiansInfo { .wiansInfo {
width: 100%;
height: 1015px;
background-color: #021a56;
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -1315,7 +1248,7 @@ export default { ...@@ -1315,7 +1248,7 @@ export default {
align-items: center; align-items: center;
width: 180px; width: 180px;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1326,7 +1259,7 @@ export default { ...@@ -1326,7 +1259,7 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 16px auto 0 auto; margin: 16px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1367,7 +1300,7 @@ export default { ...@@ -1367,7 +1300,7 @@ export default {
.vertical { .vertical {
width: 2px; width: 2px;
height: 100%; height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1); // background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px; margin: 0 5px;
} }
</style> </style>
\ No newline at end of file
src/views/unified/tapSwitch/socialOrganization.vue
...@@ -6,27 +6,8 @@ ...@@ -6,27 +6,8 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="ganStats">暂无下级数据</div> <div class="warningInfo" v-if="ganStats">暂无下级数据</div>
<div class="titleHead">社会组织汇总</div> <div class="titleHead">社会组织汇总</div>
<div class="xxxBox"> <div class="xxxBox">
...@@ -110,36 +91,19 @@ ...@@ -110,36 +91,19 @@
<div class="text">个</div> <div class="text">个</div>
</div> --> </div> -->
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="PercentageStats">暂无下级数据</div> <div class="warningInfo" v-if="PercentageStats">暂无下级数据</div>
<div class="titleHead">区域占比</div> <div class="titleHead">区域占比</div>
<div id="proportion" class="proportion"></div> <div id="proportion" class="proportion"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
...@@ -184,27 +148,8 @@ ...@@ -184,27 +148,8 @@
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div class="wianss"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="SoorganStatsList"> <div class="warningInfo" v-if="SoorganStatsList">
暂无下级数据 暂无下级数据
</div> </div>
...@@ -245,35 +190,17 @@ ...@@ -245,35 +190,17 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="wiansInfoS"> <div class="panel">
<img <div class="wians">
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="titleHead"> <div class="titleHead ma20">
{{ address ? address : "广西全区" }}社会组织查询 {{ address ? address : "广西全区" }}社会组织查询
</div> </div>
<el-input <el-input
...@@ -323,6 +250,7 @@ ...@@ -323,6 +250,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -342,7 +270,9 @@ import { ...@@ -342,7 +270,9 @@ import {
soorganSearch, soorganSearch,
getMapData, getMapData,
} from "@/api/unified/unified"; } from "@/api/unified/unified";
import Item from '../../../layout/components/Sidebar/Item.vue';
export default { export default {
components: { Item },
data() { data() {
return { return {
num: 0, num: 0,
...@@ -353,7 +283,7 @@ export default { ...@@ -353,7 +283,7 @@ export default {
tableData: [], tableData: [],
pageInfo: { pageInfo: {
page: 1, page: 1,
size: 20, size: 18,
total: 0, total: 0,
}, },
loading: true, loading: true,
...@@ -372,11 +302,11 @@ export default { ...@@ -372,11 +302,11 @@ export default {
this.soorganSearchFun(); this.soorganSearchFun();
}, },
methods: { methods: {
headerCellStyle() { headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "; return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
}, },
cellStyle() { cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "; return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
}, },
inputBtn() { inputBtn() {
console.log(this.value); console.log(this.value);
...@@ -611,7 +541,7 @@ export default { ...@@ -611,7 +541,7 @@ export default {
var myChart = echarts.init(chartDom, "dark"); var myChart = echarts.init(chartDom, "dark");
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: { tooltip: {
trigger: "item", trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)", formatter: "{a} <br/>{b} : {c} ({d}%)",
...@@ -745,7 +675,7 @@ export default { ...@@ -745,7 +675,7 @@ export default {
}; };
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
...@@ -1018,14 +948,14 @@ export default { ...@@ -1018,14 +948,14 @@ export default {
width: 100%; width: 100%;
height: 360px; height: 360px;
} }
.ma20 {
margin-left: 20px;
}
.titleHead { .titleHead {
height: 30px; height: 30px;
font-size: 16px; font-size: 24px;
line-height: 32px; line-height: 32px;
color: #2177b9; color: #fff;
text-align: center;
background-color: #051d3f;
} }
.flexBox { .flexBox {
...@@ -1039,19 +969,22 @@ export default { ...@@ -1039,19 +969,22 @@ export default {
} }
.wian { .wian {
// height: 4.583rem;
margin-left: -50px;
margin-bottom: 20px;
}
.panel {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative; position: relative;
border: 1px solid #1a6295; margin-bottom: 0.833rem;
width: 100%;
height: 500px;
background-color: #021A56;
} }
.wians { .wians {
position: relative; margin-left: -5rem;
border: 1px solid #1a6295; margin-right: -1rem;
width: 100%; margin-bottom: 20px;
height: 500px;
background-color: #021A56;
} }
.wianss { .wianss {
...@@ -1067,9 +1000,9 @@ export default { ...@@ -1067,9 +1000,9 @@ export default {
width: 100%; width: 100%;
} }
.wiansInfo { .wiansInfo {
width: 100%; // width: 100%;
height: 1015px; // height: 1015px;
background-color: #021A56; // background-color: #021A56;
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -1144,7 +1077,7 @@ export default { ...@@ -1144,7 +1077,7 @@ export default {
align-items: center; align-items: center;
width: 180px; width: 180px;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1155,7 +1088,7 @@ export default { ...@@ -1155,7 +1088,7 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1196,7 +1129,7 @@ export default { ...@@ -1196,7 +1129,7 @@ export default {
.vertical { .vertical {
width: 2px; width: 2px;
height: 100%; height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1); // background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px; margin: 0 5px;
} }
</style> </style>
\ No newline at end of file
src/views/unified/tapSwitch/subsidies.vue
...@@ -6,39 +6,20 @@ ...@@ -6,39 +6,20 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="IssueStats">暂无下级数据</div> <div class="warningInfo" v-if="IssueStats">暂无下级数据</div>
<div class="titleHead">三年贫困残疾资金发放</div> <div class="titleHead">三年贫困残疾资金发放</div>
<div class="displayBox"> <div class="displayBox">
<div class="gradientBox"> <div class="gradientBox">
<div class="gradientTitle">贫困残疾救助</div> <div class="gradientTitle">贫困<br>残疾救助</div>
<div class="vertical"></div> <div class="vertical"></div>
<div class="gradientOneNum"> <div class="gradientOneNum">
{{ poorDisabledNum.difficultTotalNum }} {{ poorDisabledNum.difficultTotalNum }}
</div> </div>
</div> </div>
<div class="gradientBox"> <div class="gradientBox">
<div class="gradientTitle">重度残疾救助</div> <div class="gradientTitle">重度<br>残疾救助</div>
<div class="vertical"></div> <div class="vertical"></div>
<div class="gradientTwoNum"> <div class="gradientTwoNum">
{{ poorDisabledNum.severeTotalNum }} {{ poorDisabledNum.severeTotalNum }}
...@@ -47,33 +28,15 @@ ...@@ -47,33 +28,15 @@
</div> </div>
<div id="fivePeople" class="trend"></div> <div id="fivePeople" class="trend"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="wian"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="LevelStats">暂无下级数据</div> <div class="warningInfo" v-if="LevelStats">暂无下级数据</div>
<div class="titleHead">残疾人比例</div> <div class="titleHead">残疾人比例</div>
<div class="subsidiesBox"> <div class="subsidiesBox">
...@@ -91,6 +54,7 @@ ...@@ -91,6 +54,7 @@
<div class="subsidiesText">{{ item.percentage }}%</div> <div class="subsidiesText">{{ item.percentage }}%</div>
</div> </div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<br /> <br />
...@@ -140,62 +104,25 @@ ...@@ -140,62 +104,25 @@
<br /> <br />
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<div class="wianss"> <div class="panel">
<img <div class="wian">
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="warningInfo" v-if="DisabledIssueStats"> <div class="warningInfo" v-if="DisabledIssueStats">
暂无下级数据 暂无下级数据
</div> </div>
<div class="titleHead">城市农村低保人数统计</div> <div class="titleHead matop">城市农村低保人数统计</div>
<div id="ruralAndcity" class="ruralAndcity"></div> <div id="ruralAndcity" class="ruralAndcity"></div>
</div> </div>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="wiansInfoS"> <div class="panel">
<img <div class="wians">
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="titleHead"> <div class="titleHead ma20">
{{ address ? address : "广西全区" }}残疾人信息查询 {{ address ? address : "广西全区" }}残疾人信息查询
</div> </div>
<el-input <el-input
...@@ -250,6 +177,7 @@ ...@@ -250,6 +177,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</el-col> </el-col>
<!-- <br /> <!-- <br />
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -269,7 +197,9 @@ import { ...@@ -269,7 +197,9 @@ import {
deformedManSearch, deformedManSearch,
getMapData, getMapData,
} from "@/api/unified/unified"; } from "@/api/unified/unified";
import Item from '../../../layout/components/Sidebar/Item.vue';
export default { export default {
components: { Item },
data() { data() {
return { return {
DisabledIssueStats: false, DisabledIssueStats: false,
...@@ -280,7 +210,7 @@ export default { ...@@ -280,7 +210,7 @@ export default {
tableData: [], tableData: [],
pageInfo: { pageInfo: {
page: 1, page: 1,
size: 20, size: 19,
total: 0, total: 0,
}, },
loading: true, loading: true,
...@@ -538,7 +468,7 @@ export default { ...@@ -538,7 +468,7 @@ export default {
var option; var option;
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
titleHead: {}, titleHead: {},
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
...@@ -735,7 +665,7 @@ export default { ...@@ -735,7 +665,7 @@ export default {
}; };
option = { option = {
backgroundColor: "#021A56", backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
...@@ -907,14 +837,17 @@ export default { ...@@ -907,14 +837,17 @@ export default {
width: 100%; width: 100%;
height: 260px; height: 260px;
} }
.ma20 {
margin-left: 20px;
}
.matop{
margin-bottom: 20px;
}
.titleHead { .titleHead {
height: 30px; height: 30px;
font-size: 16px; font-size: 24px;
line-height: 32px; line-height: 32px;
color: #2177b9; color: #fff;
text-align: center;
background-color: #051d3f;
} }
.flexBox { .flexBox {
...@@ -950,21 +883,25 @@ export default { ...@@ -950,21 +883,25 @@ export default {
} }
.wian { .wian {
// height: 4.583rem;
margin-left: -50px;
margin-bottom: 20px;
}
.panel {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative; position: relative;
border: 1px solid #1a6295; margin-bottom: 0.833rem;
width: 100%;
height: 500px;
background-color: #021A56;
} }
.wians { .wians {
position: relative; margin-left: -5rem;
border: 1px solid #1a6295; margin-right: -1rem;
width: 100%; margin-bottom: 20px;
height: 500px;
background-color: #021A56;
} }
.wianss { .wianss {
position: relative; position: relative;
border: 1px solid #1a6295; border: 1px solid #1a6295;
...@@ -978,9 +915,9 @@ export default { ...@@ -978,9 +915,9 @@ export default {
border: 1px solid #1a6295; border: 1px solid #1a6295;
} }
.wiansInfo { .wiansInfo {
width: 100%; // width: 100%;
height: 1015px; // height: 1015px;
background-color: #021A56; // background-color: #021A56;
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }
...@@ -1093,7 +1030,7 @@ export default { ...@@ -1093,7 +1030,7 @@ export default {
width: 90%; width: 90%;
background-color: #082c61; background-color: #082c61;
color: #7f8b9d; color: #7f8b9d;
margin: 10px 20px; margin: 20px;
} }
.el-icon-search { .el-icon-search {
...@@ -1124,7 +1061,7 @@ export default { ...@@ -1124,7 +1061,7 @@ export default {
align-items: center; align-items: center;
width: 200px; width: 200px;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
...@@ -1134,12 +1071,13 @@ export default { ...@@ -1134,12 +1071,13 @@ export default {
align-items: center; align-items: center;
width: 240px; width: 240px;
height: 60px; height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 20px auto 0 auto;
padding: 5px 0; padding: 5px 0;
} }
.gradientTitle { .gradientTitle {
text-align: center;
font-size: 12px; font-size: 12px;
color: #c5cfdd; color: #c5cfdd;
} }
...@@ -1167,7 +1105,7 @@ export default { ...@@ -1167,7 +1105,7 @@ export default {
.vertical { .vertical {
width: 2px; width: 2px;
height: 100%; height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1); // background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px; margin: 0 5px;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment