人员类别分析

src/assets/scss/modules/visual/search_1.scss

@@ -81,6 +81,30 @@
       }
     }
   }
+  .range-data2 {
+    ::v-deep .el-date-editor {
+      width: 360px;
+      position: relative;
+   
+      .el-range-input {
+        color: #fff;
+        background: #06186d;
+        margin-left: 10px;
+      }
+      .el-range-separator {
+        color: #fff;
+      }
+      .el-range__icon {
+        position: absolute;
+        right: 5px;
+        // float: right;
+      }
+      .el-input__prefix {
+        left: unset;
+        right: 5px;
+      }
+    }
+  }
 
   .one-date{
     ::v-deep .el-date-editor {

src/views/modules/visual/basicinfo/personCategory/index.vue

@@ -22,6 +22,7 @@
           <img src="@/assets/img/shuju/title-tip.png" />
           <span>人员类别分析</span>
 
+          <div class="search">
             <div class="second-select cascader">
 
               <el-cascader class="customer_cascader"
@@ -33,7 +34,7 @@
                            :show-all-levels="false"
                            @change="handleChangeAgency"></el-cascader>
             </div>
-          <div class="second-select ">
+            <div class="second-select range-data2">
 
               <el-date-picker v-model="dateIdShow"
                               type="date"
@@ -47,6 +48,7 @@
 
             </div>
           </div>
+        </div>
         <el-scrollbar style="width: 100%">
           <div class="warning-box-top">
             <div class="top-item"
@@ -308,3 +310,10 @@ export default {
   scoped
 ></style>
 
+<style
+  lang="scss"
+  src="@/assets/scss/modules/visual/search_1.scss"
+  scoped
+></style>
+
+