[update] TODO#130018 業務員詳細資料: 串接加入顧問 api

Mila

2021-11-12 f1e9289d5ddf6b6df484db2e5e64bd13bc19f010

[update] TODO#130018 業務員詳細資料: 串接加入顧問 api

 PAMapp/pages/agentInfo/_agentNo.vue

@@ -146,14 +146,20 @@
        </UiField>
      </el-row>

      <el-row
        type="flex"
        justify="center"
        class="pam-paragraph">
          <el-button>+ 顧問清單</el-button>
          <el-button type="primary">進行預約</el-button>
      </el-row>
      <AddAndReservedBtns
        :cusClass="'pam-paragraph'"
        :agentInfo="agentInfo"
        @openPopUp="openPopUp"
      ></AddAndReservedBtns>

      <PopUpFrame :isOpen.sync="isVisiblePopUp"
      >
        <div class="text--center mdTxt">
            <p class="mb-50">{{popUpTxt}}</p>
            <p class="text--primary cursor--pointer"
                @click="isVisiblePopUp = false">我知道了</p>
        </div>
    </PopUpFrame>
    </div>
</template>

@@ -165,7 +171,8 @@
@Component
export default class AgentInfoComponent extends Vue {
  agentInfo!: AgentInfo;

  isVisiblePopUp = false;
  popUpTxt = '成功加入顧問清單';
  async asyncData(context: Context) {
    const agentNo = context.route.params.agentNo;
    let agentInfo = {};
@@ -175,10 +182,14 @@
    }
  }


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

  openPopUp(txt: string) {
        this.popUpTxt = txt;
        this.isVisiblePopUp = true;
    }
}

interface AgentInfo {