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,35 +14,37 @@
             clearable 
             @change="handleCascader">
           </el-cascader>
+          
         </div>
+        <div class="second-select">
+            <el-select v-model="serviceMatter"
+                      placeholder="请选择"
+                      @change="handleSelectChange"
+                      @clear="handleSelectChange">
+              <el-option v-for="item in unitList"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="second-select">
+            <el-date-picker v-model="timeRange"
+                            type="daterange"
+                            range-separator="至"
+                            start-placeholder="开始日期"
+                            end-placeholder="结束日期"
+                            prefix-icon="el-icon-caret-bottom"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            :clearable="false"
+                            :default-time="['00:00:00', '23:59:59']"
+                            >
+            </el-date-picker>
+          </div>
       </div>
       <div class="second-title">
         <div class="second-title-label">党建单位分类统计</div>
-        <div class="second-select">
+        
-          <el-select v-model="serviceMatter"
-                     placeholder="请选择"
-                     @change="handleSelectChange"
-                     @clear="handleSelectChange">
-            <el-option v-for="item in unitList"
-                       :key="item.value"
-                       :label="item.label"
-                       :value="item.value">
-            </el-option>
-          </el-select>
-        </div>
-        <div class="second-select">
-          <el-date-picker v-model="timeRange"
-                          type="daterange"
-                          range-separator="至"
-                          start-placeholder="开始日期"
-                          end-placeholder="结束日期"
-                          prefix-icon="el-icon-caret-bottom"
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          :clearable="false"
-                          :default-time="['00:00:00', '23:59:59']"
-                          >
-          </el-date-picker>
-        </div>
       </div>
       <div class="box-wr box-wr-400">
         <div class="box-left">
@@ -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;
+        background: #06186d;
-        border: 0;
+        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">
+          党员信息统计&nbsp;&nbsp;
-            <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> -->
           <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;
+        background: #06186d;
-        border: 0;
+        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;
+        background: #06186d;
-        border: 0;
+        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;
+        background: #06186d;
-        border: 0;
+        border: 1px solid #1a64cc;
       }
       .el-icon-arrow-down::before {
         content: "\e790";