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

Tomas

2022-01-27 baf08c1e7ff4188970a130b8603ad4ea237fa3b9

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

 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;

 PAMapp/store/localStorage.ts

@@ -1,4 +1,5 @@
import { Module, Mutation, VuexModule ,Action } from 'vuex-module-decorators';
import { ContactType } from '~/shared/models/enum/ContactType';
import { Role } from '~/shared/models/enum/Role';
import { Selected } from '~/shared/models/quick-filter.model';
import { StrictQueryParams } from '~/shared/models/strict-query.model';
@@ -7,6 +8,7 @@
  id_token = localStorage.getItem('id_token');
  current_role= localStorage.getItem('current_role');
  consultant_id = localStorage.getItem('consultant_id');
  userInfo = JSON.parse(localStorage.get('userInfo'));
  quickFilterSelectedItem = localStorage.getItem('quickFilter');
  recommendConsultantItem = localStorage.getItem('recommendConsultantItem');
  appointmentIdFromMsg = localStorage.getItem('appointmentIdFromMsg');
@@ -25,6 +27,10 @@
    return this.consultant_id;
  }

  get isPrimaryContactTypeEmail(): boolean {
    return this.userInfo.contactType === ContactType.EMAIL;
  }

  get quickFilterSelectedData(): Selected[] {
    return JSON.parse(this.quickFilterSelectedItem || '[]') as Selected[];
  }