diff --git a/src/views/modules/communityParty/regionalParty/units.vue b/src/views/modules/communityParty/regionalParty/units.vue
index c389b9d0..775f53d0 100644
--- a/src/views/modules/communityParty/regionalParty/units.vue
+++ b/src/views/modules/communityParty/regionalParty/units.vue
@@ -580,7 +580,7 @@ export default {
           });
           this.loadTable()
         } else {
-          this.$message.error(msg)
+          this.$message.error(data.msg)
         }
 
 
@@ -611,7 +611,7 @@ export default {
           });
           this.loadTable()
         } else {
-          this.$message.error(msg)
+          this.$message.error(data.msg)
         }
       } else {
         this.$message.error(msg)
diff --git a/src/views/modules/communityService/sqzzz/index.vue b/src/views/modules/communityService/sqzzz/index.vue
index 67939935..63a96aee 100644
--- a/src/views/modules/communityService/sqzzz/index.vue
+++ b/src/views/modules/communityService/sqzzz/index.vue
@@ -133,7 +133,7 @@
         <el-table-column fixed="right"
                          label="操作"
                          align="center"
-                         width="160">
+                         width="220">
           <template slot-scope="scope">
             <!-- <el-button
               @click="handleWatch(scope.$index)"
@@ -524,9 +524,9 @@ export default {
             type: "success",
             message: "同步成功"
           });
-          this.loadTable()
+          this.getTableData();
         } else {
-          this.$message.error(msg)
+          this.$message.error(data.msg)
         }
 
 
@@ -555,9 +555,9 @@ export default {
             type: "success",
             message: "取消同步成功"
           });
