人员基本信息修改

src/assets/styles/ryda.scss

@@ -138,7 +138,7 @@
             color: #999999;
             text-align: left;
             display: inline-block;
-            width: 13%;
+            width: 11%;
           }
 
           .value {

src/utils/params.js

@@ -16422,20 +16422,20 @@ let rydaPropLeftMenu = [
 ]
 /*概览*/
 let glRyxxList = [
-  { label: '民族', id: 'mzStr', ids: 'mzdm', col: '3', show: true },
-  { label: '出生日期', id: 'csrq', col: '3' },
-  { label: '婚姻状况', id: 'hyztStr', ids: 'hyztdm', col: '3', show: true },
-  { label: '兵役状况', id: 'byztStr', ids: 'byztdm', col: '3', show: true },
-  { label: '文化程度', id: 'whcdStr', ids: 'whcddm', col: '3', show: true },
-  { label: '身高', id: 'sg', ids: 'sg', col: '3', show: true },
-  { label: '宗教信仰', id: 'zjxyStr', ids: 'zjxydm', col: '3', show: true },
-  { label: '国籍', id: 'gjStr', ids: 'gjdm', col: '3', show: true },
-  { label: '服务场所', id: 'fwcs', ids: 'fwcs', col: '3', show: true },
-  { label: '职业', id: 'zy', ids: 'zy', col: '3', show: true },
-  { label: '人员性质', id: 'ryxz', ids: 'ryxz', col: '3', show: true },
-  { label: '曾用名', id: 'cym', col: '3' },
-  { label: '户籍地址', id: 'hjdz', ids: 'hjdz', col: '1', show: true },
-  { label: '居住地址', id: 'jzdz', ids: 'jzdz', col: '1', show: true },
+  { label: '民族', id: 'mzStr', ids: 'mzdm', col: '3', show: true,},
+  { label: '出生日期', id: 'csrq', col: '3',},
+  { label: '国籍', id: 'gjStr', ids: 'gjdm', col: '3', show: true, },
+  { label: '婚姻状况', id: 'hyztStr', ids: 'hyztdm', col: '3', show: true,hidden: true },
+  { label: '兵役状况', id: 'byztStr', ids: 'byztdm', col: '3', show: true,hidden: true  },
+  { label: '文化程度', id: 'whcdStr', ids: 'whcddm', col: '3', show: true ,hidden: true },
+  { label: '身高', id: 'sg', ids: 'sg', col: '3', show: true ,hidden: true },
+  { label: '宗教信仰', id: 'zjxyStr', ids: 'zjxydm', col: '3', show: true ,hidden: true },
+  { label: '服务场所', id: 'fwcs', ids: 'fwcs', col: '3', show: true ,hidden: true },
+  { label: '职业', id: 'zy', ids: 'zy', col: '3', show: true ,hidden: true },
+  { label: '人员性质', id: 'ryxz', ids: 'ryxz', col: '3', show: true,hidden: true  },
+  { label: '曾用名', id: 'cym', col: '3',hidden: true  },
+  { label: '户籍地址', id: 'hjdz', ids: 'hjdz', col: '1', show: true, },
+  { label: '居住地址', id: 'jzdz', ids: 'jzdz', col: '1', show: true, },
 ]
 
 /*------------------------------------OA----------------------------------------*/

src/views/ryda/ryGl.vue

@@ -5,6 +5,7 @@
       <div class="wrap wrapAuto1" @mouseleave="xsdsb">
         <div class="bt">
           <img src="@/assets/img/ryda/title1.svg" />人口信息登记
+          <span @click="onGdxxShow" class="gdxxShow">更多信息</span>
         </div>
         <!-- <span @click="zpShowXx" v-if="zpxg" style="float: right"> -->
         <span
@@ -21,10 +22,12 @@
               @mouseover="zpShow"
               id="zp"
               src="/"
-              style="height: 185px; width: 100%"
+              style="height: 160px; width: 84%"
             />
-            <i @click="szzTp" class="el-icon-caret-left"></i>
-            <i @click="xzzTp" class="el-icon-caret-right"></i>
+            <div>
+              <i @click="szzTp" class="el-icon-caret-left"></i>
+              <i @click="xzzTp" class="el-icon-caret-right"></i>
+            </div>
           </div>
           <div class="ryxx" style="margin-left: 14px; margin-bottom: 20px">
             <div class="xmLine">
@@ -50,6 +53,7 @@
                 v-for="(item, index) in ryxxList"
                 :key="index"
                 :class="'ryxx' + item.col"
+                v-show="!item.hidden"
                 @mouseover="changeActive($event, index)"
               >
                 <span class="title">{{ item.label }}：</span>
@@ -234,6 +238,7 @@
             </div>
             <span slot="reference" class="bqsm"> 标签说明 </span>
           </el-popover>
+          <i @click="bqBl" class="el-icon-folder-add"></i>
           <img
             @click="ryBqShowWxxs"
             class="dangerFss"
@@ -247,7 +252,6 @@
                 : ''
             "
           />
-          <i @click="bqBl" class="el-icon-folder-add"></i>
         </div>
         <div class="padding24">
           <div>
@@ -1330,6 +1334,7 @@ export default {
         kxd: "",
         blyy: "",
       },
+      toggleZd: false,
       wpXXDialogShow: false,
       zdbqList: [],
       formDataWpxx: {
@@ -2271,6 +2276,16 @@ export default {
         }
       });
     },
+    // 人员基本信息 (更多信息)
+    onGdxxShow() {
+      debugger;
+      this.toggleZd = !this.toggleZd;
+      this.ryxxList.forEach((val) => {
+        if (val.hasOwnProperty("hidden")) {
+          this.$set(val, "hidden", !this.toggleZd);
+        }
+      });
+    },
     getRyxx() {
       let self = this;
       // self.postXx(self.$route.query["zjhm"]).then((res) => {
@@ -2291,6 +2306,9 @@ export default {
         this.getwpxx();
         this.postWpxxCxList();
         if (res.success === true) {
+          if (res.data.ryjbxx.gjStr == null) {
+            this.$set(res.data.ryjbxx, "gjStr", "中国");
+          }
           self.ryjbxx = res.data.ryjbxx;
           // var index = 0;
           // var img = document.getElementById("zp");
@@ -2641,6 +2659,13 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+.gdxxShow {
+  float: right;
+  margin-right: 15px;
+  font-size: 13px;
+  color: #126ce4;
+  cursor: pointer;
+}
 .wxxsdf {
   padding: 20px 10px;
   .padding24 {