updata

src/components/archives/socialInfo.vue

@@ -37,13 +37,13 @@
     </div>
     <van-popup v-model="show" position="right" :style="{ height: '100%',width: '90%' }">
       <van-form>
-        <van-field v-model="infoRegisteredResidence" label="户口性质" placeholder="请选择户口性质" />
-        <van-field v-model="unitPreSocialStatus" label="前期社保状态" placeholder="请选择前期社保状态" />
-        <van-field v-model="unitPrePaymentType" label="前期缴费种类" placeholder="请选择前期缴费种类" />
-        <van-field v-model="unitPreSocialCity" label="原社保缴纳省市" placeholder="请选择原社保缴纳省市" />
-        <van-field v-model="unitPreSocialUnit" label="原社保缴纳单位" placeholder="请填写原社保缴纳单位" />
-        <van-field v-model="unitRelationUnit" label="与原单位关系" placeholder="请选择与原单位关系" />
-        <van-field v-model="unitPreEmploymentStatus" label="前期就业状态" placeholder="请选择前期就业状态" />
+        <van-field v-model="obj.infoRegisteredResidence" label="户口性质" placeholder="请选择户口性质" />
+        <van-field v-model="obj.unitPreSocialStatus" label="前期社保状态" placeholder="请选择前期社保状态" />
+        <van-field v-model="obj.unitPrePaymentType" label="前期缴费种类" placeholder="请选择前期缴费种类" />
+        <van-field v-model="obj.unitPreSocialCity" label="原社保缴纳省市" placeholder="请选择原社保缴纳省市" />
+        <van-field v-model="obj.unitPreSocialUnit" label="原社保缴纳单位" placeholder="请填写原社保缴纳单位" />
+        <van-field v-model="obj.unitRelationUnit" label="与原单位关系" placeholder="请选择与原单位关系" />
+        <van-field v-model="obj.unitPreEmploymentStatus" label="前期就业状态" placeholder="请选择前期就业状态" />
         
         <div style="margin: 16px;">
           <van-button round block type="info" native-type="submit" @click="updateContactInfo">保存</van-button>
