From dade8bb9e3214f3a364b9d9911c0187953a2b8f6 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Wed, 22 Jun 2022 16:11:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=A1=E6=81=AF=E9=87=87=E9=9B=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/base/collect.vue | 666 +++++++++++++++++------------
 1 file changed, 381 insertions(+), 285 deletions(-)

diff --git a/src/views/modules/base/collect.vue b/src/views/modules/base/collect.vue
index 743389e5..bd19c5e0 100644
--- a/src/views/modules/base/collect.vue
+++ b/src/views/modules/base/collect.vue
@@ -1,144 +1,191 @@
 <template>
   <div class="resi-container">
-    <el-card ref="searchCard"
-             class="search-card">
-      <el-form ref="searchForm"
-               :inline="true"
-               :model="fmData"
-               class="demo-form-inline">
-        <el-form-item v-if="communityList.length > 0"
-                      label="所在社区"
-                      prop="orgId">
-          <el-select v-model.trim="fmData.orgId"
-                     placeholder="所在社区"
-                     size="small"
-                     clearable
-                     class="resi-cell-input">
-            <el-option v-for="item in communityList"
-                       :key="item.orgId"
-                       :label="item.orgName"
-                       :value="item.orgId">
+    <el-card ref="searchCard" class="search-card">
+      <el-form
+        ref="searchForm"
+        :inline="true"
+        :model="fmData"
+        class="demo-form-inline"
+      >
+        <el-form-item
+          v-if="communityList.length > 0"
+          label="所在社区"
+          prop="orgId"
+        >
+          <el-select
+            v-model.trim="fmData.orgId"
+            placeholder="所在社区"
+            size="small"
+            clearable
+            class="resi-cell-input"
+          >
+            <el-option
+              v-for="item in communityList"
+              :key="item.orgId"
+              :label="item.orgName"
+              :value="item.orgId"
+            >
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="居住地址"
-                      prop="address">
-          <el-input v-model="fmData.address"
-                    class="resi-cell-input"
-                    size="small"
-                    clearable
-                    placeholder="请输入">
+        <el-form-item label="居住地址" prop="address">
+          <el-input
+            v-model="fmData.address"
+            class="resi-cell-input"
+            size="small"
+            clearable
+            placeholder="请输入"
+          >
           </el-input>
         </el-form-item>
-        <el-form-item label="填写时间"
-                      prop="startTime">
-          <el-date-picker v-model="timeRange"
-                          type="daterange"
-                          clearable
-                          size="small"
-                          range-separator="至"
-                          start-placeholder="开始日期"
-                          end-placeholder="结束日期"
-                          value-format="yyyy-MM-dd">
+        <el-form-item label="填写时间" prop="startTime">
+          <el-date-picker
+            v-model="timeRange"
+            type="daterange"
+            clearable
+            size="small"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="yyyy-MM-dd"
+          >
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="户籍地址"
-                      prop="domicilePlace">
-          <el-input v-model="fmData.domicilePlace"
-                    class="resi-cell-input"
-                    size="small"
-                    clearable
-                    placeholder="请输入">
+        <el-form-item label="户籍地址" prop="domicilePlace">
+          <el-input
+            v-model="fmData.domicilePlace"
+            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-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>
       </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>
+        <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"
-                :span-method="arraySpanMethod">
-        <el-table-column label="序号"
-                         prop="desc"
-                         align="center"
-                         width="50" />
-        <el-table-column prop="houseHolderName"
-                         width="100"
-                         label="户主姓名"
-                         align="center" />
-        <el-table-column prop="address"
-                         align="center"
-                         min-width="140"
-                         label="居住地址"
-                         :show-overflow-tooltip="true" />
-        <el-table-column prop="houseType"
-                         align="center"
-                         width="100"
-                         label="自有/租住">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%"
+        class="resi-table"
+        :height="tableHeight"
+        :span-method="arraySpanMethod"
+      >
+        <el-table-column label="序号" prop="desc" align="center" width="50" />
+        <el-table-column
+          prop="houseHolderName"
+          width="100"
+          label="户主姓名"
+          align="center"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          prop="address"
+          align="center"
+          min-width="140"
+          label="居住地址"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          prop="houseType"
+          align="center"
+          width="100"
+          label="自有/租住"
+        >
           <template slot-scope="scope">
