Skip to content

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

改页面边框布局

parent 6ab3d4d9
Showing with 379 additions and 937 deletions
src/views/unified/tapSwitch/childWelfare.vue
......@@ -6,27 +6,8 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="ChildStatsLek">暂无下级数据</div>
<div class="titleHead">儿童福利机构汇总</div>
<div class="xxxBox">
......@@ -86,32 +67,14 @@
<div class="text">个</div>
</div> -->
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="PercentageStats">
暂无下级数据
......@@ -119,6 +82,7 @@
<div class="titleHead">机构占比</div>
<div id="proportion" class="proportion"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -160,61 +124,24 @@
<br />
<el-row :gutter="20">
<el-col :span="24"
><div class="wianss">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
><div class="panel">
<div class="wian">
<div class="warningInfo" v-if="ChildStats">暂无下级数据</div>
<div class="titleHead">区域统计</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wians">
<div class="wiansInfo">
<div class="titleHead">
<div class="titleHead ma20">
{{ address ? address : "广西全区" }}福利院儿童信息
</div>
<el-input
......@@ -264,6 +191,7 @@
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</div>
......@@ -630,7 +558,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
......@@ -764,7 +692,7 @@ export default {
};
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -952,14 +880,16 @@ export default {
width: 100%;
height: 360px;
}
.ma20 {
margin-left: 20px;
}
.titleHead {
height: 30px;
font-size: 16px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
// text-align: center;
// background-color: #051d3f;
}
.flexBox {
......@@ -973,19 +903,22 @@ export default {
}
.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;
width: 100%;
height: 500px;
background-color: #021A56;
margin-bottom: 0.833rem;
}
.wians {
border: 1px solid #1a6295;
position: relative;
width: 100%;
height: 500px;
background-color: #021A56;
margin-left: -5rem;
margin-right: -1rem;
margin-bottom: 20px;
}
.wianss {
......@@ -1002,9 +935,9 @@ export default {
border: 1px solid #1a6295;
}
.wiansInfo {
width: 100%;
height: 1015px;
background-color: #021A56;
// width: 100%;
// height: 1015px;
// background-color: #021A56;
overflow: hidden;
overflow-y: scroll;
}
......@@ -1115,7 +1048,7 @@ export default {
width: 90%;
background-color: #082c61;
color: #7f8b9d;
margin: 10px 20px;
margin: 20px;
}
.el-icon-search {
......@@ -1145,7 +1078,7 @@ export default {
align-items: center;
width: 180px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1156,7 +1089,7 @@ export default {
align-items: center;
width: 100%;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1189,7 +1122,7 @@ export default {
.vertical {
width: 2px;
height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
// background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/marriage.vue
......@@ -6,27 +6,8 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="a == true">暂无下级数据</div>
<div class="titleHead">婚姻统计</div>
<div class="socialOrganizationFlex">
......@@ -59,32 +40,14 @@
</div>
<div id="mainInfo" class="trend"></div>
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="b == true">暂无下级数据</div>
<div class="titleHead">婚姻统计</div>
<div class="marriageStatistics">
......@@ -147,6 +110,7 @@
</div>
</div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -156,92 +120,41 @@
<el-row :gutter="20">
<el-col :span="24"
><div>
<!-- <img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
class="returnInfos"
src="./../../../assets/images/returns.png"
@click="returnInfo"
v-if="num != 0"
/>
<div class="marriageMap" id="marriageMap"></div>
<img
src="./../../../assets/images/03-左下角.png"
class="guideIcon"
src="./../../../assets/images/guide.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/> -->
<!-- <div class="titleHead">
当前选择：{{ address ? address : "广西全区" }}
</div> -->
<img class="returnInfos" src="./../../../assets/images/returns.png" @click="returnInfo" v-if="num != 0"/>
<div class="marriageMap" id="marriageMap"></div>
<img class="guideIcon" src="./../../../assets/images/guide.png" alt="">
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="20">
<el-col :span="24"
><div class="wianss">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<el-col :span="24">
<div class="panel">
<div class="wian">
<div class="warningInfo" v-if="num >= 2">暂无下级数据</div>
<div class="titleHead">区域统计</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wians">
<div class="wiansInfo">
<div class="titleHead">
<div class="titleHead ma20">
{{ address ? address : "广西全区" }}婚姻信息查询
</div>
<el-input
......@@ -262,7 +175,7 @@
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
stripe
style="width: 100%; background-color: #000; color: #2177b9"
style="width: 100%; background-color: #082c61; color: #2177b9"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
>
......@@ -287,7 +200,11 @@
width="75px"
>
</el-table-column>
<el-table-column prop="manDomicile" label="所在地" align="center">
<el-table-column
prop="manDomicile"
label="所在地"
align="center"
>
</el-table-column>
<el-table-column prop="orgName" label="登记处" align="center">
</el-table-column>
......@@ -333,6 +250,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!-- <br />
<el-row :gutter="20">
......@@ -367,7 +285,7 @@ export default {
address: "",
pageInfo: {
page: 1,
size: 10,
size: 6,
total: 0,
},
loading: true,
......@@ -647,7 +565,7 @@ export default {
var option;
option = {
backgroundColor: "#082C61",
backgroundColor: "rgba(128, 128, 128, 0)",
titleHead: {
left: "3%",
top: "8%",
......@@ -751,11 +669,11 @@ export default {
option && myChart.setOption(option);
},
headerCellStyle(){
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "
headerCellStyle() {
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle(){
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; "
cellStyle() {
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
//五年统计
annualStatisticsFun() {
......@@ -860,7 +778,7 @@ headerCellStyle(){
};
option = {
backgroundColor: "#082C61",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -976,6 +894,11 @@ headerCellStyle(){
<style lang="scss" scoped>
::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #051d3f;
}
.el-input__inner {
background-color: #051d3f;
color: #fff;
......@@ -1000,11 +923,13 @@ headerCellStyle(){
} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar-track {
background-color: #f0f6ff;
background-color: #081f3f;
// border-bottom:1px solid #04234e;
} /*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-thumb {
background-color: #4c6888;
background-color: #215196;
border-radius: 6px;
} /*定义滑块 内阴影+圆角*/
.scrollbarHide::-webkit-scrollbar {
......@@ -1012,42 +937,16 @@ headerCellStyle(){
}
.scrollbarShow::-webkit-scrollbar {
display: block;
}
}
.ma20 {
margin-left: 20px;
}
.marriageImg {
width: 60px;
height: 60px;
}
.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 {
width: 100%;
height: 280px;
......@@ -1056,16 +955,15 @@ headerCellStyle(){
margin-top: 10px;
width: 100%;
height: 340px;
}
.titleHead {
height: 30px;
font-size: 16px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
// text-align: center;
// background-color: #051d3f;
}
.flexBox {
......@@ -1102,19 +1000,22 @@ headerCellStyle(){
}
.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;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #082c61;
margin-bottom: 0.833rem;
}
.wians {
position: relative;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #082c61;
margin-left: -5rem;
margin-right: -1rem;
margin-bottom: 20px;
}
.wianss {
......@@ -1130,8 +1031,8 @@ headerCellStyle(){
width: 100%;
}
.wiansInfo {
height: 1015px;
background-color: #082c61;
// height: 1015px;
// background-color: #082c61;
overflow: hidden;
overflow-y: scroll;
}
......@@ -1149,7 +1050,7 @@ headerCellStyle(){
width: 25px;
height: 25px;
z-index: 9999;
cursor:pointer
cursor: pointer;
}
.returnInfos img {
......@@ -1177,7 +1078,7 @@ headerCellStyle(){
width: 90%;
background-color: #082c61;
color: #7f8b9d;
margin: 10px 20px;
margin: 30px 20px;
}
.el-icon-search {
......
src/views/unified/tapSwitch/mechanism.vue
......@@ -6,27 +6,8 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="e == true">暂无下级数据</div>
<div class="titleHead">儿童福利机构</div>
<div class="displayBox">
......@@ -39,32 +20,14 @@
<div id="children" class="children"></div>
<div></div>
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="d == true">暂无下级数据</div>
<div class="titleHead">养老机构</div>
<div class="displayBox">
......@@ -76,6 +39,7 @@
</div>
<div class="pension" id="pension"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -109,34 +73,24 @@
<!-- <div class="titleHead">
当前选择：{{ address ? address : "广西全区" }}
</div> -->
<img class="returnInfos" src="./../../../assets/images/returns.png" @click="returnInfo" v-if="num != 0"/>
<div class="mechanismMap" id="mechanismMap"></div>
<img class="guideIcon" src="./../../../assets/images/guide.png" alt="">
</div>
</el-col>
<el-col :span="8">
<div class="wianstow">
<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"
class="returnInfos"
src="./../../../assets/images/returns.png"
@click="returnInfo"
v-if="num != 0"
/>
<div class="mechanismMap" id="mechanismMap"></div>
<img
src="./../../../assets/images/04-右下角.png"
class="guideIcon"
src="./../../../assets/images/guide.png"
alt=""
class="lowerRight"
/>
</div>
</el-col>
<el-col :span="8">
<div class="panel">
<div class="wian">
<div class="warningInfo" v-if="c == true">暂无下级数据</div>
<div class="wians">
<div class="titleHead">敬老院</div>
......@@ -153,14 +107,11 @@
stripe
style="
width: 100%;
background-color: #051d3f;
background-color: #082c61;
color: #2177b9;
"
:header-cell-style="{
background: '#082C61',
color: '#DAD7DB',
}"
:cell-style="{ background: '#082C61', color: '#DAD7DB' }"
:header-cell-style="headerCellStyle"
:cell-style="cellStyle"
>
<el-table-column type="index" label="排名" align="center">
</el-table-column>
......@@ -176,31 +127,13 @@
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="24">
<br />
<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="panel">
<div class="wian">
<div class="warningInfo" v-if="b == true">暂无下级数据</div>
<div class="titleHead">社会组织</div>
<el-row :gutter="20">
......@@ -252,6 +185,7 @@
</el-col>
</el-row>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -313,6 +247,12 @@ export default {
this.getMapData("g450000"); //默认展示广西 g450000
},
methods: {
headerCellStyle() {
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
getSoorganStatsFun(data) {
getSoorganStats({
areaCode: data,
......@@ -661,7 +601,7 @@ export default {
};
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -790,7 +730,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "axis",
......@@ -877,7 +817,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
......@@ -919,6 +859,11 @@ export default {
<style lang="scss" scoped>
::v-deep {
.el-table::before,
.el-table--group::after,
.el-table--border::after {
background-color: #051d3f;
}
.el-input__inner {
background-color: #051d3f;
color: #fff;
......@@ -1038,11 +983,9 @@ export default {
.titleHead {
height: 30px;
font-size: 16px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
}
.flexBox {
......@@ -1057,11 +1000,17 @@ export default {
}
.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;
border: 1px solid #1a6295;
width: 100%;
height: 520px;
background-color: #021a56;
margin-bottom: 0.833rem;
}
.wiansw {
position: relative;
......@@ -1073,7 +1022,7 @@ export default {
.wians {
width: 100%;
height: 578px;
background-color: #021a56;
// background-color: #021a56;
overflow: hidden;
overflow-y: scroll;
}
......@@ -1110,7 +1059,7 @@ export default {
width: 25px;
height: 25px;
z-index: 9999;
cursor:pointer
cursor: pointer;
}
.returnInfos img {
......@@ -1155,7 +1104,7 @@ export default {
align-items: center;
width: 200px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1188,7 +1137,7 @@ export default {
.vertical {
width: 2px;
height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
// background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/population.vue
......@@ -6,27 +6,9 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="a == true">暂无下级数据</div>
<div class="titleHead">婚姻登记分析</div>
<el-row :gutter="20" justify="center">
......@@ -68,32 +50,15 @@
<div id="marriage" class="target"></div>
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="c == true">暂无下级数据</div>
<div class="titleHead">儿童福利统计</div>
<el-row :gutter="20">
......@@ -116,6 +81,7 @@
</el-row>
<div class="orphan" id="orphan"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -166,27 +132,9 @@
<br />
<el-row :gutter="20">
<el-col :span="24"
><div class="wianss">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
>
<div class="panel">
<div class="wian">
<div class="warningInfo" v-if="num != 0">暂无下级数据</div>
<div class="titleHead">残疾人两项补贴</div>
<el-row :gutter="20" justify="center">
......@@ -225,6 +173,7 @@
</el-row>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -233,34 +182,15 @@
<el-col :span="6">
<el-row :gutter="20">
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="d == true">暂无下级数据</div>
<div class="titleHead">社会救助对象统计</div>
<el-row :gutter="20">
<div class="displayBox">
<el-col :span="12">
<div class="gradientBox">
<div class="gradientTitle">城市低保对象</div>
<div class="gradientTitle">城市低保<br>对象</div>
<div class="vertical"></div>
<div class="gradientOneNum">
{{ getEnjoyNum.cityNum }}
......@@ -269,7 +199,7 @@
</el-col>
<el-col :span="12">
<div class="gradientBox">
<div class="gradientTitle">农村低保对象</div>
<div class="gradientTitle">农村低保<br>对象</div>
<div class="vertical"></div>
<div class="gradientTwoNum">
{{ getEnjoyNum.villageNum }}
......@@ -280,34 +210,17 @@
</el-row>
<div id="rescueTarget" class="target"></div>
</div>
</div>
</el-col>
<el-col :span="24">
<br />
<div class="panel">
<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="warningInfo" v-if="f == true">暂无下级数据</div>
<div class="titleHead">殡葬火化统计</div>
<div id="proportion" class="proportion"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -736,7 +649,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: 'rgba(128, 128, 128, 0)',
tooltip: {
trigger: "axis",
......@@ -839,7 +752,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: 'rgba(128, 128, 128, 0)',
titleHead: {
left: "3%",
top: "8%",
......@@ -949,7 +862,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: 'rgba(128, 128, 128, 0)',
titleHead: {
left: "3%",
top: "8%",
......@@ -1057,7 +970,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: 'rgba(128, 128, 128, 0)',
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
......@@ -1192,7 +1105,7 @@ export default {
};
option = {
backgroundColor: "#021A56",
backgroundColor: 'rgba(128, 128, 128, 0)',
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -1398,9 +1311,9 @@ export default {
align-items: center;
width: 100%;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
margin: 30px auto ;
padding: 5px 0;
}
.gradientBoxs {
......@@ -1409,7 +1322,7 @@ export default {
align-items: center;
width: 240px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1417,6 +1330,7 @@ export default {
.gradientTitle {
font-size: 12px;
color: #c5cfdd;
text-align: center;
}
.gradientOneNum {
font-size: 24px;
......@@ -1449,7 +1363,7 @@ export default {
.vertical {
width: 2px;
height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
// background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px;
}
.disabilityPeople {
......@@ -1471,11 +1385,9 @@ export default {
.titleHead {
height: 30px;
font-size: 16px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
}
.flexBox {
......@@ -1489,11 +1401,17 @@ export default {
}
.wian {
width: 100%;
height: 520px;
background-color: #021a57;
// 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;
border: 1px solid #1a6295;
margin-bottom: 0.833rem;
}
.wians {
......
src/views/unified/tapSwitch/provide.vue
......@@ -6,27 +6,8 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="tionStats">暂无下级数据</div>
<div class="titleHead">火化量汇总</div>
<div class="xxxBox">
......@@ -64,36 +45,19 @@
<div class="text">%</div>
</div> -->
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="RateStats">暂无下级数据</div>
<div class="titleHead">火化率统计</div>
<div id="proportion" class="proportion"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -135,61 +99,24 @@
<br />
<el-row :gutter="20">
<el-col :span="24"
><div class="wianss">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
><div class="panel">
<div class="wian">
<div class="warningInfo" v-if="StatsList">暂无下级数据</div>
<div class="titleHead">火化区域分析</div>
<div id="annualStatistics" class="annualStatistics"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wians">
<div class="wiansInfo">
<div class="titleHead">
<div class="titleHead ma20">
{{ address ? address : "广西全区" }}火化信息查询
</div>
<el-input
......@@ -262,6 +189,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!-- <br />
<el-row :gutter="20">
......@@ -312,10 +240,10 @@ export default {
},
methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() {
console.log(this.value);
......@@ -548,7 +476,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
......@@ -683,7 +611,7 @@ export default {
};
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -907,14 +835,14 @@ export default {
width: 100%;
height: 360px;
}
.ma20 {
margin-left: 20px;
}
.titleHead {
height: 30px;
font-size: 16px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
}
.flexBox {
......@@ -928,19 +856,22 @@ export default {
}
.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;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021A56;
margin-bottom: 0.833rem;
}
.wians {
position: relative;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021A56;
margin-left: -5rem;
margin-right: -1rem;
margin-bottom: 20px;
}
.wianss {
......@@ -952,9 +883,9 @@ export default {
}
.wiansInfo {
width: 100%;
height: 1015px;
background-color: #021A56;
// width: 100%;
// height: 1015px;
// background-color: #021A56;
overflow: hidden;
overflow-y: scroll;
}
......@@ -1030,7 +961,7 @@ export default {
align-items: center;
width: 180px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1041,7 +972,7 @@ export default {
align-items: center;
width: 100%;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1074,7 +1005,7 @@ export default {
.vertical {
width: 2px;
height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
// background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/socialAssistance.vue
......@@ -6,27 +6,8 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="a == true">暂无下级数据</div>
<div class="titleHead">当前享受低保人数</div>
<div class="xxxBox">
......@@ -147,33 +128,15 @@
</div> -->
<!-- <div id="fivePeople" class="trend"></div> -->
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="b == true">暂无下级数据</div>
<div class="titleHead">城市农村低保人数比例统计</div>
<div class="displayBox">
......@@ -194,6 +157,7 @@
</div>
<div id="fiveCapital" class="trend"></div>
</div>
</div>
</el-col>
</el-row>
<br />
......@@ -252,60 +216,23 @@
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="wianss">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wian">
<div class="warningInfo" v-if="c == true">暂无下级数据</div>
<div class="titleHead">城市农村低保人数统计</div>
<div class="titleHead matop10">城市农村低保人数统计</div>
<div id="ruralAndcity" class="ruralAndcity"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wians">
<div class="wiansInfo">
<div class="titleHead">
<div class="titleHead ma20">
{{ address ? address : "广西全区" }}低保对象查询
</div>
<el-input
......@@ -383,6 +310,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!-- <br />
<el-row :gutter="20">
......@@ -413,7 +341,7 @@ export default {
tableData: [],
pageInfo: {
page: 1,
size: 15,
size: 14,
total: 0,
},
loading: true,
......@@ -436,15 +364,15 @@ export default {
},
methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
rowStyle({ row, rowsIndex }) {
if (row) {
return {
backgroundColor: "#134880",
backgroundColor: "rgba(128, 128, 128, 0)",
};
}
},
......@@ -685,7 +613,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor:"rgba(128, 128, 128, 0)",
titleHead: {},
tooltip: {
trigger: "axis",
......@@ -788,7 +716,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
titleHead: {},
tooltip: {
trigger: "axis",
......@@ -889,7 +817,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
title: {
text: "",
},
......@@ -1059,11 +987,9 @@ export default {
.titleHead {
height: 30px;
font-size: 16px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
}
.flexBox {
......@@ -1096,21 +1022,30 @@ export default {
height: 580px;
//background-color: #082c61;
}
.ma20 {
margin-left: 20px;
}
.matop10{
margin-bottom: 20px;
}
.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;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021a56;
margin-bottom: 0.833rem;
}
.wians {
position: relative;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021a56;
margin-left: -5rem;
margin-right: -1rem;
margin-bottom: 20px;
}
.wianss {
......@@ -1126,9 +1061,7 @@ export default {
border: 1px solid #1a6295;
}
.wiansInfo {
width: 100%;
height: 1015px;
background-color: #021a56;
overflow: hidden;
overflow-y: scroll;
}
......@@ -1315,7 +1248,7 @@ export default {
align-items: center;
width: 180px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1326,7 +1259,7 @@ export default {
align-items: center;
width: 100%;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 16px auto 0 auto;
padding: 5px 0;
......@@ -1367,7 +1300,7 @@ export default {
.vertical {
width: 2px;
height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
// background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/socialOrganization.vue
......@@ -6,27 +6,8 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="ganStats">暂无下级数据</div>
<div class="titleHead">社会组织汇总</div>
<div class="xxxBox">
......@@ -110,36 +91,19 @@
<div class="text">个</div>
</div> -->
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="18">
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="PercentageStats">暂无下级数据</div>
<div class="titleHead">区域占比</div>
<div id="proportion" class="proportion"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
......@@ -184,27 +148,8 @@
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="wianss">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wian">
<div class="warningInfo" v-if="SoorganStatsList">
暂无下级数据
</div>
......@@ -245,35 +190,17 @@
</el-col>
</el-row>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wians">
<div class="wiansInfo">
<div class="titleHead">
<div class="titleHead ma20">
{{ address ? address : "广西全区" }}社会组织查询
</div>
<el-input
......@@ -323,6 +250,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!-- <br />
<el-row :gutter="20">
......@@ -342,7 +270,9 @@ import {
soorganSearch,
getMapData,
} from "@/api/unified/unified";
import Item from '../../../layout/components/Sidebar/Item.vue';
export default {
components: { Item },
data() {
return {
num: 0,
......@@ -353,7 +283,7 @@ export default {
tableData: [],
pageInfo: {
page: 1,
size: 20,
size: 18,
total: 0,
},
loading: true,
......@@ -373,10 +303,10 @@ export default {
},
methods: {
headerCellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
cellStyle() {
return " background:#082C61;color:#DAD7DB;border-bottom:1px solid #04234e; ";
return " background:#081F3F;color:#DAD7DB;border-bottom:1px solid #04234e; ";
},
inputBtn() {
console.log(this.value);
......@@ -611,7 +541,7 @@ export default {
var myChart = echarts.init(chartDom, "dark");
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b} : {c} ({d}%)",
......@@ -745,7 +675,7 @@ export default {
};
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -1018,14 +948,14 @@ export default {
width: 100%;
height: 360px;
}
.ma20 {
margin-left: 20px;
}
.titleHead {
height: 30px;
font-size: 16px;
height: 30px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
}
.flexBox {
......@@ -1039,19 +969,22 @@ export default {
}
.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;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021A56;
margin-bottom: 0.833rem;
}
.wians {
position: relative;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021A56;
margin-left: -5rem;
margin-right: -1rem;
margin-bottom: 20px;
}
.wianss {
......@@ -1067,9 +1000,9 @@ export default {
width: 100%;
}
.wiansInfo {
width: 100%;
height: 1015px;
background-color: #021A56;
// width: 100%;
// height: 1015px;
// background-color: #021A56;
overflow: hidden;
overflow-y: scroll;
}
......@@ -1144,7 +1077,7 @@ export default {
align-items: center;
width: 180px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1155,7 +1088,7 @@ export default {
align-items: center;
width: 100%;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1196,7 +1129,7 @@ export default {
.vertical {
width: 2px;
height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
// background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px;
}
</style>
\ No newline at end of file
src/views/unified/tapSwitch/subsidies.vue
......@@ -6,39 +6,20 @@
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="IssueStats">暂无下级数据</div>
<div class="titleHead">三年贫困残疾资金发放</div>
<div class="displayBox">
<div class="gradientBox">
<div class="gradientTitle">贫困残疾救助</div>
<div class="gradientTitle">贫困<br>残疾救助</div>
<div class="vertical"></div>
<div class="gradientOneNum">
{{ poorDisabledNum.difficultTotalNum }}
</div>
</div>
<div class="gradientBox">
<div class="gradientTitle">重度残疾救助</div>
<div class="gradientTitle">重度<br>残疾救助</div>
<div class="vertical"></div>
<div class="gradientTwoNum">
{{ poorDisabledNum.severeTotalNum }}
......@@ -47,33 +28,15 @@
</div>
<div id="fivePeople" class="trend"></div>
</div>
</div>
</el-col>
</el-row>
<br />
<el-row :gutter="18">
<el-col :span="24"> </el-col>
<el-col :span="24">
<div class="panel">
<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="warningInfo" v-if="LevelStats">暂无下级数据</div>
<div class="titleHead">残疾人比例</div>
<div class="subsidiesBox">
......@@ -91,6 +54,7 @@
<div class="subsidiesText">{{ item.percentage }}%</div>
</div>
</div>
</div>
</el-col>
</el-row>
<br />
......@@ -140,62 +104,25 @@
<br />
<el-row :gutter="20">
<el-col :span="24">
<div class="wianss">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wian">
<div class="warningInfo" v-if="DisabledIssueStats">
暂无下级数据
</div>
<div class="titleHead">城市农村低保人数统计</div>
<div class="titleHead matop">城市农村低保人数统计</div>
<div id="ruralAndcity" class="ruralAndcity"></div>
</div>
</div>
</el-col>
</el-row>
</el-col>
<!-- 右 -->
<el-col :span="6">
<div class="wiansInfoS">
<img
src="./../../../assets/images/01-左上角.png"
alt=""
class="topLeft"
/>
<img
src="./../../../assets/images/02-右上角.png"
alt=""
class="topRight"
/>
<img
src="./../../../assets/images/03-左下角.png"
alt=""
class="lowerLeft"
/>
<img
src="./../../../assets/images/04-右下角.png"
alt=""
class="lowerRight"
/>
<div class="panel">
<div class="wians">
<div class="wiansInfo">
<div class="titleHead">
<div class="titleHead ma20">
{{ address ? address : "广西全区" }}残疾人信息查询
</div>
<el-input
......@@ -250,6 +177,7 @@
</div>
</div>
</div>
</div>
</el-col>
<!-- <br />
<el-row :gutter="20">
......@@ -269,7 +197,9 @@ import {
deformedManSearch,
getMapData,
} from "@/api/unified/unified";
import Item from '../../../layout/components/Sidebar/Item.vue';
export default {
components: { Item },
data() {
return {
DisabledIssueStats: false,
......@@ -280,7 +210,7 @@ export default {
tableData: [],
pageInfo: {
page: 1,
size: 20,
size: 19,
total: 0,
},
loading: true,
......@@ -538,7 +468,7 @@ export default {
var option;
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
titleHead: {},
tooltip: {
trigger: "axis",
......@@ -735,7 +665,7 @@ export default {
};
option = {
backgroundColor: "#021A56",
backgroundColor: "rgba(128, 128, 128, 0)",
tooltip: {
trigger: "axis",
axisPointer: {
......@@ -907,14 +837,17 @@ export default {
width: 100%;
height: 260px;
}
.ma20 {
margin-left: 20px;
}
.matop{
margin-bottom: 20px;
}
.titleHead {
height: 30px;
font-size: 16px;
font-size: 24px;
line-height: 32px;
color: #2177b9;
text-align: center;
background-color: #051d3f;
color: #fff;
}
.flexBox {
......@@ -950,21 +883,25 @@ export default {
}
.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;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021A56;
margin-bottom: 0.833rem;
}
.wians {
position: relative;
border: 1px solid #1a6295;
width: 100%;
height: 500px;
background-color: #021A56;
margin-left: -5rem;
margin-right: -1rem;
margin-bottom: 20px;
}
.wianss {
position: relative;
border: 1px solid #1a6295;
......@@ -978,9 +915,9 @@ export default {
border: 1px solid #1a6295;
}
.wiansInfo {
width: 100%;
height: 1015px;
background-color: #021A56;
// width: 100%;
// height: 1015px;
// background-color: #021A56;
overflow: hidden;
overflow-y: scroll;
}
......@@ -1093,7 +1030,7 @@ export default {
width: 90%;
background-color: #082c61;
color: #7f8b9d;
margin: 10px 20px;
margin: 20px;
}
.el-icon-search {
......@@ -1124,7 +1061,7 @@ export default {
align-items: center;
width: 200px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
......@@ -1134,12 +1071,13 @@ export default {
align-items: center;
width: 240px;
height: 60px;
background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 5px 0;
}
.gradientTitle {
text-align: center;
font-size: 12px;
color: #c5cfdd;
}
......@@ -1167,7 +1105,7 @@ export default {
.vertical {
width: 2px;
height: 100%;
background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
// background: linear-gradient(to top, #2f6598, #65c5f1, #2f6598, #65c5f1);
margin: 0 5px;
}
</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