Merge branch 'Phase2'

HelenHuang

2021-12-30 ac594e4efb30ba28776d74b0fb08ab34d7c32023

 PAMapp/pages/agentInfo/_agentNo.vue

@@ -3,7 +3,10 @@
      <el-row
        type="flex"
        justify="center">
        <UiAvatar :size="150" :fileName="agentInfo.img"></UiAvatar>
        <UiAvatar
          :size="150"
          :agentNo="agentInfo.agentNo">
        </UiAvatar>
      </el-row>

      <el-row
@@ -110,6 +113,15 @@
        </el-col>
      </el-row>

      <div class="consultant-edit-btn">
        <UiField icon="flag" label="溝通風格">
          <div class="text--orange bold pr-10 "
            v-for="(communicationStyle, index) in displayCommunicationStyleList" 
            :key="index">
              #{{ communicationStyle }}</div>
        </UiField>
    </div>

      <el-row
        type="flex"
        class="pam-paragraph">
@@ -202,19 +214,24 @@

@Component
export default class AgentInfoComponent extends Vue {

  @roleStorage.Getter currentRole!:string|null;
  role = Role;

  agentInfo!: AgentInfo;
  role = Role;
  isAlertAddSuccess = false;
  isAlertFieldInfo = false;
  fieldInfoTitle = '';
  fieldInfoDesc = '';
  hideReviews = hideReviews ;

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

  get agentName(): string {
    return `${this.agentInfo.name}(${this.agentInfo.role})`;
  }

  get displayCommunicationStyleList(): string[] {
    return this.agentInfo.communicationStyle.split('、').filter((item) => item);
  }

  async asyncData(context: Context) {
@@ -222,12 +239,13 @@
    return {
      agentInfo: await myConsultantService.getConsultantDetail(agentNo).then((res) => res)
    }
    
  }

 
 
  alertAddSuccess(): void {
      this.isAlertAddSuccess = true;
  }

  alertFieldInfo(field: string): void {
    this.isAlertFieldInfo = true;
    switch(field) {
@@ -241,6 +259,13 @@
        break;
    }
  }

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

  get agentName(): string {
    return `${this.agentInfo.name}(${this.agentInfo.role})`;
  }
  
}

</script>
@@ -298,4 +323,9 @@
  display: flex;
  justify-content: center;
}

.pam-field{
  display: flex;
}

</style>