-            <span>
-              {{ scope.row.houseType == '1' ? '自有' : '租住' }}
-            </span>
+            <span v-if="scope.row.houseType == 1">出租</span>
+            <span v-if="scope.row.houseType == 2">闲置</span>
+            <span v-if="scope.row.houseType == 3">未售出</span>
+            <span v-if="scope.row.houseType == 0">自住</span>
           </template>
         </el-table-column>
-        <el-table-column prop="totalResi"
-                         width="80"
-                         align="center"
-                         label="居住人数" />
-        <el-table-column prop="memberName"
-                         width="100"
-                         label="成员姓名"
-                         align="center"
-                         :show-overflow-tooltip="true" />
-        <el-table-column prop="memberIdNum"
-                         width="180"
-                         align="center"
-                         label="成员身份证" />
-        <el-table-column prop="memberMobile"
-                         width="140"
-                         align="center"
-                         label="成员手机号" />
-        <el-table-column prop="heSuanCount"
-                         width="120"
-                         align="center"
-                         label="核酸检测次数" />
+        <el-table-column
+          prop="totalResi"
+          width="80"
+          align="center"
+          label="居住人数"
+        />
+        <el-table-column
+          prop="memberName"
+          width="100"
+          label="成员姓名"
+          align="center"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          prop="memberIdNum"
+          width="180"
+          align="center"
+          label="成员身份证"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          prop="memberMobile"
+          width="140"
+          align="center"
+          label="成员手机号"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          prop="heSuanCount"
+          width="120"
+          align="center"
+          label="核酸检测次数"
+        />
 
-        <el-table-column prop="ymjz"
-                         width="140"
-                         align="center"
-                         label="疫苗接种情况">
+        <el-table-column
+          prop="ymjz"
+          width="140"
+          align="center"
+          label="疫苗接种情况"
+        >
           <template slot-scope="scope">
             <span v-if="scope.row.ymjz == 1">全程接种</span>
             <span v-if="scope.row.ymjz == 2">未全程接种</span>
             <span v-if="scope.row.ymjz == 0">未接种</span>
           </template>
         </el-table-column>
-        <el-table-column prop="domicilePlace"
-                         min-width="140"
-                         align="center"
-                         label="户籍所在地 " />
-        <el-table-column prop="workPlace"
-                         min-width="120"
-                         align="center"
-                         label="单位或学校 " />
-        <!-- <el-table-column prop="organizationCreatedTime" align="center" label="创建时间"> -->
+        <el-table-column
+          prop="domicilePlace"
+          min-width="140"
+          align="center"
+          label="户籍所在地"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          prop="workPlace"
+          min-width="120"
+          align="center"
+          label="单位或学校 "
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          prop="remark"
+          align="center"
+          label="备注"
+          :show-overflow-tooltip="true"
+        >
+        </el-table-column>
         <el-table-column label="操作" align="center" width="100">
           <template slot-scope="scope">
             <el-button
@@ -152,115 +199,152 @@
         </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
+          @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>
 
     <!-- 修改弹出框 -->
-    <el-dialog :visible.sync="formShow"
-               :close-on-click-modal="false"
-               :close-on-press-escape="false"
-               title="信息详情"
-               width="60%"
-               top="5vh"
-               class="dialog-h"
-               @closed="handleClose">
-        <div class="scroll-h">
-          <el-form ref="ref_form"
-                :inline="true"
-                :model="dataForm"
-                :disabled="true"
-                class="form">
-            <el-form-item label="户主姓名:"
-                          prop="houseHolderName"
-                          label-width="150px">
-              <!-- <el-input class="item_width_1"
+    <el-dialog
+      :visible.sync="formShow"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      title="信息详情"
+      width="1100px"
+      top="5vh"
+      class="dialog-h"
+      @closed="handleClose"
+    >
+      <div class="scroll-h">
+        <el-form
+          ref="ref_form"
+          :inline="true"
+          :model="dataForm"
+          :disabled="true"
+          class="form"
+        >
+          <el-form-item
+            label="户主姓名:"
+            prop="houseHolderName"
+            label-width="150px"
+          >
+            <!-- <el-input class="item_width_1"
                         v-model="dataForm.houseHolderName">
               </el-input> -->