@@ -69,15 +69,14 @@ import { Component } from "vue-property-decorator";
   }
 })
 export default class socialInfo extends Vue {
-  private infoRegisteredResidence:string="" // 户口性质
-  private unitPreSocialStatus:string=""     // 前期社保状态
-  private unitPrePaymentType:string=""      // 前期缴费种类
-  private unitPreSocialCity:string=""       // 原社保缴纳省市
-  private unitPreSocialUnit:string=""       // 原社保缴纳单位
-  private unitRelationUnit:string=""        // 与原单位关系
-  private unitPreEmploymentStatus:string="" // 前期就业状态
-  
-  private obj: object = {};
+  // private infoRegisteredResidence:string="" // 户口性质
+  // private unitPreSocialStatus:string=""     // 前期社保状态
+  // private unitPrePaymentType:string=""      // 前期缴费种类
+  // private unitPreSocialCity:string=""       // 原社保缴纳省市
+  // private unitPreSocialUnit:string=""       // 原社保缴纳单位
+  // private unitRelationUnit:string=""        // 与原单位关系
+  // private unitPreEmploymentStatus:string="" // 前期就业状态
+  private obj:any = {};
   private show: boolean = false;
   created() {
     let params = {
@@ -85,7 +84,7 @@ export default class socialInfo extends Vue {
     };
     this.$server.EmployeeService.getSocialInfo(params)
       .then(res => {
-        console.log("res=" + JSON.stringify(res)+'社保信息');
+        // console.log("res=" + JSON.stringify(res)+'社保信息');
         
         this.obj = res;
       })
@@ -97,20 +96,44 @@ export default class socialInfo extends Vue {
   updateContactInfo() {
     let data = {
       id: this.$route.query.ed_id,
-      infoRegisteredResidence: this.infoRegisteredResidence,
-      unitRelationUnit: this.unitRelationUnit,
-      unitPreEmploymentStatus: this.unitPreEmploymentStatus,
-      unitPreSocialStatus: this.unitPreSocialStatus,
-      unitPrePaymentType: this.unitPrePaymentType,
-      unitPreSocialUnit: this.unitPreSocialUnit,
-      unitPreSocialCity: this.unitPreSocialCity
+      infoRegisteredResidence: this.obj.infoRegisteredResidence,// 户口性质
+      unitRelationUnit: this.obj.unitRelationUnit,// 与原单位关系
+      unitPreEmploymentStatus: this.obj.unitPreEmploymentStatus,// 前期就业状态
+      unitPreSocialStatus: this.obj.unitPreSocialStatus,// 前期社保状态
+      unitPrePaymentType: this.obj.unitPrePaymentType,// 前期缴费种类
+      unitPreSocialUnit: this.obj.unitPreSocialUnit,// 原社保缴纳单位
+      unitPreSocialCity: this.obj.unitPreSocialCity// 原社保缴纳省市
 
     };
     
-    if (!this.unitPreSocialUnit) {
+    if (!this.obj.infoRegisteredResidence) {
+      Toast("请选择户口性质");
+      return;
+    }
+    if (!this.obj.unitRelationUnit) {
+      Toast("请选择与原单位关系");
+      return;
+    }
+    if (!this.obj.unitPreEmploymentStatus) {
+      Toast("请选择前期就业状态");
+      return;
+    }
+    if (!this.obj.unitPreSocialStatus) {
+      Toast("请选择前期社保状态");
+      return;
+    }
+    if (!this.obj.unitPrePaymentType) {
+      Toast("请选择前期缴费种类");
+      return;
+    }
+    if (!this.obj.unitPreSocialUnit) {
       Toast("请填写原社保缴纳单位");
       return;
     }
+    if (!this.obj.unitPreSocialCity) {
+      Toast("请选择原社保缴纳省市");
+      return;
+    }
     this.$server.EmployeeService.saveSocialInfo(data)
       .then(res => {
         if (res == true) {

src/components/archives/technologyExperience.vue

@@ -3,7 +3,7 @@
     <div class="header">
       <div class="tip"></div>
       <div class="title">技术特长</div>
-      <van-icon size="14px" color="#E1E4EB" name="arrow" />
+      <van-icon size="14px" color="#E1E4EB" name="arrow" @click="editInfo" />
     </div>
     <div class="box">
       <div class="item">
@@ -19,30 +19,83 @@
         <label>{{obj.expertiseQualification}}</label>
       </div>
     </div>
+    <van-popup v-model="show" position="right" :style="{ height: '100%',width: '90%' }">
+      <van-form>
+        <van-field v-model="obj.expertiseTechnologySpecialty" label="技术特长" placeholder="请填写技术特长" />
+        <van-field v-model="obj.expertiseTechnologyTitle" label="技术职称" placeholder="请填写技术职称" />
+        <van-field v-model="obj.expertiseQualification" label="资格证书" placeholder="请填写资格证书" />
+
+        <div style="margin: 16px;">
+          <van-button round block type="info" native-type="submit" @click="updateContactInfo">保存</van-button>
+        </div>
+      </van-form>
+    </van-popup>
   </div>
 </template>
 
 <script lang="ts">
 import Vue from "vue";
-import { Icon } from 'vant';
+import { Button, Icon, Popup, Form, Picker, Field, Toast } from "vant";
 import { Component } from "vue-property-decorator";
 
 @Component({
-    components:{
-      [Icon.name]: Icon
-    }
+  components: {
+    [Button.name]: Button,
+    [Icon.name]: Icon,
+    [Popup.name]: Popup,
+    [Form.name]: Form,
+    [Picker.name]: Picker,
+    [Field.name]: Field
+  }
 })
 export default class technologyExperience extends Vue {
-  private obj:object={}
-  created(){
+  private obj: any = {};
+  private show: boolean = false;
+  created() {
     let params = {
       edId: this.$route.query.ed_id
     };
-    this.$server.EmployeeService.getTechnologyExperience(params).then(res=>{
-      this.obj=res;
-    }).catch(error=>{
+    this.$server.EmployeeService.getTechnologyExperience(params)
+      .then(res => {
+        console.log("res=" + JSON.stringify(res) + "技术特长");
+
+        this.obj = res;
+      })
+      .catch(error => {});
+  }
+  editInfo(): void {
+    this.show = true;
+  }
+  updateContactInfo() {
+    let data = {
+      id: this.$route.query.ed_id,
+      expertiseTechnologySpecialty: this.obj.expertiseTechnologySpecialty, // 技术特长
+      expertiseTechnologyTitle: this.obj.expertiseTechnologyTitle, // 技术职称
+      expertiseQualification: this.obj.expertiseQualification // 资格证书
+    };
+
+    if (!this.obj.expertiseTechnologySpecialty) {
+      Toast("请填写技术特长");
+      return;
+    }
+    if (!this.obj.expertiseTechnologyTitle) {
+      Toast("请填写技术职称");
+      return;
+    }
+    if (!this.obj.expertiseQualification) {
+      Toast("请填写资格证书");
+      return;
+    }
 
-    })
+    this.$server.EmployeeService.updateTechnologyExperience(data)
+      .then(res => {
+        if (res == true) {
+          Toast.success("保存成功");
+        }
+      })
+      .catch(error => {
+        console.log(error);
+      });
   }
 }
 </script>
@@ -66,6 +119,9 @@ export default class technologyExperience extends Vue {
       font-weight: 500;
       color: rgba(61, 64, 71, 1);
     }
+    i {
+      margin: 0 20px 0 auto;
+    }
   }
   .box {
     margin: 0 20px;