列表样式名称修改

3 years ago · e4ad4e3d9b
106 changed files with 1657 additions and 1896 deletions
--- a/.env.development
+++ b/.env.development
@ -1,6 +1,7 @@
 NODE_ENV=development

-VUE_APP_API_SERVER =  http://192.168.1.140/api
+# VUE_APP_API_SERVER =  http://192.168.1.140/api
+VUE_APP_API_SERVER =  http://118.190.150.119:41080/api
 # VUE_APP_API_SERVER =  https://epmet-yantai.elinkservice.cn/api
 # VUE_APP_API_SERVER =  https://epmet-test.elinkservice.cn/api
 # VUE_APP_API_SERVER =   https://epmet-cloud.elinkservice.cn/api
--- a/src/assets/scss/modules/management/categoryMain.scss
+++ b/src/assets/scss/modules/management/categoryMain.scss
@ -1,4 +1,4 @@
-.div_main {
+.g-main {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
--- a/src/assets/scss/modules/management/epidemic.scss
+++ b/src/assets/scss/modules/management/epidemic.scss
@ -37,10 +37,10 @@
  margin: 10px 35px;
 }

-.div_main {
+.g-main {
  width: 100%;

-  .div_search {
+  .m-search {
    background: #ffffff;
    border-radius: 4px;
    padding: 20px 20px 5px 5px;
@ -55,7 +55,7 @@
  }
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
@ -68,7 +68,7 @@
    margin-left: 10px;
    display: flex;

-    .btn_upload {
+    .u-btn-upload {
      margin-left: 10px;
      display: flex;
    }
--- a/src/assets/scss/modules/management/form-main.scss
+++ b/src/assets/scss/modules/management/form-main.scss
@ -4,7 +4,7 @@
  width: 100%;
  margin-top:20px;

-  .data-tag{
+  .u-data-tag{
    margin-left:10px;
  }

--- a/src/assets/scss/modules/management/list-main.css
+++ b/src/assets/scss/modules/management/list-main.css
@ -1,324 +0,0 @@
-.div_main {
-  width: 100%;
-}
-
-.div_main .marginl-20 {
-  margin-left: 16px;
-}
-
-.div_main .div_search {
-  padding: 10px;
-  background: #FFFFFF;
-  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
-  margin: 7px 7px;
-}
-
-.div_main .div_search /deep/ .el-form-item {
-  margin-bottom: 14px;
-}
-
-.div_main .div_search .div_search_btn {
-  margin-right: 10px;
-  margin-top: 5px;
-  float: right;
-}
-
-.div_main .div_search .div_search_label {
-  line-height: 36px;
-  margin-left: 24px;
-  margin-right: 6px;
-  font-size: 14px;
-  color: #606266;
-  vertical-align: middle;
-}
-
-.div_main .data-tag {
-  margin-left: 10px;
-}
-
-.div_main .item_width_normal {
-  width: 168px;
-}
-
-.div_main .item_width_daterange {
-  width: 206px;
-}
-
-.div_main .item_width_daterange2 {
-  width: 445px;
-}
-
-.div_main .item_width_communitycascader {
-  width: 141px;
-}
-
-.div_main .item_width_buildcascader {
-  width: 96px;
-}
-
-.div_main .div_table {
-  margin: 16px 7px 7px;
-  background: #FFFFFF;
-  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
-  position: relative;
-  padding: 24px 16px 10px;
-}
-
-.div_main .div_table .div_btn {
-  display: flex;
-  justify-content: space-between;
-}
-
-.div_main .div_table .div_btn .div_btn_left {
-  display: flex;
-}
-
-.div_main .div_table .div_btn .div_btn_left .btn_upload {
-  margin-left: 10px;
-  display: flex;
-  text-align: center;
-}
-
-.div_main .div_table .div_table_item {
-  margin-top: 16px;
-  position: relative;
-}
-
-.div_main .setFormBoxHeight {
-  max-height: 153px;
-  overflow: hidden;
-}
-
-.div_main .setFormBoxHeightAuto {
-  height: auto;
-}
-
-.div_main .flex {
-  display: flex;
-  flex-wrap: nowrap;
-}
-
-.div_main .hflex {
-  display: flex;
-  flex-flow: column;
-  overflow: hidden;
-}
-
-.div_main .flex1 {
-  flex: 1;
-}
-
-.div_main .mean {
-  justify-content: space-around;
-}
-
-.div_main .endpoint {
-  justify-content: space-between;
-}
-
-.div_main .align_item {
-  align-items: center;
-}
-
-.div_main .font12 {
-  font-size: 12px;
-}
-
-.div_main .font14 {
-  font-size: 14px !important;
-}
-
-.div_main .font16 {
-  font-size: 16px !important;
-}
-
-.div_main .font18 {
-  font-size: 18px !important;
-}
-
-.div_main .p0 {
-  padding: 0 !important;
-}
-
-.div_main .p10 {
-  padding: 10px;
-}
-
-.div_main .p16 {
-  padding: 16px;
-}
-
-.div_main .p50 {
-  padding: 50px;
-}
-
-.div_main .p30 {
-  padding: 30px;
-}
-
-.div_main .right5 {
-  margin-right: 5px;
-}
-
-.div_main .right24 {
-  margin-right: 24px;
-}
-
-.div_main .bottom8 {
-  margin-bottom: 8px;
-}
-
-.div_main .bottom16 {
-  margin-bottom: 16px;
-}
-
-.div_main .top2 {
-  margin-top: 2px;
-}
-
-.div_main .top12 {
-  margin-top: 12px;
-}
-
-.div_main .top24 {
-  margin-top: 24px !important;
-}
-
-.div_main .top32 {
-  margin-top: 32px !important;
-}
-
-.div_main .top40 {
-  margin-top: 40px !important;
-}
-
-.div_main .top48 {
-  margin-top: 48px !important;
-}
-
-.div_main .top8 {
-  margin-top: 8px !important;
-}
-
-.div_main .bot8 {
-  margin-bottom: 8px;
-}
-
-.div_main .bot24 {
-  margin-bottom: 24px !important;
-}
-
-.div_main .top16 {
-  margin-top: 16px !important;
-}
-
-.div_main .bot16 {
-  margin-bottom: 16px !important;
-}
-
-.div_main .right8 {
-  margin-right: 8px !important;
-}
-
-.div_main .margin30 {
-  margin: 30px;
-}
-
-.div_main .m0 {
-  margin: 0 !important;
-}
-
-.div_main .title-small {
-  border-left: solid 4px #0056d6;
-  height: 12px;
-  line-height: 16px;
-  margin-left: 70px;
-  padding-left: 6px;
-  font-size: 16px;
-  font-weight: bold;
-}
-
-@media only screen and (min-width: 2013px) {
-  .div_main .showUnfold {
-    display: none;
-  }
-}
-
-@media only screen and (min-width: 1481px) {
-  .div_main .communityUnfold {
-    display: none;
-  }
-}
-
-.div_main .item_width_2 {
-  width: 138px;
-}
-
-.div_main .item_width_1 {
-  width: 260px;
-}
-
-.div_main .item_width_3 {
-  width: 200px;
-}
-
-.div_main .list_item_width_1 {
-  width: 165px;
-}
-
-.div_main .list_item_width_2 {
-  width: 135px;
-}
-
-.div-mult-form {
-  margin-top: 20px;
-}
-
-.div-mult-form .div_person {
-  display: flex;
-  font-size: 14px;
-  padding-bottom: 20px;
-}
-
-.div-mult-form .div_person .person_title {
-  text-align: right;
-  flex: 0 0 100px;
-  line-height: 36px;
-  padding: 0 12px 0 0;
-}
-
-.div-mult-form .div_person .tag_item {
-  margin-right: 10px;
-  margin-top: 10px;
-}
-
-.div-mult-form .div_person .tag_tip {
-  margin-top: 10px;
-  color: #9c9c9c;
-}
-
-.div-mult-table {
-  position: relative;
-  padding: 0 20px;
-}
-
-.div-mult-table .div_selcount {
-  position: absolute;
-  bottom: 10px;
-  left: 30px;
-}
-
-.div_dialog_table {
-  padding: 10px;
-}
-
-.div_dialog_table .table {
-  margin-top: 20px;
-}
-
-.twoline {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-}
--- a/src/assets/scss/modules/management/list-main.min.css
+++ b/src/assets/scss/modules/management/list-main.min.css
@ -1 +0,0 @@
-.div_main{width:100%}.div_main .marginl-20{margin-left:16px}.div_main .div_search{padding:10px;background:#FFFFFF;box-shadow:0px 6px 16px 0px rgba(0,0,0,0.08),0px 3px 6px -4px rgba(0,0,0,0.12);margin:7px 7px}.div_main .div_search /deep/ .el-form-item{margin-bottom:14px}.div_main .div_search .div_search_btn{margin-right:10px;margin-top:5px;float:right}.div_main .div_search .div_search_label{line-height:36px;margin-left:24px;margin-right:6px;font-size:14px;color:#606266;vertical-align:middle}.div_main .data-tag{margin-left:10px}.div_main .item_width_normal{width:168px}.div_main .item_width_daterange{width:206px}.div_main .item_width_daterange2{width:445px}.div_main .item_width_communitycascader{width:141px}.div_main .item_width_buildcascader{width:96px}.div_main .div_table{margin:16px 7px 7px;background:#FFFFFF;box-shadow:0px 6px 16px 0px rgba(0,0,0,0.08),0px 3px 6px -4px rgba(0,0,0,0.12);position:relative;padding:24px 16px 10px}.div_main .div_table .div_btn{display:flex;justify-content:space-between}.div_main .div_table .div_btn .div_btn_left{display:flex}.div_main .div_table .div_btn .div_btn_left .btn_upload{margin-left:10px;display:flex;text-align:center}.div_main .div_table .div_table_item{margin-top:16px;position:relative}.div_main .setFormBoxHeight{max-height:153px;overflow:hidden}.div_main .setFormBoxHeightAuto{height:auto}.div_main .flex{display:flex;flex-wrap:nowrap}.div_main .hflex{display:flex;flex-flow:column;overflow:hidden}.div_main .flex1{flex:1}.div_main .mean{justify-content:space-around}.div_main .endpoint{justify-content:space-between}.div_main .align_item{align-items:center}.div_main .font12{font-size:12px}.div_main .font14{font-size:14px !important}.div_main .font16{font-size:16px !important}.div_main .font18{font-size:18px !important}.div_main .p0{padding:0 !important}.div_main .p10{padding:10px}.div_main .p16{padding:16px}.div_main .p50{padding:50px}.div_main .p30{padding:30px}.div_main .right5{margin-right:5px}.div_main .right24{margin-right:24px}.div_main .bottom8{margin-bottom:8px}.div_main .bottom16{margin-bottom:16px}.div_main .top2{margin-top:2px}.div_main .top12{margin-top:12px}.div_main .top24{margin-top:24px !important}.div_main .top32{margin-top:32px !important}.div_main .top40{margin-top:40px !important}.div_main .top48{margin-top:48px !important}.div_main .top8{margin-top:8px !important}.div_main .bot8{margin-bottom:8px}.div_main .bot24{margin-bottom:24px !important}.div_main .top16{margin-top:16px !important}.div_main .bot16{margin-bottom:16px !important}.div_main .right8{margin-right:8px !important}.div_main .margin30{margin:30px}.div_main .m0{margin:0 !important}.div_main .title-small{border-left:solid 4px #0056d6;height:12px;line-height:16px;margin-left:70px;padding-left:6px;font-size:16px;font-weight:bold}@media only screen and (min-width: 2013px){.div_main .showUnfold{display:none}}@media only screen and (min-width: 1481px){.div_main .communityUnfold{display:none}}.div_main .item_width_2{width:138px}.div_main .item_width_1{width:260px}.div_main .item_width_3{width:200px}.div_main .list_item_width_1{width:165px}.div_main .list_item_width_2{width:135px}.div-mult-form{margin-top:20px}.div-mult-form .div_person{display:flex;font-size:14px;padding-bottom:20px}.div-mult-form .div_person .person_title{text-align:right;flex:0 0 100px;line-height:36px;padding:0 12px 0 0}.div-mult-form .div_person .tag_item{margin-right:10px;margin-top:10px}.div-mult-form .div_person .tag_tip{margin-top:10px;color:#9c9c9c}.div-mult-table{position:relative;padding:0 20px}.div-mult-table .div_selcount{position:absolute;bottom:10px;left:30px}.div_dialog_table{padding:10px}.div_dialog_table .table{margin-top:20px}.twoline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
--- a/src/assets/scss/modules/management/list-main.scss
+++ b/src/assets/scss/modules/management/list-main.scss
@ -1,13 +1,9 @@


-.div_main {
+.g-main {
  width: 100%;
-  .marginl-20{
-    margin-left: 16px;
-  }
- 
-
-  .div_search {
+  
+  .m-search {
    padding: 10px;
    // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
@ -20,89 +16,84 @@
      margin-bottom:14px;
    }

-    .search_form{
-
-    }
-
-    .div_search_btn{
+    .u-search-btn{
      margin-right:10px;
      margin-top:5px;
      float:right;
    }

-    //特殊查询的文字，如房屋级联
-    .div_search_label{
-      line-height: 36px;
-      margin-left:24px;
-      margin-right:6px;
-      font-size: 14px;
-      color: #606266;
-      vertical-align: middle;
+    //查询栏---常规宽度
+   .u-item-width-normal{
+      width: 168px;
    }
-  }
-  .data-tag{
-    margin-left:10px;
-  }
-
-   //查询栏---常规宽度
-   .item_width_normal{
-    width: 168px;
-  }
   //查询栏---分开的日期、时间范围的宽度
-   .item_width_daterange{
-    width: 206px;
-  }
+   .u-item-width-daterange{
+      width: 206px;
+    }
    //查询栏---合并的日期、时间范围的宽度
-    .item_width_daterange2{
+    .u-item-width-daterange2{
      width: 445px;
    }
   //查询栏---小区、楼、单元、楼号，级联长度
-   .item_width_communitycascader{
-    width: 141px;
-  }
-   .item_width_buildcascader{
-    width: 96px;
+   .u-item-width-communitycascader{
+      width: 141px;
+    }
+   .u-item-width-buildcascader{
+      width: 96px;
+    }
+    .u-data-tag{
+      margin-left:10px;
+    }
+
+    // 搜索栏高度控制显示隐藏
+    .m-form-box-height{
+      max-height: 153px;
+      overflow: hidden;
+    }
+    .m-form-box-height-auto{
+      height: auto;
+    }
  }

-  .div_table{
+
+  .m-table{
    margin:16px 7px 7px;
    background: #FFFFFF;
    box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
    position: relative;
    padding:24px 16px 10px;

-    // /deep/ .el-table th>.cell{
-    //   margin-left:24px;
-    // }
-
-    // /deep/ .el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{
-    //   margin-left:24px;
-    // }
-
    /deep/ .el-table th, .el-table tr{
      height:54px;
    }

-    .div_btn {
+    //列表中，只有左侧有按钮时
+    .u-table-btn1 {
+      display: flex;
+        .u-btn-upload {
+          margin-left: 10px;
+          display: flex;
+          text-align: center;
+        }
+
+    }
+
+    //列表中，按钮排布左右两边时
+    .u-table-btn2 {
      display: flex;
      // margin-top: 10px;
      justify-content: space-between;

-      .div_btn_left{
+      .u-table-btn2-left{
        display: flex;

-        .btn_upload {
+        .u-btn-upload {
          margin-left: 10px;
          display: flex;
          text-align: center;
        }
      }

-      .div_btn_right{
-
-      }
-
-
    }

    .div_table_item {
@ -111,14 +102,8 @@
    }
  }

-// 搜索栏高度控制显示隐藏
-.setFormBoxHeight{
-  max-height: 153px;
-  overflow: hidden;
-}
-.setFormBoxHeightAuto{
-  height: auto;
-}
+
+
 // 弹性盒子
 .M_flex {
  display: flex;
--- a/src/assets/scss/modules/visual/basicInfoMain.scss
+++ b/src/assets/scss/modules/visual/basicInfoMain.scss
@ -53,7 +53,7 @@
    flex: 0 0 562px;
    margin-left: 12px;

-    .div_search {
+    .m-search {
      width: 100%;
      height: 56px;
      text-align: center;
@ -102,7 +102,7 @@
      }
    }

-    .div_search:hover {
+    .m-search:hover {
      cursor: pointer;
    }

--- a/src/assets/scss/modules/visual/communityManage.css
+++ b/src/assets/scss/modules/visual/communityManage.css
@ -4,23 +4,23 @@
  bottom: 0;
 }

-.div_search {
+.m-search {
  display: flex;
 }

-.div_search .resi-cell {
+.m-search .resi-cell {
  display: flex;
  align-items: center;
 }

-.div_search .resi-cell .resi-cell-label {
+.m-search .resi-cell .resi-cell-label {
  width: 70px;
  box-sizing: border-box;
  margin-right: 15px;
  text-align: right;
 }

-.div_search .resi-cell .resi-cell-input {
+.m-search .resi-cell .resi-cell-input {
  width: 180px;
 }

--- a/src/assets/scss/modules/visual/communityManage.min.css
+++ b/src/assets/scss/modules/visual/communityManage.min.css
@ -1 +1 @@
-.div_del{position:absolute;left:10px;bottom:0}.div_search{display:flex}.div_search .resi-cell{display:flex;align-items:center}.div_search .resi-cell .resi-cell-label{width:70px;box-sizing:border-box;margin-right:15px;text-align:right}.div_search .resi-cell .resi-cell-input{width:180px}.el-row{display:flex;flex-wrap:wrap;margin-top:10px;margin-right:50px}
+.div_del{position:absolute;left:10px;bottom:0}.m-search{display:flex}.m-search .resi-cell{display:flex;align-items:center}.m-search .resi-cell .resi-cell-label{width:70px;box-sizing:border-box;margin-right:15px;text-align:right}.m-search .resi-cell .resi-cell-input{width:180px}.el-row{display:flex;flex-wrap:wrap;margin-top:10px;margin-right:50px}
--- a/src/assets/scss/modules/visual/communityManage.scss
+++ b/src/assets/scss/modules/visual/communityManage.scss
@ -5,7 +5,7 @@
  left: 10px;
  bottom: 0;
 }
-.div_search {
+.m-search {
  display: flex;


--- a/src/views/components/deathSearch.vue
+++ b/src/views/components/deathSearch.vue
@ -1,6 +1,6 @@
 <template>
  <div>
-    <div class="div_search">
+    <div class="m-search">
      <el-form :inline="true"
               :model="form"
               :label-width="'100px'">
@ -12,7 +12,7 @@
                     placeholder="请选择"
                     size="small"
                     clearable
-                     class="item_width_normal"
+                     class="u-item-width-normal"
                     @change="handleChangeGrid">
            <el-option v-for="item in optionsG"
                       :key="item.value"
@ -27,7 +27,7 @@
                     placeholder="请选择小区"
                     size="small"
                     clearable
-                     class="item_width_communitycascader"
+                     class="u-item-width-communitycascader"
                     @clear="handleClearVillage"
                     @change="handleChangeV">
            <el-option v-for="item in optionsV"
@ -40,7 +40,7 @@
                     placeholder="楼号"
                     size="small"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     :disabled="changeVDisabled"
                     @clear="handleClearBuild"
@ -56,7 +56,7 @@
                     placeholder="单元"
                     size="small"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     @click="handleClearDan"
                     @change="handleChangeD">
@ -71,7 +71,7 @@
                     placeholder="房号"
                     size="small"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px">
            <el-option v-for="item in optionsH"
                       :key="item.value"
@ -89,7 +89,7 @@

          <el-input v-if="n.itemType === 'input' || n.itemType === 'textarea'"
                    v-model.trim="form[n.columnName]"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入内容">
@ -103,14 +103,14 @@
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
-                            class="item_width_daterange2"
+                            class="u-item-width-daterange2"
                            size="small"
                            format="yyyy-MM-dd"
                            value-format="yyyy-MM-dd">
            </el-date-picker>
            <el-date-picker v-else
                            v-model.trim="form[n.columnName]"
-                            class="item_width_normal"
+                            class="u-item-width-normal"
                            type="date"
                            size="small"
                            clearable
@ -124,7 +124,7 @@
                     placeholder="请选择"
                     size="small"
                     clearable
-                     class="item_width_normal">
+                     class="u-item-width-normal">
            <el-option v-for="item in n.options"
                       :key="item.value"
                       :label="item.label"
@ -137,11 +137,11 @@
                       :props="{ checkStrictly: true }"
                       clearable
                       size="small"
-                       class="item_width_normal">
+                       class="u-item-width-normal">
          </el-cascader>
        </el-form-item>

-        <div class="div_search_btn">
+        <div class="u-search-btn">
          <el-button class="diy-button--white"
                     size="small"
                     @click="resetForm">重置</el-button>
@ -525,7 +525,7 @@ export default {
 <style lang="scss" scope>
@import "@/assets/scss/modules/management/list-main.scss";

-.div_search {
+.m-search {
  /deep/ .el-form-item {
    margin-bottom: 14px;
  }
--- a/src/views/components/rangeInput.vue
+++ b/src/views/components/rangeInput.vue
@ -1,11 +1,10 @@
 <template>
  <el-form :model="inputForm"
-          
           class="demo-form-inline">
    <div class="flex-div">
      <el-form-item prop="start">
        <el-input v-model="inputForm.start"
-                  class="item_width_normal"
+                  class="u-item-width-normal"
                  size="small"
                  :type="inputType"
                  clearable
@ -65,7 +64,7 @@ export default {
    }
    return {
      inputForm: { ...this.value },
-     
+
    }
  },
  computed: {
@ -84,7 +83,7 @@ export default {
  },
  methods: {
    handleChange (val) {
-      console.log(this.inputForm );
+      console.log(this.inputForm);
      // if ()
      this.$emit('change', { ...this.inputForm })
    },
--- a/src/views/components/resiChangeRecord.vue
+++ b/src/views/components/resiChangeRecord.vue
@ -1,5 +1,5 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">

    <el-table :data="tableData"
              border
--- a/src/views/components/resiSearch.vue
+++ b/src/views/components/resiSearch.vue
@ -3,14 +3,23 @@
    <!-- <el-card class="resi-card"> -->
    <div>

-      <el-form :inline="true" class="header_form_box" v-for="(item, index) in sliceList(itemList, 4)"
-        :class="boxHeight ? 'setFormBoxHeightAuto' : 'setFormBoxHeight'" :key="index">
-        <el-form-item v-for="n in item" :key="n.id">
+      <el-form :inline="true"
+               class="header_form_box"
+               v-for="(item, index) in sliceList(itemList, 4)"
+               :class="boxHeight ? 'm-form-box-height-auto' : 'm-form-box-height'"
+               :key="index">
+        <el-form-item v-for="n in item"
+                      :key="n.id">
          <div class="resi-cell">
            <div style="width:100px;text-align: right;padding-right:14px ;">{{ n.label }}:</div>
-            <div class="resi-cell-value" :class="n.itemType === 'radio' && 'resi-cell-value-radio'">
-              <el-input v-if="n.itemType === 'input' || n.itemType === 'textarea'" v-model.trim="form[n.columnName]"
-                class="item_width_normal" size="small" clearable placeholder="请输入内容">
+            <div class="resi-cell-value"
+                 :class="n.itemType === 'radio' && 'resi-cell-value-radio'">
+              <el-input v-if="n.itemType === 'input' || n.itemType === 'textarea'"
+                        v-model.trim="form[n.columnName]"
+                        class="u-item-width-normal"
+                        size="small"
+                        clearable
+                        placeholder="请输入内容">
              </el-input>
              <template v-else-if="n.itemType == 'inputRange'">
                <!-- <el-input
@ -20,69 +29,153 @@
                    clearable
                    placeholder="请输入内容"
                  /> -->
-                <inputRange style="height:37px;" v-model="form[n.columnName]" :type="n.validType" @change="handleAgeChange" />
+                <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 style="width:218px ;" v-if="n.queryType === 'daterange'" v-model.trim="timer.startPickerTime"
-                  :picker-options="startPickerOptions" type="date" align="right" unlink-panels placeholder="开始时间"
-                  class="item_width_daterange" size="small" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+                <el-date-picker style="width:218px ;"
+                                v-if="n.queryType === 'daterange'"
+                                v-model.trim="timer.startPickerTime"
+                                :picker-options="startPickerOptions"
+                                type="date"
+                                align="right"
+                                unlink-panels
+                                placeholder="开始时间"
+                                class="u-item-width-daterange"
+                                size="small"
+                                format="yyyy-MM-dd"
+                                value-format="yyyy-MM-dd">
                </el-date-picker>
-                <el-date-picker style="width:219px ;" v-if="n.queryType === 'daterange'" v-model.trim="timer.endPickerTime"
-                  :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 style="width:219px ;"
+                                v-if="n.queryType === 'daterange'"
+                                v-model.trim="timer.endPickerTime"
+                                :picker-options="endPickerOptions"
+                                class="u-item-width-daterange u-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"
-                  size="small" clearable format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期">
+                <el-date-picker v-else
+                                v-model.trim="form[n.columnName]"
+                                class="resi-cell-input"
+                                type="inputRange"
+                                size="small"
+                                clearable
+                                format="yyyy-MM-dd"
+                                value-format="yyyy-MM-dd"
+                                placeholder="选择日期">
                </el-date-picker>
              </template>
-              <el-select v-else-if="n.itemType === 'select' || n.itemType === 'radio'" v-model.trim="form[n.columnName]"
-                placeholder="请选择" size="small" clearable class="item_width_normal"
-                :collapse-tags="n.multiSelect == 1 ? true : false" :multiple="n.multiSelect == 1 ? true : false">
-                <el-option v-for="item in n.options" :key="item.value" :label="item.label" :value="item.value">
+              <el-select v-else-if="n.itemType === 'select' || n.itemType === 'radio'"
+                         v-model.trim="form[n.columnName]"
+                         placeholder="请选择"
+                         size="small"
+                         clearable
+                         class="u-item-width-normal"
+                         :collapse-tags="n.multiSelect == 1 ? true : false"
+                         :multiple="n.multiSelect == 1 ? true : false">
+                <el-option v-for="item in n.options"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
                </el-option>
              </el-select>
-              <el-cascader v-else-if="n.itemType === 'cascader'" v-model.trim="form[n.columnName]" :options="n.options"
-                :props="{ checkStrictly: true }" clearable size="small" class="resi-cell-select">
+              <el-cascader v-else-if="n.itemType === 'cascader'"
+                           v-model.trim="form[n.columnName]"
+                           :options="n.options"
+                           :props="{ checkStrictly: true }"
+                           clearable
+                           size="small"
+                           class="resi-cell-select">
              </el-cascader>
              <template v-else-if="n.itemType === 'checkbox'">
                <el-checkbox-group v-model="form[n.columnName]">
-                  <el-checkbox v-for="ns in n.options" :key="ns.value" :label="ns.value">{{ ns.label }}</el-checkbox>
+                  <el-checkbox v-for="ns in n.options"
+                               :key="ns.value"
+                               :label="ns.value">{{ ns.label }}</el-checkbox>
                </el-checkbox-group>
              </template>
            </div>
          </div>
        </el-form-item>

-        <el-form-item  prop="agencyIdArray">
-          <span style="width:100px;text-align: right;padding-right:14px;display: inline-block; " >所属组织:</span>
-          <el-cascader class="item_width_normal" ref="myCascader" v-model="agencyIdArray" :options="orgOptions"
-            :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency"></el-cascader>
+        <el-form-item prop="agencyIdArray">
+          <span style="width:100px;text-align: right;padding-right:14px;display: inline-block; ">所属组织:</span>
+          <el-cascader class="u-item-width-normal"
+                       ref="myCascader"
+                       v-model="agencyIdArray"
+                       :options="orgOptions"
+                       :props="orgOptionProps"
+                       :show-all-levels="false"
+                       @change="handleChangeAgency"></el-cascader>
        </el-form-item>

-        <el-form-item prop="VILLAGE_ID"  >
+        <el-form-item prop="VILLAGE_ID">
          <div class="resi-cell">
            <div class="resi-cell-value">
-              <span style="width:100px;text-align: right;padding-right:14px;display: inline-block; " >所属房屋:</span>
-              <el-select v-model.trim="form.VILLAGE_ID" placeholder="请选择小区" size="small" filterable clearable
-                class="item_width_communitycascader" @clear="handleClearVillage" @change="handleChangeV">
-                <el-option v-for="item in optionsV" :key="item.value" :label="item.label" :value="item.value">
+              <span style="width:100px;text-align: right;padding-right:14px;display: inline-block; ">所属房屋:</span>
+              <el-select v-model.trim="form.VILLAGE_ID"
+                         placeholder="请选择小区"
+                         size="small"
+                         filterable
+                         clearable
+                         class="u-item-width-communitycascader"
+                         @clear="handleClearVillage"
+                         @change="handleChangeV">
+                <el-option v-for="item in optionsV"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
                </el-option>
              </el-select>
-              <el-select v-model.trim="form.BUILD_ID" placeholder="楼号" size="small" filterable clearable
-                style="margin-left: 5px" class="item_width_buildcascader" :disabled="changeVDisabled" @clear="handleClearBuild"
-                @change="handleChangeB">
-                <el-option v-for="item in optionsB" :key="item.value" :label="item.label" :value="item.value">
+              <el-select v-model.trim="form.BUILD_ID"
+                         placeholder="楼号"
+                         size="small"
+                         filterable
+                         clearable
+                         style="margin-left: 5px"
+                         class="u-item-width-buildcascader"
+                         :disabled="changeVDisabled"
+                         @clear="handleClearBuild"
+                         @change="handleChangeB">
+                <el-option v-for="item in optionsB"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
                </el-option>
              </el-select>
-              <el-select v-model.trim="form.UNIT_ID" :disabled="changeBDisabled" placeholder="单元" size="small"
-                filterable clearable style="margin-left: 5px" class="item_width_buildcascader" @click="handleClearDan"
-                @change="handleChangeD">
-                <el-option v-for="item in optionsD" :key="item.value" :label="item.label" :value="item.value">
+              <el-select v-model.trim="form.UNIT_ID"
+                         :disabled="changeBDisabled"
+                         placeholder="单元"
+                         size="small"
+                         filterable
+                         clearable
+                         style="margin-left: 5px"
+                         class="u-item-width-buildcascader"
+                         @click="handleClearDan"
+                         @change="handleChangeD">
+                <el-option v-for="item in optionsD"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
                </el-option>
              </el-select>
-              <el-select v-model.trim="form.HOME_ID" :disabled="changeDDisabled" placeholder="房号" size="small"
-                filterable clearable style="margin-left: 5px" class="item_width_buildcascader">
-                <el-option v-for="item in optionsH" :key="item.value" :label="item.label" :value="item.value">
+              <el-select v-model.trim="form.HOME_ID"
+                         :disabled="changeDDisabled"
+                         placeholder="房号"
+                         size="small"
+                         filterable
+                         clearable
+                         style="margin-left: 5px"
+                         class="u-item-width-buildcascader">
+                <el-option v-for="item in optionsH"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
                </el-option>
              </el-select>
            </div>
@ -91,30 +184,48 @@
      </el-form>
    </div>

-    <el-row v-if="showSmartSearchForm" class="resi-row-more M_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>
+        <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>

      </el-col>
      <el-col>
-        <smart-search-rule ref="ref_rule" :formType="formType"></smart-search-rule>
+        <smart-search-rule ref="ref_rule"
+                           :formType="formType"></smart-search-rule>
      </el-col>
    </el-row>
-    <el-row v-if="isArrow" class="resi-search">
+    <el-row v-if="isArrow"
+            class="resi-search">

      <el-col :span="24">
-        <el-button type="primary" size="small" plain class="diy-button--blue"
-          @click="handleSmartSearch">智能查询</el-button>
-        <el-button style="margin-left:10px" size="small" class="diy-button--white" type="primary" plain
-          @click="resetForm">重置</el-button>
-        <el-button type="primary" size="small" class="diy-button--blue" @click="handleSearch" plain>查询 </el-button>
-        <el-button style="margin-left:15px" size="small" class="div-table-button--blue showUnfold" type="text"
-          @click="boxHeight = !boxHeight">{{ boxHeight ? '收起' : '展开' }}<i
-            :class="boxHeight ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i></el-button>
+        <el-button type="primary"
+                   size="small"
+                   plain
+                   class="diy-button--blue"
+                   @click="handleSmartSearch">智能查询</el-button>
+        <el-button style="margin-left:10px"
+                   size="small"
+                   class="diy-button--white"
+                   type="primary"
+                   plain
+                   @click="resetForm">重置</el-button>
+        <el-button type="primary"
+                   size="small"
+                   class="diy-button--blue"
+                   @click="handleSearch"
+                   plain>查询 </el-button>
+        <el-button style="margin-left:15px"
+                   size="small"
+                   class="div-table-button--blue showUnfold"
+                   type="text"
+                   @click="boxHeight = !boxHeight">{{ boxHeight ? '收起' : '展开' }}<i :class="boxHeight ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i></el-button>
      </el-col>
    </el-row>

@ -147,7 +258,7 @@ export default {
      default: false
    }
  },
-  data() {
+  data () {
    let initForm = (arr, columnName) => {
      let _form = {}
      // console.log('formInfo', obj)
@ -253,7 +364,7 @@ export default {
        shortcuts: [
          {
            text: '最近一周',
-            onClick(picker) {
+            onClick (picker) {
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
@ -262,7 +373,7 @@ export default {
          },
          {
            text: '最近一个月',
-            onClick(picker) {
+            onClick (picker) {
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
@ -271,7 +382,7 @@ export default {
          },
          {
            text: '最近三个月',
-            onClick(picker) {
+            onClick (picker) {
              const end = new Date()
              const start = new Date()
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
@ -392,7 +503,7 @@ export default {
    }
  },
  computed: {
-    sliceList() {
+    sliceList () {
      return function (data, count) {
        // 接收
        if (data !== undefined) {
@ -410,19 +521,19 @@ export default {
        }
      }
    },
-    changeVDisabled() {
+    changeVDisabled () {
      return !this.form.VILLAGE_ID
    },
-    changeBDisabled() {
+    changeBDisabled () {
      return !this.form.BUILD_ID
    },
-    changeDDisabled() {
+    changeDDisabled () {
      return !this.form.UNIT_ID
    },
  },
  watch: {
    form: {
-      handler(val, val2) {
+      handler (val, val2) {
        // console.log('valpppp----', val, val2)
        for (let n in val) {
          if (this.constForm[n] !== val[n]) {
@ -435,14 +546,14 @@ export default {
      deep: true
    },
    timer: {
-      handler(newVal) {
+      handler (newVal) {
        this.handelWatchStartDate(newVal)
      },
      deep: true,
      immediate: true
    }
  },
-  created() {
+  created () {
    // this.initForm()
    // console.log('formcccc---', this.form)
    this.getOrgTreeList()
@ -451,39 +562,39 @@ export default {
    if (this.columnName) this.handleChangeForm(this.columnName)
  },
  methods: {
-    handleSmartSearch() {
+    handleSmartSearch () {
      this.showSmartSearchForm = !this.showSmartSearchForm
    },
-    handelSelSmartBtn(index) {
+    handelSelSmartBtn (index) {

      this.selBtnIndex = index
    },
-    handelWatchStartDate(val) {
+    handelWatchStartDate (val) {
      return val
    },
-    initForm() {
+    initForm () {
      this.formList.forEach((item) => {
        this.$set(this.form, item.columnName, '')
      })
      console.log('formcccc---', this.form)
    },
-    computdSpan(len) {
+    computdSpan (len) {
      return len == 1 ? 24 : 6
    },
-    handleClearVillage() {
+    handleClearVillage () {
      this.form.BUILD_ID = ''
      this.form.HOME_ID = ''
    },
-    handleClearBuild() {
+    handleClearBuild () {
      this.form.BUILD_ID = ''
      this.form.UNIT_ID = ''
      this.form.HOME_ID = ''
    },
-    handleClearDan() {
+    handleClearDan () {
      this.form.UNIT_ID = ''
      this.form.HOME_ID = ''
    },
-    resetForm(formName) {
+    resetForm (formName) {
      for (const n in this.form) {
        if (n == 'age') {
          this.form.age = {
@ -503,7 +614,7 @@ export default {
      // this.handleSearch()
      // this.orgOptions = [];
    },
-    handleSearch() {
+    handleSearch () {
      if (this.showSmartSearchForm) {
        let refObj = this.$refs['ref_rule']
        refObj.getRule()
@ -545,34 +656,34 @@ export default {
        } else {
          let i = arr3.findIndex(item => item.columnName == 'BIRTHDAY')
          console.log(i, '标');
-          arr3 = arr3.splice(i,1)
+          arr3 = arr3.splice(i, 1)
          console.log(arr3);
        }
        this.$emit('search', arr3)
        arr3 = []
        return arr3
-       
+
      }

    },
-    handleOpenSearch() {
+    handleOpenSearch () {
      this.openSearch = !this.openSearch
    },
-    handleAgeChange(val) {
+    handleAgeChange (val) {
      // debugger
      console.log('val----age---', val)
      // console.log(v);
-     if(val.start){
-      const s = this.computedBirth1(val.start)
-      const e = this.computedBirth(val.start)
-      this.form.BIRTHDAY = [s, e]
-     }else {
-      this.form.BIRTHDAY = []
-      return
-     }
-     
-    },
-    handleChangeAgency(val) {
+      if (val.start) {
+        const s = this.computedBirth1(val.start)
+        const e = this.computedBirth(val.start)
+        this.form.BIRTHDAY = [s, e]
+      } else {
+        this.form.BIRTHDAY = []
+        return
+      }
+
+    },
+    handleChangeAgency (val) {
      let obj = this.$refs["myCascader"].getCheckedNodes()[0].data
      if (obj) {
        if (obj.level === 'grid') {
@ -594,7 +705,7 @@ export default {
      this.form.HOME_ID = ''
      this.getValiheList()
    },
-    handleChangeGrid(val) {
+    handleChangeGrid (val) {
      console.log('val', val)
      this.form.VILLAGE_ID = ''
      this.form.BUILD_ID = ''
@ -602,26 +713,26 @@ export default {
      this.form.HOME_ID = ''
      this.getValiheList()
    },
-    handleChangeV(val) {
+    handleChangeV (val) {
      console.log('val', val)
      this.form.BUILD_ID = ''
      this.form.UNIT_ID = ''
      this.form.HOME_ID = ''
      this.getBuildList()
    },
-    handleChangeB(val) {
+    handleChangeB (val) {
      console.log('val', val)
      this.form.UNIT_ID = ''
      this.form.HOME_ID = ''
      this.getUniList()
    },
-    handleChangeD(val) {
+    handleChangeD (val) {
      console.log('val', val)
      this.form.HOME_ID = ''
      this.getHouseList()
    },
    // 监听基础form
-    handleChangeForm(val) {
+    handleChangeForm (val) {
      for (let n in this.fixedForm) {
        if (n === val) {
          if (this.fixedList.length > 0) {
@ -660,7 +771,7 @@ export default {
        if (item.columnName === val) item.isChange = true
      })
    },
-    getOrgTreeList() {
+    getOrgTreeList () {
      const { user } = this.$store.state
      this.$http
        .post('/gov/org/customeragency/agencygridtree', {})
@ -677,7 +788,7 @@ export default {
          return this.$message.error('网络错误')
        })
    },
-    getGridList() {
+    getGridList () {
      const { user } = this.$store.state
      this.$http
        .post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' })
@ -693,7 +804,7 @@ export default {
          return this.$message.error('网络错误')
        })
    },
-    getValiheList() {
+    getValiheList () {
      const { user } = this.$store.state
      this.$http
        .post('/gov/org/icneighborhood/neighborhoodoption', {
@ -713,7 +824,7 @@ export default {
          return this.$message.error('网络错误')
        })
    },
-    getBuildList() {
+    getBuildList () {
      this.$http
        .post('/gov/org/icbuilding/buildingoption', {
          neighborHoodId: this.form.VILLAGE_ID
@ -730,7 +841,7 @@ export default {
          return this.$message.error('网络错误')
        })
    },
-    getUniList() {
+    getUniList () {
      this.$http
        .post('/gov/org/icbuildingunit/unitoption', {
          buildingId: this.form.BUILD_ID
@ -747,7 +858,7 @@ export default {
          return this.$message.error('网络错误')
        })
    },
-    getHouseList() {
+    getHouseList () {
      this.$http
        .post('/gov/org/ichouse/houseoption', { unitId: this.form.UNIT_ID })
        .then(({ data: res }) => {
@ -762,7 +873,7 @@ export default {
          return this.$message.error('网络错误')
        })
    },
-    computedBirth(age) {
+    computedBirth (age) {
      let now = new Date();
      let nowYear = now.getFullYear();
      let nowMonth = now.getMonth() + 1;
@ -776,7 +887,7 @@ export default {
      }
      return subYear + '-' + nowMonth + '-' + nowDay
    },
-    computedBirth1(age) {
+    computedBirth1 (age) {
      let now = new Date();
      let nowYear = now.getFullYear();
      let nowMonth = now.getMonth() + 1;
@ -798,8 +909,6 @@ export default {
@import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/visual/communityManage.scss";

-
-
 .header_form_box {
  display: flex;
  flex-wrap: wrap;
--- a/src/views/components/scoreRecord.vue
+++ b/src/views/components/scoreRecord.vue
@ -1,5 +1,5 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">

    <el-form :inline="true"
             :model="formData"
@ -60,7 +60,7 @@
                       header-align="center"
                       align="center"
                       label="需求内容"
-                        :show-overflow-tooltip="true"
+                       :show-overflow-tooltip="true"
                       min-width="230">
      </el-table-column>

@ -307,7 +307,7 @@ export default {
 <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";

-.div_main {
+.g-main {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
@ -315,7 +315,7 @@ export default {
  padding: 23px 30px 10px;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -329,7 +329,7 @@ export default {
  width: 495px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/base/category/main.vue
+++ b/src/views/modules/base/category/main.vue
@ -1,6 +1,6 @@
 <template>

-  <div class="div_main">
+  <div class="g-main">
    <div v-if="!showAddForm">
      <div class="div_tip">
        类别信息
--- a/src/views/modules/base/collect.vue
+++ b/src/views/modules/base/collect.vue
@ -1,8 +1,8 @@
 <template>
  <div>
-    <div class="div_main">
+    <div class="g-main">
      <div ref="searchDiv"
-           class="div_search">
+           class="m-search">
        <el-form ref="searchForm"
                 :inline="true"
                 :model="fmData">
@ -16,7 +16,7 @@
            placeholder="所在社区"
            size="small"
            clearable
-            class="item_width_normal"
+            class="u-item-width-normal"
          >
            <el-option
              v-for="item in communityList"
@ -30,7 +30,7 @@
          <el-form-item label="居住地址"
                        prop="address">
            <el-input v-model="fmData.address"
-                      class="item_width_normal"
+                      class="u-item-width-normal"
                      size="small"
                      clearable
                      placeholder="请输入">
@ -39,7 +39,7 @@
          <el-form-item label="户籍地址"
                        prop="domicilePlace">
            <el-input v-model="fmData.domicilePlace"
-                      class="item_width_normal"
+                      class="u-item-width-normal"
                      size="small"
                      clearable
                      placeholder="请输入">
@ -51,7 +51,7 @@
                            type="daterange"
                            clearable
                            size="small"
-                            class="item_width_daterange2"
+                            class="u-item-width-daterange2"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
@ -59,7 +59,7 @@
            </el-date-picker>
          </el-form-item>

-          <div class="div_search_btn">
+          <div class="u-search-btn">
            <el-button class="diy-button--white"
                       size="small"
                       @click="resetForm('searchForm')">重置</el-button>
@ -72,13 +72,13 @@

        </el-form>
      </div>
-      <div class="div_table">
-        <div class="div_btn">
-          <div class="div_btn_left">
-            <el-button @click="handleChu"
-                       class="diy-button--white"
-                       size="small">导出</el-button>
-          </div>
+      <div class="m-table">
+        <div class="u-table-btn1">
+
+          <el-button @click="handleChu"
+                     class="diy-button--white"
+                     size="small">导出</el-button>
+
        </div>
        <el-table :data="tableData"
                  border
@ -349,7 +349,7 @@
          </el-table-column>
        </el-table>

-        <div class="div_btn">
+        <div class="u-table-btn1">
          <el-button @click="formShow = false">{{ $t('cancel') }}</el-button>
          <el-button v-if="dialogType == 'check'"
                     class="diy-button--blue"
--- a/src/views/modules/base/community/buildTable.vue
+++ b/src/views/modules/base/community/buildTable.vue
@ -1,15 +1,15 @@
 <template>
-  <div class="div_table">
+  <div class="m-table">

-    <div class="div_btn">
-      <div class="div_btn_left">
+    <div class="u-table-btn2">
+      <div class="u-table-btn2-left">
        <el-button style=""
                   class="diy-button--blue"
                   icon="el-icon-plus"
                   size="small"
                   @click="handleAdd">新增楼栋</el-button>

-        <div class="btn_upload"
+        <div class="u-btn-upload"
             v-if="showImportBtn">

          <el-popover popper-class="btn-popper"
@ -68,7 +68,7 @@
                   @click="deleteBatch">批量删除</el-button>
      </div>

-      <div class="div_btn_right">
+      <div>
        <el-popover popper-class="btn-popper"
                    placement="bottom"
                    style="margin-left: 10px"
--- a/src/views/modules/base/community/community.vue
+++ b/src/views/modules/base/community/community.vue
@ -1,5 +1,5 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">

    <div :style="{height:rowHeight}"
         class="div_tree">
@ -38,18 +38,17 @@
    <div :style="{height:rowHeight}"
         class=div_left>

-      <div class="div_search hflex">
+      <div class="m-search hflex">

        <el-form :inline="true"
                 class="communityHeight"
                 ref="ref_searchform"
-                 :class="boxHeight ? 'setFormBoxHeightAuto' : 'setFormBoxHeight'"
                 :label-width="'100px'">
-          <!-- <div class="search_form"> -->
+
          <el-form-item label="房主姓名"
                        prop="ownerName">
            <el-input v-model="ownerName"
-                      class="item_width_normal"
+                      class="u-item-width-normal"
                      size="small"
                      clearable
                      placeholder="请输入内容">
@ -59,7 +58,7 @@
          <el-form-item label="联系方式"
                        prop="ownerPhone">
            <el-input v-model="ownerPhone"
-                      class="item_width_normal"
+                      class="u-item-width-normal"
                      size="small"
                      clearable
                      placeholder="请输入手机">
@ -69,7 +68,7 @@

          <el-form-item label="房屋状态"
                        prop="rentFlag">
-            <el-select class="item_width_normal"
+            <el-select class="u-item-width-normal"
                       v-model="rentFlag"
                       placeholder="请选择"
                       size="small"
@ -85,7 +84,7 @@
          <el-form-item label="房屋用途"
                        prop="purpose">
            <el-select v-model="purpose"
-                       class="item_width_normal"
+                       class="u-item-width-normal"
                       placeholder="请选择"
                       size="small"
                       clearable>
@ -102,17 +101,17 @@
                        prop="updateStartDate">
            <el-date-picker v-model="updateStartDate"
                            :picker-options="startPickerOptions"
-                            class="item_width_daterange"
+                            class="u-item-width-daterange"
                            size="small"
                            type="date"
                            value-format="yyyyMMdd"
                            value="yyyy-MM-dd"
                            placeholder="开始时间">
            </el-date-picker>
-            <span class="data-tag">至</span>
+            <span class="u-data-tag">至</span>
            <el-date-picker v-model="updateEndDate"
                            :picker-options="endPickerOptions"
-                            class="item_width_daterange data-tag"
+                            class="u-item-width-daterange u-data-tag"
                            size="small"
                            type="date"
                            value-format="yyyyMMdd"
@ -123,7 +122,7 @@
          <el-form-item label="备注"
                        prop="remark">
            <el-input v-model="remark"
-                      class="item_width_normal"
+                      class="u-item-width-normal"
                      size="small"
                      clearable
                      placeholder="请输入备注">
@ -137,7 +136,7 @@
                       placeholder="小区"
                       size="small"
                       clearable
-                       class="item_width_communitycascader"
+                       class="u-item-width-communitycascader"
                       @change="handleChangeV">
              <el-option v-for="item in optionsV"
                         :key="item.value"
@ -150,7 +149,7 @@
                       :disabled="!neighborHoodId || bDisabled"
                       size="small"
                       clearable
-                       class="item_width_buildcascader"
+                       class="u-item-width-buildcascader"
                       style="margin-left:5px"
                       @change="handleChangeB">
              <el-option v-for="item in optionsB"
@ -164,7 +163,7 @@
                       size="small"
                       :disabled="!buildingId"
                       clearable
-                       class="item_width_buildcascader"
+                       class="u-item-width-buildcascader"
                       style="margin-left:5px"
                       @change="handleChangeD">
              <el-option v-for="item in optionsD"
@ -178,7 +177,7 @@
                       :disabled="!buildingUnitId"
                       size="small"
                       clearable
-                       class="item_width_buildcascader"
+                       class="u-item-width-buildcascader"
                       style="margin-left:5px">
              <el-option v-for="item in optionsH"
                         :key="item.value"
@ -189,7 +188,7 @@
          </el-form-item>

          <!-- </div> -->
-          <div class="div_search_btn">
+          <div class="u-search-btn">
            <el-button size="small"
                       class="diy-button--white"
                       @click="resetSearch">重置</el-button>
@ -207,7 +206,7 @@
        <!-- <el-row class="flex endpoint">
          <el-col :span="24">
            <span></span>
-            <div class="div_search_btn">
+            <div class="u-search-btn">
              <el-button size="small"
                         class="diy-button--white"
                         @click="resetSearch">重置</el-button>
@ -830,10 +829,10 @@ export default {
 </style>

 <style lang="scss" scoped >
-.div_search ::v-deep .el-row {
+.m-search ::v-deep .el-row {
  margin-right: 0;
 }
-.div_main {
+.g-main {
  display: flex;
 }
 .scrollar {
--- a/src/views/modules/base/community/communityTable.vue
+++ b/src/views/modules/base/community/communityTable.vue
@ -1,16 +1,16 @@
 <template>
-  <div class="div_table">
+  <div class="m-table">

-    <div class="div_btn">
+    <div class="u-table-btn2">

-      <div class="div_btn_left">
+      <div class="u-table-btn2-left">
        <el-button style=""
                   size="small"
                   class="diy-button--blue"
                   icon="el-icon-plus"
                   @click="handleAdd">新增小区</el-button>

-        <div class="btn_upload">
+        <div class="u-btn-upload">

          <el-popover v-if="showImportBtn"
                      popper-class="btn-popper"
@ -89,7 +89,7 @@
                 :disabled="yihuyidangDisabled"
                 @click="handleExportYihuyidang()">导出一户一档</el-button> -->
      </div>
-      <div class="div_btn_right">
+      <div>
        <el-popover popper-class="btn-popper"
                    placement="bottom"
                    style="margin-left: 10px"
--- a/src/views/modules/base/community/roomTable.vue
+++ b/src/views/modules/base/community/roomTable.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_table">
-    <div class="div_btn">
-      <div class="div_btn_left">
+  <div class="m-table">
+    <div class="u-table-btn2">
+      <div class="u-table-btn2-left">
        <el-button v-if="agencyObj.level === 'building' || source !== 'search'"
                   v-show="btnAuths.ic_house_add"
                   class="diy-button--blue"
@ -9,7 +9,7 @@
                   size="small"
                   @click="handleAdd">新增房屋</el-button>

-        <div class="btn_upload"
+        <div class="u-btn-upload"
             v-if="showImportBtn">

          <el-popover popper-class="btn-popper"
@ -58,7 +58,7 @@

      </div>

-      <div class="div_btn_right">
+      <div>
        <el-popover popper-class="btn-popper"
                    placement="bottom"
                    style="margin-left: 10px"
--- a/src/views/modules/base/epidemic/antiInfo.vue
+++ b/src/views/modules/base/epidemic/antiInfo.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
-    <div ref="div_search"
-         class="div_search">
+  <div class="g-main">
+    <div ref="m-search"
+         class="m-search">
      <el-form :inline="true"
               :model="searchForm"
               ref="ref_searchform"
@ -175,7 +175,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">

        <el-button style="float:left;margin-left:10px"
@ -574,7 +574,7 @@ export default {
    // this.getGridList()
    this.getValiheList()
    await this.loadTable()
-    this.sHeight = this.$refs.div_search.offsetHeight + 270
+    this.sHeight = this.$refs.g - search.offsetHeight + 270
  },
  activated () {
    this.$refs['ref_table'].doLayout()
--- a/src/views/modules/base/epidemic/epidRisk/risk.vue
+++ b/src/views/modules/base/epidemic/epidRisk/risk.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
-    <div ref="div_search"
-         class="div_search">
+  <div class="g-main">
+    <div ref="m-search"
+         class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -44,7 +44,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button class="diy-button--add"
                   size="small"
@ -247,7 +247,7 @@ export default {

    await this.getDangerLevel()
    await this.loadTable()
-    this.sHeight = this.$refs.div_search.offsetHeight + 270
+    this.sHeight = this.$refs.g - search.offsetHeight + 270
  },

  methods: {
--- a/src/views/modules/base/epidemic/natFocus/natFocusList.vue
+++ b/src/views/modules/base/epidemic/natFocus/natFocusList.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -145,7 +145,7 @@
      </el-form>
    </div>

-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button v-if="btnAuths.focus_groups_add"
                   class="diy-button--add"
--- a/src/views/modules/base/epidemic/natFocus/natFocusListHistory.vue
+++ b/src/views/modules/base/epidemic/natFocus/natFocusListHistory.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -145,7 +145,7 @@
      </el-form>
    </div>

-    <div class="div_table">
+    <div class="m-table">
      <el-table ref="ref_table"
                class="table"
                :data="tableData"
--- a/src/views/modules/base/epidemic/natInfo/natList.vue
+++ b/src/views/modules/base/epidemic/natInfo/natList.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -107,7 +107,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button v-if="btnAuths.ic_nat_add"
                   class="diy-button--add"
--- a/src/views/modules/base/epidemic/natInfo/noNatList.vue
+++ b/src/views/modules/base/epidemic/natInfo/noNatList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div ref="ref_search"
-         class="div_search">
+         class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -113,7 +113,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <!-- <el-button class="diy-button--add"
                   size="small"
--- a/src/views/modules/base/epidemic/travel.vue
+++ b/src/views/modules/base/epidemic/travel.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
-    <div ref="div_search"
-         class="div_search">
+  <div class="g-main">
+    <div ref="m-search"
+         class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -80,7 +80,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button v-if="btnAuths.tripreport_add"
                   class="diy-button--add"
@ -491,7 +491,7 @@ export default {


    await this.loadTable()
-    this.sHeight = this.$refs.div_search.offsetHeight + 270
+    this.sHeight = this.$refs.g - search.offsetHeight + 270
  },

  methods: {
--- a/src/views/modules/base/epidemic/travelPanshi/travelPanshi.vue
+++ b/src/views/modules/base/epidemic/travelPanshi/travelPanshi.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
-    <div ref="div_search"
-         class="div_search">
+  <div class="g-main">
+    <div ref="m-search"
+         class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -107,7 +107,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button v-if="btnAuths.tripreport_add"
                   class="diy-button--add"
@ -512,7 +512,7 @@ export default {

    this.getDangerLevel()
    await this.loadTable()
-    this.sHeight = this.$refs.div_search.offsetHeight + 270
+    this.sHeight = this.$refs.g - search.offsetHeight + 270
  },

  methods: {
--- a/src/views/modules/base/epidemic/unitEpid/crowdEpidList.vue
+++ b/src/views/modules/base/epidemic/unitEpid/crowdEpidList.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -45,7 +45,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">

      <el-table class="table"
                ref="ref_table"
--- a/src/views/modules/base/epidemic/unitEpid/staffEpidDetail.vue
+++ b/src/views/modules/base/epidemic/unitEpid/staffEpidDetail.vue
@ -12,7 +12,7 @@
      <div v-if="initLoading"
           class="m-row"
           style="margin-top:40px">
-        <div class="div_table">
+        <div class="m-table">

          <el-table class="table"
                    ref="ref_table"
--- a/src/views/modules/base/epidemic/unitEpid/staffEpidList.vue
+++ b/src/views/modules/base/epidemic/unitEpid/staffEpidList.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -105,7 +105,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">

      <el-table class="table"
                ref="ref_table"
--- a/src/views/modules/base/epidemic/vaccin.vue
+++ b/src/views/modules/base/epidemic/vaccin.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -90,7 +90,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button v-if="btnAuths.vaccine_add"
                   class="diy-button--add"
--- a/src/views/modules/base/epidemic/veroFocus/veroFocusAdd.vue
+++ b/src/views/modules/base/epidemic/veroFocus/veroFocusAdd.vue
@ -151,10 +151,10 @@
                                value-format="yyyy-MM-dd"
                                placeholder="开始时间">
                </el-date-picker>
-                <span class="data-tag">至</span>
+                <span class="u-data-tag">至</span>
                <el-date-picker v-model="endDate"
                                :picker-options="endPickerOptions"
-                                class="item_width_3 data-tag"
+                                class="item_width_3 u-data-tag"
                                size="mini"
                                type="date"
                                format="yyyy-MM-dd"
@ -862,7 +862,7 @@ export default {
 <style lang="scss" scoped >
@import "@/assets/scss/modules/management/epidemic.scss";

-.data-tag {
+.u-data-tag {
  margin-left: 10px;
 }
 </style>
--- a/src/views/modules/base/epidemic/veroFocus/veroFocusList.vue
+++ b/src/views/modules/base/epidemic/veroFocus/veroFocusList.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -134,7 +134,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button v-if="btnAuths.special_attention_add"
                   class="diy-button--add"
--- a/src/views/modules/base/huji/chusheng/index.vue
+++ b/src/views/modules/base/huji/chusheng/index.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div ref="searchDiv"
-         class="div_search">
+         class="m-search">
      <el-form ref="searchForm"
               :inline="true"
               :model="fmData"
@ -14,7 +14,7 @@
                     placeholder="请选择"
                     size="small"
                     clearable
-                     class="item_width_normal"
+                     class="u-item-width-normal"
                     @change="handleChangeGrid">
            <el-option v-for="item in optionsG"
                       :key="item.value"
@ -31,7 +31,7 @@
                     placeholder="请选择小区"
                     size="small"
                     clearable
-                     class="item_width_communitycascader"
+                     class="u-item-width-communitycascader"
                     @clear="handleClearVillage"
                     @change="handleChangeV">
            <el-option v-for="item in optionsV"
@ -44,7 +44,7 @@
                     placeholder="楼号"
                     size="small"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     :disabled="changeVDisabled"
                     @clear="handleClearBuild"
@ -60,7 +60,7 @@
                     placeholder="单元"
                     size="small"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     @click="handleClearDan"
                     @change="handleChangeD">
@ -75,7 +75,7 @@
                     placeholder="房号"
                     size="small"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px">
            <el-option v-for="item in optionsH"
                       :key="item.value"
@ -89,7 +89,7 @@
        <el-form-item label="姓名"
                      prop="name">
          <el-input v-model="fmData.name"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -99,7 +99,7 @@
        <el-form-item label="手机号"
                      prop="mobile">
          <el-input v-model="fmData.mobile"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -109,7 +109,7 @@
        <el-form-item label="证件号"
                      prop="idCard">
          <el-input v-model="fmData.idCard"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入证件号">
@ -120,7 +120,7 @@
                      prop="birthdayTime">
          <el-date-picker v-model="fmData.birthdayTime"
                          type="daterange"
-                          class="item_width_daterange2"
+                          class="u-item-width-daterange2"
                          range-separator="至"
                          start-placeholder="开始日期"
                          end-placeholder="结束日期"
@ -134,7 +134,7 @@
                     placeholder="请选择"
                     size="small"
                     clearable
-                     class="item_width_normal">
+                     class="u-item-width-normal">
            <el-option v-for="item in optionsWelfare"
                       :key="item.value"
                       :label="item.label"
@ -143,7 +143,7 @@
          </el-select>
        </el-form-item>

-        <div class="div_search_btn">
+        <div class="u-search-btn">
          <el-button class="diy-button--white"
                     size="small"
                     @click="resetForm('searchForm')">重置</el-button>
@ -156,41 +156,41 @@
      </el-form>

    </div>
-    <div class="div_table">
-      <div class="div_btn">
-        <div class="div_btn_left">
-          <el-button class="diy-button--blue"
-                     icon="el-icon-plus"
-                     size="small"
-                     @click="handleAdd">出生登记</el-button>
-          <el-button v-if="false"
-                     class="diy-button--white"
-                     size="small"
-                     @click="handleExportModule('room')">下载模板</el-button>
-          <el-upload :headers="$getElUploadHeaders()"
-                     v-if="false"
-                     ref="upload"
-                     class="upload-btn"
-                     action="uploadUlr"
-                     :limit="1"
-                     :accept="'.xls,.xlsx'"
-                     :with-credentials="true"
-                     :show-file-list="false"
-                     :auto-upload="true"
-                     :on-progress="handleProgress"
-                     :on-success="handleExcelSuccess"
-                     :before-upload="beforeExcelUpload"
-                     :http-request="uploadHttpRequest">
-            <el-button size="small"
-                       class="diy-button--white"
-                       :loading="importLoading">{{ importBtnTitle }}</el-button>
-          </el-upload>
-
-          <el-button @click="handleChu"
+    <div class="m-table">
+      <div class="u-table-btn1">
+
+        <el-button class="diy-button--blue"
+                   icon="el-icon-plus"
+                   size="small"
+                   @click="handleAdd">出生登记</el-button>
+        <el-button v-if="false"
+                   class="diy-button--white"
+                   size="small"
+                   @click="handleExportModule('room')">下载模板</el-button>
+        <el-upload :headers="$getElUploadHeaders()"
+                   v-if="false"
+                   ref="upload"
+                   class="upload-btn"
+                   action="uploadUlr"
+                   :limit="1"
+                   :accept="'.xls,.xlsx'"
+                   :with-credentials="true"
+                   :show-file-list="false"
+                   :auto-upload="true"
+                   :on-progress="handleProgress"
+                   :on-success="handleExcelSuccess"
+                   :before-upload="beforeExcelUpload"
+                   :http-request="uploadHttpRequest">
+          <el-button size="small"
                     class="diy-button--white"
-                     size="small">导出</el-button>
-        </div>
+                     :loading="importLoading">{{ importBtnTitle }}</el-button>
+        </el-upload>
+
+        <el-button @click="handleChu"
+                   class="diy-button--white"
+                   size="small">导出</el-button>
      </div>
+
      <el-table :data="tableData"
                border
                class="div_table_item"
--- a/src/views/modules/base/huji/houseChange/houseChangeList.vue
+++ b/src/views/modules/base/huji/houseChange/houseChangeList.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -118,7 +118,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">

      <el-table ref="ref_table"
                class="table"
--- a/src/views/modules/base/huji/immigration/index.vue
+++ b/src/views/modules/base/huji/immigration/index.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div ref="searchForm"
-         class="div_search">
+         class="m-search">

      <el-form :inline="true"
               :model="fmData"
@ -14,7 +14,7 @@
                     placeholder="请选择网格"
                     size="small"
                     clearable
-                     class="item_width_normal"
+                     class="u-item-width-normal"
                     @change="handleChangeGrid">
            <el-option v-for="item in optionsG"
                       :key="item.value"
@ -30,7 +30,7 @@
                     placeholder="请选择小区"
                     size="small"
                     clearable
-                     class="item_width_communitycascader"
+                     class="u-item-width-communitycascader"
                     @change="handleChangeV">
            <el-option v-for="item in optionsV"
                       :key="item.value"
@ -44,7 +44,7 @@
                     size="small"
                     clearable
                     :disabled="changeVDisabled"
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     @change="handleChangeB">
            <el-option v-for="item in optionsB"
@ -59,7 +59,7 @@
                     size="small"
                     clearable
                     :disabled="changeBDisabled"
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     @change="handleChangeD">
            <el-option v-for="item in optionsD"
@ -74,7 +74,7 @@
                     size="small"
                     clearable
                     :disabled="changeDDisabled"
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px">
            <el-option v-for="item in optionsH"
                       :key="item.value"
@ -88,7 +88,7 @@
        <el-form-item label="姓名"
                      prop="name">
          <el-input v-model="fmData.name"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -98,7 +98,7 @@
        <el-form-item label="手机号"
                      prop="mobile">
          <el-input v-model="fmData.mobile"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -108,7 +108,7 @@
        <el-form-item label="证件号"
                      prop="idCard">
          <el-input v-model="fmData.idCard"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -123,7 +123,7 @@
                          start-placeholder="开始日期"
                          end-placeholder="结束日期"
                          value-format="yyyy-MM-dd"
-                          class="item_width_daterange2">
+                          class="u-item-width-daterange2">
          </el-date-picker>
        </el-form-item>

@ -133,7 +133,7 @@
                     placeholder="享受福利"
                     size="small"
                     clearable
-                     class="item_width_normal">
+                     class="u-item-width-normal">
            <el-option v-for="item in optionsWelfare"
                       :key="item.value"
                       :label="item.label"
@ -142,7 +142,7 @@
          </el-select>
        </el-form-item>

-        <div class="div_search_btn">
+        <div class="u-search-btn">
          <el-button class="diy-button--white"
                     size="small"
                     @click="resetForm('searchForm')">重置</el-button>
@ -155,41 +155,41 @@

      </el-form>
    </div>
-    <div class="div_table">
-      <div class="div_btn">
-        <div class="div_btn_left">
-          <el-button class="diy-button--blue"
-                     icon="el-icon-plus"
-                     size="small"
-                     @click="handleAdd">迁入登记</el-button>
-          <el-button v-if="false"
-                     class="diy-button--white"
-                     size="small"
-                     @click="handleExportModule('room')">下载模板</el-button>
-          <el-upload :headers="$getElUploadHeaders()"
-                     v-if="false"
-                     ref="upload"
-                     class="upload-btn"
-                     action="uploadUlr"
-                     :limit="1"
-                     :accept="'.xls,.xlsx'"
-                     :with-credentials="true"
-                     :show-file-list="false"
-                     :auto-upload="true"
-                     :on-progress="handleProgress"
-                     :on-success="handleExcelSuccess"
-                     :before-upload="beforeExcelUpload"
-                     :http-request="uploadHttpRequest">
-            <el-button size="small"
-                       class="diy-button--white"
-                       :loading="importLoading">{{ importBtnTitle }}</el-button>
-          </el-upload>
-
-          <el-button @click="handleChu"
+    <div class="m-table">
+      <div class="u-table-btn1">
+
+        <el-button class="diy-button--blue"
+                   icon="el-icon-plus"
+                   size="small"
+                   @click="handleAdd">迁入登记</el-button>
+        <el-button v-if="false"
+                   class="diy-button--white"
+                   size="small"
+                   @click="handleExportModule('room')">下载模板</el-button>
+        <el-upload :headers="$getElUploadHeaders()"
+                   v-if="false"
+                   ref="upload"
+                   class="upload-btn"
+                   action="uploadUlr"
+                   :limit="1"
+                   :accept="'.xls,.xlsx'"
+                   :with-credentials="true"
+                   :show-file-list="false"
+                   :auto-upload="true"
+                   :on-progress="handleProgress"
+                   :on-success="handleExcelSuccess"
+                   :before-upload="beforeExcelUpload"
+                   :http-request="uploadHttpRequest">
+          <el-button size="small"
                     class="diy-button--white"
-                     size="small">导出</el-button>
-        </div>
+                     :loading="importLoading">{{ importBtnTitle }}</el-button>
+        </el-upload>
+
+        <el-button @click="handleChu"
+                   class="diy-button--white"
+                   size="small">导出</el-button>
      </div>
+
      <div class="div_table_item">
        <el-table :data="tableData"
                  border
--- a/src/views/modules/base/resi.vue
+++ b/src/views/modules/base/resi.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <!-- <el-collapse v-if="openSearch"
                   v-model="activeNames">
        <el-collapse-item v-for="item in searchList"
@ -47,7 +47,7 @@
      </div> -->
    </div>

-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <div class="div_btn_left">
          <el-button v-if="btnAuths.ic_resi_add"
@ -338,11 +338,10 @@
                @close="handleDiyClose"></diy-info>
    </el-dialog>
    <people-detail v-if="showedPeopleMoreInfo && lookInfo.userId"
-            
-                 :view_real_data="btnAuths.ic_resi_view_real_data"
-                 :userId="lookInfo.userId"
-                 :gridName="lookInfo.gridName"
-                 @close="handleCancleLook" />
+                   :view_real_data="btnAuths.ic_resi_view_real_data"
+                   :userId="lookInfo.userId"
+                   :gridName="lookInfo.gridName"
+                   @close="handleCancleLook" />
    <baobiao ref="baobiao" />

    <!-- 迁出登记 -->
@ -361,13 +360,13 @@
    <el-dialog :visible.sync="deathShow"
               :close-on-click-modal="false"
               :close-on-press-escape="false"
-            
               :title="'死亡登记'"
               width="950px"
               top="5vh"
               class="dialog-h"
               @closed="diaClose">
-      <resideath-add ref="ref_death"    :resideathAddObj="resideathAddObj1"
+      <resideath-add ref="ref_death"
+                     :resideathAddObj="resideathAddObj1"
                     @dialogCancle="deathClose"></resideath-add>
    </el-dialog>
  </div>
@ -433,7 +432,7 @@ export default {
      pageSize: 20,
      total: null,
      searchH: 0,
-      resideathAddObj1:{}, // 死亡登记子组件
+      resideathAddObj1: {}, // 死亡登记子组件
      conditions: [],
      activeName: "",
      tableData: [],
@ -510,7 +509,7 @@ export default {

    await this.getSearchList();

-    
+
    // await this.getFormList()
    await this.getTableHeader();
    // console.log('this.$refs.resiSearch', this)
@ -579,7 +578,7 @@ export default {
      this.deathShow = true;
      await nextTick(200);
      this.$refs.ref_death.initForm(row)
-      this.resideathAddObj1 = {name:row.NAME,GRID_ID:row.GRID_ID}
+      this.resideathAddObj1 = { name: row.NAME, GRID_ID: row.GRID_ID }
    },

    //变更记录
@ -1176,7 +1175,7 @@ export default {
      // console.log(this.conditions);
      let timer = this.$refs.resiSearch.handelWatchStartDate()

-      console.log(timer,'派发');
+      console.log(timer, '派发');
      let params = {
        formCode: "resi_base_info",
        pageNo: this.currentPage,
@ -1187,7 +1186,7 @@ export default {
      await this.$http
        .post("/epmetuser/icresiuser/listresi", params)
        .then(({ data: res }) => {
-          
+
          if (res.code !== 0) {
            return this.$message.error(res.msg);
          } else {
@ -1208,7 +1207,7 @@ export default {
        .catch(() => {
          console.log(this.conditions);
          return this.$message.error("网络错误");
-          
+
        });
      this.tableLoading = false;
    },
@ -1340,7 +1339,7 @@ export default {
              });
            });
            this.searchList = res.data;
-            console.log( this.searchList);
+            console.log(this.searchList);
          }
        })
        .catch(() => {
@ -1373,7 +1372,7 @@ export default {
          if (res.code !== 0) {
            return this.$message.error(res.msg);
          } else {
-            console.log(res.data,'res.data');
+            console.log(res.data, 'res.data');
            console.log("获取详情成功getFormList");
            let { itemList, groupList, formName } = res.data;
            this.formName = formName;
@ -1526,7 +1525,7 @@ export default {
 .collapse-title {
  font-weight: bold;
 }
-::v-deep .el-button--text{
+::v-deep .el-button--text {
  color: #000;
 }
 .resi-table {
@ -1616,7 +1615,7 @@ export default {
  margin-top: 20px;
  text-align: center;
  text-align: right;
-    margin-right: 16px;
+  margin-right: 16px;
 }
 .div-flex {
  display: flex;
--- a/src/views/modules/base/smartImport.vue
+++ b/src/views/modules/base/smartImport.vue
@ -1,32 +1,30 @@
 <template>
-  <div class="div_main">
-    <div class="div_table">
-      <div class="div_btn">
-        <div class="div_btn_left">
-
-          <el-upload :headers="$getElUploadHeaders()"
-                     ref="upload"
-                     class="upload-btn"
-                     action="uploadUlr"
-                     :limit="1"
-                     :accept="'.xls,.xlsx'"
-                     :with-credentials="true"
-                     :show-file-list="false"
-                     :auto-upload="true"
-                     :on-progress="handleProgress"
-                     :on-success="handleExcelSuccess"
-                     :before-upload="beforeExcelUpload"
-                     :http-request="uploadHttpRequest">
-            <el-button size="small"
-                       class="diy-button--white"
-                       :loading="importLoading">表格导入</el-button>
-          </el-upload>
-          <el-button class="diy-button--white"
-                     size="small"
-                     style="margin-left:10px"
-                     @click="handleExportModule()">下载模板</el-button>
-
-        </div>
+  <div class="g-main">
+    <div class="m-table">
+      <div class="u-table-btn1">
+
+        <el-upload :headers="$getElUploadHeaders()"
+                   ref="upload"
+                   class="upload-btn"
+                   action="uploadUlr"
+                   :limit="1"
+                   :accept="'.xls,.xlsx'"
+                   :with-credentials="true"
+                   :show-file-list="false"
+                   :auto-upload="true"
+                   :on-progress="handleProgress"
+                   :on-success="handleExcelSuccess"
+                   :before-upload="beforeExcelUpload"
+                   :http-request="uploadHttpRequest">
+          <el-button size="small"
+                     class="diy-button--white"
+                     :loading="importLoading">表格导入</el-button>
+        </el-upload>
+        <el-button class="diy-button--white"
+                   size="small"
+                   style="margin-left:10px"
+                   @click="handleExportModule()">下载模板</el-button>
+
      </div>
      <el-table ref="ref_table"
                :data="dataList"
--- a/src/views/modules/communityParty/heart/heartAudit.vue
+++ b/src/views/modules/communityParty/heart/heartAudit.vue
@ -1,6 +1,6 @@
 <template>
  <div class="dialog-h-content scroll-h">
-    <div class="div_table">
+    <div class="m-table">
      <el-button size="small"
                 class="diy-button--add"
                 @click="handleReject">审核拒绝</el-button>
@ -339,7 +339,7 @@ export default {
 .item_width_2 {
  width: 100px;
 }
-.div_table {
+.m-table {
  margin-top: 10px;

  .table {
--- a/src/views/modules/communityParty/heart/heartFinish.vue
+++ b/src/views/modules/communityParty/heart/heartFinish.vue
@ -18,9 +18,9 @@
                          format="yyyy-MM-dd HH:mm"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker v-model="formData.actualEndTime"
-                          class="list_item_width_3 data-tag"
+                          class="list_item_width_3 u-data-tag"
                          type="datetime"
                          value-format="yyyy-MM-dd HH:mm"
                          format="yyyy-MM-dd HH:mm"
@ -35,7 +35,7 @@

        </el-form-item>

-        <div class="div_table">
+        <div class="m-table">
          <el-table class="m_table"
                    :data="tableData"
                    border
@ -358,7 +358,7 @@ export default {
 <style lang="scss" scoped >
@import "@/assets/scss/modules/management/form-main.scss";

-.div_table {
+.m-table {
  display: flex;
  justify-content: flex-start;
  .m_table {
--- a/src/views/modules/communityParty/heart/heartForm.vue
+++ b/src/views/modules/communityParty/heart/heartForm.vue
@ -68,9 +68,9 @@
                              format="yyyy-MM-dd HH:mm"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.actEndTime"
-                              class="list_item_width_3 data-tag"
+                              class="list_item_width_3 u-data-tag"
                              type="datetime"
                              value-format="yyyy-MM-dd HH:mm"
                              format="yyyy-MM-dd HH:mm"
@ -170,9 +170,9 @@
                              format="yyyy-MM-dd HH:mm"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.signInEndTime"
-                              class="list_item_width_3 data-tag"
+                              class="list_item_width_3 u-data-tag"
                              type="datetime"
                              value-format="yyyy-MM-dd HH:mm"
                              format="yyyy-MM-dd HH:mm"
--- a/src/views/modules/communityParty/heart/heartList.vue
+++ b/src/views/modules/communityParty/heart/heartList.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -28,10 +28,10 @@
                          format="yyyy-MM-dd"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker v-model="formData.actEndTime"
                          :picker-options="endPickerOptions"
-                          class="item_width_2 data-tag"
+                          class="item_width_2 u-data-tag"
                          size="small"
                          type="datetime"
                          value-format="yyyy-MM-dd HH:mm:ss"
@ -66,7 +66,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <el-button class="diy-button--add"
                 size="small"
                 @click="handleAdd">新增</el-button>
--- a/src/views/modules/communityParty/heart/heartPerson.vue
+++ b/src/views/modules/communityParty/heart/heartPerson.vue
@ -1,6 +1,6 @@
 <template>
  <div class="dialog-h-content scroll-h">
-    <div class="div_table">
+    <div class="m-table">

      <el-table class="table"
                :data="tableData"
@ -276,7 +276,7 @@ export default {
 .item_width_2 {
  width: 100px;
 }
-.div_table {
+.m-table {
  margin-top: 10px;

  .table {
--- a/src/views/modules/communityParty/orgActivity/activivityList/activivityList.vue
+++ b/src/views/modules/communityParty/orgActivity/activivityList/activivityList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-if="showType==='list'">
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -43,10 +43,10 @@
                              format="yyyy-MM-dd"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.endDate"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="date"
                              value-format="yyyyMMdd"
@ -102,7 +102,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">
          <el-button class="diy-button--add"
--- a/src/views/modules/communityParty/orgActivity/activivityList/addRule.vue
+++ b/src/views/modules/communityParty/orgActivity/activivityList/addRule.vue
@ -2,7 +2,7 @@
  <div>
    <div class="dialog-h-content scroll-h">
      <div style="margin-left:20px">
-        <div class="div_search">
+        <div class="m-search">
          <span>选择活动类型</span>

          <el-select style="margin-left:30px"
@ -25,13 +25,13 @@
                     @click="handleAdd">新增</el-button>

        </div>
-        <div class="div_search">
+        <div class="m-search">
          <span>活动举办频次</span>
          <span style="margin-left:30px">{{selActType.frequencyDesc?selActType.frequencyDesc:'--'}}</span>
        </div>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <el-table class="table"
                  :data="tableData"
@ -569,7 +569,7 @@ export default {
        publishOrgPid: this.defaultPublishParty.defaultPartyOrgPid,//	参加活动党组织ID的上级节点
        publishOrgType: this.defaultPublishParty.orgType,//党组织类型 0省委,1市委,2区委,3党工委,4党委,5支部；6党小组
        publishOrgPathShow: this.defaultPublishParty.defaultPartyOrgPath,//PUBLISH_PARTY_ORG_ID的全路径，包含自身。方便前端回显
-        joinUserType: this.actType === 'zbwyh' ? this.joinArray[1].value || '' :  this.joinArray[0].value || '',//参加人员类型，0：全体党员；1：支部委员 默认 全体
+        joinUserType: this.actType === 'zbwyh' ? this.joinArray[1].value || '' : this.joinArray[0].value || '',//参加人员类型，0：全体党员；1：支部委员 默认 全体
        isAutoInform: '',//	是否自动通知参加人员，0否；1是
        introduce: '',//	活动介绍
        attachmentList: [],
@ -734,10 +734,10 @@ export default {
 .item_width_2 {
  width: 200px;
 }
-.div_search {
+.m-search {
  margin-top: 10px;
 }
-.div_table {
+.m-table {
  margin-top: 20px;
  // background: #ffffff;
  // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
--- a/src/views/modules/communityParty/orgActivity/activivityList/scheduleList.vue
+++ b/src/views/modules/communityParty/orgActivity/activivityList/scheduleList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-if="showType==='list'">
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -17,10 +17,10 @@
                              format="yyyy-MM-dd"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.endTime"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="date"
                              value-format="yyyyMMdd"
@ -40,12 +40,13 @@

            <el-form-item label="是否公开"
                          prop="isPublic">
-              <el-select v-model="formData.isPublic" clearable placeholder="请选择">
-                <el-option
-                        v-for="item in isPublicList"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value">
+              <el-select v-model="formData.isPublic"
+                         clearable
+                         placeholder="请选择">
+                <el-option v-for="item in isPublicList"
+                           :key="item.value"
+                           :label="item.label"
+                           :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
@ -62,7 +63,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">
          <el-button class="diy-button--add"
@ -122,11 +123,11 @@
                           align="center"
                           :show-overflow-tooltip="true">
            <template slot-scope="scope">
-            <span v-for="(item, index) in isPublicList"
-                  :key="item.value"
-                  :value="item.label"
-                  v-if="scope.row.isPublic == item.value">
-              {{ item.label }}</span>
+              <span v-for="(item, index) in isPublicList"
+                    :key="item.value"
+                    :value="item.label"
+                    v-if="scope.row.isPublic == item.value">
+                {{ item.label }}</span>
            </template>
          </el-table-column>

@ -205,13 +206,12 @@
      <yearplan-list @handleOk="handleAddPlanOk"
                     @handleClose="handleAddPlanClose"></yearplan-list>
    </div>
-    <el-dialog
-            title="修改日程提醒"
-            :visible.sync="dialogVisible"
-            width="850px"
-            top="5vh"
-            class="dialog-h"
-            :before-close="handleClose">
+    <el-dialog title="修改日程提醒"
+               :visible.sync="dialogVisible"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               :before-close="handleClose">
      <el-form ref="ref_form"
               :inline="true"
               :model="scFormData"
@ -276,9 +276,11 @@
                    v-model="scFormData.remark"></el-input>
        </el-form-item>
      </el-form>
-      <span slot="footer" class="dialog-footer">
+      <span slot="footer"
+            class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="editSchedule">确 定</el-button>
+        <el-button type="primary"
+                   @click="editSchedule">确 定</el-button>
      </span>
    </el-dialog>
  </div>
@ -458,7 +460,7 @@ export default {
      })
        .then((res) => {
          let fileName = window.decodeURI(
-                  res.headers["content-disposition"].split(";")[1].split("=")[1]
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
          );
          console.log("filename", fileName);
          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
@ -596,7 +598,7 @@ export default {
      this.selection.forEach(element => {
        params.push(element.id)
      });
-      if (this.scheduleId !== null && this.scheduleId !== '' && this.scheduleId !== undefined){
+      if (this.scheduleId !== null && this.scheduleId !== '' && this.scheduleId !== undefined) {
        params.push(this.scheduleId)
      }
      const url = "/resi/partymember/icSchedule/del";
--- a/src/views/modules/communityParty/orgActivity/activivityList/yearplanList.vue
+++ b/src/views/modules/communityParty/orgActivity/activivityList/yearplanList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div>
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -39,7 +39,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">
          <el-button class="diy-button--add"
--- a/src/views/modules/communityParty/regionalParty/activitys.vue
+++ b/src/views/modules/communityParty/regionalParty/activitys.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -91,7 +91,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button style=""
                   class="diy-button--add"
@ -699,11 +699,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -717,7 +717,7 @@ export default {
  width: 495px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/communityParty/regionalParty/finishList.vue
+++ b/src/views/modules/communityParty/regionalParty/finishList.vue
@ -1,6 +1,6 @@
 <template>
  <div class="dialog-h-content scroll-h">
-    <div class="div_table">
+    <div class="m-table">
      <el-button type="green"
                 size="small"
                 @click="handleAdd">新增</el-button>
@ -534,7 +534,7 @@ export default {
 .item_width_3 {
  width: 120px;
 }
-.div_table {
+.m-table {
  margin-top: 10px;
  // background: #ffffff;
  // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
--- a/src/views/modules/communityParty/regionalParty/units.vue
+++ b/src/views/modules/communityParty/regionalParty/units.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -82,7 +82,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button class="diy-button--add"
                   size="small"
@ -836,11 +836,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -854,7 +854,7 @@ export default {
  width: 620px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/communityParty/stas/index.vue
+++ b/src/views/modules/communityParty/stas/index.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="form"
               ref="ref_searchform"
@ -46,7 +46,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button style="margin-left:10px"
                   class="diy-button--reset"
@ -314,11 +314,11 @@ export default {
 <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss";
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -332,7 +332,7 @@ export default {
  width: 620px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/communityService/fuwujilu/addForm.vue
+++ b/src/views/modules/communityService/fuwujilu/addForm.vue
@ -136,10 +136,10 @@
                          value="yyyy-MM-dd"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker v-model="formData.serviceTimeEnd"
                          :picker-options="endPickerOptions"
-                          class="item_width_2 data-tag"
+                          class="item_width_2 u-data-tag"
                          style="width: 220px"
                          type="date"
                          value-format="yyyy-MM-dd HH:mm:ss"
--- a/src/views/modules/communityService/fuwujilu/editForm.vue
+++ b/src/views/modules/communityService/fuwujilu/editForm.vue
@ -119,11 +119,11 @@
                          value="yyyy-MM-dd"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker :disabled="formType==='detail'"
                          v-model="formData.serviceTimeEnd"
                          :picker-options="endPickerOptions"
-                          class="item_width_2 data-tag"
+                          class="item_width_2 u-data-tag"
                          type="date"
                          value-format="yyyy-MM-dd"
                          value="yyyy-MM-dd"
--- a/src/views/modules/communityService/fuwujilu/fuwuList.vue
+++ b/src/views/modules/communityService/fuwujilu/fuwuList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div>
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -56,10 +56,10 @@
                              value="yyyy-MM-dd"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.serviceTimeEnd"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="date"
                              value-format="yyyy-MM-dd"
@ -110,7 +110,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">
          <el-button class="diy-button--add"
--- a/src/views/modules/communityService/fuwujiluOld/addForm.vue
+++ b/src/views/modules/communityService/fuwujiluOld/addForm.vue
@ -105,10 +105,10 @@
                          value="yyyy-MM-dd"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker v-model="formData.serviceTimeEnd"
                          :picker-options="endPickerOptions"
-                          class="item_width_2 data-tag"
+                          class="item_width_2 u-data-tag"
                          type="date"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          value="yyyy-MM-dd"
@ -260,7 +260,8 @@
                        label="附件"
                        label-width="150px"
                        prop="attach">
-            <el-upload :headers="$getElUploadHeaders()"  class="upload-demo"
+            <el-upload :headers="$getElUploadHeaders()"
+                       class="upload-demo"
                       :action="uploadUlr"
                       accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
                       :on-success="handleFileSuccess"
--- a/src/views/modules/communityService/fuwujiluOld/detailForm.vue
+++ b/src/views/modules/communityService/fuwujiluOld/detailForm.vue
@ -113,10 +113,10 @@
                          value="yyyy-MM-dd"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker v-model="formData.serviceTimeEnd"
                          :picker-options="endPickerOptions"
-                          class="item_width_2 data-tag"
+                          class="item_width_2 u-data-tag"
                          type="date"
                          value-format="yyyy-MM-dd"
                          value="yyyy-MM-dd"
--- a/src/views/modules/communityService/fuwujiluOld/fuwuList.vue
+++ b/src/views/modules/communityService/fuwujiluOld/fuwuList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div>
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -53,10 +53,10 @@
                              value="yyyy-MM-dd"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.serviceTimeEnd"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="date"
                              value-format="yyyy-MM-dd HH:mm:ss"
@ -107,7 +107,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">
          <el-button class="diy-button--add"
--- a/src/views/modules/communityService/fuwuxiangmu/index.vue
+++ b/src/views/modules/communityService/fuwuxiangmu/index.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-show="true">
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="searchData"
                 ref="ref_searchform"
@ -63,7 +63,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">
        <div class="div_btn">
          <el-button class="diy-button--add"
                     size="small"
--- a/src/views/modules/communityService/fuwuzuzhi/index.vue
+++ b/src/views/modules/communityService/fuwuzuzhi/index.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-show="true">
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="searchData"
                 ref="ref_searchform"
@ -63,7 +63,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">
        <div class="div_btn">
          <el-button class="diy-button--add"
                     size="small"
--- a/src/views/modules/communityService/ninePlaces/inspect/inspect.vue
+++ b/src/views/modules/communityService/ninePlaces/inspect/inspect.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -89,7 +89,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <el-button class="diy-button--add"
                 size="small"
                 @click="handleAdd">新增</el-button>
@ -594,11 +594,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -609,7 +609,7 @@ export default {
  width: 260px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/communityService/ninePlaces/inspect/inspectReview.vue
+++ b/src/views/modules/communityService/ninePlaces/inspect/inspectReview.vue
@ -1,6 +1,6 @@
 <template>
  <div class="dialog-h-content scroll-h">
-    <div class="div_table">
+    <div class="m-table">
      <el-button size="small"
                 class="diy-button--add"
                 @click="handleAdd">新增</el-button>
@ -433,7 +433,7 @@ export default {
 .item_width_2 {
  width: 100px;
 }
-.div_table {
+.m-table {
  // background: #ffffff;
  // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  // border-radius: 4px;
--- a/src/views/modules/communityService/ninePlaces/places/places.vue
+++ b/src/views/modules/communityService/ninePlaces/places/places.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -86,7 +86,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <el-button class="diy-button--add"
                 size="small"
                 @click="handleAdd">新增</el-button>
--- a/src/views/modules/communityService/ninePlaces/team/team.vue
+++ b/src/views/modules/communityService/ninePlaces/team/team.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -72,7 +72,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <el-button class="diy-button--add"
                 size="small"
                 @click="handleAdd">新增</el-button>
@ -477,11 +477,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -492,7 +492,7 @@ export default {
  width: 170px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/communityService/policy/addPolicy.vue
+++ b/src/views/modules/communityService/policy/addPolicy.vue
@ -37,9 +37,9 @@
                          value="yyyy-MM-dd"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker v-model="formData.endDate"
-                          class="item_width_2 data-tag"
+                          class="item_width_2 u-data-tag"
                          type="date"
                          value-format="yyyy-MM-dd"
                          value="yyyy-MM-dd"
@ -125,7 +125,8 @@
                      label="附件"
                      label-width="150px"
                      prop="attach">
-          <el-upload :headers="$getElUploadHeaders()"  class="upload-demo"
+          <el-upload :headers="$getElUploadHeaders()"
+                     class="upload-demo"
                     :action="uploadUlr"
                     accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
                     :on-success="handleFileSuccess"
--- a/src/views/modules/communityService/policy/detailForm.vue
+++ b/src/views/modules/communityService/policy/detailForm.vue
@ -113,10 +113,10 @@
                          value="yyyy-MM-dd"
                          placeholder="开始时间">
          </el-date-picker>
-          <span class="data-tag">至</span>
+          <span class="u-data-tag">至</span>
          <el-date-picker v-model="formData.serviceTimeEnd"
                          :picker-options="endPickerOptions"
-                          class="item_width_2 data-tag"
+                          class="item_width_2 u-data-tag"
                          type="date"
                          value-format="yyyy-MM-dd"
                          value="yyyy-MM-dd"
--- a/src/views/modules/communityService/policy/personList.vue
+++ b/src/views/modules/communityService/policy/personList.vue
@ -1,5 +1,5 @@
 <template>
-  <div class="dialog-h-content scroll-h  div_main">
+  <div class="dialog-h-content scroll-h  g-main">
    <div v-for="(item,index) in ruleList"
         :key="index">
      <div class="div_name">{{'政策细则'+(index+1)}}：{{item.ruleName}}</div>
--- a/src/views/modules/communityService/policy/personListItem.vue
+++ b/src/views/modules/communityService/policy/personListItem.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">

-    <div class="div_search">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -129,7 +129,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">

      <el-table ref="ref_table"
                class="table"
@ -587,10 +587,10 @@ export default {
 </script>

 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;

-  .div_search {
+  .m-search {
    background: #ffffff;
    border-radius: 4px;
    padding: 20px 20px 5px 15px;
@ -600,7 +600,7 @@ export default {
  }
 }

-.div_table {
+.m-table {
  background: #ffffff;

  border-radius: 4px;
--- a/src/views/modules/communityService/policy/policyList.vue
+++ b/src/views/modules/communityService/policy/policyList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div>
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -56,7 +56,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">
          <el-button class="diy-button--add"
--- a/src/views/modules/communityService/worklog/workLog.vue
+++ b/src/views/modules/communityService/worklog/workLog.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="workLog"
               ref="ref_searchform"
@ -95,7 +95,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button class="diy-button--add"
                   size="small"
@ -709,11 +709,11 @@ export default {
 <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss";
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -727,7 +727,7 @@ export default {
  width: 620px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/cpts/base/index.vue
+++ b/src/views/modules/cpts/base/index.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-show="true">
-      <div class="div_search"
+      <div class="m-search"
           ref="ref_search">
        <el-form :inline="true"
                 ref="ref_searchform"
@ -76,7 +76,7 @@
        </el-form>
      </div>

-      <div class="div_table"
+      <div class="m-table"
           :style="{ height: maxTableHeight + 130 + 'px' }">
        <div class="div_btn">
          <el-button class="diy-button--add"
@ -85,7 +85,7 @@
                     @click="handleAdd">新增</el-button>

          <el-button v-if="mubanUrl"
-                     class="btn_upload diy-button--export"
+                     class="u-btn-upload diy-button--export"
                     size="small"
                     @click="handleExportModule('room')">下载模板</el-button>

@ -102,16 +102,16 @@
                     :before-upload="beforeExcelUpload"
                     :http-request="uploadHttpRequest">
            <el-button size="small"
-                       class="btn_upload diy-button--delete">导入</el-button>
+                       class="u-btn-upload diy-button--delete">导入</el-button>
          </el-upload>

          <el-button v-if="exportUrl"
                     @click="handleExport"
-                     class="btn_upload diy-button--reset"
+                     class="u-btn-upload diy-button--reset"
                     size="small">导出</el-button>
          <el-button v-if="qrCodeExportUrl"
                     @click="handleExportQrcode"
-                     class="btn_upload diy-button--reset"
+                     class="u-btn-upload diy-button--reset"
                     size="small">导出员工登记码</el-button>
          <el-button v-if="delMultipleUrl"
                     size="small"
--- a/src/views/modules/plugins/change/changedeath.vue
+++ b/src/views/modules/plugins/change/changedeath.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div ref="searchDiv"
-         class="div_search">
+         class="m-search">
      <el-form :inline="true"
               :model="dataForm"
               @keyup.enter.native="getDataList()"
@ -10,7 +10,7 @@
                      prop="name">
          <el-input v-model="dataForm.name"
                    size="small"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    clearable
                    placeholder="请输入姓名">
          </el-input>
@ -19,7 +19,7 @@
                      prop="idCard">
          <el-input v-model="dataForm.idCard"
                    size="small"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    clearable
                    placeholder="请输入证件号">
          </el-input>
@ -28,7 +28,7 @@
                      prop="mobile">
          <el-input v-model="dataForm.mobile"
                    size="small"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    clearable
                    placeholder="请输入手机">
          </el-input>
@ -38,7 +38,7 @@
                      prop="startTime">
          <el-date-picker v-model="timeRange"
                          type="daterange"
-                          class="item_width_daterange2"
+                          class="u-item-width-daterange2"
                          size="small"
                          range-separator="至"
                          start-placeholder="选择日期"
@ -50,7 +50,7 @@
                      prop="isWelfare">
          <el-select v-model="dataForm.isWelfare"
                     size="small"
-                     class="item_width_normal"
+                     class="u-item-width-normal"
                     placeholder="请选择"
                     clearable>
            <el-option v-for="item in isWelfareArr"
@ -61,7 +61,7 @@
          </el-select>
        </el-form-item>

-        <div class="div_search_btn">
+        <div class="u-search-btn">
          <el-button class="diy-button--white"
                     size="small"
                     @click="resetForm">重置</el-button>
@ -73,13 +73,13 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
-      <div class="div_btn">
-        <div class="div_btn_left">
-          <el-button size="small"
-                     class="diy-button--white"
-                     @click="exportHandle()">{{ $t('export') }}</el-button>
-        </div>
+    <div class="m-table">
+      <div class="u-table-btn1">
+
+        <el-button size="small"
+                   class="diy-button--white"
+                   @click="exportHandle()">{{ $t('export') }}</el-button>
+
      </div>
      <el-table class="div_table_item"
                v-loading="dataListLoading"
--- a/src/views/modules/plugins/change/changerelocation.vue
+++ b/src/views/modules/plugins/change/changerelocation.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div ref="searchForm"
-         class="div_search">
+         class="m-search">
      <el-form :inline="true"
               :model="dataForm"
               @keyup.enter.native="getDataList()"
@ -11,7 +11,7 @@
          <el-select v-model.trim="dataForm.gridId"
                     placeholder="请选择"
                     clearable
-                     class="item_width_normal"
+                     class="u-item-width-normal"
                     @change="handleChangeGrid">
            <el-option v-for="item in optionsG"
                       :key="item.value"
@ -25,7 +25,7 @@
          <el-select v-model.trim="dataForm.villageId"
                     placeholder="请选择小区"
                     clearable
-                     class="item_width_communitycascader"
+                     class="u-item-width-communitycascader"
                     @clear="handleClearVillage"
                     @change="handleChangeV">
            <el-option v-for="item in optionsV"
@ -38,7 +38,7 @@
          <el-select v-model.trim="dataForm.buildId"
                     placeholder="楼号"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     :disabled="changeVDisabled"
                     @clear="handleClearBuild"
@ -54,7 +54,7 @@
                     :disabled="changeBDisabled"
                     placeholder="单元"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     @click="handleClearDan"
                     @change="handleChangeD">
@ -69,7 +69,7 @@
                     :disabled="changeDDisabled"
                     placeholder="房号"
                     clearable
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px">
            <el-option v-for="item in optionsH"
                       :key="item.value"
@ -84,7 +84,7 @@
                      prop="name">
          <el-input v-model="dataForm.name"
                    size="small"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    clearable
                    placeholder="请输入姓名">
          </el-input>
@ -93,7 +93,7 @@
                      prop="idCard">
          <el-input v-model="dataForm.idCard"
                    size="small"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    clearable
                    placeholder="请输入证件号">
          </el-input>
@ -102,7 +102,7 @@
                      prop="mobile">
          <el-input v-model="dataForm.mobile"
                    size="small"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    clearable
                    placeholder="请输入手机">
          </el-input>
@ -114,7 +114,7 @@
                          type="daterange"
                          clearable
                          size="small"
-                          class="item_width_daterange2"
+                          class="u-item-width-daterange2"
                          range-separator="至"
                          start-placeholder="选择日期"
                          end-placeholder="选择日期"
@ -125,7 +125,7 @@
                      prop="isWelfare">
          <el-select v-model="dataForm.isWelfare"
                     placeholder="请选择"
-                     class="item_width_normal"
+                     class="u-item-width-normal"
                     clearable>
            <el-option v-for="item in isWelfareArr"
                       :key="item.dictValue"
@ -135,7 +135,7 @@
          </el-select>
        </el-form-item>

-        <div class="div_search_btn">
+        <div class="u-search-btn">
          <el-button class="diy-button--white"
                     size="small"
                     @click="resetForm">重置</el-button>
@ -154,13 +154,13 @@

      </el-form>
    </div>
-    <div class="div_table">
-      <div class="div_btn">
-        <div class="div_btn_left">
-          <el-button size="small"
-                     class="diy-button--white"
-                     @click="exportHandle()">{{ $t('export') }}</el-button>
-        </div>
+    <div class="m-table">
+      <div class="u-table-btn1">
+
+        <el-button size="small"
+                   class="diy-button--white"
+                   @click="exportHandle()">{{ $t('export') }}</el-button>
+
      </div>
      <el-table v-loading="dataListLoading"
                :data="dataList"
--- a/src/views/modules/plugins/change/resichange.vue
+++ b/src/views/modules/plugins/change/resichange.vue
@ -1,11 +1,11 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <death-search v-if="searchList.length > 0"
                  ref="deathSearch"
                  :form-list="searchList"
                  :column-name="defaultCategotyKey"
                  @search="handleSearch" />
-    <div class="div_table">
+    <div class="m-table">
      <!-- <div class="resi-row-btn">
        <el-button size="small"
                   class="diy-button--add"
--- a/src/views/modules/plugins/change/resideath.vue
+++ b/src/views/modules/plugins/change/resideath.vue
@ -1,11 +1,11 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <death-search v-if="searchList.length > 0"
                  ref="deathSearch"
                  :form-list="searchList"
                  :column-name="defaultCategotyKey"
                  @search="handleSearch" />
-    <div class="div_table">
+    <div class="m-table">
      <!-- <div class="resi-row-btn">
        <el-button size="small"
                   class="diy-button--add"
--- a/src/views/modules/plugins/change/resideathAdd.vue
+++ b/src/views/modules/plugins/change/resideathAdd.vue
@ -7,26 +7,25 @@
               label-width="90px"
               :rules="dataRule"
               class="m-form">
-        <template >
-          <el-form-item class="top24" label="当前组织"
-                        style="display: block"
-                       >
-                       {{resideathAddObj.GRID_ID}}
+        <template>
+          <el-form-item class="top24"
+                        label="当前组织"
+                        style="display: block">
+            {{resideathAddObj.GRID_ID}}
          </el-form-item>
        </template>
        <template>
          <el-form-item label="姓名"
-                        style="display: block"
-                       >
-                       {{resideathAddObj.name}}
+                        style="display: block">
+            {{resideathAddObj.name}}
          </el-form-item>
        </template>
-       
+
        <el-form-item label="死亡日期"
                      style="display: block"
                      prop="deathDate">
          <el-date-picker v-model="dataForm.deathDate"
-                          class="item_width_daterange"
+                          class="u-item-width-daterange"
                          type="date"
                          value-format="yyyy-MM-dd HH:mm:ss"
                          format="yyyy-MM-dd"
@ -40,7 +39,7 @@
                        prop="blacklistReason">
            <el-input type="textarea"
                      resize="none"
-                      class="item_width_daterange"
+                      class="u-item-width-daterange"
                      placeholder='请输入死亡原因'
                      v-model="dataForm.blacklistReason">
            </el-input>
@ -202,9 +201,9 @@ export default {
    }
  },
  props: {
-    resideathAddObj:{
-      type:Object,
-      default: ()=>{ return {} }
+    resideathAddObj: {
+      type: Object,
+      default: () => { return {} }
    }
  }
 }
--- a/src/views/modules/plugins/change/verify.vue
+++ b/src/views/modules/plugins/change/verify.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div ref="searchDiv"
-         class="div_search">
+         class="m-search">
      <el-form ref="searchForm"
               :inline="true"
               :model="fmData"
@ -14,7 +14,7 @@
                     placeholder="请选择网格"
                     size="small"
                     clearable
-                     class="item_width_normal"
+                     class="u-item-width-normal"
                     @change="handleChangeGrid">
            <el-option v-for="item in optionsG"
                       :key="item.value"
@ -30,7 +30,7 @@
                     placeholder="请选择小区"
                     size="small"
                     clearable
-                     class="item_width_communitycascader"
+                     class="u-item-width-communitycascader"
                     @change="handleChangeV">
            <el-option v-for="item in optionsV"
                       :key="item.value"
@ -44,7 +44,7 @@
                     size="small"
                     clearable
                     :disabled="changeVDisabled"
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     @change="handleChangeB">
            <el-option v-for="item in optionsB"
@ -59,7 +59,7 @@
                     size="small"
                     clearable
                     :disabled="changeBDisabled"
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px"
                     @change="handleChangeD">
            <el-option v-for="item in optionsD"
@ -74,7 +74,7 @@
                     size="small"
                     clearable
                     :disabled="changeDDisabled"
-                     class="item_width_buildcascader"
+                     class="u-item-width-buildcascader"
                     style="margin-left:5px">
            <el-option v-for="item in optionsH"
                       :key="item.value"
@ -88,7 +88,7 @@
        <el-form-item label="姓名"
                      prop="name">
          <el-input v-model="fmData.name"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -98,7 +98,7 @@
        <el-form-item label="手机号"
                      prop="mobile">
          <el-input v-model="fmData.mobile"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -108,7 +108,7 @@
        <el-form-item label="证件号"
                      prop="idCard">
          <el-input v-model="fmData.idCard"
-                    class="item_width_normal"
+                    class="u-item-width-normal"
                    size="small"
                    clearable
                    placeholder="请输入">
@ -133,7 +133,7 @@
                     placeholder="审核状态"
                     size="small"
                     clearable
-                     class="item_width_normal">
+                     class="u-item-width-normal">
            <el-option v-for="item in optionsWelfare"
                       :key="item.value"
                       :label="item.label"
@ -142,7 +142,7 @@
          </el-select>
        </el-form-item>

-        <div class="div_search_btn">
+        <div class="u-search-btn">
          <el-button class="diy-button--white"
                     size="small"
                     @click="resetForm('searchForm')">重置</el-button>
@ -156,7 +156,7 @@
      </el-form>
    </div>

-    <div class="div_table">
+    <div class="m-table">

      <el-table :data="tableData"
                border
--- a/src/views/modules/plugins/point/icpointnucleicmonitoring.vue
+++ b/src/views/modules/plugins/point/icpointnucleicmonitoring.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="dataForm"
               @keyup.enter.native="loadTable()">
@ -40,7 +40,7 @@
      </el-form>
    </div>

-    <div class="div_table">
+    <div class="m-table">
      <div class="exportBtn">
        <el-button class="diy-button--add"
                   type="primary"
--- a/src/views/modules/plugins/point/icpointvaccinesinoculation.vue
+++ b/src/views/modules/plugins/point/icpointvaccinesinoculation.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="dataForm"
               label-width="120px"
@ -34,7 +34,7 @@
        <!--</el-form-item>-->
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="exportBtn">
        <el-button class="diy-button--add"
                   type="primary"
--- a/src/views/modules/plugins/power/kernelhousehold.vue
+++ b/src/views/modules/plugins/power/kernelhousehold.vue
@ -1,46 +1,51 @@
 <template>
  <div>
-    <div class="div_search">
-      <el-form :rules="dataRule" :inline="true">
-          <el-form-item label="所属组织" prop="deptName">
-              <el-cascader
-                      style="width:350px"
-                      placeholder="请选择所属组织"
-                      :options="agencytree"
-                      v-model="agencyId"
-                      :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
-                      clearable/>
-          </el-form-item>
-            <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="loadTree()">加载动力主轴</el-button>
-            </el-form-item>
+    <div class="m-search">
+      <el-form :rules="dataRule"
+               :inline="true">
+        <el-form-item label="所属组织"
+                      prop="deptName">
+          <el-cascader style="width:350px"
+                       placeholder="请选择所属组织"
+                       :options="agencytree"
+                       v-model="agencyId"
+                       :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
+                       clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary"
+                     icon="el-icon-search"
+                     size="mini"
+                     @click="loadTree()">加载动力主轴</el-button>
+        </el-form-item>
      </el-form>
    </div>
-    <div class="div_main">
+    <div class="g-main">
      <div :style="{height:rowHeight}"
-          class="div_tree">
+           class="div_tree">
        <el-input placeholder="输入关键字进行过滤"
                  v-model="filterText">
        </el-input>
        <el-scrollbar :style="{height:treeHeight}"
                      class="scrollar">
          <el-tree ref="ref_tree"
-                  v-loading="treeLoading"
-                  class="filter_tree"
-                  :data="treeData"
-                  :props="defaultProps"
-                  :highlight-current="true"
-                  node-key="id"
-                  :expand-on-click-node="false"
-                  default-expand-all
-                  :filter-node-method="filterNode"
-                  @node-click="handleNodeClick">
+                   v-loading="treeLoading"
+                   class="filter_tree"
+                   :data="treeData"
+                   :props="defaultProps"
+                   :highlight-current="true"
+                   node-key="id"
+                   :expand-on-click-node="false"
+                   default-expand-all
+                   :filter-node-method="filterNode"
+                   @node-click="handleNodeClick">
          </el-tree>
        </el-scrollbar>
      </div>
      <div :style="{height:rowHeight}"
-          class="div_table">
-        <kernelhousehold-table :axisStructId="axisStructId" ref="ref_communityTable"></kernelhousehold-table>
+           class="m-table">
+        <kernelhousehold-table :axisStructId="axisStructId"
+                               ref="ref_communityTable"></kernelhousehold-table>
      </div>
    </div>
  </div>
@ -85,8 +90,8 @@ export default {

    dataRule () {
      return {
-        deptName:[
-            { required: true, message: "请选择", trigger: "blur" }
+        deptName: [
+          { required: true, message: "请选择", trigger: "blur" }
        ]
      }
    }
@ -100,7 +105,7 @@ export default {
      this.treeLoading = true
      const url = "/pli/power/data/axis/structTree"
      let params = {
-        agencyId: this.agencyId[this.agencyId.length-1]
+        agencyId: this.agencyId[this.agencyId.length - 1]
      }
      const { data, code, msg } = await requestPost(url, params)
      this.treeLoading = false
@ -118,54 +123,54 @@ export default {
      return data.name.indexOf(value) !== -1;
    },
    // 获取组织列表
-    async getAgencyTree(){
-        const url = '/data/aggregator/org/agencytree'
+    async getAgencyTree () {
+      const url = '/data/aggregator/org/agencytree'

-        let params = {
-            agencyId:this.agencyId,
-            client:'gov'
-        }
+      let params = {
+        agencyId: this.agencyId,
+        client: 'gov'
+      }

-        const { data, code, msg } = await requestPost(url,params)
+      const { data, code, msg } = await requestPost(url, params)

-        if (code === 0) {
-            let _data
-            if (data) {
-                _data = this.removeByOrgType(data, 'agency')
-                if (_data) {
-                    this.agencytree = this.removeEmptySubOrgList(_data)
-                }
-            }
-        } else {
-            this.$message.error(msg)
+      if (code === 0) {
+        let _data
+        if (data) {
+          _data = this.removeByOrgType(data, 'agency')
+          if (_data) {
+            this.agencytree = this.removeEmptySubOrgList(_data)
+          }
        }
+      } else {
+        this.$message.error(msg)
+      }
    },
    removeByOrgType (orgArray, orgType) {
-        if (orgArray && orgArray.length > 0) {
-            for (let p = orgArray.length - 1; p >= 0; p--) {
-                let orgInfo = orgArray[p]
-                if (orgInfo) {
-                    if (orgInfo.orgType !== orgType) {
-                        orgArray.splice(p, 1)
-                    } else {
-                        this.removeByOrgType(orgInfo.subOrgList, orgType)
-                    }
-                }
+      if (orgArray && orgArray.length > 0) {
+        for (let p = orgArray.length - 1; p >= 0; p--) {
+          let orgInfo = orgArray[p]
+          if (orgInfo) {
+            if (orgInfo.orgType !== orgType) {
+              orgArray.splice(p, 1)
+            } else {
+              this.removeByOrgType(orgInfo.subOrgList, orgType)
            }
+          }
        }
-        return orgArray
+      }
+      return orgArray
    },
    removeEmptySubOrgList (orgArray) {
-        orgArray.forEach((orgInfo) => {
-            if (orgInfo && orgInfo.subOrgList) {
-                if (orgInfo.subOrgList.length === 0) {
-                    orgInfo.subOrgList = undefined
-                } else {
-                    this.removeEmptySubOrgList(orgInfo.subOrgList)
-                }
-            }
-        })
-        return orgArray;
+      orgArray.forEach((orgInfo) => {
+        if (orgInfo && orgInfo.subOrgList) {
+          if (orgInfo.subOrgList.length === 0) {
+            orgInfo.subOrgList = undefined
+          } else {
+            this.removeEmptySubOrgList(orgInfo.subOrgList)
+          }
+        }
+      })
+      return orgArray;
    }
  },
  watch: {
@ -179,14 +184,14 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_search {
+.m-search {
  width: calc(100% - 5px);
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
 }
-.div_main {
+.g-main {
  margin-top: 10px;
  display: flex;
 }
@ -205,7 +210,7 @@ export default {
  overflow-x: auto;
 }

-.div_table {
+.m-table {
  margin-left: 15px;
  // flex: 1;
  width: calc(100% - 300px);
--- a/src/views/modules/plugins/power/kernelhouseholdAddMember.vue
+++ b/src/views/modules/plugins/power/kernelhouseholdAddMember.vue
@ -2,7 +2,7 @@
  <div>
    <div class="dialog-h-content scroll-h">
      <div>
-        <div class="div_table">
+        <div class="m-table">
          <el-table ref="ref_table"
                    :data="tableData"
                    border
@ -13,16 +13,16 @@
                    highlight-current-row
                    @selection-change="selectionChange">
            <el-table-column type="selection"
-                            width="55">
+                             width="55">
            </el-table-column>
            <el-table-column prop="name"
-                            label="姓名">
+                             label="姓名">
            </el-table-column>
            <el-table-column prop="mobile"
-                            label="联系方式">
+                             label="联系方式">
            </el-table-column>
            <el-table-column prop="idCard"
-                            label="身份证号">
+                             label="身份证号">
            </el-table-column>
          </el-table>
        </div>
@ -89,13 +89,13 @@ export default {
    // 确定
    async handleComfirm () {
      if (this.selection.length === 0 || !this.selection) {
-          return this.$message.error('请选择党员')
+        return this.$message.error('请选择党员')
      }
      const url = "/pli/power/kernelMember/bind";
      let params = {
-          houseId: this.houseId,
-          ownerName: this.ownerName,
-          kernelMemberList: this.selection
+        houseId: this.houseId,
+        ownerName: this.ownerName,
+        kernelMemberList: this.selection
      }
      const { data, code, msg } = await requestPost(url, params);
      this.tableLoading = false
@ -125,10 +125,10 @@ export default {
@import "@/assets/scss/modules/visual/communityManage.scss";
 </style>
 <style  lang="scss" scoped>
-.div_btn{
-      display: flex;
-      align-items: center;
-      justify-content: center;
+.div_btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 </style>

--- a/src/views/modules/plugins/power/kernelhouseholdForm.vue
+++ b/src/views/modules/plugins/power/kernelhouseholdForm.vue
@ -2,7 +2,7 @@
  <div>
    <div class="dialog-h-content scroll-h">
      <div>
-        <div class="div_search">
+        <div class="m-search">
          <div class="resi-cell">
            <div class="resi-cell-label">房屋</div>
            <div class="resi-cell-value">
@ -16,11 +16,11 @@
            </div>
          </div>
          <el-button style="margin-left:10px"
-                    class="diy-button--search"
-                    size="small"
-                    @click="handleSearch">查询</el-button>
+                     class="diy-button--search"
+                     size="small"
+                     @click="handleSearch">查询</el-button>
        </div>
-        <div class="div_table">
+        <div class="m-table">
          <el-table ref="ref_table"
                    :data="tableData"
                    border
@ -30,32 +30,32 @@
                    style="width: 100%"
                    @selection-change="selectionChange">
            <el-table-column type="selection"
-                            width="55">
+                             width="55">
            </el-table-column>
            <el-table-column prop="houseName"
-                            label="房屋名称">
+                             label="房屋名称">
            </el-table-column>
            <el-table-column prop="neighborHoodName"
-                            label="所属小区">
+                             label="所属小区">
            </el-table-column>
            <el-table-column prop="buildingName"
-                            label="所属楼栋">
+                             label="所属楼栋">
            </el-table-column>
            <el-table-column prop="ownerName"
-                            label="房主姓名">
+                             label="房主姓名">
            </el-table-column>
            <el-table-column prop="ownerPhone"
-                            label="房主电话">
+                             label="房主电话">
            </el-table-column>
          </el-table>
          <div>
            <el-pagination @size-change="handleSizeChange"
-                          @current-change="handleCurrentChange"
-                          :current-page.sync="pageNo"
-                          :page-sizes="[20, 50, 100, 200]"
-                          :page-size="pageSize"
-                          layout="sizes, prev, pager, next, total"
-                          :total="total">
+                           @current-change="handleCurrentChange"
+                           :current-page.sync="pageNo"
+                           :page-sizes="[20, 50, 100, 200]"
+                           :page-size="pageSize"
+                           layout="sizes, prev, pager, next, total"
+                           :total="total">
            </el-pagination>
          </div>
        </div>
@ -108,7 +108,7 @@ export default {
  // },
  methods: {
    // 搜索
-    handleSearch() {
+    handleSearch () {
      this.tableLoading = true
      this.loadTable()
    },
@ -130,12 +130,12 @@ export default {
    // 确定
    async handleComfirm () {
      if (this.selection.length === 0 || !this.selection) {
-          return this.$message.error('请选择房屋')
+        return this.$message.error('请选择房屋')
      }
      const url = "/pli/power/kernelHousehold/bind";
      let params = {
-          axisStructId: this.axisStructId,
-          houseIdList: this.selection
+        axisStructId: this.axisStructId,
+        houseIdList: this.selection
      }
      const { data, code, msg } = await requestPost(url, params);
      this.tableLoading = false
@ -153,9 +153,9 @@ export default {
    async loadTable () {
      const url = "/gov/org/house/search";
      let params = {
-          keyword: this.keyword,
-          pageSize: this.pageSize,
-          pageNo: this.pageNo
+        keyword: this.keyword,
+        pageSize: this.pageSize,
+        pageNo: this.pageNo
      }
      const { data, code, msg } = await requestPost(url, params);
      this.tableLoading = false
@ -171,10 +171,10 @@ export default {
@import "@/assets/scss/modules/visual/communityManage.scss";
 </style>
 <style  lang="scss" scoped>
-.div_btn{
-      display: flex;
-      align-items: center;
-      justify-content: center;
+.div_btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 </style>

--- a/src/views/modules/plugins/power/kernelhouseholdTable.vue
+++ b/src/views/modules/plugins/power/kernelhouseholdTable.vue
@ -1,6 +1,6 @@
 <template>
  <div>
-    <div class="div_search">
+    <div class="m-search">
      <div class="resi-cell">
        <div class="resi-cell-label">党员名称</div>
        <div class="resi-cell-value">
@ -23,7 +23,7 @@
                 size="small"
                 @click="handleAdd">绑定</el-button>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <el-table ref="ref_table"
                :data="tableData"
                border
@ -89,9 +89,9 @@
               class="dialog-h"
               @closed="diaClose">
      <kernelhousehold-form ref="ref_form"
-                      @dialogCancle="addFormCancle"
-                      @dialogOk="addFormOk"
-                      :axisStructId="axisStructId"></kernelhousehold-form>
+                            @dialogCancle="addFormCancle"
+                            @dialogOk="addFormOk"
+                            :axisStructId="axisStructId"></kernelhousehold-form>
    </el-dialog>

    <!-- 添加党员 -->
@ -104,8 +104,8 @@
               class="dialog-h"
               @closed="addMemberClose">
      <kernelhousehold-Add-Member ref="ref_table_Member"
-                      @addMemberCancle="addMemberCancle"
-                      @addMemberOk="addMemberOk"></kernelhousehold-Add-Member>
+                                  @addMemberCancle="addMemberCancle"
+                                  @addMemberOk="addMemberOk"></kernelhousehold-Add-Member>
    </el-dialog>
  </div>
 </template>
@ -154,7 +154,7 @@ export default {
        kernelMemberName: this.ownerName
      }
      const { data, code, msg, total } = await requestGet(url, params)
-      if (code === 0) {        
+      if (code === 0) {
        this.total = data.total || 0;
        this.tableData = data.list ? data.list.map((item) => { return item }) : []
      } else {
@ -169,16 +169,16 @@ export default {
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
-          this.deleteKernelhousehold(id)
-        }).catch(err => {
-          console.log('取消删除')
-        })
+        this.deleteKernelhousehold(id)
+      }).catch(err => {
+        console.log('取消删除')
+      })
    },

-    handleAddMember(id, ownerName) {
+    handleAddMember (id, ownerName) {
      this.addMemberShow = true
      this.$nextTick(() => {
-          this.$refs.ref_table_Member.initForm(id, ownerName)
+        this.$refs.ref_table_Member.initForm(id, ownerName)
      })
    },

@ -219,7 +219,7 @@ export default {
    },
    handleAdd () {
      if (this.axisStructId) {
-          this.formShow = true
+        this.formShow = true
      } else {
        return this.$message.error('请选择动力主轴节点')
      }
--- a/src/views/modules/plugins/power/poweraxis.vue
+++ b/src/views/modules/plugins/power/poweraxis.vue
@ -1,84 +1,115 @@
 <template>
-  <div class="div_main">
-      <div class="div_search">
-        <el-form :model="dataForm" ref="queryForm" :inline="true" @keyup.enter.native="getDataList()">
-            <el-form-item label="所属组织" prop="deptName">
-                <el-cascader
-                        placeholder="请选择所属组织"
-                        :options="agencytree"
-                        v-model="dataForm.agencyId"
-                        :props="{ expandTrigger: 'hover', emitPath: false, label: 'orgName', value: 'orgId', children: 'subOrgList' }"
-                        clearable/>
-            </el-form-item>
-            <el-form-item label="部门名称" prop="deptName">
-                <el-input v-model="dataForm.axisName" placeholder="请输入部门名称" clearable size="small" />
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="getDataList()">搜索</el-button>
-                <el-button style="margin-left:10px"
-                           class="diy-button--reset"
-                           size="small">重置</el-button>
-            </el-form-item>
-        </el-form>
-      </div>
-      <div class="div_table">
-        <div class="div_btn">
-            <el-button style=""
-                    class="diy-button--add"
-                    size="small"
-                    @click="handleAdd()">{{ $t('add') }}</el-button>
-        </div>
-        <!-- 列表表格 -->
-        <el-table
-            class="table"
-            v-loading="dataListLoading"
-            :data="dataList"
-            :default-expand-all="true"
-            row-key="id"
-            :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
-            :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}">
-            <el-table-column prop="name" label="动力主轴"></el-table-column>
-            <el-table-column prop="categoryCode" :formatter="categoryCodeFormatter" label="类别" ></el-table-column>
-            <el-table-column prop="leaderName" label="负责人" width="100"></el-table-column>
-            <el-table-column prop="leaderMobile" label="联系方式" width="110"></el-table-column>
-            <el-table-column prop="createdTime" label="创建时间" width="160"></el-table-column>
-            <el-table-column label="操作" align="center" width="300">
-                <template slot-scope="scope">
-                    <!-- <el-button size="mini" type="danger" icon="el-icon-edit" @click="addOrUpdateHandle(scope.row.id)">修改</el-button> -->
-                    <el-button size="mini" type="danger" icon="el-icon-edit" @click="handleEdit(scope.row.id)">修改</el-button>
-                    <el-button size="mini" type="warning" icon="el-icon-edit" @click="deleteHandle_my(scope.row.id)">删除</el-button>
-                    <el-button size="mini" type="primary" icon="el-icon-user" @click="add_edit_Leader(scope.row.id, scope.row.leaderId, scope.row.structLevel)">负责人</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
+  <div class="g-main">
+    <div class="m-search">
+      <el-form :model="dataForm"
+               ref="queryForm"
+               :inline="true"
+               @keyup.enter.native="getDataList()">
+        <el-form-item label="所属组织"
+                      prop="deptName">
+          <el-cascader placeholder="请选择所属组织"
+                       :options="agencytree"
+                       v-model="dataForm.agencyId"
+                       :props="{ expandTrigger: 'hover', emitPath: false, label: 'orgName', value: 'orgId', children: 'subOrgList' }"
+                       clearable />
+        </el-form-item>
+        <el-form-item label="部门名称"
+                      prop="deptName">
+          <el-input v-model="dataForm.axisName"
+                    placeholder="请输入部门名称"
+                    clearable
+                    size="small" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary"
+                     icon="el-icon-search"
+                     size="mini"
+                     @click="getDataList()">搜索</el-button>
+          <el-button style="margin-left:10px"
+                     class="diy-button--reset"
+                     size="small">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="m-table">
+      <div class="div_btn">
+        <el-button style=""
+                   class="diy-button--add"
+                   size="small"
+                   @click="handleAdd()">{{ $t('add') }}</el-button>
      </div>
-        <!-- 弹窗, 新增 / 修改 -->
-        <el-dialog :visible.sync="formShow"
-                :close-on-click-modal="false"
-                :close-on-press-escape="false"
-                :title="formTitle"
-                width="850px"
-                top="5vh"
-                class="dialog-h"
-                @closed="diaClose">
-        <poweraxis-form ref="ref_form"
-                        @dialogCancle="addFormCancle"
-                        @dialogOk="addFormOk"></poweraxis-form>
-        </el-dialog>
-        <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
-        <el-dialog  :visible.sync="leaderVisible"
-                    :close-on-click-modal="false"
-                    :close-on-press-escape="false"
-                    title="负责人"
-                    width="850px"
-                    top="5vh"
-                    class="dialog-h"
-                    @closed="leaderDiaClose">
-            <add-leader ref="ref_leader"
-                        @leaderCancle="addleaderCancle"
-                        @leaderOk="addleaderOk"></add-leader>
-        </el-dialog>
+      <!-- 列表表格 -->
+      <el-table class="table"
+                v-loading="dataListLoading"
+                :data="dataList"
+                :default-expand-all="true"
+                row-key="id"
+                :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+                :header-cell-style="{background:'#2195FE',color:'#FFFFFF'}">
+        <el-table-column prop="name"
+                         label="动力主轴"></el-table-column>
+        <el-table-column prop="categoryCode"
+                         :formatter="categoryCodeFormatter"
+                         label="类别"></el-table-column>
+        <el-table-column prop="leaderName"
+                         label="负责人"
+                         width="100"></el-table-column>
+        <el-table-column prop="leaderMobile"
+                         label="联系方式"
+                         width="110"></el-table-column>
+        <el-table-column prop="createdTime"
+                         label="创建时间"
+                         width="160"></el-table-column>
+        <el-table-column label="操作"
+                         align="center"
+                         width="300">
+          <template slot-scope="scope">
+            <!-- <el-button size="mini" type="danger" icon="el-icon-edit" @click="addOrUpdateHandle(scope.row.id)">修改</el-button> -->
+            <el-button size="mini"
+                       type="danger"
+                       icon="el-icon-edit"
+                       @click="handleEdit(scope.row.id)">修改</el-button>
+            <el-button size="mini"
+                       type="warning"
+                       icon="el-icon-edit"
+                       @click="deleteHandle_my(scope.row.id)">删除</el-button>
+            <el-button size="mini"
+                       type="primary"
+                       icon="el-icon-user"
+                       @click="add_edit_Leader(scope.row.id, scope.row.leaderId, scope.row.structLevel)">负责人</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
    </div>
+    <!-- 弹窗, 新增 / 修改 -->
+    <el-dialog :visible.sync="formShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="formTitle"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <poweraxis-form ref="ref_form"
+                      @dialogCancle="addFormCancle"
+                      @dialogOk="addFormOk"></poweraxis-form>
+    </el-dialog>
+    <add-or-update v-if="addOrUpdateVisible"
+                   ref="addOrUpdate"
+                   @refreshDataList="getDataList"></add-or-update>
+    <el-dialog :visible.sync="leaderVisible"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               title="负责人"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               @closed="leaderDiaClose">
+      <add-leader ref="ref_leader"
+                  @leaderCancle="addleaderCancle"
+                  @leaderOk="addleaderOk"></add-leader>
+    </el-dialog>
+  </div>
 </template>

 <script>
@ -91,226 +122,226 @@ import mixinViewModule from '@/mixins/view-module'
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import AddLeader from './poweraxis_add_leader.vue';
 export default {
-    mixins: [mixinViewModule],
-    components: { 
-      Treeselect,
-      AddOrUpdate,
-      AddLeader,
-      poweraxisForm
+  mixins: [mixinViewModule],
+  components: {
+    Treeselect,
+    AddOrUpdate,
+    AddLeader,
+    poweraxisForm
+  },
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        createdIsNeed: false,
+        activatedIsNeed: false, // 此⻚⾯是否在激活（进⼊）时，调⽤查询数据列表接⼝？
+        getDataListIsPage: false, // 数据列表接⼝，是否需要分⻚？
+      },
+      dataForm: { // 查询参数
+        agencyId: '', // 组织ID
+        axisName: '', // 动力主轴节点名称
+        leaderName: '' // 动力主轴节点负责人
+      },
+      agencytree: [], // 所属组织
+      dataList: [], // 列表
+      structCategoryArr: [], // 查询动力主轴标签类别
+      leaderCategoryArr: [], // 查询动力主轴负责人标签类别
+      leaderVisible: false,
+      axisStructId: '', // 动力主轴id 添加负责人的时候用
+      structLevel: null, // 动力主轴节点级别 添加负责人的时候用
+      leaderId: '',
+      dataListLoading: false,
+      //form相关
+      formShow: false,
+      formTitle: '新增',
+    }
+  },
+  async created () {
+    this.dataListLoading = true
+    await this.getDataList()
+    await this.getAgencyTree()
+    await this.getTagCategoryArr()
+    this.dataListLoading = false
+  },
+  mounted () {
+    this.customerId = localStorage.getItem('customerId')
+    this.agencyId = localStorage.getItem('agencyId')
+  },
+  methods: {
+    handleEdit (id) {
+      this.formTitle = '修改'
+      this.formShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form.initForm('edit', id)
+      })
    },
-    data(){
-        return{
-            mixinViewModuleOptions: {
-                createdIsNeed: false,
-                activatedIsNeed: false, // 此⻚⾯是否在激活（进⼊）时，调⽤查询数据列表接⼝？
-                getDataListIsPage: false, // 数据列表接⼝，是否需要分⻚？
-            },
-            dataForm:{ // 查询参数
-             agencyId: '', // 组织ID
-             axisName: '', // 动力主轴节点名称
-             leaderName: '' // 动力主轴节点负责人
-            },
-            agencytree: [], // 所属组织
-            dataList:[], // 列表
-            structCategoryArr: [], // 查询动力主轴标签类别
-            leaderCategoryArr: [], // 查询动力主轴负责人标签类别
-            leaderVisible: false,
-            axisStructId: '', // 动力主轴id 添加负责人的时候用
-            structLevel: null, // 动力主轴节点级别 添加负责人的时候用
-            leaderId: '',
-            dataListLoading: false,
-            //form相关
-            formShow: false,
-            formTitle: '新增',
-        }
+    handleAdd () {
+      this.formTitle = '新增'
+      this.formShow = true
+      this.$nextTick(() => {
+        this.$refs.ref_form.initForm('add')
+      })
    },
-    async created(){
-        this.dataListLoading = true
-        await this.getDataList()
-        await this.getAgencyTree()
-        await this.getTagCategoryArr()
-        this.dataListLoading = false
+    addFormCancle () {
+      this.formShow = false
    },
-    mounted(){
-        this.customerId = localStorage.getItem('customerId')
-        this.agencyId = localStorage.getItem('agencyId')
+    addFormOk () {
+      this.formShow = false
+      this.getDataList()
    },
-    methods:{
-        handleEdit (id) {
-            this.formTitle = '修改'
-            this.formShow = true
-            this.$nextTick(() => {
-                this.$refs.ref_form.initForm('edit', id)
-            })
-        },
-        handleAdd () {
-            this.formTitle = '新增'
-            this.formShow = true
-            this.$nextTick(() => {
-                this.$refs.ref_form.initForm('add')
-            })
-        },
-        addFormCancle () {
-            this.formShow = false
-        },
-        addFormOk () {
-            this.formShow = false
-            this.getDataList()
-        },
-        diaClose () {
-        // this.$refs.ref_form.resetData()
-        this.formShow = false
-        },
-        // 获取组织列表
-        async getAgencyTree(){
-            const url = '/data/aggregator/org/agencytree'
+    diaClose () {
+      // this.$refs.ref_form.resetData()
+      this.formShow = false
+    },
+    // 获取组织列表
+    async getAgencyTree () {
+      const url = '/data/aggregator/org/agencytree'

-            let params = {
-                agencyId:  localStorage.getItem('agencyId'),
-                client:'gov'
-            }
-            const { data, code, msg } = await requestPost(url,params)
-            if (code === 0) {
-                let _data
-                if (data) {
-                    _data = this.removeByOrgType(data, 'agency')
-                    if (_data) {
-                        this.agencytree = this.removeEmptySubOrgList(_data)
-                    }
-                }
+      let params = {
+        agencyId: localStorage.getItem('agencyId'),
+        client: 'gov'
+      }
+      const { data, code, msg } = await requestPost(url, params)
+      if (code === 0) {
+        let _data
+        if (data) {
+          _data = this.removeByOrgType(data, 'agency')
+          if (_data) {
+            this.agencytree = this.removeEmptySubOrgList(_data)
+          }
+        }
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    removeByOrgType (orgArray, orgType) {
+      if (orgArray && orgArray.length > 0) {
+        for (let p = orgArray.length - 1; p >= 0; p--) {
+          let orgInfo = orgArray[p]
+          if (orgInfo) {
+            if (orgInfo.orgType !== orgType) {
+              orgArray.splice(p, 1)
            } else {
-                this.$message.error(msg)
+              this.removeByOrgType(orgInfo.subOrgList, orgType)
            }
-        },
-        removeByOrgType (orgArray, orgType) {
-            if (orgArray && orgArray.length > 0) {
-                for (let p = orgArray.length - 1; p >= 0; p--) {
-                    let orgInfo = orgArray[p]
-                    if (orgInfo) {
-                        if (orgInfo.orgType !== orgType) {
-                            orgArray.splice(p, 1)
-                        } else {
-                            this.removeByOrgType(orgInfo.subOrgList, orgType)
-                        }
-                    }
-                }
-            }
-            return orgArray
-        },
-        removeEmptySubOrgList (orgArray) {
-            orgArray.forEach((orgInfo) => {
-                if (orgInfo && orgInfo.subOrgList) {
-                    if (orgInfo.subOrgList.length === 0) {
-                        orgInfo.subOrgList = undefined
-                    } else {
-                        this.removeEmptySubOrgList(orgInfo.subOrgList)
-                    }
-                }
-            })
-            return orgArray;
-        },
-        // 初始化动力主轴组织树
-        async getDataList () {
-            const url = '/pli/power/axisStruct/list4Tree'
+          }
+        }
+      }
+      return orgArray
+    },
+    removeEmptySubOrgList (orgArray) {
+      orgArray.forEach((orgInfo) => {
+        if (orgInfo && orgInfo.subOrgList) {
+          if (orgInfo.subOrgList.length === 0) {
+            orgInfo.subOrgList = undefined
+          } else {
+            this.removeEmptySubOrgList(orgInfo.subOrgList)
+          }
+        }
+      })
+      return orgArray;
+    },
+    // 初始化动力主轴组织树
+    async getDataList () {
+      const url = '/pli/power/axisStruct/list4Tree'

-            const { data, code, msg } = await requestPost(url, this.dataForm)
+      const { data, code, msg } = await requestPost(url, this.dataForm)

-            if (code === 0) {
-                this.dataList = handleTree(data, 'id', 'pid');
-            } else {
-                this.$message.error(msg)
-                
-            }
-        },
-        // 获取动力主轴标签
-        async getTagCategoryArr(){
-            const url = '/pli/power/axisTag/listSimpleAll'
+      if (code === 0) {
+        this.dataList = handleTree(data, 'id', 'pid');
+      } else {
+        this.$message.error(msg)

-            let params = {}
+      }
+    },
+    // 获取动力主轴标签
+    async getTagCategoryArr () {
+      const url = '/pli/power/axisTag/listSimpleAll'

-            const { data, code, msg } = await requestPost(url, params)
+      let params = {}

-            if (code === 0) {
-                data.forEach((item) => {
-                    if (item.tagCategory === 'struct') {
-                        this.structCategoryArr = item.tagList
-                    }
-                    if (item.tagCategory === 'leader') {
-                        this.leaderCategoryArr = item.tagList
-                    } 
-                })
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        categoryCodeFormatter (row) {
-            let ca = ''
-            this.structCategoryArr.forEach((tagCategory) => {
-                if (tagCategory.categoryCode === row.categoryCode) {
-                    ca = tagCategory.categoryName
-                }
-            })
-            return ca
-        },
-        // 删除方法
-        deleteHandle_my(id) {
-            this.$confirm(this.$t('prompt.info', { 'handle': this.$t('delete') }), this.$t('prompt.title'), {
-                confirmButtonText: this.$t('confirm'),
-                cancelButtonText: this.$t('cancel'),
-                type: 'warning'
-            }).then(() => {
-                this.submitDelete(id)
-            }).catch(() => {})
-        },
-        async submitDelete(id){
-            const url = '/pli/power/axisStruct/deleteById/'+ id
-            const { code, msg } = await requestPost(url)
-            if (code === 0) {
-                this.$message.success("删除成功")
-                this.getDataList()
-            } else {
-                this.$message.error(msg)
-            }
-        },
-        // 添加负责人
-        add_edit_Leader(axisStructId, leaderId, structLevel) {
-            this.leaderVisible = true
-            let agencyObj = {
-                axisStructId: axisStructId,
-                structLevel: structLevel,
-                leaderId: leaderId,
-            }
-            this.$nextTick(() => {
-                this.$refs.ref_leader.initForm(agencyObj)
-            })
-        },
-        addleaderOk() {
-            this.leaderVisible = false
-            this.axisStructId = ''
-            this.getDataList()
-        },
-        addleaderCancle() {
-           this.leaderVisible = false
-        },
-        leaderDiaClose() {
-           this.leaderVisible = false
-        },
-        // 取消按钮 
-        handleCancle () {
-            console.log('取消：：：：')
-        // this.resetData()
-        // this.$emit('dialogCancle')
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        data.forEach((item) => {
+          if (item.tagCategory === 'struct') {
+            this.structCategoryArr = item.tagList
+          }
+          if (item.tagCategory === 'leader') {
+            this.leaderCategoryArr = item.tagList
+          }
+        })
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    categoryCodeFormatter (row) {
+      let ca = ''
+      this.structCategoryArr.forEach((tagCategory) => {
+        if (tagCategory.categoryCode === row.categoryCode) {
+          ca = tagCategory.categoryName
        }
+      })
+      return ca
+    },
+    // 删除方法
+    deleteHandle_my (id) {
+      this.$confirm(this.$t('prompt.info', { 'handle': this.$t('delete') }), this.$t('prompt.title'), {
+        confirmButtonText: this.$t('confirm'),
+        cancelButtonText: this.$t('cancel'),
+        type: 'warning'
+      }).then(() => {
+        this.submitDelete(id)
+      }).catch(() => { })
+    },
+    async submitDelete (id) {
+      const url = '/pli/power/axisStruct/deleteById/' + id
+      const { code, msg } = await requestPost(url)
+      if (code === 0) {
+        this.$message.success("删除成功")
+        this.getDataList()
+      } else {
+        this.$message.error(msg)
+      }
+    },
+    // 添加负责人
+    add_edit_Leader (axisStructId, leaderId, structLevel) {
+      this.leaderVisible = true
+      let agencyObj = {
+        axisStructId: axisStructId,
+        structLevel: structLevel,
+        leaderId: leaderId,
+      }
+      this.$nextTick(() => {
+        this.$refs.ref_leader.initForm(agencyObj)
+      })
+    },
+    addleaderOk () {
+      this.leaderVisible = false
+      this.axisStructId = ''
+      this.getDataList()
+    },
+    addleaderCancle () {
+      this.leaderVisible = false
+    },
+    leaderDiaClose () {
+      this.leaderVisible = false
+    },
+    // 取消按钮 
+    handleCancle () {
+      console.log('取消：：：：')
+      // this.resetData()
+      // this.$emit('dialogCancle')
    }
+  }
 }
 </script>

 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -324,7 +355,7 @@ export default {
  width: 495px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/plugins/power/servicestation.vue
+++ b/src/views/modules/plugins/power/servicestation.vue
@ -1,46 +1,51 @@
 <template>
  <div>
-    <div class="div_search">
-      <el-form :rules="dataRule" :inline="true">
-          <el-form-item label="所属组织" prop="deptName">
-              <el-cascader
-                      style="width:350px"
-                      placeholder="请选择所属组织"
-                      :options="agencytree"
-                      v-model="agencyId"
-                      :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
-                      clearable/>
-          </el-form-item>
-            <el-form-item>
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="loadTree()">加载动力主轴</el-button>
-            </el-form-item>
+    <div class="m-search">
+      <el-form :rules="dataRule"
+               :inline="true">
+        <el-form-item label="所属组织"
+                      prop="deptName">
+          <el-cascader style="width:350px"
+                       placeholder="请选择所属组织"
+                       :options="agencytree"
+                       v-model="agencyId"
+                       :props="{ expandTrigger: 'hover', label: 'orgName', value: 'orgId', children: 'subOrgList' }"
+                       clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary"
+                     icon="el-icon-search"
+                     size="mini"
+                     @click="loadTree()">加载动力主轴</el-button>
+        </el-form-item>
      </el-form>
    </div>
-    <div class="div_main">
+    <div class="g-main">
      <div :style="{height:rowHeight}"
-          class="div_tree">
+           class="div_tree">
        <el-input placeholder="输入关键字进行过滤"
                  v-model="filterText">
        </el-input>
        <el-scrollbar :style="{height:treeHeight}"
                      class="scrollar">
          <el-tree ref="ref_tree"
-                  v-loading="treeLoading"
-                  class="filter_tree"
-                  :data="treeData"
-                  :props="defaultProps"
-                  :highlight-current="true"
-                  node-key="id"
-                  :expand-on-click-node="false"
-                  default-expand-all
-                  :filter-node-method="filterNode"
-                  @node-click="handleNodeClick">
+                   v-loading="treeLoading"
+                   class="filter_tree"
+                   :data="treeData"
+                   :props="defaultProps"
+                   :highlight-current="true"
+                   node-key="id"
+                   :expand-on-click-node="false"
+                   default-expand-all
+                   :filter-node-method="filterNode"
+                   @node-click="handleNodeClick">
          </el-tree>
        </el-scrollbar>
      </div>
      <div :style="{height:rowHeight}"
-          class="div_table">
-        <servicestation-table :axisStructId="axisStructId" ref="ref_communityTable"></servicestation-table>
+           class="m-table">
+        <servicestation-table :axisStructId="axisStructId"
+                              ref="ref_communityTable"></servicestation-table>
      </div>
    </div>
  </div>
@ -85,8 +90,8 @@ export default {

    dataRule () {
      return {
-        deptName:[
-            { required: true, message: "请选择", trigger: "blur" }
+        deptName: [
+          { required: true, message: "请选择", trigger: "blur" }
        ]
      }
    }
@ -100,7 +105,7 @@ export default {
      this.treeLoading = true
      const url = "/pli/power/data/axis/structTree"
      let params = {
-        agencyId: this.agencyId[this.agencyId.length-1]
+        agencyId: this.agencyId[this.agencyId.length - 1]
      }
      const { data, code, msg } = await requestPost(url, params)
      this.treeLoading = false
@ -118,54 +123,54 @@ export default {
      return data.name.indexOf(value) !== -1;
    },
    // 获取组织列表
-    async getAgencyTree(){
-        const url = '/data/aggregator/org/agencytree'
+    async getAgencyTree () {
+      const url = '/data/aggregator/org/agencytree'

-        let params = {
-            agencyId:this.agencyId,
-            client:'gov'
-        }
+      let params = {
+        agencyId: this.agencyId,
+        client: 'gov'
+      }

-        const { data, code, msg } = await requestPost(url,params)
+      const { data, code, msg } = await requestPost(url, params)

-        if (code === 0) {
-            let _data
-            if (data) {
-                _data = this.removeByOrgType(data, 'agency')
-                if (_data) {
-                    this.agencytree = this.removeEmptySubOrgList(_data)
-                }
-            }
-        } else {
-            this.$message.error(msg)
+      if (code === 0) {
+        let _data
+        if (data) {
+          _data = this.removeByOrgType(data, 'agency')
+          if (_data) {
+            this.agencytree = this.removeEmptySubOrgList(_data)
+          }
        }
+      } else {
+        this.$message.error(msg)
+      }
    },
    removeByOrgType (orgArray, orgType) {
-        if (orgArray && orgArray.length > 0) {
-            for (let p = orgArray.length - 1; p >= 0; p--) {
-                let orgInfo = orgArray[p]
-                if (orgInfo) {
-                    if (orgInfo.orgType !== orgType) {
-                        orgArray.splice(p, 1)
-                    } else {
-                        this.removeByOrgType(orgInfo.subOrgList, orgType)
-                    }
-                }
+      if (orgArray && orgArray.length > 0) {
+        for (let p = orgArray.length - 1; p >= 0; p--) {
+          let orgInfo = orgArray[p]
+          if (orgInfo) {
+            if (orgInfo.orgType !== orgType) {
+              orgArray.splice(p, 1)
+            } else {
+              this.removeByOrgType(orgInfo.subOrgList, orgType)
            }
+          }
        }
-        return orgArray
+      }
+      return orgArray
    },
    removeEmptySubOrgList (orgArray) {
-        orgArray.forEach((orgInfo) => {
-            if (orgInfo && orgInfo.subOrgList) {
-                if (orgInfo.subOrgList.length === 0) {
-                    orgInfo.subOrgList = undefined
-                } else {
-                    this.removeEmptySubOrgList(orgInfo.subOrgList)
-                }
-            }
-        })
-        return orgArray;
+      orgArray.forEach((orgInfo) => {
+        if (orgInfo && orgInfo.subOrgList) {
+          if (orgInfo.subOrgList.length === 0) {
+            orgInfo.subOrgList = undefined
+          } else {
+            this.removeEmptySubOrgList(orgInfo.subOrgList)
+          }
+        }
+      })
+      return orgArray;
    }
  },
  watch: {
@ -179,14 +184,14 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_search {
+.m-search {
  width: calc(100% - 5px);
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
 }
-.div_main {
+.g-main {
  margin-top: 10px;
  display: flex;
 }
@ -205,7 +210,7 @@ export default {
  overflow-x: auto;
 }

-.div_table {
+.m-table {
  margin-left: 15px;
  // flex: 1;
  width: calc(100% - 300px);
--- a/src/views/modules/plugins/power/servicestationTable.vue
+++ b/src/views/modules/plugins/power/servicestationTable.vue
@ -1,6 +1,6 @@
 <template>
  <div>
-    <div class="div_search">
+    <div class="m-search">
      <div class="resi-cell">
        <div class="resi-cell-label">服务站名</div>
        <div class="resi-cell-value">
@ -23,7 +23,7 @@
                 size="small"
                 @click="handleAdd">添加</el-button>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <el-table ref="ref_table"
                :data="tableData"
                border
@ -80,9 +80,9 @@
               class="dialog-h"
               @closed="diaClose">
      <servicestation-form ref="ref_form"
-                      @dialogCancle="addFormCancle"
-                      @dialogOk="addFormOk"
-                      :axisStructId="axisStructId"></servicestation-form>
+                           @dialogCancle="addFormCancle"
+                           @dialogOk="addFormOk"
+                           :axisStructId="axisStructId"></servicestation-form>
    </el-dialog>

  </div>
@ -127,7 +127,7 @@ export default {
        name: this.name
      }
      const { data, code, msg, total } = await requestGet(url, params)
-      if (code === 0) {        
+      if (code === 0) {
        this.total = data.total || 0;
        this.tableData = data.list ? data.list.map((item) => { return item }) : []
      } else {
@ -142,10 +142,10 @@ export default {
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
-          this.deleteKernelhousehold(id)
-        }).catch(err => {
-          console.log('取消删除')
-        })
+        this.deleteKernelhousehold(id)
+      }).catch(err => {
+        console.log('取消删除')
+      })
    },

    async deleteKernelhousehold (id) {
@ -182,10 +182,10 @@ export default {
    },
    handleAdd () {
      if (this.axisStructId) {
-          this.formShow = true
-          this.$nextTick(() => {
-            this.$refs.ref_form.initForm('add', null, {})
-          })
+        this.formShow = true
+        this.$nextTick(() => {
+          this.$refs.ref_form.initForm('add', null, {})
+        })
      } else {
        return this.$message.error('请选择动力主轴节点')
      }
--- a/src/views/modules/secretaryLog/difficulty/difficultyList.vue
+++ b/src/views/modules/secretaryLog/difficulty/difficultyList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
-    <div ref="div_search"
-         class="div_search">
+  <div class="g-main">
+    <div ref="m-search"
+         class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -55,7 +55,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button style=""
                   class="diy-button--add"
@ -240,7 +240,7 @@ export default {

    //获取网格下拉框数据
    await this.loadTable()
-    this.sHeight = this.$refs.div_search.offsetHeight + 270
+    this.sHeight = this.$refs.g - search.offsetHeight + 270
  },

  methods: {
@ -492,11 +492,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -507,7 +507,7 @@ export default {
  width: 260px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/secretaryLog/humanisticCare/careList.vue
+++ b/src/views/modules/secretaryLog/humanisticCare/careList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
-    <div ref="div_search"
-         class="div_search">
+  <div class="g-main">
+    <div ref="m-search"
+         class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -94,7 +94,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button style=""
                   class="diy-button--add"
@ -309,7 +309,7 @@ export default {

    //获取网格下拉框数据
    await this.loadTable()
-    this.sHeight = this.$refs.div_search.offsetHeight + 270
+    this.sHeight = this.$refs.g - search.offsetHeight + 270
  },

  methods: {
@ -565,11 +565,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -583,7 +583,7 @@ export default {
  width: 495px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/secretaryLog/workLog/index.vue
+++ b/src/views/modules/secretaryLog/workLog/index.vue
@ -1,6 +1,7 @@
 <template>
-  <div class="div_main">
-    <div ref="div_search" class="div_search">
+  <div class="g-main">
+    <div ref="m-search"
+         class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -50,7 +51,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button style=""
                   class="diy-button--add"
@ -115,13 +116,11 @@
                       class="div-table-button--detail"
                       size="small"
                       @click="handleDetail(scope.row)">查看</el-button>
-            <el-button
-                       type="text"
+            <el-button type="text"
                       class="div-table-button--edit"
                       size="small"
                       @click="handleEdit(scope.row)">修改</el-button>
-            <el-button
-                       type="text"
+            <el-button type="text"
                       class="div-table-button--detail"
                       size="small"
                       @click="handleExport(scope.row)">导出</el-button>
@ -154,9 +153,10 @@
               top="5vh"
               class="dialog-h"
               @closed="diaClose">
-      <edit-form v-if="formShow" ref="ref_form"
-                       @dialogCancle="addFormCancle"
-                       @dialogOk="addFormOk"></edit-form>
+      <edit-form v-if="formShow"
+                 ref="ref_form"
+                 @dialogCancle="addFormCancle"
+                 @dialogOk="addFormOk"></edit-form>
    </el-dialog>

  </div>
@ -207,12 +207,12 @@ export default {
    console.log('sHeightcreated-----', this.sHeight, Date.now())
  },
  async mounted () {
-    
+

    //获取网格下拉框数据
    await this.loadTable()
-    console.log('sh-----', this.$refs.div_search.offsetHeight)
-    this.sHeight = this.$refs.div_search.offsetHeight + 270
+    console.log('sh-----', this.$refs.g - search.offsetHeight)
+    this.sHeight = this.$refs.g - search.offsetHeight + 270
    console.log('sHeight-----', this.sHeight, this.tableHeight)
  },

@ -356,10 +356,10 @@ export default {
        responseType: 'blob'
      }).then(res => {
        if (res.headers["content-disposition"]) {
-            let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
-            console.log('filename', fileName)
-            this.download(res.data, fileName)
-          } else this.$message.error('导出失败')
+          let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1])
+          console.log('filename', fileName)
+          this.download(res.data, fileName)
+        } else this.$message.error('导出失败')
      })

    },
@ -431,11 +431,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped >
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -446,7 +446,7 @@ export default {
  width: 260px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/shequ/chaxun.vue
+++ b/src/views/modules/shequ/chaxun.vue
@ -7,16 +7,12 @@
        </div>

        <div class="tabs">
-          <div
-            :class="{ 'z-on': searchData.type == 'jumin' }"
-            @click="searchData.type = 'jumin'"
-          >
+          <div :class="{ 'z-on': searchData.type == 'jumin' }"
+               @click="searchData.type = 'jumin'">
            查居民
          </div>
-          <div
-            :class="{ 'z-on': searchData.type == 'fangwu' }"
-            @click="searchData.type = 'fangwu'"
-          >
+          <div :class="{ 'z-on': searchData.type == 'fangwu' }"
+               @click="searchData.type = 'fangwu'">
            查房屋
          </div>
        </div>
@ -24,24 +20,22 @@
        <div class="search">
          <div class="search-input">
            <div class="input">
-              <input
-                type="text"
-                :placeholder="typePlaceholder[searchData.type]"
-                v-model="searchData.keyword"
-                @keyup.enter="handleClickSearchBtn"
-              />
-
-              <div
-                class="close-btn"
-                v-if="searchData.keyword != ''"
-                @click="searchData.keyword = ''"
-              >
+              <input type="text"
+                     :placeholder="typePlaceholder[searchData.type]"
+                     v-model="searchData.keyword"
+                     @keyup.enter="handleClickSearchBtn" />
+
+              <div class="close-btn"
+                   v-if="searchData.keyword != ''"
+                   @click="searchData.keyword = ''">
                <img src="@/assets/img/shequ/close.png" />
              </div>
            </div>
-            <div class="btn" @click="handleClickSearchBtn">查一下</div>
+            <div class="btn"
+                 @click="handleClickSearchBtn">查一下</div>
          </div>
-          <div class="btn2" @click="handleClickSearchBtn">
+          <div class="btn2"
+               @click="handleClickSearchBtn">
            <img src="@/assets/images/index/i-search.png" />
            智能搜索
          </div>
@ -49,172 +43,154 @@
      </div>
    </div>

-    <div class="m-box" v-if="searchStatus == 'ing'">
-      <div
-        class="m-tb"
-        v-if="
+    <div class="m-box"
+         v-if="searchStatus == 'ing'">
+      <div class="m-tb"
+           v-if="
          searchData.type == 'jumin' &&
          searchData.keyword != '' &&
          searchStatus == 'ing'
-        "
-      >
+        ">
        <div class="tb">
-          <el-table
-            class="div_table"
-            v-loading="searchJumin.loading"
-            :data="searchJumin.list"
-            border
-            style="width: 100%"
-            :max-height="1000"
-          >
-            <el-table-column
-              label="序号"
-              type="index"
-              align="center"
-              width="50"
-            />
-            <el-table-column
-              v-for="item in searchJumin.header"
-              :key="item.columnName"
-              :prop="item.columnName"
-              :label="item.label"
-              align="center"
-              :show-overflow-tooltip="true"
-              :width="
+          <el-table class="m-table"
+                    v-loading="searchJumin.loading"
+                    :data="searchJumin.list"
+                    border
+                    style="width: 100%"
+                    :max-height="1000">
+            <el-table-column label="序号"
+                             type="index"
+                             align="center"
+                             width="50" />
+            <el-table-column v-for="item in searchJumin.header"
+                             :key="item.columnName"
+                             :prop="item.columnName"
+                             :label="item.label"
+                             align="center"
+                             :show-overflow-tooltip="true"
+                             :width="
                item.itemType === 'radio' ? computedWidth(item.label) : 180
-              "
-            >
+              ">
              <template slot-scope="scope">
                <span>{{ handleFilterSpan(scope.row, item) }}</span>
              </template>
            </el-table-column>
-            <el-table-column fixed="right" label="操作" align="center">
+            <el-table-column fixed="right"
+                             label="操作"
+                             align="center">
              <template slot-scope="scope">
-                <el-button
-                  class="f-fc"
-                  @click="handleWatchSearchJumin(scope.$index)"
-                  type="text"
-                  size="small"
-                  >查看</el-button
-                >
+                <el-button class="f-fc"
+                           @click="handleWatchSearchJumin(scope.$index)"
+                           type="text"
+                           size="small">查看</el-button>
              </template>
            </el-table-column>
          </el-table>

          <div>
-            <el-pagination
-              @size-change="handleSizeChangeSearchJumin"
-              @current-change="handleCurrentChangeSearchJumin"
-              :current-page.sync="searchJumin.pageNo"
-              :page-sizes="[20, 50, 100, 200]"
-              :page-size="parseInt(searchJumin.pageSize)"
-              layout="sizes, prev, pager, next, total"
-              :total="searchJumin.total"
-            >
+            <el-pagination @size-change="handleSizeChangeSearchJumin"
+                           @current-change="handleCurrentChangeSearchJumin"
+                           :current-page.sync="searchJumin.pageNo"
+                           :page-sizes="[20, 50, 100, 200]"
+                           :page-size="parseInt(searchJumin.pageSize)"
+                           layout="sizes, prev, pager, next, total"
+                           :total="searchJumin.total">
            </el-pagination>
          </div>
        </div>
      </div>

-      <div
-        class="m-tb"
-        v-if="
+      <div class="m-tb"
+           v-if="
          searchData.type == 'fangwu' &&
          searchData.keyword != '' &&
          searchStatus == 'ing'
-        "
-      >
+        ">
        <div class="tb">
-          <el-table
-            class="div_table"
-            :data="searchFangwu.list"
-            v-loading="searchFangwu.loading"
-            border
-            :max-height="1000"
-            style="width: 100%"
-          >
-            <el-table-column
-              label="序号"
-              type="index"
-              align="center"
-              width="50"
-            />
-            <el-table-column prop="houseName" label="房屋名称" width="120">
+          <el-table class="m-table"
+                    :data="searchFangwu.list"
+                    v-loading="searchFangwu.loading"
+                    border
+                    :max-height="1000"
+                    style="width: 100%">
+            <el-table-column label="序号"
+                             type="index"
+                             align="center"
+                             width="50" />
+            <el-table-column prop="houseName"
+                             label="房屋名称"
+                             width="120">
            </el-table-column>
-            <el-table-column
-              prop="neighborHoodName"
-              label="所属小区"
-              width="160"
-            >
+            <el-table-column prop="neighborHoodName"
+                             label="所属小区"
+                             width="160">
            </el-table-column>
-            <el-table-column prop="buildingName" label="所属楼栋">
+            <el-table-column prop="buildingName"
+                             label="所属楼栋">
            </el-table-column>
-            <el-table-column prop="unitNum" label="单元号"> </el-table-column>
-            <el-table-column prop="doorName" label="门牌号"> </el-table-column>
-            <el-table-column prop="houseType" label="类型"> </el-table-column>
-            <el-table-column prop="purpose" label="用途"> </el-table-column>
-            <el-table-column prop="rentFlag" label="房屋状态">
+            <el-table-column prop="unitNum"
+                             label="单元号"> </el-table-column>
+            <el-table-column prop="doorName"
+                             label="门牌号"> </el-table-column>
+            <el-table-column prop="houseType"
+                             label="类型"> </el-table-column>
+            <el-table-column prop="purpose"
+                             label="用途"> </el-table-column>
+            <el-table-column prop="rentFlag"
+                             label="房屋状态">
            </el-table-column>
-            <el-table-column prop="ownerName" label="房主姓名">
+            <el-table-column prop="ownerName"
+                             label="房主姓名">
            </el-table-column>
-            <el-table-column prop="ownerPhone" label="房主电话" width="110">
+            <el-table-column prop="ownerPhone"
+                             label="房主电话"
+                             width="110">
            </el-table-column>
-            <el-table-column prop="ownerIdCard" label="身份证" width="170">
+            <el-table-column prop="ownerIdCard"
+                             label="身份证"
+                             width="170">
            </el-table-column>
-            <el-table-column
-              label="操作"
-              fixed="right"
-              header-align="center"
-              align="center"
-              class="operate"
-            >
+            <el-table-column label="操作"
+                             fixed="right"
+                             header-align="center"
+                             align="center"
+                             class="operate">
              <template slot-scope="scope">
-                <el-button
-                  class="f-fc"
-                  type="text"
-                  size="small"
-                  @click="handleWatchSearchFangwu(scope.row)"
-                  >查看</el-button
-                >
+                <el-button class="f-fc"
+                           type="text"
+                           size="small"
+                           @click="handleWatchSearchFangwu(scope.row)">查看</el-button>
              </template>
            </el-table-column>
          </el-table>
          <div>
-            <el-pagination
-              @size-change="handleSizeChangeSearchFangwu"
-              @current-change="handleCurrentChangeSearchFangwu"
-              :current-page.sync="searchFangwu.pageNo"
-              :page-sizes="[20, 50, 100, 200]"
-              :page-size="parseInt(searchFangwu.pageSize)"
-              layout="sizes, prev, pager, next"
-              :total="searchFangwu.total"
-            >
+            <el-pagination @size-change="handleSizeChangeSearchFangwu"
+                           @current-change="handleCurrentChangeSearchFangwu"
+                           :current-page.sync="searchFangwu.pageNo"
+                           :page-sizes="[20, 50, 100, 200]"
+                           :page-size="parseInt(searchFangwu.pageSize)"
+                           layout="sizes, prev, pager, next"
+                           :total="searchFangwu.total">
            </el-pagination>
          </div>
        </div>
      </div>
    </div>

-    <people-more
-      v-if="showedPeopleMoreInfo && currentPepeleId"
-      :userId="currentPepeleId"
-      :gridName="currentPepeleGridName"
-      @close="showedPeopleMoreInfo = false"
-    />
+    <people-more v-if="showedPeopleMoreInfo && currentPepeleId"
+                 :userId="currentPepeleId"
+                 :gridName="currentPepeleGridName"
+                 @close="showedPeopleMoreInfo = false" />

    <!-- 修改弹出框 -->
-    <el-dialog
-      :visible.sync="showedFangwuInfo"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      title="房屋详情"
-      width="900px"
-      @closed="showedFangwuInfo = false"
-    >
-      <fangwu-info
-        ref="fangwu_info"
-        @dialogCancle="showedFangwuInfo = false"
-      ></fangwu-info>
+    <el-dialog :visible.sync="showedFangwuInfo"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               title="房屋详情"
+               width="900px"
+               @closed="showedFangwuInfo = false">
+      <fangwu-info ref="fangwu_info"
+                   @dialogCancle="showedFangwuInfo = false"></fangwu-info>
    </el-dialog>
  </div>
 </template>
@ -244,7 +220,7 @@ export default {
    },
  },

-  data() {
+  data () {
    return {
      searchStatus: "ini", //ing over
      searchData: {
@ -289,7 +265,7 @@ export default {
    };
  },
  computed: {
-    maxTableHeight() {
+    maxTableHeight () {
      // return this.clientHeight - 450;
      return 420;
    },
@ -302,23 +278,23 @@ export default {
      }
    },
  },
-  mounted() {
+  mounted () {
    this.getApiData();

    this.firstSearch();
  },
  methods: {
-    firstSearch() {
+    firstSearch () {
      this.searchData.keyword = getQueryPara("keyword");
      this.searchData.type = getQueryPara("type");
      this.handleClickSearchBtn();
    },

-    computedWidth(label) {
+    computedWidth (label) {
      const wd = 20 * label.length;
      return wd > 80 ? wd : 80;
    },
-    handleFilterSpan(row, item) {
+    handleFilterSpan (row, item) {
      let _val = "";
      if (item.options && item.options.length > 0) {
        item.options.forEach((n) => {
@ -328,7 +304,7 @@ export default {
      return _val || row[item.columnName];
    },

-    handleClickSearchBtn() {
+    handleClickSearchBtn () {
      const {
        searchData: { type, keyword },
      } = this;
@ -349,18 +325,18 @@ export default {
      this.searchStatus = "ing";
    },

-    handleSizeChangeSearchJumin(val) {
+    handleSizeChangeSearchJumin (val) {
      console.log(`每页 ${val} 条`);
      this.searchJumin.pageSize = val;
      window.localStorage.setItem("pageSize", val);
      this.getSearchJumin();
    },
-    handleCurrentChangeSearchJumin(val) {
+    handleCurrentChangeSearchJumin (val) {
      console.log(`当前页: ${val}`);
      this.searchJumin.pageNo = val;
      this.getSearchJumin();
    },
-    async handleWatchSearchJumin(rowIndex) {
+    async handleWatchSearchJumin (rowIndex) {
      let item = this.searchJumin.list[rowIndex];
      this.currentPepeleId = item.icResiUserId;
      this.currentPepeleGridName = item.GRID_ID;
@ -368,28 +344,28 @@ export default {
      this.showedPeopleMoreInfo = true;
    },

-    handleSizeChangeSearchFangwu(val) {
+    handleSizeChangeSearchFangwu (val) {
      console.log(`每页 ${val} 条`);
      this.searchFangwu.pageSize = val;
      window.localStorage.setItem("pageSize", val);
      this.getSearchFangwu();
    },
-    handleCurrentChangeSearchFangwu(val) {
+    handleCurrentChangeSearchFangwu (val) {
      console.log(`当前页: ${val}`);
      this.searchFangwu.pageNo = val;
      this.getSearchFangwu();
    },
-    async handleWatchSearchFangwu(row) {
+    async handleWatchSearchFangwu (row) {
      this.showedFangwuInfo = true;
      await nextTick();
      this.$refs.fangwu_info.initForm("detail", row);
    },

-    getApiData() {
+    getApiData () {
      this.getSearchJuminHeader();
    },

-    async getSearchJuminHeader() {
+    async getSearchJuminHeader () {
      const url = "/oper/customize/icform/tableheaders";
      const { data, code, msg } = await requestPost(url, {
        formCode: "resi_base_info",
@ -402,7 +378,7 @@ export default {
      }
    },

-    async getSearchJumin() {
+    async getSearchJumin () {
      const url = "/epmetuser/icresiuser/search";
      const {
        searchData: { keyword },
@ -420,14 +396,14 @@ export default {
        this.searchJumin.total = data.total || 0;
        this.searchJumin.list = data.list
          ? data.list.map((item) => {
-              return item;
-            })
+            return item;
+          })
          : [];
      } else {
      }
    },

-    async getSearchFangwu() {
+    async getSearchFangwu () {
      const url = "/gov/org/house/search";
      const {
        searchData: { keyword },
@ -445,8 +421,8 @@ export default {
        this.searchFangwu.total = data.total || 0;
        this.searchFangwu.list = data.list
          ? data.list.map((item) => {
-              return item;
-            })
+            return item;
+          })
          : [];
      } else {
      }
--- a/src/views/modules/shequzhili/csgltc/csgl.vue
+++ b/src/views/modules/shequzhili/csgltc/csgl.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -43,7 +43,7 @@

      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button class="diy-button--add"
                   size="small"
--- a/src/views/modules/shequzhili/event/eventList.vue
+++ b/src/views/modules/shequzhili/event/eventList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-show="pageType == 'list'">
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -100,10 +100,10 @@
                              value="yyyy-MM-dd"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.endTime"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="date"
                              value-format="yyyy-MM-dd HH:mm:ss"
@ -139,7 +139,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">
          <el-button class="diy-button--add"
@ -829,7 +829,7 @@ export default {
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/shequzhili/event-info.scss";
-.div_search {
+.m-search {
  .item_width_2 {
    width: 200px;
  }
--- a/src/views/modules/shequzhili/ggfwtc/ggfw.vue
+++ b/src/views/modules/shequzhili/ggfwtc/ggfw.vue
@ -1,6 +1,6 @@
 <template>
-  <div class="div_main">
-    <div class="div_search">
+  <div class="g-main">
+    <div class="m-search">
      <el-form :inline="true"
               :model="formData"
               ref="ref_searchform"
@ -42,7 +42,7 @@
        </div>
      </el-form>
    </div>
-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
        <el-button class="diy-button--add"
                   size="small"
@ -52,7 +52,8 @@
                   style="margin-left:10px"
                   size="small"
                   @click="handleExportModule('room')">下载模板</el-button>
-        <el-upload :headers="$getElUploadHeaders()"  ref="upload"
+        <el-upload :headers="$getElUploadHeaders()"
+                   ref="upload"
                   :multiple='false'
                   :show-file-list='false'
                   :before-upload="beforeUpload"
@ -641,11 +642,11 @@ export default {
 <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss";
-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -659,7 +660,7 @@ export default {
  width: 620px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/shequzhili/issue/issueAuditList.vue
+++ b/src/views/modules/shequzhili/issue/issueAuditList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-show="pageType == 'list'">
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -42,10 +42,10 @@
                              value="yyyy-MM-dd"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.endTime"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="date"
                              value-format="yyyyMMdd"
@ -81,7 +81,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">

@ -502,7 +502,7 @@ export default {
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/shequzhili/event-info.scss";
-.div_search {
+.m-search {
  .item_width_2 {
    width: 200px;
  }
--- a/src/views/modules/shequzhili/issue/issueList.vue
+++ b/src/views/modules/shequzhili/issue/issueList.vue
@ -1,7 +1,7 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">
    <div v-show="pageType == 'list'">
-      <div class="div_search">
+      <div class="m-search">
        <el-form :inline="true"
                 :model="formData"
                 ref="ref_searchform"
@ -42,10 +42,10 @@
                              value="yyyy-MM-dd"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="formData.endTime"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="date"
                              value-format="yyyyMMdd"
@ -81,7 +81,7 @@
        </el-form>
      </div>

-      <div class="div_table">
+      <div class="m-table">

        <div class="div_btn">

@ -550,7 +550,7 @@ export default {
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/list-main.scss";
@import "@/assets/scss/modules/shequzhili/event-info.scss";
-.div_search {
+.m-search {
  .item_width_2 {
    width: 200px;
  }
--- a/src/views/modules/shequzhili/xiangmu/xiangmu-ling.vue
+++ b/src/views/modules/shequzhili/xiangmu/xiangmu-ling.vue
@ -129,10 +129,10 @@
                              value-format="yyyy-MM-dd HH:mm:ss"
                              placeholder="开始时间">
              </el-date-picker>
-              <span class="data-tag">至</span>
+              <span class="u-data-tag">至</span>
              <el-date-picker v-model="fmData.endTime"
                              :picker-options="endPickerOptions"
-                              class="item_width_2 data-tag"
+                              class="item_width_2 u-data-tag"
                              size="small"
                              type="datetime"
                              value-format="yyyy-MM-dd HH:mm:ss"
@ -168,7 +168,8 @@
                     class="diy-button--export"
                     size="small"
                     @click="handleExportModule('room')">下载模板</el-button>
-          <el-upload :headers="$getElUploadHeaders()"  v-if="false"
+          <el-upload :headers="$getElUploadHeaders()"
+                     v-if="false"
                     ref="upload"
                     class="upload-btn"
                     action="uploadUlr"
@ -925,7 +926,7 @@ export default {
  }
 }

-.data-tag {
+.u-data-tag {
  margin: 0 5px;
 }

--- a/src/views/modules/systemManagement/serviceMatter/service.vue
+++ b/src/views/modules/systemManagement/serviceMatter/service.vue
@ -1,9 +1,10 @@
 <template>
-  <div class="div_main">
+  <div class="g-main">

-    <div class="div_table">
+    <div class="m-table">
      <div class="div_btn">
-        <el-button class="diy-button--add" size="small"
+        <el-button class="diy-button--add"
+                   size="small"
                   @click="handleAdd">新增</el-button>

      </div>
@ -274,11 +275,11 @@ export default {
 <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";

-.div_main {
+.g-main {
  width: 100%;
 }

-.div_search {
+.m-search {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px 20px 5px;
@ -292,7 +293,7 @@ export default {
  width: 620px;
 }

-.div_table {
+.m-table {
  background: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
--- a/src/views/modules/visual/basicinfo/basicInfoMain-备份.vue
+++ b/src/views/modules/visual/basicinfo/basicInfoMain-备份.vue
@ -72,7 +72,7 @@

      <div class="div_data">
        <!-- <div @click="handleSearch"
-             class="div_search">
+             class="m-search">
          <div class="div_search_left">
            <i slot="prefix"
               class="icon">
			`@ -1 +0,0 @@`
			.div_main{width:100%}.div_main .marginl-20{margin-left:16px}.div_main .div_search{padding:10px;background:#FFFFFF;box-shadow:0px 6px 16px 0px rgba(0,0,0,0.08),0px 3px 6px -4px rgba(0,0,0,0.12);margin:7px 7px}.div_main .div_search /deep/ .el-form-item{margin-bottom:14px}.div_main .div_search .div_search_btn{margin-right:10px;margin-top:5px;float:right}.div_main .div_search .div_search_label{line-height:36px;margin-left:24px;margin-right:6px;font-size:14px;color:#606266;vertical-align:middle}.div_main .data-tag{margin-left:10px}.div_main .item_width_normal{width:168px}.div_main .item_width_daterange{width:206px}.div_main .item_width_daterange2{width:445px}.div_main .item_width_communitycascader{width:141px}.div_main .item_width_buildcascader{width:96px}.div_main .div_table{margin:16px 7px 7px;background:#FFFFFF;box-shadow:0px 6px 16px 0px rgba(0,0,0,0.08),0px 3px 6px -4px rgba(0,0,0,0.12);position:relative;padding:24px 16px 10px}.div_main .div_table .div_btn{display:flex;justify-content:space-between}.div_main .div_table .div_btn .div_btn_left{display:flex}.div_main .div_table .div_btn .div_btn_left .btn_upload{margin-left:10px;display:flex;text-align:center}.div_main .div_table .div_table_item{margin-top:16px;position:relative}.div_main .setFormBoxHeight{max-height:153px;overflow:hidden}.div_main .setFormBoxHeightAuto{height:auto}.div_main .flex{display:flex;flex-wrap:nowrap}.div_main .hflex{display:flex;flex-flow:column;overflow:hidden}.div_main .flex1{flex:1}.div_main .mean{justify-content:space-around}.div_main .endpoint{justify-content:space-between}.div_main .align_item{align-items:center}.div_main .font12{font-size:12px}.div_main .font14{font-size:14px !important}.div_main .font16{font-size:16px !important}.div_main .font18{font-size:18px !important}.div_main .p0{padding:0 !important}.div_main .p10{padding:10px}.div_main .p16{padding:16px}.div_main .p50{padding:50px}.div_main .p30{padding:30px}.div_main .right5{margin-right:5px}.div_main .right24{margin-right:24px}.div_main .bottom8{margin-bottom:8px}.div_main .bottom16{margin-bottom:16px}.div_main .top2{margin-top:2px}.div_main .top12{margin-top:12px}.div_main .top24{margin-top:24px !important}.div_main .top32{margin-top:32px !important}.div_main .top40{margin-top:40px !important}.div_main .top48{margin-top:48px !important}.div_main .top8{margin-top:8px !important}.div_main .bot8{margin-bottom:8px}.div_main .bot24{margin-bottom:24px !important}.div_main .top16{margin-top:16px !important}.div_main .bot16{margin-bottom:16px !important}.div_main .right8{margin-right:8px !important}.div_main .margin30{margin:30px}.div_main .m0{margin:0 !important}.div_main .title-small{border-left:solid 4px #0056d6;height:12px;line-height:16px;margin-left:70px;padding-left:6px;font-size:16px;font-weight:bold}@media only screen and (min-width: 2013px){.div_main .showUnfold{display:none}}@media only screen and (min-width: 1481px){.div_main .communityUnfold{display:none}}.div_main .item_width_2{width:138px}.div_main .item_width_1{width:260px}.div_main .item_width_3{width:200px}.div_main .list_item_width_1{width:165px}.div_main .list_item_width_2{width:135px}.div-mult-form{margin-top:20px}.div-mult-form .div_person{display:flex;font-size:14px;padding-bottom:20px}.div-mult-form .div_person .person_title{text-align:right;flex:0 0 100px;line-height:36px;padding:0 12px 0 0}.div-mult-form .div_person .tag_item{margin-right:10px;margin-top:10px}.div-mult-form .div_person .tag_tip{margin-top:10px;color:#9c9c9c}.div-mult-table{position:relative;padding:0 20px}.div-mult-table .div_selcount{position:absolute;bottom:10px;left:30px}.div_dialog_table{padding:10px}.div_dialog_table .table{margin-top:20px}.twoline{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}