-              <div class="wd50">{{ dataForm.houseHolderName }}</div>
-            </el-form-item>
-            <el-form-item label="居住地址:"
-                          prop="address"
-                          label-width="150px">
-              <!-- <el-input class="wd50" v-model="dataForm.address">
+            <div class="wd50">{{ dataForm.houseHolderName }}</div>
+          </el-form-item>
+          <el-form-item label="居住地址:" prop="address" label-width="150px">
+            <!-- <el-input class="wd50" v-model="dataForm.address">
               </el-input> -->
-              <div class="wd50"> {{ dataForm.address }}</div>
-            </el-form-item>
-            <div>
-              <el-form-item label="自有/租住:"
-                          prop="houseType"
-                          label-width="150px">
-                <!-- <el-input class="item_width_1"
+            <div class="wd50">{{ dataForm.address }}</div>
+          </el-form-item>
+          <div>
+            <el-form-item
+              label="自有/租住:"
+              prop="houseType"
+              label-width="150px"
+            >
+              <!-- <el-input class="item_width_1"
                           v-model="dataForm.houseType">
                 </el-input> -->
-                <div class="wd50">{{ dataForm.houseType }}</div>
-              </el-form-item>
-              <el-form-item label="居住人数:"
-                            prop="totalResi"
-                            label-width="150px">
-                <!-- <el-input class="item_width_1"
+              <div class="wd50">{{ dataForm.houseType }}</div>
+            </el-form-item>
+            <el-form-item
+              label="居住人数:"
+              prop="totalResi"
+              label-width="150px"
+            >
+              <!-- <el-input class="item_width_1"
                           v-model="dataForm.totalResi">
                 </el-input> -->
-                <div class="wd50">{{ dataForm.totalResi }}</div>
-              </el-form-item>
-            </div>
-            
-          </el-form>
-          <el-table :data="dataForm.list"
-                    border
-                    style="width: 100%"
-                    class="resi-table"
-                    :height="tableHeight">
-            <el-table-column label="序号"
-                            type="index"
-                            align="center"
-                            width="50" />
-            <el-table-column prop="memberName"
-                            width="100"
-                            label="成员姓名"
-                            align="center"
-                            :show-overflow-tooltip="true" />
-            <el-table-column prop="memberIdNum"
-                            width="180"
-                            align="center"
-                            label="成员身份证" />
-            <el-table-column prop="memberMobile"
-                            width="140"
-                            align="center"
-                            label="成员手机号" />
-            <el-table-column prop="heSuanCount"
-                            width="120"
-                            align="center"
-                            label="核酸检测次数" />
+              <div class="wd50">{{ dataForm.totalResi }}</div>
+            </el-form-item>
+          </div>
+        </el-form>
+        <el-table
+          :data="dataForm.list"
+          border
+          style="width: 1060px; margin: 20px"
+          class="resi-table"
+          :height="tableHeight"
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            prop="memberName"
+            width="100"
+            label="成员姓名"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            prop="memberIdNum"
+            width="180"
+            align="center"
+            label="成员身份证"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            prop="memberMobile"
+            width="140"
+            align="center"
+            label="成员手机号"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            prop="heSuanCount"
+            width="120"
+            align="center"
+            label="核酸检测次数"
+          />
 
