改下宽度与scss属性名

src/assets/scss/modules/management/list-main.scss

@@ -120,133 +120,133 @@
   height: auto;
 }
 // 弹性盒子
-.flex {
+.M_flex {
   display: flex;
   flex-wrap: nowrap;
 }
 
-.hflex {
+.M_hflex {
   display: flex;
   flex-flow: column;
   overflow: hidden;
 }
 
-.flex1 {
+.M_flex1 {
   flex: 1;
 }
 
-.mean {
+.M_mean {
   justify-content: space-around;
 }
 
-.endpoint {
+.M_endpoint {
   justify-content: space-between;
 }
 
-.align_item {
+.M_align_item {
   align-items: center;
 }
 // 字体大小
-.font12 {
+.M_font12 {
   font-size: 12px;
 }
 
-.font14 {
+.M_font14 {
   font-size: 14px !important;
 }
 
-.font16 {
+.M_font16 {
   font-size: 16px !important;
 }
 
-.font18 {
+.M_font18 {
   font-size: 18px !important;
 }
 //内边距
-.p0 {
+.M_p0 {
   padding: 0 !important;
 }
-.p10 {
+.M_p10 {
   padding: 10px;
 }
-.p16 {
+.M_p16 {
   padding: 16px;
 }
 
-.p50 {
+.M_p50 {
   padding: 50px;
 }
 
-.p30 {
+.M_p30 {
   padding: 30px;
 }
 // 外边距
-.right5 {
+.M_right5 {
   margin-right: 5px;
 }
 
-.right24 {
+.M_right24 {
   margin-right: 24px;
 }
 
-.bottom8 {
+.M_bottom8 {
   margin-bottom: 8px;
 }
 
-.bottom16 {
+.M_bottom16 {
   margin-bottom: 16px;
 }
-.top2 {
+.M_top2 {
   margin-top: 2px;
 }
 
-.top12 {
+.M_top12 {
   margin-top: 12px;
 }
 
-.top24 {
+.M_top24 {
   margin-top: 24px !important;
 }
-.top32  {
+.M_top32  {
   margin-top: 32px !important;
 }
-.top40 {
+.M_top40 {
   margin-top: 40px !important;
 }
 
-.top48 {
+.M_top48 {
   margin-top: 48px !important;
 }
 
-.top8 {
+.M_top8 {
   margin-top: 8px !important;
 }
 
-.bot8 {
+.M_bot8 {
   margin-bottom: 8px;
 }
 
-.bot24 {
+.M_bot24 {
   margin-bottom: 24px !important;
 }
 
-.top16 {
+.M_top16 {
   margin-top: 16px !important;
 }
 
-.bot16 {
+.M_bot16 {
   margin-bottom: 16px !important;
 }
 
-.right8 {
+.M_right8 {
   margin-right: 8px !important;
 }
 
-.margin30 {
+.M_margin30 {
   margin: 30px;
 }
 
-.m0 {
+.M_m0 {
   margin: 0 !important;
 }
 // 详情分类title

src/views/components/resiSearch.vue

@@ -23,12 +23,12 @@
                 <inputRange style="height:37px;" v-model="form[n.columnName]" :type="n.validType" @change="handleAgeChange" />
               </template>
               <template v-else-if="n.itemType === 'datepicker'">
-                <el-date-picker v-if="n.queryType === 'daterange'" v-model.trim="timer.startPickerTime"
+                  <el-date-picker style="width:219px ;" v-if="n.queryType === 'daterange'" v-model.trim="timer.startPickerTime"
                   :picker-options="startPickerOptions" type="date" align="right" unlink-panels placeholder="开始时间"
-                  class="item_width_daterang" size="small" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+                  class="item_width_daterange" size="small" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
                 </el-date-picker>
-                <el-date-picker v-if="n.queryType === 'daterange'" v-model.trim="timer.endPickerTime"
+                <el-date-picker style="width:219px ;" v-if="n.queryType === 'daterange'" v-model.trim="timer.endPickerTime"
-                  :picker-options="endPickerOptions" class="item_width_daterang data-tag" size="small" type="date"
+                  :picker-options="endPickerOptions" class="item_width_daterange data-tag" size="small" type="date"
                   value-format="yyyy-MM-dd" value="yyyy-MM-dd" placeholder="结束时间">
                 </el-date-picker>
                 <el-date-picker v-else v-model.trim="form[n.columnName]" class="resi-cell-input" type="inputRange"
@@ -91,8 +91,10 @@
       </el-form>
     </div>
 
-    <el-row v-if="showSmartSearchForm" class="resi-row-more m0">
+    <el-row v-if="showSmartSearchForm" class="resi-row-more M_m0">
+     
       <el-col :span="24">
+        <span style="width:100px;">智能查询</span>
         <el-button v-for="btnItem in btnList" :key="btnItem.index" size="small"
           :class="selBtnIndex === btnItem.index ? 'diy-button--blue' : 'diy-button--gray'"
           @click="handelSelSmartBtn(btnItem.index)">{{ btnItem.name }}</el-button>
@@ -288,7 +290,7 @@ export default {
       selBtnIndex: 1,
       btnList: [
         {
-          name: '智能查询',
+          name: '自定义查询',
           index: 1,
 
         },
@@ -336,46 +338,46 @@ export default {
             },
           ]
         },
-        {
+        // {
-          name: '第一党支部党员',
+        //   name: '第一党支部党员',
-          index: 3,
+        //   index: 3,
-          ruleList: [
+        //   ruleList: [
-            {
+        //     {
-              selSmartType: 'person',
+        //       selSmartType: 'person',
-              nextLogicalRel: "",
+        //       nextLogicalRel: "",
-              nextLogicalRelName: "",
+        //       nextLogicalRelName: "",
-              personRule: {
+        //       personRule: {
-                colKey: "IS_BDHJ",
+        //         colKey: "IS_BDHJ",
-                colTable: "ic_resi_user",
+        //         colTable: "ic_resi_user",
-                colVal: "1",
+        //         colVal: "1",
-                colValLabel: "是",
+        //         colValLabel: "是",
-                itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
+        //         itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
-                itemGroupName: "基础信息",
+        //         itemGroupName: "基础信息",
-                itemId: "20220422102809_1005",
+        //         itemId: "20220422102809_1005",
-                itemLabel: "本地户籍",
+        //         itemLabel: "本地户籍",
-                queryType: "=",
+        //         queryType: "=",
-                queryTypeName: "等于",
+        //         queryTypeName: "等于",
-                ruleDesc: "基础信息本地户籍等于是",
+        //         ruleDesc: "基础信息本地户籍等于是",
-              },
+        //       },
-              houseRule: {
+        //       houseRule: {
-                ruleDesc: '',
+        //         ruleDesc: '',
-                queryType: '',
+        //         queryType: '',
-                colTable: '',
+        //         colTable: '',
-                colKey: '',
+        //         colKey: '',
-                colVal: '',
+        //         colVal: '',
 
-                titleName: '房屋信息',
+        //         titleName: '房屋信息',
-                colType: '',//详细参数的组件类型
+        //         colType: '',//详细参数的组件类型
-                colOption: [],
+        //         colOption: [],
-                itemGroupName: '房屋信息',
+        //         itemGroupName: '房屋信息',
-                itemLabel: '',
+        //         itemLabel: '',
-                queryTypeName: '',
+        //         queryTypeName: '',
-                colValLabel: '',
+        //         colValLabel: '',
 
-              },
+        //       },
-            },
+        //     },
-          ]
+        //   ]
-        }
+        // }
       ],
       endPickerOptions: {
         disabledDate: endDisabledDate