选择居民样式优化1

src/views/patients/labels-manage/dialog/select-patitents.vue

@@ -24,7 +24,7 @@
             <div>
               <el-form-item prop="sex">
                 <el-select
-                  style="width: 100px !important;"
+                  class="init-width"
                   v-model="searchData.sex"
                   placeholder="请选择性别"
                   clearable>
@@ -43,7 +43,7 @@
                   collapse-tags
                   filterable
                   placeholder="请选择年龄段"
-                  style="width: 100px !important;"
+                  class="init-width"
                   clearable>
                   <el-option
                     v-for="(item,index) in ageOptions"
@@ -58,8 +58,8 @@
                   v-model="searchData.diseaseId"
                   multiple
                   collapse-tags
-                  style="width: 150px !important;"
                   placeholder="请选择诊断"
+                  class="set-width"
                   clearable>
                   <el-option
                     v-for="(item,index) in diseaseOptions"
@@ -75,7 +75,7 @@
                   multiple
                   collapse-tags
                   filterable
-                  style="width: 150px !important;"
+                  class="set-width"
                   placeholder="请选择或搜索分组"
                   clearable>
                   <el-option
@@ -92,7 +92,7 @@
                   multiple
                   collapse-tags
                   filterable
-                  style="width: 150px !important;"
+                  class="set-width"
                   placeholder="请选择随访计划"
                   clearable>
                   <el-option
@@ -108,7 +108,7 @@
                   v-model="searchData.searchCondition"
                   placeholder="请输入姓名,手机号,身份证"
                   clearable
-                  style="width:150px !important;">
+                  class="set-width">
                   <!--<i slot="prefix" class="el-input__icon el-icon-search" @click="searchHandler" style="cursor: pointer"></i>-->
                 </el-input>
               </el-form-item>
@@ -529,7 +529,21 @@
     },
   }
 </script>
+<style lang="scss">
+  .init-width{
+    width: 100px !important;
+    .el-input{
+      width: 100px!important;
+    }
+  }
+  .set-width{
+    width: 150px !important;
+    .el-input{
+      width: 150px!important;
+    }
+  }
 
+</style>
 <style lang="scss">
   @import '../../../../style/patients-style/element-reset.css';
   .select-patient-dialog {
@@ -585,6 +599,7 @@
     .el-select .el-tag__close.el-icon-close{
       top: -5px;
     }
+
   }