-            <el-table-column prop="ymjz"
-                            width="140"
-                            align="center"
-                            label="疫苗接种情况">
-              <template slot-scope="scope">
-                <span v-if="scope.row.ymjz == 1">全程接种</span>
-                <span v-if="scope.row.ymjz == 2">未全程接种</span>
-                <span v-if="scope.row.ymjz == 0">未接种</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="domicilePlace"
-                            min-width="140"
-                            align="center"
-                            label="户籍所在地 " />
-            <el-table-column prop="workPlace"
-                            min-width="120"
-                            align="center"
-                            label="单位或学校 " />
-            <!-- <el-table-column prop="organizationCreatedTime" align="center" label="创建时间"> -->
-          </el-table>
-        </div>
+          <el-table-column
+            prop="ymjz"
+            width="140"
+            align="center"
+            label="疫苗接种情况"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.ymjz == 1">全程接种</span>
+              <span v-if="scope.row.ymjz == 2">未全程接种</span>
+              <span v-if="scope.row.ymjz == 0">未接种</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="domicilePlace"
+            min-width="140"
+            align="center"
+            label="户籍所在地 "
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            prop="workPlace"
+            min-width="120"
+            align="center"
+            label="单位或学校 "
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            prop="remark"
+            align="center"
+            label="备注"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+        </el-table>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -272,7 +356,7 @@ import { mapGetters } from "vuex";
 import axios from "axios";
 
 export default {
-  data () {
+  data() {
     return {
       openSearch: false,
 
@@ -284,13 +368,13 @@ export default {
       total: 1,
 
       tableData: [],
-      timeRange: '',
+      timeRange: "",
       fmData: {
-        orgId: '',
+        orgId: "",
         startTime: "",
         endTime: "",
-        address: '',
-        domicilePlace: ''
+        address: "",
+        domicilePlace: "",
       },
       dataForm: {},
       communityList: [],
@@ -300,15 +384,15 @@ export default {
     };
   },
   computed: {
-    ...mapGetters(['clientHeight', 'iframeHeight']),
-    tableHeight () {
-      const h = this.clientHeight - 360 + this.iframeHeigh
-      const _h = this.clientHeight - 360
-      return this.$store.state.inIframe ? h : _h
-    }
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+    tableHeight() {
+      const h = this.clientHeight - 360 + this.iframeHeigh;
+      const _h = this.clientHeight - 360;
+      return this.$store.state.inIframe ? h : _h;
+    },
   },
   watch: {
-    timeRange (val) {
+    timeRange(val) {
       if (Array.isArray(val) && val.length == 2) {
         this.fmData.startTime = val[0];
         this.fmData.endTime = val[1];
@@ -318,32 +402,39 @@ export default {
       }
     },
   },
-  mounted () {
-    this.getcommunityList()
+  mounted() {
+    this.getcommunityList();
     this.getTableData();
   },
   methods: {
-    arraySpanMethod ({ row, column, rowIndex, columnIndex }) {
+    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
       // console.log('row-----r', row)
       // console.log('column-----c', column)
-      if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4) {
-        let index = this.spanIndex.findIndex(item => item.firstIndex === rowIndex)
+      if (
+        columnIndex === 0 ||
+        columnIndex === 1 ||
+        columnIndex === 2 ||
+        columnIndex === 3 ||
+        columnIndex === 4
+      ) {
+        let index = this.spanIndex.findIndex(
+          (item) => item.firstIndex === rowIndex
+        );
         if (index > -1) {
           return {
             rowspan: this.spanIndex[index].len,
-            colspan: 1
+            colspan: 1,
           };
         } else {
           return {
             rowspan: 0,
-            colspan: 0
+            colspan: 0,
           };
         }
       }
     },
-    async handleChu () {
-      const url =
-        "/epmetuser/icresicollect/export";
+    async handleChu() {
+      const url = "/epmetuser/icresicollect/export";
       const { pageSize, pageNo, fmData } = this;
       axios({
         url: window.SITE_CONFIG["apiURL"] + url,
@@ -376,33 +467,33 @@ export default {
           return this.$message.error("网络错误");
         });
     },
-    handleSizeChange (val) {
+    handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
       this.pageSize = val;
       window.localStorage.setItem("pageSize", val);
       this.getTableData();
     },
-    handleCurrentChange (val) {
+    handleCurrentChange(val) {
       console.log(`当前页: ${val}`);
       this.pageNo = val;
       this.getTableData();
     },
 
-    handleClose () {
+    handleClose() {
       this.formShow = false;
     },
-    handleSearch (val) {
+    handleSearch(val) {
       console.log(this.fmData);
       this.pageNo = 1;
       this.getTableData();
     },
-    resetForm (formName) {
-      this.$refs[formName].resetFields()
-      this.timeRange = ''
-      this.handleSearch()
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+      this.timeRange = "";
+      this.handleSearch();
     },
 
-    async handleWatch (row) {
+    async handleWatch(row) {
       // this.formShow = true;
       await nextTick();
       const url = "/epmetuser/icresicollect/detail";
@@ -412,8 +503,11 @@ export default {
       });
 
       if (code === 0) {
-        console.log('data----de', data)
-        this.dataForm = { ...data, houseType: data.houseType == '1' ? '自有' : '租住' }
+        console.log("data----de", data);
+        this.dataForm = {
+          ...data,
+          houseType: data.houseType == "1" ? "自有" : "租住",
+        };
         // this.getTableData();
         this.formShow = true;
       } else {
@@ -421,17 +515,17 @@ export default {
       }
     },
 
-    async handleEdit (rowIndex) {
+    async handleEdit(rowIndex) {
       this.formShow = true;
       await nextTick();
       this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]);
     },
-    handleEditSuccess () {
+    handleEditSuccess() {
       this.handleClose();
       this.getTableData();
     },
 
-    async handleDel (rowData, rowIndex) {
+    async handleDel(rowData, rowIndex) {
       console.log(rowData, rowIndex);
       const url =
         "/heart/iccommunityselforganization/delcommunityselforganization";
@@ -448,19 +542,17 @@ export default {
         this.$message.success("操作失败！");
       }
     },
-    async getcommunityList () {
-      const url =
-        "/gov/org/agency/community-list";
+    async getcommunityList() {
+      const url = "/gov/org/agency/community-list";
       const { data, code, msg } = await requestPost(url);
       if (code === 0) {
         console.log("列表请求成功！！！！！！！！！！！！！！");
-        this.communityList = data
+        this.communityList = data;
       } else {
       }
     },
-    async getTableData () {
-      const url =
-        "/epmetuser/icresicollect/list";
+    async getTableData() {
+      const url = "/epmetuser/icresicollect/list";
       const { pageSize, pageNo, fmData } = this;
       const { data, code, msg } = await requestPost(url, {
         pageSize,
@@ -470,47 +562,51 @@ export default {
       if (code === 0) {
         console.log("列表请求成功！！！！！！！！！！！！！！");
         this.total = data.total || 0;
-        let _i = 0
-        let arr = []
-        this.spanIndex = data.list && data.list.map((item, index) => {
-          if (index == 0) _i = 0
-          else _i = _i + data.list[index - 1].list.length
-          arr.push(_i)
-          console.log('_i-----', _i, arr)
-          // if (index === data.list.length - 1) firstIndex = _i - item.list.length
-          return {
-            firstIndex: _i,
-            len: item.list.length
-          }
-        })
-        this.tableData = data.list && this.formatArr(data.list)
-        console.log('tableData----0', this.spanIndex)
+        let _i = 0;
+        let arr = [];
+        this.spanIndex =
+          data.list &&
+          data.list.map((item, index) => {
+            if (index == 0) _i = 0;
+            else _i = _i + data.list[index - 1].list.length;
+            arr.push(_i);
+            console.log("_i-----", _i, arr);
+            // if (index === data.list.length - 1) firstIndex = _i - item.list.length
+            return {
+              firstIndex: _i,
+              len: item.list.length,
+            };
+          });
+        this.tableData = data.list && this.formatArr(data.list);
+        console.log("tableData----0", this.spanIndex);
       } else {
       }
     },
     // 数组扁平化
-    formatArr (arr) {
-      let res = []
+    formatArr(arr) {
+      let res = [];
       let arr1 = arr.map((n, index) => {
         return {
           ...n,
-          list: n.list.length > 0 ? n.list.map(i => {
-            return {
-
-              ...n,
-              ...i,
-              desc: index + 1,
-              list: []
-            }
-          }) : []
-        }
-      })
-      arr1.forEach(item => {
+          list:
+            n.list.length > 0
+              ? n.list.map((i) => {
+                  return {
+                    ...n,
+                    ...i,
+                    desc: index + 1,
+                    list: [],
+                  };
+                })
+              : [],
+        };
+      });
+      arr1.forEach((item) => {
         if (item.list && item.list.length > 0) {
-          res = res.concat(this.formatArr(item.list))
-        } else res.push(item)
-      })
-      return res
+          res = res.concat(this.formatArr(item.list));
+        } else res.push(item);
+      });
+      return res;
     },
   },
 };