refactor: [editConsultant]

Tomas

2022-01-03 9d0a0b68efa0d25d340ce732188da4708cb2f2ff

 PAMapp/pages/agentInfo/edit/_agentNo.vue

@@ -3,7 +3,9 @@
      <el-row
        type="flex"
        justify="center">
        <EditConsultantAvatar :agentNo="agentInfo.agentNo" :photoBase64.sync="editInfoValue.photoBase64"/>
        <EditConsultantAvatar
          :agentNo="agentInfo.agentNo"
          :photoBase64.sync="editInfoValue.photoBase64"/>
      </el-row>
      <el-row
        type="flex"
@@ -203,7 +205,7 @@

@Component
export default class AgentInfoComponent extends Vue {
  @Prop({type:Object ,}) aa!:any;

  @localStorageTest.State('current_role')
  currentRole!:string | null;

@@ -233,6 +235,7 @@

  communicationStyleList: string[] = agentCommunicationStyleList;
  role           = Role;

  agentExpertList = [
    {
        title:'健康與保障',
@@ -290,7 +293,6 @@
    this.setAgentInfo(this.agentInfo);
  }

  /////////////////////////////////////////////////////////////////////////////
  private setAgentInfo(agentInfo: AgentInfo): void {
    const [agentYear, _yearUnit , agentMonth, _monthUnit] =  agentInfo.seniority.split(" ");
    this._agentInfoSetting = {
@@ -321,27 +323,28 @@
  }

  //////////////////////////////////////////////////////////////////////

  editAgentInfoSetting(): void {
    const editSettingInfo: any = {
      ...this.editInfoValue,
      communicationStyle: this.editInfoValue.communicationStyle.join('、'),
    }
    accountSettingService.editAgentInfoSetting(editSettingInfo).then((res: AgentInfoSetting) => {
      console.log(editSettingInfo)
      this.isInfoUpdate = true;
    });
    this.isInfoUpdate = true;
  }

  backToInfo() {
    this.isInfoUpdate = false
    this.$router.push(`/agentInfo/${this.agentInfo.agentNo}`);
    }
  }

  selectCommunicationStyles(): void {
    if (this.editInfoValue.communicationStyle.length > 2) {
            this.editInfoValue.communicationStyle.shift();
        }
  }

  alertFieldInfo(field: string): void {
    this.isAlertFieldInfo = true;
    switch(field) {