更新样式

src/views/unified/tapSwitch/childWelfare.vue

@@ -6,7 +6,7 @@
         <el-row :gutter="18">
           <el-col :span="24"> </el-col>
           <el-col :span="24">
-            <div class="panel">
+            <div class="panels">
               <div class="wian">
               <div class="warningInfo" v-if="ChildStatsLek">暂无下级数据</div>
               <div class="titleHead">儿童福利机构汇总</div>
@@ -915,6 +915,16 @@ export default {
   position: relative;
   margin-bottom: 0.833rem;
 }
+
+.panels {
+  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;
+  height: 516px;
+}
 .wians {
   margin-left: -5rem;
   margin-right: -1rem;
@@ -1091,7 +1101,7 @@ export default {
   height: 60px;
   // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
   border-radius: 8px;
-  margin: 20px auto 0 auto;
+  margin: 60px auto 0 auto;
   padding: 5px 0;
 }
 .gradientTitle {

src/views/unified/tapSwitch/population.vue

@@ -214,7 +214,7 @@
           </el-col>
           <el-col :span="24">
             <br />
-            <div class="panel">
+            <div class="panels">
               <div class="wian">
               <div class="warningInfo" v-if="f == true">暂无下级数据</div>
               <div class="titleHead">殡葬火化统计</div>
@@ -1313,7 +1313,7 @@ export default {
   height: 60px;
   // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
   border-radius: 8px;
-  margin: 30px auto ;
+  margin: 28px auto ;
   padding: 5px 0;
 }
 .gradientBoxs {
@@ -1376,6 +1376,7 @@ export default {
 .proportion {
   width: 100%;
   height: 380px;
+  margin-top: 30px;
 }
 .annualStatistics {
   margin-top: 10px;
@@ -1414,6 +1415,16 @@ export default {
     margin-bottom: 0.833rem;
 }
 
+.panels {
+    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;
+    height: 574px;
+}
+
 .wians {
   width: 100%;
   height: 580px;

src/views/unified/tapSwitch/provide.vue

@@ -6,7 +6,7 @@
         <el-row :gutter="18">
           <el-col :span="24"> </el-col>
           <el-col :span="24">
-           <div class="panel">
+           <div class="panels">
               <div class="wian">
               <div class="warningInfo" v-if="tionStats">暂无下级数据</div>
               <div class="titleHead">火化量汇总</div>
@@ -112,7 +112,7 @@
 
       <!-- 右 -->
       <el-col :span="6">
-       <div class="panel">
+       <div class="panelss">
               <div class="wians">
 
           <div class="wiansInfo">
@@ -868,6 +868,24 @@ export default {
   position: relative;
   margin-bottom: 0.833rem;
 }
+.panels {
+  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;
+  height: 516px;
+}
+.panelss {
+  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;
+  height: 1066px;
+}
 .wians {
   margin-left: -5rem;
   margin-right: -1rem;

src/views/unified/tapSwitch/socialOrganization.vue

@@ -6,7 +6,7 @@
         <el-row :gutter="18">
           <el-col :span="24"> </el-col>
           <el-col :span="24">
-           <div class="panel">
+           <div class="panels">
               <div class="wian">
               <div class="warningInfo" v-if="ganStats">暂无下级数据</div>
               <div class="titleHead">社会组织汇总</div>
@@ -197,7 +197,7 @@
 
       <!-- 右 -->
       <el-col :span="6">
-        <div class="panel">
+        <div class="panelss">
               <div class="wians">
           <div class="wiansInfo">
             <div class="titleHead ma20">
@@ -981,6 +981,24 @@ height: 30px;
   position: relative;
   margin-bottom: 0.833rem;
 }
+.panels {
+  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;
+  height: 500px;
+}
+.panelss {
+  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;
+  height: 1056px;
+}
 .wians {
   margin-left: -5rem;
   margin-right: -1rem;

src/views/unified/tapSwitch/subsidies.vue

@@ -6,7 +6,7 @@
         <el-row :gutter="18">
           <el-col :span="24"> </el-col>
           <el-col :span="24">
-            <div class="panel">
+            <div class="panels">
               <div class="wian">
               <div class="warningInfo" v-if="IssueStats">暂无下级数据</div>
               <div class="titleHead">三年贫困残疾资金发放</div>
@@ -119,7 +119,7 @@
 
       <!-- 右 -->
       <el-col :span="6">
-       <div class="panel">
+       <div class="panelss">
               <div class="wians">
           <div class="wiansInfo">
             <div class="titleHead ma20">
@@ -830,7 +830,7 @@ export default {
 }
 .trend {
   width: 100%;
-  height: 200px;
+  height: 300px;
 }
 .annualStatistics {
   margin-top: 10px;
@@ -895,6 +895,24 @@ export default {
   position: relative;
   margin-bottom: 0.833rem;
 }
+.panels {
+  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;
+  height: 530px;
+}
+.panelss {
+  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;
+  height: 1076px;
+}
 .wians {
   margin-left: -5rem;
   margin-right: -1rem;