update

src/components/archives/eduExperience.vue

@@ -62,7 +62,7 @@ export default class eduExperience extends Vue {
     };
     this.$server.EmployeeService.getEduExperience(params)
       .then(res => {
-        // console.log("edu-res=" + JSON.stringify(res));
+        console.log("edu-res=" + JSON.stringify(res));
         this.obj = res;
       })
       .catch(error => {});

src/components/archives/selectInfo.vue

@@ -6,7 +6,7 @@
       <van-field
         readonly
         clickable
-        :value="value"
+        :value="birthplaceValue"
         label="出生地"
         placeholder="请选择出生地"
         @click="showBirthplace = true"
@@ -15,22 +15,107 @@
         <van-area :area-list="areaList" @confirm="onConfirm" @cancel="showArea = false" />
       </van-popup>
       <!-- 民族 -->
+      <van-field
+        readonly
+        clickable
+        :value="nationValue"
+        label="民族"
+        placeholder="请选择"
+        @click="showNation = true"
+      />
+      <van-popup v-model="showNation" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="columns.nation"
+          @confirm="onConfirm"
+          @cancel="showNation = false"
+        />
+      </van-popup>
+      <!-- 政治面貌 -->
+      <van-field
+        readonly
+        clickable
+        :value="politicalValue"
+        label="政治面貌"
+        placeholder="请选择"
+        @click="showPolitical = true"
+      />
+      <van-popup v-model="showPolitical" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="columns.political"
+          @confirm="onConfirm"
+          @cancel="showPolitical = false"
+        />
+      </van-popup>
+      <!-- 最高学历 -->
+      <van-field
+        readonly
+        clickable
+        :value="eduValue"
+        label="最高学历"
+        placeholder="请选择"
+        @click="showEdu = true"
+      />
+      <van-popup v-model="showEdu" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="columns.edu"
+          @confirm="onConfirm"
+          @cancel="showEdu = false"
+        />
+      </van-popup>
+      <!-- 婚姻状况 -->
+      <van-field
+        readonly
+        clickable
+        :value="marryValue"
+        label="婚姻状况"
+        placeholder="请选择"
+        @click="showMarry = true"
+      />
+      <van-popup v-model="showMarry" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="columns.marry"
+          @confirm="onConfirm"
+          @cancel="showMarry = false"
+        />
+      </van-popup>
+      <!-- 生育状况 -->
+      <van-field
+        readonly
+        clickable
+        :value="maternityValue"
+        label="生育情况"
+        placeholder="请选择"
+        @click="showMaternity = true"
+      />
+      <van-popup v-model="showMaternity" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="columns.maternity"
+          @confirm="onConfirm"
+          @cancel="showMaternity = false"
+        />
+      </van-popup>
+      <!-- 档案所在地 -->
       <!-- <van-field
-          readonly
-          clickable
-          :value="value"
-          label="民族"
-          placeholder="请选择"
-          @click="showNation = true"
+        readonly
+        clickable
+        :value="maternityValue"
+        label="档案所在地"
+        placeholder="请选择"
+        @click="showMaternity = true"
+      />
+      <van-popup v-model="showMaternity" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="columns.maternity"
+          @confirm="onConfirm"
+          @cancel="showMaternity = false"
         />
-        <van-popup v-model="showNation" position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="columns.nation"
-            @confirm="onConfirm"
-            @cancel="showNation = false"
-          />
-        </van-popup> -->
+      </van-popup> -->
     </van-form>
   </div>
 </template>
@@ -52,21 +137,48 @@ import { Component } from "vue-property-decorator";
 export default class personInfo extends Vue {
   private obj: object = {};
   private show: boolean = false;
-  private value: string = "";
+  private birthplaceValue: string = "";
+  private nationValue:string=""
+  private politicalValue:string=""
+  private eduValue:string=""
+  private marryValue:string=""
+  private maternityValue:string=""
   private areaList: object = AreaList;
   private showBirthplace: boolean = false;
   private showNation: boolean = false;
+  private showPolitical: boolean = false;
+  private showEdu: boolean = false;
+  private showMarry: boolean = false;
+  private showMaternity: boolean = false;
   private columns: any = {
     nation: ["汉族", "回族", "蒙古族"],
-    political: ["4", "5", "6"],
-    edu: ["7", "8", "9"],
-    marry: ["7", "8", "9"],
-    Maternity: ["7", "8", "9"]
+    political: ["群众", "共青团员", "预备党员", "中共党员", "其他"],
+    edu: [
+      "小学",
+      "初中",
+      "高中",
+      "大专",
+      "本科",
+      "硕士研究生",
+      "博士研究生",
+      "职高",
+      "中专",
+      "技校",
+      "其他"
+    ],
+    marry: ["已婚", "未婚"],
+    maternity: ["未育", "已育一孩", "已育多孩"]
   };
 
-  onConfirm(values: any) {
-    this.value = values.map((item: any) => item.name).join("/");
-    this.showBirthplace = false;
+  onConfirm(value:any) {
+    this.maternityValue=value
+    // this.birthplaceValue = values.map((item: any) => item.name).join("/");
+    // this.showBirthplace = false;
+    // if(item==="a"){
+    //   // console.log(value,item)
+    //   // this.maternityValue=value
+    //   this.showMaternity=false
+    // }
   }
 }
 </script>