UI同意

src/views/modules/visual/communityParty/community.vue

@@ -5,7 +5,7 @@
         <img class="title-icon"
              src="../../../../assets/img/shuju/title-tip.png" />
         <div class="title-label">
-          区域化党建
+          区域化党建&nbsp;&nbsp;
           <el-cascader 
             v-model="selectAgency"
             :options="propTree" 
@@ -14,10 +14,8 @@
             clearable 
             @change="handleCascader">
           </el-cascader>
+          
         </div>
-      </div>
-      <div class="second-title">
-        <div class="second-title-label">党建单位分类统计</div>
         <div class="second-select">
             <el-select v-model="serviceMatter"
                       placeholder="请选择"
@@ -44,6 +42,10 @@
             </el-date-picker>
           </div>
       </div>
+      <div class="second-title">
+        <div class="second-title-label">党建单位分类统计</div>
+        
+      </div>
       <div class="box-wr box-wr-400">
         <div class="box-left">
           <div v-for="(item, index) in cateInfo" :key="index" class="box-left-item">
@@ -664,6 +666,7 @@ export default {
     margin-right: 6px;
   }
   .title-label {
+
     font-size: 20px;
     font-weight: 800;
     ::v-deep .el-input {
@@ -673,8 +676,8 @@ export default {
         font-size: 18px;
         font-weight: 800;
         color: #fff;
-        background: transparent;
-        border: 0;
+        background: #06186d;
+        border: 1px solid #1a64cc;
       }
       .el-icon-arrow-down::before {
           content: "\e790";
@@ -710,8 +713,10 @@ export default {
     background: #2865fa;
     border-radius: 50%;
   }
-  .second-select {
-    margin: 0 10px 0 40px;
+  
+}
+.second-select {
+    margin: 0 10px 0 10px;
     ::v-deep .el-input {
       width: 180px;
       height: 36px;
@@ -757,8 +762,6 @@ export default {
   .second-select:last-child {
     margin-left: 0;
   }
-}
-
 .box-wr {
   display: flex;
   box-sizing: border-box;

src/views/modules/visual/communityParty/party.vue

@@ -4,18 +4,7 @@
       <div class="card-title">
         <img class="title-icon" src="../../../../assets/img/shuju/title-tip.png" />
         <div class="title-label">
-          <!-- <el-dropdown trigger="click">
-            <span class="el-dropdown-link">
-              全部网格<i class="el-icon-caret-bottom el-icon--right"></i>
-            </span>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item>黄金糕</el-dropdown-item>
-              <el-dropdown-item>狮子头</el-dropdown-item>
-              <el-dropdown-item>螺蛳粉</el-dropdown-item>
-              <el-dropdown-item>双皮奶</el-dropdown-item>
-              <el-dropdown-item>蚵仔煎</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown> -->
+          党员信息统计&nbsp;&nbsp;
           <el-cascader 
             v-model="selectAgency"
             :options="propTree" 
@@ -832,14 +821,17 @@ export default {
     }
   }
   .title-label {
+    font-size: 20px;
+    font-weight: 800;
     ::v-deep .el-input {
+      
       width: 180px;
       .el-input__inner {
-        font-size: 20px;
+        font-size: 18px;
         font-weight: 800;
         color: #fff;
-        background: transparent;
-        border: 0;
+        background: #06186d;
+        border: 1px solid #1a64cc;
       }
       .el-icon-arrow-down::before {
           content: "\e790";

src/views/modules/visual/measure/service.vue

@@ -4,6 +4,7 @@
       <div class="card-title">
         <img class="title-icon" src="../../../../assets/img/shuju/title-tip.png" />
         <div class="title-label">
+          服务措施分析 &nbsp;&nbsp;
           <el-cascader 
             v-model="selectAgency"
             :options="propTree" 
@@ -14,7 +15,7 @@
           </el-cascader>
         </div>
         <div class="title-time">
-          <div class="title-time-label">选择时间</div>
+          <!-- <div class="title-time-label">选择时间</div> -->
           <div class="second-select">
             <!-- <el-date-picker
               v-model="value2"
@@ -592,7 +593,7 @@ export default {
     display: flex;
     align-items: center;
     box-sizing: border-box;
-    margin-left: 30px;
+    margin-left: 10px;
     font-size: 14px;
     color: #fff;
     .title-time-label {
@@ -627,14 +628,16 @@ export default {
   }
 
   .title-label {
+    font-size: 20px;
+    font-weight: 800;
     ::v-deep .el-input {
       width: 180px;
       .el-input__inner {
-        font-size: 20px;
+        font-size: 18px;
         font-weight: 800;
         color: #fff;
-        background: transparent;
-        border: 0;
+        background: #06186d;
+        border: 1px solid #1a64cc;
       }
       .el-icon-arrow-down::before {
           content: "\e790";

src/views/modules/visual/measure/volunteer.vue

@@ -5,6 +5,7 @@
         <img class="title-icon"
              src="../../../../assets/img/shuju/title-tip.png" />
         <div class="title-label">
+          志愿者服务分析&nbsp;&nbsp;
           <el-cascader v-model="selectAgency"
                        :options="propTree"
                        :props="{ checkStrictly: true }"
@@ -640,17 +641,17 @@ export default {
     margin-right: 3px;
   }
   .title-label {
-    font-size: 16px;
+    font-size: 20px;
     font-weight: 800;
 
     ::v-deep .el-input {
       width: 180px;
       .el-input__inner {
-        font-size: 20px;
+        font-size: 18px;
         font-weight: 800;
         color: #fff;
-        background: transparent;
-        border: 0;
+        background: #06186d;
+        border: 1px solid #1a64cc;
       }
       .el-icon-arrow-down::before {
         content: "\e790";