查看按钮逻辑

src/views/modules/base/resi.vue

@@ -322,7 +322,11 @@
       </div>
 
       <div class="resi-btns">
-        <el-button size="small" @click="handlerReset" class="diy-button--common"
+        <el-button
+          size="small"
+          v-if="false"
+          @click="handlerReset"
+          class="diy-button--common"
           >重置</el-button
         >
         <el-button
@@ -352,6 +356,35 @@
       </div>
     </el-dialog>
 
+    <el-dialog
+      title="居民详情"
+      :visible.sync="dialogVisible2"
+      width="986px"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+      :before-close="() => {this.dialogVisible2 = false}"
+    >
+      <div class="dialog-h-content scroll-h">
+        <resi-info
+          v-if="dialogVisible2"
+          ref="resiInfo"
+          :fixed="true"
+          :resi-id="editUserId"
+        />
+      </div>
+
+      <div class="resi-btns">
+        <el-button
+          size="small"
+          @click="dialogVisible2 = false"
+          class="diy-button--common"
+          >关闭</el-button
+        >
+      </div>
+    </el-dialog>
+
     <el-dialog
       :title="formName"
       :visible.sync="dialogEditVisible"
@@ -449,15 +482,6 @@
       ></diy-info>
     </el-dialog>
 
-    <people-more
-      v-if="showedPeopleMoreInfo && lookInfo.userId"
-      :view_real_data="btnAuths.ic_resi_view_real_data"
-      :userId="lookInfo.userId"
-      :gridName="lookInfo.gridName"
-      :detailTitle="'居民详情'"
-      @close="handleCancleLook"
-    />
-
     <baobiao ref="baobiao" />
 
     <!-- 迁出登记 -->
@@ -497,13 +521,13 @@
 import nextTick from "dai-js/tools/nextTick";
 import resiSearch from "../../components/resiSearch.vue";
 import resiForm from "../../components/resiForm.vue";
+import resiInfo from "../../components/resiInfo.vue";
 import editResi from "../../components/editResi.vue";
 import axios from "axios";
 import { mapGetters } from "vuex";
 import resiTransfer from "../../components/resiTransfer.vue";
 import resiChangeRecord from "../../components/resiChangeRecord.vue";
 
-import peopleMore from "@/views/modules/shequ/cpts/people-more";
 import baobiao from "@/views/modules/cpts/baobiao";
 import diyInfo from "./diyInfo.vue";
 import { requestPost } from "@/js/dai/request";
@@ -516,10 +540,10 @@ export default {
     baobiao,
     resiSearch,
     resiForm,
+    resiInfo,
     editResi,
     resiTransfer,
     resiChangeRecord,
-    peopleMore,
     diyInfo,
 
     resiChangeTransfer,
@@ -545,7 +569,9 @@ export default {
       dialogEditVisible: false,
       dialogVisible: false,
       // 显示人员详情
-      showedPeopleMoreInfo: false,
+      dialogVisible2: false,
+      lookResiId: "",
+
       uploadUlr:
         window.SITE_CONFIG["apiURL"] + "/epmetuser/icresiuser/importExcel",
       currentPage: 1,
@@ -1050,40 +1076,31 @@ export default {
     handleClick(tab, event) {
       console.log(tab, event);
     },
+
+    // 查看
     async handleLook(row) {
-      this.formName = "居民详情";
       console.log(row);
-      this.lookInfo.userId = row.icResiUserId;
-      this.lookInfo.gridName = row.GRID_ID;
-      this.showedPeopleMoreInfo = true;
-      // this.disabled = true
-      // this.editAgencyId = row.ORG_ID
-      // await this.getFormList('edit')
-      // this.getrowInfo(row.icResiUserId)
-    },
-    handleCancleLook() {
-      this.lookInfo.userId = "";
-      this.lookInfo.gridName = "";
-      this.showedPeopleMoreInfo = false;
+      this.lookResiId = row.resiId;
+      this.dialogVisible2 = true;
     },
+
+    // 编辑
     async handleEdit(row) {
-      // this.disabled = false;
-      // this.editAgencyId = row.ORG_ID;
       this.editUserId = row.resiId;
       this.formName = "编辑居民";
       this.dialogVisible = true;
-      // await this.getFormList("edit");
-      // await this.getrowInfo(row.icResiUserId);
     },
+
     handlerReset() {
       this.$refs.baseForm.resetForm();
     },
+
     async handleAdd() {
       this.formName = "新增居民";
-      // await this.getFormList();
       this.editUserId = "";
       this.dialogVisible = true;
     },
+
     async handleChangeGroup(val) {
       console.log("changeguoprrrrr----", val);
       let { childGroup, value, partyInfo } = val;