11

src/assets/scss/people-info.scss

@@ -3,6 +3,7 @@
 
 .m-pop {
     @include shield;
+    z-index: 2000;
     background-color: rgba(#000, 0.5);
     overflow-y: auto;
 
@@ -51,7 +52,7 @@
         .list {
             display: flex;
             flex-wrap: wrap;
-            padding: 10px 97px;
+            padding: 10px 20px 10px 97px;
 
             .item {
                 position: relative;
@@ -135,3 +136,6 @@
         }
     }
 }
+.bot12{
+    margin-bottom: 12px
+}

src/views/modules/plugins/rent/resi.vue

@@ -965,27 +965,27 @@ export default {
         })
       this.btnLoading = false
     },
-    async getTableHeader () {
-      await this.$http
-        .post('/oper/customize/icform/tableheaders', {
-          formCode: 'resi_base_info'
-        })
-        .then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          } else {
-            this.tableHeader = []
-            res.data.forEach(item => {
-              if (this.tableHeaderFilter(item.columnName)) {
-                this.tableHeader.push(item)
-              }
-            })
-          }
-        })
-        .catch(() => {
-          return this.$message.error('网络错误')
-        })
-    },
+    // async getTableHeader () {
+    //   await this.$http
+    //     .post('/oper/customize/icform/tableheaders', {
+    //       formCode: 'resi_base_info'
+    //     })
+    //     .then(({ data: res }) => {
+    //       if (res.code !== 0) {
+    //         return this.$message.error(res.msg)
+    //       } else {
+    //         this.tableHeader = []
+    //         res.data.forEach(item => {
+    //           if (this.tableHeaderFilter(item.columnName)) {
+    //             this.tableHeader.push(item)
+    //           }
+    //         })
+    //       }
+    //     })
+    //     .catch(() => {
+    //       return this.$message.error('网络错误')
+    //     })
+    // },
     async getTableData () {
       this.tableLoading = true
       let params = {

src/views/modules/shequ/cpts/peopleDetail.vue

@@ -44,7 +44,8 @@
                  v-if="info[field.columnName]!=0" 
                >
               <span class="item-field">{{field.label}}<span v-if="field.itemType!='radio'"> ：</span> </span>
-              <span v-if="field.columnName==='MOBILE'||field.columnName==='ID_CARD'">{{ info[field.columnName]||'--'}}</span>
+                                                                                                                                        <!--<el-button type="text" class="div-table-button--blue" style="float: right" @click="handleTuomin(field)">  显示</el-button>  -->
+              <span v-if="field.columnName==='MOBILE'||field.columnName==='ID_CARD'"><span >{{ info[field.columnName]||'--'}}</span> </span> 
               <span v-else-if="
                   field.itemType == 'select' ||
                   field.itemType == 'radio' ||
@@ -77,32 +78,24 @@
           </div>
         </div>
         <!-- 详情下方tab -->
-        <el-tabs class="top32"  @tab-click="handlTabs">
-          <!-- <div class="tab-btn"
-               @click="subStartGroupIndex"
-               v-if="groupList.length > 9">
-            <img src="@/assets/img/shuju/people/arrow-double-left.png" />
-          </div> -->
-          <el-button
-          type="text"
-            size="small"
-            @click="addTab(editableTabsValue)"
-          >
-          <i class="el-icon-more"></i>
-          </el-button>
+        <el-tabs class="top32" v-model="groupIndex"  @tab-click="handlTabs">
+          <template>
+              <el-dropdown>
+                  <span class="el-dropdown-link">
+                  <i class="el-icon-arrow-down el-icon-more"></i>
+                  </span>
+                  <el-dropdown-menu slot="dropdown" >
+                    <el-dropdown-item v-for="(j,index) in groupList" :key="index"><div  @click="handlDropdownTabs(`${index}`)"> {{j.label}}</div></el-dropdown-item>
+                  </el-dropdown-menu>
+              </el-dropdown>
+         </template>
           <el-tab-pane 
           v-for="(item, index) in groupList" 
                :class="groupIndex % groupList.length == index ? 'z-on' : ''"
                :key="'tab' + index"
                :label="item.label">
           </el-tab-pane>
-          <!-- <div class="tab-btn"
-               @click="addStartGroupIndex"
-               v-if="groupList.length > 9">
-            <img src="@/assets/img/shuju/people/arrow-double-right.png" />
-          </div> -->
         </el-tabs >
-
         <div :key="'group' + index"
              v-show="groupIndex % groupList.length == index"
              v-for="(group, index) in groupList">
@@ -289,8 +282,13 @@
               }}</span>
             </div>
           </div>
+        </div >
+        <el-row class="bot12" justify="end" >
+         
+         <el-col :span="24"> <el-button style="float:right" @click="handleClose">关闭</el-button></el-col>
+       </el-row>
       </div>
-      </div>
+      
     </div>
   </div>
 </template>
@@ -426,17 +424,23 @@ export default {
     handlTabs(i){
       this.groupIndex = i.index
     },
-    async handleTuomin () {
+    handlDropdownTabs(index){
+      this.groupIndex = index
+    },
+    async handleTuomin (item) {
+      console.log();
       const url = "/data/aggregator/epmetuser/detailByType";
 
       const { data, code, msg } = await requestPost(url, {
         id: this.userId,
         type: "checkIcResiUser",
       });
-
       if (code === 0) {
+        if(item.columnName=='MOBILE'){
           this.$set(this.info, 'MOBILE', data.mobile)
+        }else if(item.columnName=='ID_CARD'){
           this.$set(this.info, 'ID_CARD', data.idCard)
+        }
       } else {
         this.$message.error(msg);
       }
@@ -737,8 +741,8 @@ export default {
 }
 .el-tabs ::v-deep .el-tabs__content {
   position: absolute;
-  right: 35px;
-  top: 5px;
+  right: 23px;
+  top: 14px;
 }
 .m-pop .wrap{
   width: 820px;