update#134950: 保戶： [個人帳號設定] 可設定備用聯絡方式，並且預約顧問時填寫的備用聯絡方式會回寫帳號設定

Tomas

2022-01-27 baf08c1e7ff4188970a130b8603ad4ea237fa3b9

 PAMapp/pages/accountSetting/index.vue

@@ -17,7 +17,9 @@
        <i class="icon-edit" @click="editField('userName')" :class="{'icon-color-change': !userNameDisabled}"></i>
      </div>
    </div>
    <div class="pam-paragraph account-info" v-if="phoneValue">

    <!-- NOTE: 主要聯絡方式 -->
    <div class="pam-paragraph account-info" v-if="!isPrimaryContactTypeEmail">
      <div class="account-info__title text--middle">綁定</div>
      <div class="account-info__input " :class="{'edit': !userPhoneDisabled }">
        <div class="text--middle mb-10">手機號碼</div>
@@ -32,7 +34,8 @@
        </div>
      </div>
    </div>
    <div class="pam-paragraph account-info" v-if="emailValue">

    <div class="pam-paragraph account-info" v-if="isPrimaryContactTypeEmail">
      <div class="account-info__title text--middle">綁定</div>
      <div class="account-info__input" :class="{'edit': !userEmailDisabled }">
        <div class="text--middle mb-10">Email</div>
@@ -47,6 +50,10 @@
        </div>
      </div>
    </div>

    <!-- NOTE: 備用聯絡方式 -->



    <PopUpFrame :isOpen.sync="updateDone">
      <div class="text--center mdTxt fs-18">
@@ -70,13 +77,19 @@

<script lang="ts">
import { Vue,Component } from 'vue-property-decorator'
import { namespace } from 'vuex-class';
import { UserSetting } from '~/shared/models/account.model';

import accountSettingService from '~/shared/services/account-setting.service';

const localStorageStore = namespace('localStorage');

@Component
export default class AccountSetting extends Vue {

  @localStorageStore.Getter
  isPrimaryContactTypeEmail!: boolean;

  _userSetting!: UserSetting;
  userNameDisabled  = true;
  userPhoneDisabled = true;