-          this.loadTable()
+          this.getTableData();
         } else {
-          this.$message.error(msg)
+          this.$message.error(data.msg)
         }
       } else {
         this.$message.error(msg)
diff --git a/src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue b/src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue
new file mode 100644
index 00000000..5d71f7d4
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue
@@ -0,0 +1,901 @@
+<template>
+  <div class="resi-container">
+    <el-card ref="searchCard"
+             class="search-card">
+      <el-form ref="searchForm"
+               :inline="true"
+               :model="fmData"
+               :label-width="'100px'"
+               class="demo-form-inline">
+        <div>
+          <el-form-item prop="category"
+                        label="居民类别">
+            <div class="resi-cell-value">
+              <el-form-item prop="category">
+                <el-select v-model.trim="fmData.category"
+                           placeholder="请选择居民类别"
+                           size="small"
+                           clearable
+                           class="resi-cell-select">
+                  <el-option v-for="(item,index) in jmlbOptions"
+                             @click.native="handleChangeJmlb(index)"
+                             :key="item.value"
+                             :label="item.label"
+                             :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </div>
+          </el-form-item>
+          <el-form-item prop="gridId"
+                        label="所属组织">
+            <div class="resi-cell-value">
+              <el-cascader class="customer_cascader"
+                           ref="myCascader"
+                           clearable
+                           v-model="agencyIdArray"
+                           :options="orgOptions"
+                           :props="orgOptionProps"
+                           :show-all-levels="false"
+                           @change="handleChangeAgency"></el-cascader>
+            </div>
+          </el-form-item>
+          <!-- <el-form-item prop="gridId" label="所属网格">
+            <div class="resi-cell-value">
+              <el-select
+                v-model.trim="fmData.gridId"
+                placeholder="请选择网格"
+                size="small"
+                clearable
+                class="resi-cell-select"
+                @change="handleChangeGrid"
+              >
+                <el-option
+                  v-for="item in optionsG"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </div>
+          </el-form-item> -->
+
+          <el-form-item label="所属房屋">
+            <div class="resi-cell-value">
+              <div class="resi-cell-col">
+                <el-form-item prop="villageId">
+                  <el-select v-model.trim="fmData.villageId"
+                             placeholder="请选择小区"
+                             size="small"
+                             clearable
+                             class="resi-cell-select"
+                             @change="handleChangeV">
+                    <el-option v-for="item in optionsV"
+                               :key="item.value"
+                               :label="item.label"
+                               :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item prop="buildId">
+                  <el-select v-model.trim="fmData.buildId"
+                             placeholder="楼号"
+                             size="small"
+                             clearable
+                             :disabled="changeVDisabled"
+                             class="resi-cell-select resi-cell-select-middle"
+                             @change="handleChangeB">
+                    <el-option v-for="item in optionsB"
+                               :key="item.value"
+                               :label="item.label"
+                               :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item prop="unitId">
+                  <el-select v-model.trim="fmData.unitId"
+                             placeholder="单元"
+                             size="small"
+                             clearable
+                             :disabled="changeBDisabled"
+                             class="resi-cell-select resi-cell-select-middle"
+                             @change="handleChangeD">
+                    <el-option v-for="item in optionsD"
+                               :key="item.value"
+                               :label="item.label"
+                               :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item prop="homeId">
+                  <el-select v-model.trim="fmData.homeId"
+                             placeholder="房号"
+                             size="small"
+                             clearable
+                             :disabled="changeDDisabled"
+                             class="resi-cell-select resi-cell-select-middle">
+                    <el-option v-for="item in optionsH"
+                               :key="item.value"
+                               :label="item.label"
+                               :value="item.value">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </div>
+            </div>
+          </el-form-item>
+        </div>
+
+        <div>
+          <el-form-item label="姓名"
+                        prop="name">
+            <el-input v-model="fmData.name"
+                      class="resi-cell-input"
+                      size="small"
+                      clearable
+                      placeholder="请输入">
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label="手机号"
+                        prop="mobile">
+            <el-input v-model="fmData.mobile"
+                      class="resi-cell-input"
+                      size="small"
+                      clearable
+                      placeholder="请输入">
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label="身份证号"
+                        prop="idCard">
+            <el-input v-model="fmData.idCard"
+                      class="resi-cell-input"
+                      size="small"
+                      clearable
+                      placeholder="请输入">
+            </el-input>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button class="diy-button--search"
+                       size="small"
+                       @click="handleSearch">查询</el-button>
+            <el-button class="diy-button--reset"
+                       size="small"
+                       @click="resetForm('searchForm')">重置</el-button>
+          </el-form-item>
+        </div>
+      </el-form>
+    </el-card>
+    <el-card class="resi-card-table">
+      <div class="resi-row-btn">
+        <el-button @click="handleChu"
+                   class="diy-button--reset"
+                   size="small">导出</el-button>
+      </div>
+      <el-table :data="tableData"
+                border
+                style="width: 100%"
+                class="resi-table"
+                :height="tableHeight">
+        <el-table-column label="序号"
+                         fixed="left"
+                         type="index"
+                         align="center"
+                         width="50" />
+
+        <el-table-column prop="GRID_ID"
+                         align="center"
+                         label="所属网格"
+                         min-width="160"
+                         :show-overflow-tooltip="true">
+        </el-table-column>
+
+        <el-table-column prop="HOME_ID"
+                         label="所属房屋"
+                         align="center"
+                         min-width="160"
+                         :show-overflow-tooltip="true" />
+
+        <el-table-column prop="NAME"
+                         align="center"
+                         label="姓名"
+                         :show-overflow-tooltip="true">
+        </el-table-column>
+
+        <el-table-column prop="MOBILE"
+                         width="140"
+                         align="center"
+                         label="手机"
+                         :show-overflow-tooltip="true">
+        </el-table-column>
+
+        <el-table-column prop="GENDER"
+                         align="center"
+                         width="60"
+                         label="性别">
+        </el-table-column>
+
+        <el-table-column prop="ID_CARD"
+                         align="center"
+                         min-width="160"
+                         label="身份证号"
+                         :show-overflow-tooltip="true">
+        </el-table-column>
+
+        <el-table-column prop="BIRTHDAY"
+                         align="center"
+                         label="出生日期"
+                         :show-overflow-tooltip="true">
+        </el-table-column>
+
+        <el-table-column prop="zhzlCategoryName"
+                         align="center"
+                         label="类别"
+                         :show-overflow-tooltip="true">
+        </el-table-column>
+        <el-table-column prop="REMARKS"
+                         align="center"
+                         label="备注"
+                         :show-overflow-tooltip="true">
+        </el-table-column>
+
+        <el-table-column fixed="right"
+                         label="操作"
+                         align="center"
+                         width="120">
+          <template slot-scope="scope">
+            <el-button @click="handleWatch(scope.$index)"
+                       type="text"
+                       size="small">查看</el-button>
+          </template>
+        </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="parseInt(pageSize)"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
+        </el-pagination>
+      </div>
+    </el-card>
+
+    <people-more v-if="showedPeopleMoreInfo && currentPepeleId"
+                 :userId="currentPepeleId"
+                 :gridName="currentPepeleGridName"
+                 @close="showedPeopleMoreInfo = false" />
+
+    <el-dialog :visible.sync="diyDialog"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               width="1150px"
+               top="5vh"
+               class="dialog-h">
+      <diy-info v-if="diyDialog"
+                ref="ref_diy"
+                :list="exportList"
+                :search="computeQueryParams()"
+                @close="diyDialog = false"></diy-info>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import peopleMore from "@/views/modules/shequ/cpts/people-more";
+import diyInfo from "@/views/modules/base/diyInfo.vue";
+
+export default {
+  props: {
+
+  },
+
+  components: { peopleMore, diyInfo },
+  data () {
+    return {
+      openSearch: false,
+
+      formShow: false,
+      formTitle: "",
+
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+
+      tableData: [],
+
+      optionsV: [],
+      optionsB: [],
+      optionsH: [],
+      optionsD: [],
+      optionsG: [],
+      orgOptions: [],
+      jmlbOptions: [],
+      orgOptionProps: {
+        multiple: false,
+        value: 'agencyId',
+        label: 'agencyName',
+        children: 'subAgencyList',
+        checkStrictly: true
+      },
+      agencyIdArray: [],
+
+      optionsWelfare: [
+        {
+          value: "1",
+          label: "是",
+        },
+        {
+          value: "0",
+          label: "否",
+        },
+      ],
+
+      fmData: {
+        agencyId: "",
+        gridId: "",
+        villageId: "",
+        buildId: "",
+        unitId: "",
+        homeId: "",
+        name: "",
+        mobile: "",
+        idCard: "",
+        category: "",
+      },
+      rangeTime: [],
+
+      searchH: 0,
+      tableHeight: 0,
+
+      // 显示人员详情
+      showedPeopleMoreInfo: false,
+
+      currentPepeleId: "",
+      currentPepeleGridName: "",
+
+      diyDialog: false,
+      exportList: [],
+
+      elseParams: [],
+    };
+  },
+  computed: {
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+    maxTableHeight () {
+      console.log("computed-searchH---", this.searchH);
+      const h = this.clientHeight - this.searchH + this.iframeHeight;
+      const _h = this.clientHeight - this.searchH;
+      console.log("computed-searchH---_h", _h);
+      return this.$store.state.inIframe ? h : _h;
+    },
+
+    changeVDisabled () {
+      return !this.fmData.villageId;
+    },
+    changeBDisabled () {
+      return !this.fmData.buildId;
+    },
+    changeDDisabled () {
+      return !this.fmData.unitId;
+    },
+  },
+  watch: {
+    rangeTime: function (val) {
+      console.log("val----", val);
+      if (Array.isArray(val) && val.length == 2) {
+        this.fmData.startTime = val[0];
+        this.fmData.endTime = val[1];
+      } else {
+        this.fmData.startTime = "";
+        this.fmData.endTime = "";
+      }
+    },
+    searchH () {
+      const h = this.clientHeight - this.searchH + this.iframeHeight;
+      const _h = this.clientHeight - this.searchH;
+      console.log("computed-searchH---_h", _h);
+
+      this.$nextTick(() => {
+        this.tableHeight = this.$store.state.inIframe ? h : _h;
+      });
+    },
+  },
+  async mounted () {
+    await this.getJmlb();
+    this.getOrgTreeList();
+    this.getGridList();
+    this.getValiheList();
+    this.getTableData();
+    this.searchH = this.$refs.searchCard.$el.offsetHeight + 270;
+    console.log("searchH----", this.$refs.searchCard.$el.offsetHeight);
+  },
+  methods: {
+    async handleWatch (rowIndex) {
+      let item = this.tableData[rowIndex];
+      this.currentPepeleId = item.icResiUserId;
+      this.currentPepeleGridName = item.GRID_ID;
+      await nextTick();
+      this.showedPeopleMoreInfo = true;
+    },
+
+    handleClearVillage () {
+      this.fmData.buildId = "";
+      this.fmData.homeId = "";
+    },
+    handleClearBuild () {
+      this.fmData.buildId = "";
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
+    },
+    handleClearDan () {
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
+    },
+    handleChangeGrid (val) {
+      console.log("val", val);
+      this.fmData.villageId = "";
+      this.fmData.buildId = "";
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
+      this.getValiheList();
+    },
+    handleChangeV (val) {
+      console.log("val", val);
+      this.fmData.buildId = "";
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
+      this.getBuildList();
+    },
+    handleChangeB (val) {
+      console.log("val", val);
+      this.fmData.unitId = "";
+      this.fmData.homeId = "";
+      this.getUniList();
+    },
+    handleChangeD (val) {
+      console.log("val", val);
+      this.fmData.homeId = "";
+      this.getHouseList();
+    },
+    handleChangeJmlb (index) {
+      // debugger
+      let selItem = this.jmlbOptions[index]
+      this.elseParams = []
+      let temp = {
+        queryType: selItem.queryType,
+        tableName: selItem.tableName,
+        columnName: selItem.columnName,
+        columnValue: [selItem.columnValue],
+      }
+
+      this.elseParams.push(temp)
+    },
+
+    async getJmlb () {
+      const url = '/data/aggregator/coverage/zhzl-category-option'
+      let params = {}
+      const { data, code, msg } = await requestPost(url, params);
+
+
+      if (code === 0) {
+        this.jmlbOptions = []
+        this.jmlbOptions = data
+        if (this.jmlbOptions.length > 0) {
+          this.fmData.category = this.jmlbOptions[0].value
+          let temp = {
+            queryType: this.jmlbOptions[0].queryType,
+            tableName: this.jmlbOptions[0].tableName,
+            columnName: this.jmlbOptions[0].columnName,
+            columnValue: [this.jmlbOptions[0].columnValue],
+          }
+
+          this.elseParams.push(temp)
+        }
+
+      } else {
+        this.$message.error(msg)
+      }
+
+
+    },
+    getOrgTreeList () {
+
+      const { user } = this.$store.state
+      this.$http
+        .post('/gov/org/customeragency/agencygridtree', {})
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取组织树成功', res.data)
+            this.orgOptions = []
+            this.orgOptions.push(res.data)
+
+
+
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+
+    getGridList () {
+      const { user } = this.$store.state;
+      this.$http
+        .post("/gov/org/customergrid/gridoption", {
+          agencyId: user.agencyId,
+          purpose: "query",
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsG = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+    getValiheList () {
+      const { user } = this.$store.state;
+      this.$http
+        .post("/gov/org/icneighborhood/neighborhoodoption", {
+          gridId: this.fmData.gridId,
+          agencyId: this.fmData.agencyId,
+          // agencyId: user.agencyId
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsV = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+    getBuildList () {
+      this.$http
+        .post("/gov/org/icbuilding/buildingoption", {
+          neighborHoodId: this.fmData.villageId,
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsB = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+    getUniList () {
+      this.$http
+        .post("/gov/org/icbuildingunit/unitoption", {
+          buildingId: this.fmData.buildId,
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsD = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+    getHouseList () {
+      this.$http
+        .post("/gov/org/ichouse/houseoption", { unitId: this.fmData.unitId })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          } else {
+            console.log("获取查询详情成功", res.data);
+            this.optionsH = res.data;
+          }
+        })
+        .catch(() => {
+          return this.$message.error("网络错误");
+        });
+    },
+
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`);
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange (val) {
+      console.log(`当前页: ${val}`);
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    handleClose () {
+      this.formShow = false;
+    },
+    handleSearch (val) {
+      console.log(this.fmData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+    resetForm (formName) {
+      this.$refs[formName].resetFields();
+      this.handleSearch();
+    },
+
+    handleChangeAgency (val) {
+      let obj = this.$refs["myCascader"].getCheckedNodes()[0].data
+
+      if (obj) {
+        if (obj.level === 'grid') {
+          this.fmData.gridId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+          this.fmData.agencyId = ''
+        } else {
+          this.fmData.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : '';
+          this.fmData.gridId = ''
+        }
+
+      } else {
+        this.fmData.agencyId = ''
+        this.fmData.gridId = ''
+      }
+
+
+      this.fmData.villageId = ''
+      this.fmData.buildId = ''
+      this.fmData.unitId = ''
+      this.fmData.homeId = ''
+      this.getValiheList()
+    },
+
+    computeQueryParams () {
+      const { pageSize, pageNo, elseParams, fmData } = this;
+      let conditions = []
+      if (fmData.agencyId) {
+        conditions.push({
+          queryType: "like",
+          tableName: "ic_resi_user",
+          columnName: "AGENCY_ID",
+          columnValue: [fmData.agencyId],
+        })
+      }
+
+      if (fmData.gridId) {
+        conditions.push(
+          {
+            queryType: "equal",
+            tableName: "ic_resi_user",
+            columnName: "GRID_ID",
+            columnValue: [fmData.gridId],
+          }
+        )
+      }
+
+      if (fmData.villageId) {
+        conditions.push(
+          {
+            queryType: "equal",
+            tableName: "ic_resi_user",
+            columnName: "VILLAGE_ID",
+            columnValue: [fmData.villageId],
+          }
+        )
+      }
+
+      if (fmData.buildId) {
+        conditions.push({
+          queryType: "equal",
+          tableName: "ic_resi_user",
+          columnName: "BUILD_ID",
+          columnValue: [fmData.buildId],
+        })
+      }
+
+      if (fmData.unitId) {
+        conditions.push({
+          queryType: "equal",
+          tableName: "ic_resi_user",
+          columnName: "UNIT_ID",
+          columnValue: [fmData.unitId],
+        })
+      }
+
+      if (fmData.homeId) {
+        conditions.push({
+          queryType: "equal",
+          tableName: "ic_resi_user",
+          columnName: "HOME_ID",
+          columnValue: [fmData.homeId],
+        })
+      }
+
+      if (fmData.name) {
+        conditions.push({
+          queryType: "like",
+          tableName: "ic_resi_user",
+          columnName: "NAME",
+          columnValue: [fmData.name],
+        })
+      }
+      if (fmData.mobile) {
+        conditions.push({
+          queryType: "like",
+          tableName: "ic_resi_user",
+          columnName: "MOBILE",
+          columnValue: [fmData.mobile],
+        })
+      }
+      if (fmData.idCard) {
+        conditions.push({
+          queryType: "like",
+          tableName: "ic_resi_user",
+          columnName: "ID_CARD",
+          columnValue: [fmData.idCard],
+        })
+      }
+
+      return {
+        formCode: "resi_base_info",
+        pageSize,
+        pageNo,
+        conditions: [
+
+          ...conditions,
+
+          ...elseParams,
+        ],
+      };
+    },
+
+    async handleChu () {
+      this.getExportList();
+    },
+
+    async getExportList () {
+      const url = "/oper/customize//icformitemgroup/list";
+      let params = {
+        formCode: "resi_base_info",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        data.forEach((item) => {
+          (async (id) => {
+            // item.queryItemList = await this.getExportChildList(id)
+            item.queryItemList = [];
+          })(item.id);
+        });
+        this.exportList = [...data];
+        this.$nextTick(() => {
+          this.diyDialog = true;
+        });
+        console.log("获取详情成功getExportList----", this.exportList);
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async getTableData () {
+      const url = "/epmetuser/icresiuser/listresi-zhzl";
+      const { data, code, msg } = await requestPost(url, {
+        ...this.computeQueryParams(),
+      });
+      if (code === 0) {
+        console.log("列表请求成功！！！！！！！！！！！！！！");
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+            return item;
+          })
+          : [];
+      } else {
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
+
+.resi-container .resi-card-table {
+  ::v-deep .el-table th {
+    color: #fff;
+    background-color: rgba(33, 149, 254, 1);
+    // border-right: 1px solid rgba(33, 149, 254, 1);
+  }
+}
+.resi-table {
+  ::v-deep .el-button--text {
+    text-decoration: underline;
+  }
+}
+.resi-card-table {
+  margin-top: 20px;
+}
+.resi-row-btn {
+  margin-bottom: 13px;
+  .upload-btn {
+    display: inline-block;
+    margin: 0 10px;
+  }
+}
+
+.resi-btns {
+  margin-top: 20px;
+  text-align: center;
+}
+
+.resi-container .resi-card {
+  position: relative;
+  overflow: visible;
+}
+
+.demo-form-inline {
+  // display: flex;
+  // align-items: center;
+  // margin-bottom: 20px;
+
+  .resi-cell-label {
+    flex-shrink: 0;
+    min-width: 0;
+    box-sizing: border-box;
+    margin-right: 15px;
+    // text-align: right;
+    // line-height: 32;
+  }
+  .resi-cell-label1 {
+    width: max-content;
+  }
+  .resi-cell-value-radio {
+    display: flex;
+    align-items: center;
+    min-height: 32px;
+  }
+  .resi-cell-input {
+    width: 200px;
+  }
+  .resi-cell--daterange {
+    max-width: 260px;
+  }
+  .resi-cell-select {
+    width: 200px;
+    box-sizing: border-box;
+    margin-right: 10px;
+    &-middle {
+      width: 120px;
+    }
+    &-small {
+      width: 88px;
+    }
+  }
+  .resi-cell-select:last-child {
+    margin-right: 0;
+  }
+}
+
+.mt10 {
+  margin-top: 10px;
+}
+</style>