diff --git a/src/views/modules/sys/icvaccineprarmeter-detail.vue b/src/views/modules/sys/icvaccineprarmeter-detail.vue
new file mode 100644
index 000000000..737000bda
--- /dev/null
+++ b/src/views/modules/sys/icvaccineprarmeter-detail.vue
@@ -0,0 +1,921 @@
+<template>
+  <!--  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')"-->
+  <!--             :close-on-click-modal="false"-->
+  <!--             :close-on-press-escape="false"-->
+  <!--             center>-->
+  <div>
+    <div class="dialog-h-content scroll-h">
+      <el-form :model="dataForm"
+               :rules="dataRule"
+               ref="dataForm"
+               @keyup.enter.native="dataFormSubmitHandle()"
+               class="form"
+               :disabled="this.isLook">
+        <el-form-item label="所属网格"
+                      label-width="150px"
+                      prop="gridId">
+          <el-select class="item_width_2"
+                     v-model.trim="dataForm.gridId"
+                     placeholder="请选择"
+                     clearable
+                     @change="handleChangeGrid">
+            <el-option v-for="item in gridList"
+                       @click.native="gridClick(item)"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="dataForm.homeId === null"
+                      label="小区"
+                      label-width="150px"
+                      prop="villageName">
+          <el-input class="item_width_2"
+                    style="width: 200px; margin-right: 20px"
+                    clearable
+                    v-model="dataForm.villageName"
+                    placeholder="小区"></el-input>
+        </el-form-item>
+        <el-form-item v-if="dataForm.homeId === null"
+                      label="楼号"
+                      label-width="150px"
+                      prop="buildName">
+          <el-input class="item_width_2"
+                    style="width: 200px; margin-right: 20px"
+                    clearable
+                    v-model="dataForm.buildName"
+                    placeholder="楼号"></el-input>
+        </el-form-item>
+        <el-form-item v-if="dataForm.homeId === null"
+                      label="单元号"
+                      label-width="150px"
+                      prop="unitName">
+          <el-input class="item_width_2"
+                    style="width: 200px; margin-right: 20px"
+                    clearable
+                    v-model="dataForm.unitName"
+                    placeholder="单元号"></el-input>
+        </el-form-item>
+        <el-form-item v-if="dataForm.homeId === null"
+                      label="房号"
+                      label-width="150px"
+                      prop="homeName">
+          <el-input class="item_width_2"
+                    style="width: 200px; margin-right: 20px"
+                    clearable
+                    v-model="dataForm.homeName"
+                    placeholder="房号"></el-input>
+        </el-form-item>
+        <el-form-item v-if="dataForm.homeId !== null"
+                      label="所属房屋"
+                      label-width="150px"
+                      prop="homeId">
+          <el-select v-model.trim="dataForm.villageId"
+                     placeholder="请选择小区"
+                     size="small"
+                     clearable
+                     class="resi-cell-select"
+                     @change="handleChangeV"
+                     style="margin-right: 8px; width: 120px">
+            <el-option v-for="item in villageList"
+                       @click.native="villageClick(item)"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+          <el-select v-model.trim="dataForm.buildId"
+                     placeholder="楼号"
+                     size="small"
+                     clearable
+                     :disabled="changeVDisabled"
+                     class="resi-cell-select resi-cell-select-middle"
+                     @change="handleChangeB"
+                     style="margin-right: 8px; width: 120px">
+            <el-option v-for="item in buildList"
+                       @click.native="buildClick(item)"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+          <el-select v-model.trim="dataForm.unitId"
+                     placeholder="单元"
+                     size="small"
+                     clearable
+                     :disabled="changeBDisabled"
+                     class="resi-cell-select resi-cell-select-middle"
+                     @change="handleChangeD"
+                     style="margin-right: 8px; width: 120px">
+            <el-option v-for="item in unitList"
+                       @click.native="unitClick(item)"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+          <el-select v-model.trim="dataForm.homeId"
+                     placeholder="房号"
+                     size="small"
+                     clearable
+                     :disabled="changeDDisabled"
+                     class="resi-cell-select resi-cell-select-middle"
+                     @change="handleChangeH"
+                     style="width: 120px">
+            <el-option v-for="item in homeList"
+                       @click.native="homeClick(item)"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="户口性质"
+                      label-width="150px"
+                      prop="householdType">
+          <el-select class="item_width_2"
+                     v-model.trim="dataForm.householdType"
+                     placeholder="请选择"
+                     clearable>
+            <el-option v-for="item in household"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="姓名"
+                      label-width="150px"
+                      prop="name">
+          <el-input class="item_width_2"
+                    style="width: 200px; margin-right: 20px"
+                    clearable
+                    v-model="dataForm.name"
+                    placeholder="姓名"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话"
+                      label-width="150px"
+                      prop="mobile">
+          <el-input v-model="dataForm.mobile"
+                    class="item_width_2"
+                    clearable
+                    style="width: 200px; margin-right: 20px"
+                    placeholder="联系电话"></el-input>
+        </el-form-item>
+        <el-form-item label="证件号"
+                      label-width="150px"
+                      prop="idCard">
+          <el-input v-model="dataForm.idCard"
+                    class="item_width_2"
+                    clearable
+                    style="width: 200px; margin-right: 20px"
+                    placeholder="证件号"></el-input>
+        </el-form-item>
+        <el-form-item label="是否接种"
+                      label-width="150px"
+                      prop="isVaccination">
+          <el-select class="item_width_2"
+                     v-model.trim="dataForm.isVaccination"
+                     placeholder="请选择"
+                     @change="isVacChange">
+            <el-option v-for="item in isVaccinationOption"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="dataForm.isVaccination === '1'"
+                      label="第一次接种时间"
+                      label-width="150px">
+          <el-date-picker v-model="dataForm.firstVacTime"
+                          type="date"
+                          clearable
+                          placeholder="选择日期时间"
+                          value-format="yyyy-MM-dd"
+                          style="width: 200px; margin-right: 20px">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item v-if="dataForm.isVaccination === '1'"
+                      label="第一次接种地点"
+                      label-width="150px">
+          <el-select class="item_width_2"
+                     v-model.trim="dataForm.firstVacSite"
+                     placeholder="请选择"
+                     clearable
+                     style="width: 200px; margin-right: 20px">
+            <el-option v-for="item in vacSiteOption"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="dataForm.isVaccination === '1'"
+                      label="第二次接种时间"
+                      label-width="150px">
+          <el-date-picker v-model="dataForm.secondVacTime"
+                          type="date"
+                          clearable
+                          placeholder="选择日期时间"
+                          value-format="yyyy-MM-dd"
+                          style="width: 200px; margin-right: 20px">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item v-if="dataForm.isVaccination === '1'"
+                      label="第二次接种地点"
+                      label-width="150px">
+          <el-select class="item_width_2"
+                     v-model.trim="dataForm.secondVacSite"
+                     placeholder="请选择"
+                     clearable
+                     style="width: 200px; margin-right: 20px">
+            <el-option v-for="item in vacSiteOption"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="dataForm.isVaccination === '1'"
+                      label="第三次接种时间"
+                      label-width="150px">
+          <el-date-picker v-model="dataForm.thirdVacTime"
+                          type="date"
+                          clearable
+                          placeholder="选择日期时间"
+                          value-format="yyyy-MM-dd"
+                          style="width: 200px; margin-right: 20px">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item v-if="dataForm.isVaccination === '1'"
+                      label="第三次接种地点"
+                      label-width="150px">
+          <el-select class="item_width_2"
+                     v-model.trim="dataForm.thirdVacSite"
+                     placeholder="请选择"
+                     clearable
+                     style="width: 200px; margin-right: 20px">
+            <el-option v-for="item in vacSiteOption"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="dataForm.isVaccination === '0'"
+                      label="原因"
+                      label-width="150px">
+          <el-select class="item_width_2"
+                     v-model.trim="dataForm.reason"
+                     placeholder="请选择"
+                     clearable>
+            <el-option v-for="item in reasonOption"
+                       :key="item.value"
+                       :label="item.label"
+                       :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注"
+                      label-width="150px">
+          <el-input class="item_width_1"
+                    type="textarea"
+                    maxlength="500"
+                    show-word-limit
+                    :rows="3"
+                    placeholder="请输入备注，不超过500字"
+                    v-model="dataForm.note"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="div_btn resi-btns">
+        <!--    <template slot="footer">-->
+        <el-button @click=handleCancle>{{ $t('cancel') }}</el-button>
+        <el-button v-if="!this.isLook"
+                   type="primary"
+                   @click="dataFormSubmitHandle()"
+                   :disabled="btnDisable">{{ $t('confirm') }}</el-button>
+        <!--    </template>-->
+      </div>
+    </div>
+  </div>
+  <!--  </el-dialog>-->
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+import { requestPost } from '@/js/dai/request'
+import nextTick from "dai-js/tools/nextTick";
+import { Loading } from "element-ui";
+import formVltHelper from "dai-js/tools/formVltHelper";
+let loading; // 加载动画
+export default {
+  data () {
+    return {
+      formType: "add",
+      visible: false,
+      btnDisable: false,
+      gridList: [],
+      villageList: [],
+      buildList: [],
+      unitList: [],
+      homeList: [],
+      household: [
+        { value: '0', label: '户籍' },
+        { value: '1', label: '外来' },
+      ],
+      isVaccinationOption: [
+        { value: '0', label: '否' },
+        { value: '1', label: '是' },
+      ],
+      vacSiteOption: [
+        { value: '本街道内接种', label: '本街道内接种' },
+        { value: '区内其他街道接种', label: '区内其他街道接种' },
+        { value: '区外其他地区接种', label: '区外其他地区接种' },
+      ],
+      reasonOption: [
+        { value: '禁忌症', label: '禁忌症' },
+        { value: '拒绝接种', label: '拒绝接种' },
+        { value: '其他原因', label: '其他原因' },
+      ],
+      dataForm: {
+        id: '',
+        customerId: '',
+        gridId: '',
+        gridName: '',
+        agencyId: '',
+        pids: '',
+        villageId: '',
+        villageName: '',
+        buildId: '',
+        buildName: '',
+        unitId: '',
+        unitName: '',
+        homeId: '',
+        homeName: '',
+        householdType: '',
+        name: '',
+        mobile: '',
+        idCard: '',
+        isVaccination: '1',
+        firstVacTime: '',
+        firstVacSite: '',
+        secondVacTime: '',
+        secondVacSite: '',
+        thirdVacTime: '',
+        thirdVacSite: '',
+        reason: '',
+        note: '',
+        checkState: '0',
+        checkReason: '',
+      },
+      isLook: false
+    }
+  },
+  computed: {
+    changeVDisabled () {
+      return !this.dataForm.villageId
+    },
+    changeBDisabled () {
+      return !this.dataForm.buildId
+    },
+    changeDDisabled () {
+      return !this.dataForm.unitId
+    },
+    dataRule () {
+      return {
+        customerId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        gridId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        gridName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        agencyId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        pids: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        villageId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        villageName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        buildId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        buildName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        unitId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        unitName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        homeId: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        homeName: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        householdType: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        name: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        mobile: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        idCard: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        isVaccination: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        firstVacTime: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        firstVacSite: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        secondVacTime: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        secondVacSite: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        thirdVacTime: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        thirdVacSite: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        reason: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        note: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  async mounted () {
+    const { user } = this.$store.state
+    this.agencyId = user.agencyId
+    //获取网格下拉框数据
+    await this.loadGrid()
+    this.getVillageList()
+    this.getBuildList()
+    this.getUniList()
+    this.getHouseList()
+  },
+  methods: {
+    async init (row, isLook) {
+      if (isLook) {
+        this.isLook = true
+      } else {
+        this.isLook = false
+      }
+      if (row) {
+        this.dataForm.id = row.id
+      }
+      const { user } = this.$store.state
+      this.agencyId = user.agencyId
+      this.visible = true;
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id !== '') {
+          this.getInfo()
+        } else {
+          this.dataForm = {
+            id: '',
+            customerId: '',
+            gridId: '',
+            gridName: '',
+            agencyId: '',
+            pids: '',
+            villageId: '',
+            villageName: '',
+            buildId: '',
+            buildName: '',
+            unitId: '',
+            unitName: '',
+            homeId: '',
+            homeName: '',
+            householdType: '',
+            name: '',
+            mobile: '',
+            idCard: '',
+            isVaccination: '1',
+            firstVacTime: '',
+            firstVacSite: '',
+            secondVacTime: '',
+            secondVacSite: '',
+            thirdVacTime: '',
+            thirdVacSite: '',
+            reason: '',
+            note: '',
+            checkState: '0',
+            checkReason: ''
+          }
+        }
+      })
+    },
+    async initForm (type, row) {
+      // this.$refs.ref_form.resetFields();
+      this.formType = type;
+      console.log(row);
+      if (row) {
+        // this.fmData = { ...this.fmData, ...row };
+        await this.getInfo(row.id);
+        this.getValiheList();
+        this.getBuildList();
+        this.getUniList();
+        this.getHouseList();
+      }
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: "正在加载……", // 加载中需要显示的文字
+        background: "rgba(0,0,0,.7)", // 背景颜色
+      });
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close();
+      }
+    },
+    // 获取信息
+    async getInfo () {
+      this.$http.get(`/epmetuser/icVaccinePrarmeter/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          ; return this.$message.error(res.msg);
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+        this.getVillageList()
+        this.getBuildList()
+        this.getUniList()
+        this.getHouseList()
+      }).catch(() => { })
+    },
+    async loadGrid () {
+      const url = "/gov/org/customergrid/gridoption"
+      let params = {
+        agencyId: this.agencyId,
+        purpose: 'addorupdate'
+      }
+      const { data, code, msg } = await requestPost(url, params)
+      if (code === 0) {
+        this.gridList = data
+
+      } else {
+        this.$message.error(msg)
+      }
+    },
+
+    getVillageList () {
+      const { user } = this.$store.state
+      this.$http
+        .post('/gov/org/icneighborhood/neighborhoodoption', {
+          gridId: this.dataForm.gridId,
+          agencyId: ''
+          // agencyId: user.agencyId
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询小区成功', res.data)
+            this.villageList = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getBuildList () {
+      this.$http
+        .post('/gov/org/icbuilding/buildingoption', {
+          neighborHoodId: this.dataForm.villageId
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询小区成功', res.data)
+            this.buildList = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getUniList () {
+      this.$http
+        .post('/gov/org/icbuildingunit/unitoption', {
+          buildingId: this.dataForm.buildId
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询单元成功', res.data)
+            this.unitList = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getHouseList () {
+      this.$http
+        .post('/gov/org/ichouse/houseoption', { unitId: this.dataForm.unitId })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询房屋成功', res.data)
+            this.homeList = res.data
+          }
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    handleChangeGrid (val) {
+      this.dataForm.villageId = ''
+      this.dataForm.buildId = ''
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+      this.dataForm.gridName = ''
+      this.dataForm.agencyId = ''
+      this.dataForm.villageName = ''
+      this.dataForm.buildName = ''
+      this.dataForm.unitName = ''
+      this.dataForm.homeName = ''
+      this.getVillageList()
+    },
+    handleChangeV (val) {
+      console.log('val', val)
+      this.dataForm.buildId = ''
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+      this.dataForm.villageName = ''
+      this.dataForm.buildName = ''
+      this.dataForm.unitName = ''
+      this.dataForm.homeName = ''
+      this.getBuildList()
+    },
+    handleChangeB (val) {
+      console.log('val', val)
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+      this.dataForm.buildName = ''
+      this.dataForm.unitName = ''
+      this.dataForm.homeName = ''
+      this.getUniList()
+    },
+    handleChangeD (val) {
+      console.log('val', val)
+      this.dataForm.homeId = ''
+      this.dataForm.unitName = ''
+      this.dataForm.homeName = ''
+      this.getHouseList()
+    },
+    handleChangeH (val) {
+      console.log('val', val)
+      this.dataForm.homeName = ''
+    },
+    gridClick (data) {
+      this.dataForm.gridName = data.label;
+      this.dataForm.agencyId = data.pid;
+    },
+    villageClick (data) {
+      this.dataForm.villageName = data.label;
+    },
+    buildClick (data) {
+      this.dataForm.buildName = data.label;
+    },
+    unitClick (data) {
+      this.dataForm.unitName = data.label;
+    },
+    homeClick (data) {
+      this.dataForm.homeName = data.label;
+    },
+    isVacChange (val) {
+      if (val === '0') {
+        this.dataForm.firstVacTime = '';
+        this.dataForm.firstVacSite = '';
+        this.dataForm.secondVacTime = '';
+        this.dataForm.secondVacSite = '';
+        this.dataForm.thirdVacTime = '';
+        this.dataForm.thirdVacSite = '';
+      }
+    },
+    resetData () {
+      this.dataForm = {
+        id: '',
+        customerId: '',
+        gridId: '',
+        gridName: '',
+        agencyId: '',
+        pids: '',
+        villageId: '',
+        villageName: '',
+        buildId: '',
+        buildName: '',
+        unitId: '',
+        unitName: '',
+        homeId: '',
+        homeName: '',
+        householdType: '',
+        name: '',
+        mobile: '',
+        idCard: '',
+        isVaccination: '1',
+        firstVacTime: '',
+        firstVacSite: '',
+        secondVacTime: '',
+        secondVacSite: '',
+        thirdVacTime: '',
+        thirdVacSite: '',
+        reason: '',
+        note: '',
+        checkState: '0',
+        checkReason: ''
+      }
+    },
+    closeDialog () {
+      this.$refs[dataForm].resetFields();
+      // this.formData = {}
+      // this.resetData()
+    },
+    handleCancle () {
+      this.resetData()
+      this.$emit('dialogCancle')
+
+    },
+    // 表单提交
+    async dataFormSubmitHandle () {
+      this.btnDisable = true;
+      setTimeout(() => {
+        this.btnDisable = false;
+      }, 10000);
+      //验证手机号码
+      const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/;
+      if (regPhone.test(this.dataForm.mobile) === false) {
+        this.btnDisable = false
+        this.$message({
+          type: 'warning',
+          message: '请输入正确的手机号码'
+        })
+        return false;
+      }
+      if (this.dataForm.isVaccination === '1') {
+        if (this.dataForm.firstVacTime === '') {
+          this.$message({
+            type: 'warning',
+            message: '请选择第一次接种时间'
+          })
+          return false;
+        }
+        if (this.dataForm.firstVacSite === '') {
+          this.$message({
+            type: 'warning',
+            message: '请输入第一次接种地点'
+          })
+          return false;
+        }
+      }
+
+      await this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return false
+        }
+        this.submit();
+      })
+    },
+    async submit () {
+      let url = "";
+      if (!this.dataForm.id) {
+        url = "/epmetuser/icVaccinePrarmeter/save";
+      } else if (this.dataForm.id) {
+        url = "/epmetuser/icVaccinePrarmeter/update";
+      } else {
+        return;
+      }
+      const { data, code, msg } = await requestPost(url, this.dataForm);
+
+      if (code === 0) {
+        this.$message({
+          type: "success",
+          message: "操作成功",
+        });
+        this.$emit('dialogOk')
+        this.resetData()
+        this.btnDisable = false
+      } else {
+        this.btnDisable = false;
+        this.$message.error(msg);
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
+@import "@/assets/scss/modules/management/epidemic.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>
diff --git a/src/views/modules/sys/icvaccineprarmeter.vue b/src/views/modules/sys/icvaccineprarmeter.vue
index 6146e30f2..39c1a67f5 100644
--- a/src/views/modules/sys/icvaccineprarmeter.vue
+++ b/src/views/modules/sys/icvaccineprarmeter.vue
@@ -1,24 +1,25 @@
 <template>
   <div class="resi-container">
-    <el-card ref="searchCard" class="search-card">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+    <el-card ref="searchCard"
+             class="search-card">
+      <el-form :inline="true"
+               :model="dataForm"
+               @keyup.enter.native="getDataList()">
         <div>
-          <el-form-item prop="gridId" label="所属网格" label-width="70px">
+          <el-form-item prop="gridId"
+                        label="所属网格"
+                        label-width="70px">
             <div class="resi-cell-value">
-              <el-select
-                      v-model.trim="dataForm.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-select v-model.trim="dataForm.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>
@@ -27,76 +28,60 @@
             <div class="resi-cell-value">
               <div class="resi-cell-col">
                 <el-form-item prop="villageId">
-                  <el-select
-                          v-model.trim="dataForm.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-select v-model.trim="dataForm.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="dataForm.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-select v-model.trim="dataForm.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="dataForm.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-select v-model.trim="dataForm.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="dataForm.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-select v-model.trim="dataForm.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>
@@ -105,70 +90,82 @@
           </el-form-item>
         </div>
         <div>
-        <el-form-item label="姓名" prop="name" label-width="70px">
-          <el-input
-                  v-model="dataForm.name"
-                  placeholder="姓名"
-                  clearable
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="证件号" prop="idCard">
-          <el-input
-                  v-model="dataForm.idCard"
-                  placeholder="证件号"
-                  clearable
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="联系电话" prop="mobile">
-          <el-input
-                  v-model="dataForm.mobile"
-                  placeholder="联系电话"
-                  clearable
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="是否接种" prop="isVaccination">
-          <el-select v-model="dataForm.isVaccination" placeholder="是否接种" clearable>
-            <el-option v-for="item in isVaccinationArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button class="diy-button--search" size="small" @click="getDataList()">{{ $t('query') }}</el-button>
-          <el-button class="diy-button--reset" size="small" @click="resetForm()">重置</el-button
-          >
-        </el-form-item>
+          <el-form-item label="姓名"
+                        prop="name"
+                        label-width="70px">
+            <el-input v-model="dataForm.name"
+                      placeholder="姓名"
+                      clearable></el-input>
+          </el-form-item>
+          <el-form-item label="证件号"
+                        prop="idCard">
+            <el-input v-model="dataForm.idCard"
+                      placeholder="证件号"
+                      clearable></el-input>
+          </el-form-item>
+          <el-form-item label="联系电话"
+                        prop="mobile">
+            <el-input v-model="dataForm.mobile"
+                      placeholder="联系电话"
+                      clearable></el-input>
+          </el-form-item>
+          <el-form-item label="是否接种"
+                        prop="isVaccination">
+            <el-select v-model="dataForm.isVaccination"
+                       placeholder="是否接种"
+                       clearable>
+              <el-option v-for="item in isVaccinationArr"
+                         :key="item.dictValue"
+                         :label="item.dictName"
+                         :value="item.dictValue">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button class="diy-button--search"
+                       size="small"
+                       @click="getDataList()">{{ $t('query') }}</el-button>
+            <el-button class="diy-button--reset"
+                       size="small"
+                       @click="resetForm()">重置</el-button>
+          </el-form-item>
         </div>
       </el-form>
-      </el-card>
-      <el-card class="resi-card-table">
-        <div class="resi-row-btn">
-
-          <el-button class="diy-button--add" type="primary" size="small" @click="handleAdd">{{ $t('add') }}</el-button>
-          <el-button class="diy-button--export" size="small" @click="handleExportModule()">下载模板</el-button>
-          <el-upload :headers="$getElUploadHeaders()" 
-                  ref="upload"
-                  class="upload-btn"
-                  :multiple="false"
-                  :show-file-list="false"
-                  :before-upload="
+    </el-card>
+    <el-card class="resi-card-table">
+      <div class="resi-row-btn">
+
+        <el-button class="diy-button--add"
+                   type="primary"
+                   size="small"
+                   @click="handleAdd">{{ $t('add') }}</el-button>
+        <el-button class="diy-button--export"
+                   size="small"
+                   @click="handleExportModule()">下载模板</el-button>
+        <el-upload :headers="$getElUploadHeaders()"
+                   ref="upload"
+                   class="upload-btn"
+                   :multiple="false"
+                   :show-file-list="false"
+                   :before-upload="
             (file) => {
               beforeUpload(file);
             }
           "
-                  action=""
-                  accept=".xls,.xlsx"
-                  :http-request="
+                   action=""
+                   accept=".xls,.xlsx"
+                   :http-request="
             () => {
               uploadFile();
             }
-          "
-          >
-            <el-button
-                    size="small"
-                    class="diy-button--delete">导入</el-button>
-          </el-upload>
-          <el-button class="diy-button--reset" size="small" @click="handleExport">导出</el-button>
-        </div>
+          ">
+          <el-button size="small"
+                     class="diy-button--delete">导入</el-button>
+        </el-upload>
+        <el-button class="diy-button--reset"
+                   size="small"
+                   @click="handleExport">导出</el-button>
+      </div>
       <el-table v-loading="dataListLoading"
                 :data="dataList"
                 border
@@ -176,94 +173,224 @@
                 @selection-change="dataListSelectionChangeHandle"
                 style="width: 100%;"
                 :height="maxTableHeight">
-        <el-table-column label="序号" header-align="center" align="center" width="50px">
+        <el-table-column label="序号"
+                         header-align="center"
+                         align="center"
+                         width="50px">
           <template slot-scope="scope">
             {{scope.$index+1}}
           </template>
         </el-table-column>
-        <el-table-column prop="gridName" label="网格名称" header-align="center" align="center" width="120" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="villageName" label="所属小区" header-align="center" align="center" width="130" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="buildName" label="所属楼宇" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="unitName" label="单元" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="homeName" label="房间名" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="householdTypeName" label="户口性质" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="name" label="姓名" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="mobile" label="联系电话" header-align="center" align="center" width="120" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="idCard" label="证件号" header-align="center" align="center" width="170" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="isVaccinationName" label="是否接种" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="firstVacTime" label="第一次接种时间" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="firstVacSite" label="第一次接种地点" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="secondVacTime" label="第二次接种时间" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="secondVacSite" label="第二次接种地点" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="thirdVacTime" label="第三次接种时间" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="thirdVacSite" label="第三次接种地点" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="reason" label="原因" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="note" label="备注" header-align="center" align="center" width="110" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="checkStateName" label="审核状态" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="checkReason" label="审核理由" header-align="center" align="center" width="80" show-overflow-tooltip></el-table-column>
-        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="170">
+        <el-table-column prop="gridName"
+                         label="网格名称"
+                         header-align="center"
+                         align="center"
+                         width="120"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="villageName"
+                         label="所属小区"
+                         header-align="center"
+                         align="center"
+                         width="130"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="buildName"
+                         label="所属楼宇"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="unitName"
+                         label="单元"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="homeName"
+                         label="房间名"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="householdTypeName"
+                         label="户口性质"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="name"
+                         label="姓名"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="mobile"
+                         label="联系电话"
+                         header-align="center"
+                         align="center"
+                         width="120"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="idCard"
+                         label="证件号"
+                         header-align="center"
+                         align="center"
+                         width="170"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="isVaccinationName"
+                         label="是否接种"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="firstVacTime"
+                         label="第一次接种时间"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="firstVacSite"
+                         label="第一次接种地点"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="secondVacTime"
+                         label="第二次接种时间"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="secondVacSite"
+                         label="第二次接种地点"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="thirdVacTime"
+                         label="第三次接种时间"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="thirdVacSite"
+                         label="第三次接种地点"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="reason"
+                         label="原因"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="note"
+                         label="备注"
+                         header-align="center"
+                         align="center"
+                         width="110"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="checkStateName"
+                         label="审核状态"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column prop="checkReason"
+                         label="审核理由"
+                         header-align="center"
+                         align="center"
+                         width="80"
+                         show-overflow-tooltip></el-table-column>
+        <el-table-column :label="$t('handle')"
+                         fixed="right"
+                         header-align="center"
+                         align="center"
+                         width="170">
           <template slot-scope="scope">
-            <el-button v-if="scope.row.checkState === '0'" type="text" size="small" class="div-table-button--edit" @click="handleEdit(scope.$index)">{{ $t('update') }}</el-button>
-            <el-button v-if="scope.row.checkState !== '2'"type="text" size="small" class="div-table-button--delete--noline" @click="handleDelete(scope.row.id)">{{ $t('delete') }}</el-button>
-            <el-button v-if="scope.row.checkState === '0'" type="text" class="div-table-button--detail" size="small" @click="handleWatch(scope.row)">审核</el-button>
-            <el-button type="text" class="div-table-button--detail" size="small" @click="handleLook(scope.$index)">查看</el-button>
+            <el-button v-if="scope.row.checkState === '0'"
+                       type="text"
+                       size="small"
+                       class="div-table-button--edit"
+                       @click="handleEdit(scope.$index)">{{ $t('update') }}</el-button>
+            <el-button v-if="scope.row.checkState !== '2'"
+                       type="text"
+                       size="small"
+                       class="div-table-button--delete--noline"
+                       @click="handleDelete(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button v-if="scope.row.checkState === '0'"
+                       type="text"
+                       class="div-table-button--detail"
+                       size="small"
+                       @click="handleWatch(scope.row)">审核</el-button>
+            <el-button type="text"
+                       class="div-table-button--detail"
+                       size="small"
+                       @click="handleLook(scope.$index)">查看</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
+      <el-pagination :current-page="page"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="limit"
+                     :total="total"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="pageSizeChangeHandle"
+                     @current-change="pageCurrentChangeHandle">
       </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
-<!--      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>-->
-<!--      <icvaccineprarmeter-check v-if="checkVisible" ref="checkPage" @refreshDataList="getDataList"></icvaccineprarmeter-check>-->
-  </el-card>
-
-  <el-dialog :visible.sync="checkVisible"
-             :close-on-click-modal="false"
-             :close-on-press-escape="false"
-             :title="formTitle"
-             width="850px"
-             top="5vh"
-             class="dialog-h"
-             @closed="addDiaClose">
-    <add-or-update ref="add_parameter"
-               @dialogCancle="addDiaClose"
-               @dialogOk="addFormOk">
-    </add-or-update>
-  </el-dialog>
-      <!-- 审核 -->
-      <el-dialog
-        :visible.sync="formShow"
-        :close-on-click-modal="false"
-        :close-on-press-escape="false"
-        :title="formTitle_shenhe"
-        width="900px"
-        top="5vh"
-        class="dialog-h"
-        @closed="diaClose"
-      >
-        <icvaccineprarmeter-check
-          ref="icvaccineprarmeter_check"
-          @dialogCancle="addFormCancle"
-          @dialogOk="addFormOk_shenhe"
-        ></icvaccineprarmeter-check>
-      </el-dialog>
+      <!--      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>-->
+      <!--      <icvaccineprarmeter-check v-if="checkVisible" ref="checkPage" @refreshDataList="getDataList"></icvaccineprarmeter-check>-->
+    </el-card>
+
+    <el-dialog :visible.sync="checkVisible"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="formTitle"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               @closed="addDiaClose">
+      <add-or-update ref="add_parameter"
+                     @dialogCancle="addDiaClose"
+                     @dialogOk="addFormOk">
+      </add-or-update>
+    </el-dialog>
+    <el-dialog :visible.sync="detailShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="'详情'"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaDetailClose">
+      <detail ref="ref_detail"
+              @dialogCancle="diaDetailClose">
+      </detail>
+    </el-dialog>
+    <!-- 审核 -->
+    <el-dialog :visible.sync="formShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="formTitle_shenhe"
+               width="900px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <icvaccineprarmeter-check ref="icvaccineprarmeter_check"
+                                @dialogCancle="addFormCancle"
+                                @dialogOk="addFormOk_shenhe"></icvaccineprarmeter-check>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './icvaccineprarmeter-add-or-update'
+import detail from './icvaccineprarmeter-detail'
 import nextTick from "dai-js/tools/nextTick";
-import { requestPost , requestGet} from "@/js/dai/request";
+import { requestPost, requestGet } from "@/js/dai/request";
 import IcvaccineprarmeterCheck from './icvaccineprarmeter-check'
-import {mapGetters} from "vuex";
+import { mapGetters } from "vuex";
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -275,530 +402,535 @@ export default {
         deleteIsBatch: true
       },
       dataForm: {
-          id: '',
-          gridId: '',
-          villageId: '',
-          buildId: '',
-          unitId: '',
-          homeId: '',
-          name: '',
-          idCard: '',
-          mobile: '',
-          isVaccination: ''
-      },
-        isVaccinationArr: [
-            { dictValue: '0', dictName: '否' },
-            { dictValue: '1', dictName: '是' }
-        ],
-        optionsV: [],
-        optionsB: [],
-        optionsH: [],
-        optionsD: [],
-        optionsG: [],
-        checkVisible: false,
-        formTitle:"新增",
-        // 审核
-        formShow: false,
-        formTitle_shenhe: "审核",
-        // 审核 end
+        id: '',
+        gridId: '',
+        villageId: '',
+        buildId: '',
+        unitId: '',
+        homeId: '',
+        name: '',
+        idCard: '',
+        mobile: '',
+        isVaccination: ''
+      },
+      isVaccinationArr: [
+        { dictValue: '0', dictName: '否' },
+        { dictValue: '1', dictName: '是' }
+      ],
+      optionsV: [],
+      optionsB: [],
+      optionsH: [],
+      optionsD: [],
+      optionsG: [],
+      checkVisible: false,
+      formTitle: "新增",
+      // 审核
+      formShow: false,
+      formTitle_shenhe: "审核",
+      // 审核 end
+      detailShow: false
     }
   },
   components: {
     AddOrUpdate,
-    IcvaccineprarmeterCheck
+    IcvaccineprarmeterCheck,
+    detail
   },
-  computed:{
-      maxTableHeight() {
-        return this.$store.state.inIframe
-            ? this.clientHeight - 360 + this.iframeHeigh
-            : this.clientHeight - 360;
-      },
-     ...mapGetters(["clientHeight", "iframeHeight"]),
-      changeVDisabled() {
-          return !this.dataForm.villageId
-      },
-      changeBDisabled() {
-          return !this.dataForm.buildId
-      },
-      changeDDisabled() {
-          return !this.dataForm.unitId
-      }
+  computed: {
+    maxTableHeight () {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 360 + this.iframeHeigh
+        : this.clientHeight - 360;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+    changeVDisabled () {
+      return !this.dataForm.villageId
+    },
+    changeBDisabled () {
+      return !this.dataForm.buildId
+    },
+    changeDDisabled () {
+      return !this.dataForm.unitId
+    }
   },
-  mounted() {
-      this.getGridList()
-      this.getValiheList()
+  mounted () {
+    this.getGridList()
+    this.getValiheList()
   },
-  methods:{
-      // 审核 s
-      diaClose() {
-        // this.$refs.icvaccineprarmeter_check.resetData();
-        this.formShow = false;
-      },
-      addFormCancle() {
-        this.formShow = false;
-      },
-      addFormOk_shenhe() {
-        this.formShow = false;
-        this.getDataList();
-      },
-      // 审核 end
-      //新增
-      handleAdd() {
-        this.formTitle = "新增";
-        this.checkVisible = true;
-        this.$nextTick(() => {
-          this.$refs.add_parameter.init();
+  methods: {
+    // 审核 s
+    diaClose () {
+      // this.$refs.icvaccineprarmeter_check.resetData();
+      this.formShow = false;
+    },
+    addFormCancle () {
+      this.formShow = false;
+    },
+    addFormOk_shenhe () {
+      this.formShow = false;
+      this.getDataList();
+    },
+    // 审核 end
+    //新增
+    handleAdd () {
+      this.formTitle = "新增";
+      this.checkVisible = true;
+      this.$nextTick(() => {
+        this.$refs.add_parameter.init();
+      });
+      // await this.$refs.ref_form_add.init();
+    },
+    async handleEdit (rowIndex) {
+      this.formTitle = "修改";
+      this.checkVisible = true;
+      await nextTick();
+      this.$refs.add_parameter.init(this.dataList[rowIndex]);
+    },
+    async handleDelete (id) {
+      this.$confirm("确认删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.deleteNat(id);
+        })
+        .catch((err) => {
+          if (err == "cancel") {
+          }
         });
-        // await this.$refs.ref_form_add.init();
-      },
-      async handleEdit(rowIndex) {
-        this.formTitle = "修改";
-        this.checkVisible = true;
-        await nextTick();
-        this.$refs.add_parameter.init(this.dataList[rowIndex]);
-      },
-      async handleDelete(id) {
-          this.$confirm("确认删除?", "提示", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              type: "warning",
+    },
+    async deleteNat (id) {
+      const url = "/epmetuser/icVaccinePrarmeter/delete";
+      let params = [id];
+      const { data, code, msg } = await requestPost(url, params);
+      if (code === 0) {
+        this.$message({
+          type: "success",
+          message: "删除成功",
+        });
+        this.getDataList();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    // 审核
+    async handleWatch (row) {
+      await nextTick();
+      const url = "/gov/org/ichouse/checkHomeInfo";
+
+      const { data, code, msg } = await requestPost(url, {
+        gridId: row.gridId,
+        gridName: row.gridName,
+        villageName: row.villageName,
+        buildName: row.buildName,
+        unitName: row.unitName,
+        homeName: row.homeName,
+      });
+
+      if (code === 0) {
+        console.log("data----de", data);
+        if (data.code === '1') {
+          this.$message.success(data.msg);
+        } else {
+          // 打开审核页面
+          // this.checkVisible = true
+          // this.$nextTick(() => {
+          //     this.$refs.checkPage.dataForm.id = row.id
+          //     // 是否新增房屋：0：否；1：是
+          //     this.$refs.checkPage.isAdd = data.isAdd
+          //     // 单元ID
+          //     this.$refs.checkPage.unitId = data.unitId
+          //     this.$refs.checkPage.init()
+          // })
+          // 打开审核页面
+          this.formShow = true;
+          this.$nextTick(() => {
+            this.$refs.icvaccineprarmeter_check.initForm("add", row.id, data.isAdd, data.unitId, data);
+            // this.$refs.checkPage.dataForm.id = row.id
+            // // 是否新增房屋：0：否；1：是
+            // this.$refs.checkPage.isAdd = data.isAdd
+            // // 单元ID
+            // this.$refs.checkPage.unitId = data.unitId
+            // this.$refs.checkPage.init()
           })
-              .then(() => {
-                  this.deleteNat(id);
-              })
-              .catch((err) => {
-                  if (err == "cancel") {
-                  }
-              });
-      },
-      async deleteNat(id) {
-          const url = "/epmetuser/icVaccinePrarmeter/delete";
-          let params = [id];
-          const { data, code, msg } = await requestPost(url, params);
-          if (code === 0) {
-              this.$message({
-                  type: "success",
-                  message: "删除成功",
-              });
-              this.getDataList();
-          } else {
-              this.$message.error(msg);
-          }
-      },
-      // 审核
-      async handleWatch(row) {
-          await nextTick();
-          const url = "/gov/org/ichouse/checkHomeInfo";
-
-          const { data, code, msg } = await requestPost(url, {
-              gridId: row.gridId,
-              gridName: row.gridName,
-              villageName: row.villageName,
-              buildName: row.buildName,
-              unitName: row.unitName,
-              homeName: row.homeName,
-          });
-
-          if (code === 0) {
-              console.log("data----de", data);
-              if(data.code === '1'){
-                  this.$message.success(data.msg);
-              }else{
-                  // 打开审核页面
-                  // this.checkVisible = true
-                  // this.$nextTick(() => {
-                  //     this.$refs.checkPage.dataForm.id = row.id
-                  //     // 是否新增房屋：0：否；1：是
-                  //     this.$refs.checkPage.isAdd = data.isAdd
-                  //     // 单元ID
-                  //     this.$refs.checkPage.unitId = data.unitId
-                  //     this.$refs.checkPage.init()
-                  // })
-                  // 打开审核页面
-                  this.formShow = true;
-                  this.$nextTick(() => {
-                      this.$refs.icvaccineprarmeter_check.initForm("add", row.id, data.isAdd, data.unitId, data);
-                      // this.$refs.checkPage.dataForm.id = row.id
-                      // // 是否新增房屋：0：否；1：是
-                      // this.$refs.checkPage.isAdd = data.isAdd
-                      // // 单元ID
-                      // this.$refs.checkPage.unitId = data.unitId
-                      // this.$refs.checkPage.init()
-                  })
-              }
+        }
 
 
 
 
 
 
+      } else {
+        this.$message.success("操作失败！");
+      }
+    },
+
+    async handleLook (rowIndex) {
+      // this.formTitle = "查看";
+      this.diaDetailClose = true;
+      await nextTick();
+      this.$refs.ref_detail.init(this.dataList[rowIndex], true);
+    },
+    diaDetailClose () {
+      this.diaDetailClose = false
+    },
+    handleClearVillage () {
+      this.dataForm.buildId = ''
+      this.dataForm.homeId = ''
+    },
+    handleClearBuild () {
+      this.dataForm.buildId = ''
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+    },
+    handleClearDan () {
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+    },
+    handleChangeGrid (val) {
+      console.log('val', val)
+      this.dataForm.villageId = ''
+      this.dataForm.buildId = ''
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+      this.getValiheList()
+    },
+    handleChangeV (val) {
+      console.log('val', val)
+      this.dataForm.buildId = ''
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+      this.getBuildList()
+    },
+    handleChangeB (val) {
+      console.log('val', val)
+      this.dataForm.unitId = ''
+      this.dataForm.homeId = ''
+      this.getUniList()
+    },
+    handleChangeD (val) {
+      console.log('val', val)
+      this.dataForm.homeId = ''
+      this.getHouseList()
+    },
+    addFormOk () {
+      this.checkVisible = false;
+      this.getDataList();
+    },
+    addDiaClose () {
+      this.checkVisible = false;
+      this.$refs.add_parameter.resetData()
+    },
+    getGridList () {
+      const { user } = this.$store.state
+      this.$http
+        .post('/gov/org/customergrid/gridoption', {
+          agencyId: user.agencyId,
+          purpose: 'addorupdate'
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
           } else {
-              this.$message.success("操作失败！");
+            console.log('获取查询详情成功', res.data)
+            this.optionsG = res.data
           }
-      },
-
-      async handleLook(rowIndex) {
-          this.formTitle = "查看";
-          this.checkVisible = true;
-          await nextTick();
-          this.$refs.add_parameter.init(this.dataList[rowIndex],true);
-      },
-      handleClearVillage() {
-          this.dataForm.buildId = ''
-          this.dataForm.homeId = ''
-      },
-      handleClearBuild() {
-          this.dataForm.buildId = ''
-          this.dataForm.unitId = ''
-          this.dataForm.homeId = ''
-      },
-      handleClearDan() {
-          this.dataForm.unitId = ''
-          this.dataForm.homeId = ''
-      },
-      handleChangeGrid(val) {
-          console.log('val', val)
-          this.dataForm.villageId = ''
-          this.dataForm.buildId = ''
-          this.dataForm.unitId = ''
-          this.dataForm.homeId = ''
-          this.getValiheList()
-      },
-      handleChangeV(val) {
-          console.log('val', val)
-          this.dataForm.buildId = ''
-          this.dataForm.unitId = ''
-          this.dataForm.homeId = ''
-          this.getBuildList()
-      },
-      handleChangeB(val) {
-          console.log('val', val)
-          this.dataForm.unitId = ''
-          this.dataForm.homeId = ''
-          this.getUniList()
-      },
-      handleChangeD(val) {
-          console.log('val', val)
-          this.dataForm.homeId = ''
-          this.getHouseList()
-      },
-      addFormOk () {
-        this.checkVisible = false;
-        this.getDataList();
-      },
-      addDiaClose () {
-        this.checkVisible = false;
-        this.$refs.add_parameter.resetData()
-      },
-      getGridList() {
-          const { user } = this.$store.state
-          this.$http
-              .post('/gov/org/customergrid/gridoption', {
-                  agencyId: user.agencyId,
-                  purpose: 'addorupdate'
-              })
-              .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.dataForm.gridId,
-                  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.dataForm.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.dataForm.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.dataForm.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('网络错误')
-              })
-      },
-      //重置搜索条件
-      resetForm() {
-          this.dataForm = {
-              gridId: '',
-              villageId: '',
-              buildId: '',
-              unitId: '',
-              homeId: '',
-              name: '',
-              idCard: '',
-              mobile: '',
-              isVaccination: ''
-          };
-          this.pageNo = 1
-          this.getDataList()
-      },
-      // 上传文件之前的钩子
-      beforeUpload(file) {
-          this.files = file;
-
-          const isText = file.type === "application/vnd.ms-excel";
-          const isTextComputer =
-              file.type ===
-              "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-
-          if (!isText && !isTextComputer) {
-              this.$message.error("请选择正确格式的文件");
-              this.files = null;
-              this.fileName = "";
-              return false;
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getValiheList () {
+      const { user } = this.$store.state
+      this.$http
+        .post('/gov/org/icneighborhood/neighborhoodoption', {
+          gridId: this.dataForm.gridId,
+          agencyId: ''
+          // agencyId: user.agencyId
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
           } else {
-              this.fileName = file.name;
-              return true;
+            console.log('获取查询详情成功', res.data)
+            this.optionsV = res.data
           }
-      },
-      async uploadFile() {
-          if (this.fileName == "") {
-              this.$message.warning("请选择要上传的文件！");
-              return false;
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getBuildList () {
+      this.$http
+        .post('/gov/org/icbuilding/buildingoption', {
+          neighborHoodId: this.dataForm.villageId
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          } else {
+            console.log('获取查询详情成功', res.data)
+            this.optionsB = res.data
           }
-
-          this.$message({
-              showClose: true,
-              message: "导入中，请到系统管理-导入记录中查看进度",
-              duration: 0,
-          });
-
-          //清空上传列表
-          this.$refs["upload"].clearFiles();
-          let url = "";
-
-          let fileFormData = new FormData();
-          fileFormData.append("file", this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
-
-          url = "/epmetuser/icVaccinePrarmeter/importFile";
-
-          window.app.ajax.post2(
-              url,
-              fileFormData,
-              (data, rspMsg) => {
-                  if (data.code === 0 && data.msg == "success") {
-                      // this.$message.success('导入成功')
-                  } else {
-                      // this.$message({
-                      //   showClose: true,
-                      //   message: rspMsg,
-                      //   duration: 0,
-                      //   type: "error"
-                      // })
-                      // this.$message.error(rspMsg)
-                  }
-                  this.loadTable();
-              },
-              (rspMsg, data) => {},
-              { headers: { "Content-Type": "multipart/form-data" } }
-          );
-      },
-      //导出表格
-      async handleExport() {
-          let title = "新冠病毒疫苗接种人员信息台账";
-
-          const url = "/epmetuser/icVaccinePrarmeter/vaccine-export";
-
-          app.ajax.exportFilePost(
-              url,
-              this.dataForm,
-              (data, rspMsg) => {
-                  console.log(data)
-                  this.download(data, title + ".xlsx");
-              },
-              (rspMsg, data) => {
-                  this.$message.error(rspMsg);
-              }
-          );
-      },
-      // 下载文件
-      download(data, fileName) {
-          if (!data) {
-              return;
+        })
+        .catch(() => {
+          return this.$message.error('网络错误')
+        })
+    },
+    getUniList () {
+      this.$http
+        .post('/gov/org/icbuildingunit/unitoption', {
+          buildingId: this.dataForm.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.dataForm.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('网络错误')
+        })
+    },
+    //重置搜索条件
+    resetForm () {
+      this.dataForm = {
+        gridId: '',
+        villageId: '',
+        buildId: '',
+        unitId: '',
+        homeId: '',
+        name: '',
+        idCard: '',
+        mobile: '',
+        isVaccination: ''
+      };
+      this.pageNo = 1
+      this.getDataList()
+    },
+    // 上传文件之前的钩子
+    beforeUpload (file) {
+      this.files = file;
+
+      const isText = file.type === "application/vnd.ms-excel";
+      const isTextComputer =
+        file.type ===
+        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+
+      if (!isText && !isTextComputer) {
+        this.$message.error("请选择正确格式的文件");
+        this.files = null;
+        this.fileName = "";
+        return false;
+      } else {
+        this.fileName = file.name;
+        return true;
+      }
+    },
+    async uploadFile () {
+      if (this.fileName == "") {
+        this.$message.warning("请选择要上传的文件！");
+        return false;
+      }
 
-          var csvData = new Blob([data]);
+      this.$message({
+        showClose: true,
+        message: "导入中，请到系统管理-导入记录中查看进度",
+        duration: 0,
+      });
 
-          if (window.navigator && window.navigator.msSaveOrOpenBlob) {
-              window.navigator.msSaveOrOpenBlob(csvData, fileName);
-          }
-          else {
-              var a = document.createElement("a");
-              document.body.appendChild(a);
-              a.style = "display: none";
-              var url = window.URL.createObjectURL(csvData);
-              a.href = url;
-              a.download = fileName;
-              a.click();
-              a.remove();
-              window.URL.revokeObjectURL(url);
+      //清空上传列表
+      this.$refs["upload"].clearFiles();
+      let url = "";
+
+      let fileFormData = new FormData();
+      fileFormData.append("file", this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
+
+      url = "/epmetuser/icVaccinePrarmeter/importFile";
+
+      window.app.ajax.post2(
+        url,
+        fileFormData,
+        (data, rspMsg) => {
+          if (data.code === 0 && data.msg == "success") {
+            // this.$message.success('导入成功')
+          } else {
+            // this.$message({
+            //   showClose: true,
+            //   message: rspMsg,
+            //   duration: 0,
+            //   type: "error"
+            // })
+            // this.$message.error(rspMsg)
           }
-      },
-      handleExportModule() {
-          let title = "新冠病毒疫苗接种人员信息台账模板";
-          let url = "/epmetuser/icVaccinePrarmeter/exporttemplate";
-
-          let params = {};
-
-          app.ajax.exportFilePost(
-              url,
-              params,
-              (data, rspMsg) => {
-                  this.download(data, title + ".xls");
-              },
-              (rspMsg, data) => {
-                  this.$message.error(rspMsg);
-              }
-          );
-      },
+          this.loadTable();
+        },
+        (rspMsg, data) => { },
+        { headers: { "Content-Type": "multipart/form-data" } }
+      );
+    },
+    //导出表格
+    async handleExport () {
+      let title = "新冠病毒疫苗接种人员信息台账";
+
+      const url = "/epmetuser/icVaccinePrarmeter/vaccine-export";
+
+      app.ajax.exportFilePost(
+        url,
+        this.dataForm,
+        (data, rspMsg) => {
+          console.log(data)
+          this.download(data, title + ".xlsx");
+        },
+        (rspMsg, data) => {
+          this.$message.error(rspMsg);
+        }
+      );
+    },
+    // 下载文件
+    download (data, fileName) {
+      if (!data) {
+        return;
+      }
+
+      var csvData = new Blob([data]);
+
+      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(csvData, fileName);
+      }
+      else {
+        var a = document.createElement("a");
+        document.body.appendChild(a);
+        a.style = "display: none";
+        var url = window.URL.createObjectURL(csvData);
+        a.href = url;
+        a.download = fileName;
+        a.click();
+        a.remove();
+        window.URL.revokeObjectURL(url);
+      }
+    },
+    handleExportModule () {
+      let title = "新冠病毒疫苗接种人员信息台账模板";
+      let url = "/epmetuser/icVaccinePrarmeter/exporttemplate";
+
+      let params = {};
+
+      app.ajax.exportFilePost(
+        url,
+        params,
+        (data, rspMsg) => {
+          this.download(data, title + ".xls");
+        },
+        (rspMsg, data) => {
+          this.$message.error(rspMsg);
+        }
+      );
+    },
 
   }
 }
 </script>
 <style lang="scss" scoped>
-  @import '@/assets/scss/buttonstyle.scss';
-  @import "@/assets/scss/modules/visual/communityManage.scss";
-  @import "@/assets/scss/modules/management/list-main.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;
-    }
+@import "@/assets/scss/buttonstyle.scss";
+@import "@/assets/scss/modules/visual/communityManage.scss";
+@import "@/assets/scss/modules/management/list-main.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-card-table {
-    margin-top: 20px;
+}
+.resi-table {
+  ::v-deep .el-button--text {
+    text-decoration: underline;
   }
-  .resi-row-btn {
-    margin-bottom: 13px;
-    .upload-btn {
-      display: inline-block;
-      margin: 0 10px;
-    }
+}
+.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-btns {
+  margin-top: 20px;
+  text-align: center;
+}
 
-  .resi-container .resi-card {
-    position: relative;
-    overflow: visible;
-  }
+.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;
-      }
+.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;
     }
-    .resi-cell-select:last-child {
-      margin-right: 0;
+    &-small {
+      width: 88px;
     }
   }
-
-  .mt10 {
-    margin-top: 10px;
+  .resi-cell-select:last-child {
+    margin-right: 0;
   }
+}
+
+.mt10 {
+  margin-top: 10px;
+}
 </style>