Update: 顧問諮詢方式欄位(畫面)

Tomas

2023-07-28 ab9d102ce99644f73ff365a1e70afbda1e14276d

Update: 顧問諮詢方式欄位(畫面)

 PAMapp/components/Client/ClientCard.vue

@@ -118,6 +118,7 @@
                <p>性別：<span>{{gender}}</span></p>
                <p>年齡：<span>{{client.age | toAgeLabel }}</span></p>
                <p>職業：<span>{{client.job}}</span></p>
                <p>諮詢方式：<span>{{client.consultantMode }}</span></p>
                <p>需求：<span>{{ client.requirement ? client.requirement.split(',').join('、') : '--' }}</span></p>
                <p v-for="(item, index) in hopeContactTime"
                    :key="index"

 PAMapp/components/Consultant/ConsultantCard.vue

@@ -76,6 +76,7 @@
                    <p>性別：{{gender}}</p>
                    <p>年齡：{{appointmentDetail.age | toAgeLabel }}</p>
                    <p>職業：{{appointmentDetail.job}}</p>
                    <p>諮詢方式：{{appointmentDetail.consultantMode }}</p>
                    <p>需求：{{appointmentDetail.requirement ? appointmentDetail.requirement.split(',').join('、') : '--'}}</p>
                    <p
                        v-for="(item, index) in hopeContactTime"

 PAMapp/nuxt.config.js

@@ -39,6 +39,7 @@
    '~/plugins/vue-scroll-picker',
    '~/plugins/filters/date.filter.ts',
    '~/plugins/filters/age.filter.ts',
    '~/plugins/filters/consult-type.filter.ts',
    '~/plugins/filters/appointment-fail-reason.filter.ts',
    '~/plugins/filters/serve-area.filter.ts',
  ],

 PAMapp/pages/appointment/_appointmentId/index.vue

@@ -38,6 +38,11 @@
      <div class="client-detail-demand mt-10">

        <div class="client-detail-demand__demand-list mb-10">
          <div class="client-detail-demand__demand-list-label">諮詢<br />方式</div>
          <div class="client-detail-demand__demand-list-content">{{ appointmentDetail.consultantMode | toConsulType }}</div>
        </div>

        <div class="client-detail-demand__demand-list mb-10">
          <div class="client-detail-demand__demand-list-label">需求</div>
          <div class="client-detail-demand__demand-list-content">{{ appointmentDetail.requirement || '--' }}</div>
        </div>

 PAMapp/pages/index.vue

@@ -59,6 +59,7 @@
                  <p>性別：{{gender}}</p>
                  <p>年齡：{{appointmentDetail.age | toAgeLabel }}</p>
                  <p>職業：{{appointmentDetail.job}}</p>
                  <p>諮詢方式：{{appointmentDetail.consultantMode }}</p>
                  <p>需求：{{ appointmentDetail.requirement ? appointmentDetail.requirement.split(',').join('、') : '--'}}</p>
                  <p
                      v-for="(item, index) in hopeContactTime"
@@ -244,6 +245,7 @@
      phone             : '',
      requirement       : '',
      satisfactionScore : 0,
      consultantMode    : ''
    };

    agentInfo: Consultant = {

 PAMapp/pages/questionnaire/_agentNo.vue

@@ -78,6 +78,12 @@
          :options="requirementOptions" />
      </div>
      <div class="pam-paragraph">
        <div class="mdTxt">諮詢方式</div>
        <SingleSelectBtn class="mt-10"
           :singleSelected.sync="myRequest.consultantMode"
           :options="consultantModeOptions" />
      </div>
      <div class="pam-paragraph">
        <div class="mdTxt">您的性別</div>
        <SingleSelectBtn class="mt-10"
          :singleSelected.sync="myRequest.gender"
@@ -201,6 +207,17 @@
      }
    ];

    consultantModeOptions = [
      {
        title: '線上',
        label: 'ONLINE'
      },
      {
        title: '線下',
        label: 'OFFLINE'
      }
    ];

    requirementOptions=[
      {
        title:'健康與保障',
@@ -300,6 +317,7 @@
        selectTimesOptions: [],
      }],
      agentNo: '',
      consultantMode: '',
    };

    showDrawer= false;

 PAMapp/plugins/filters/consult-type.filter.ts

¤ñ¹ï·sÀÉ®×
@@ -0,0 +1,15 @@
import Vue from 'vue'

Vue.filter('toConsulType', (value: string): string => {

  if (!value ||  typeof value !== 'string') {
    return '--';
  };

  const consultantTypeLabel = {
    'ONLINE': '線上',
    'OFFLINE': '線下',
  };

  return  consultantTypeLabel[value];
})

 PAMapp/shared/models/appointment.model.ts

@@ -40,6 +40,7 @@
  phone                : string;
  requirement          : string;
  satisfactionScore    : number;
  consultantMode       : string;
};

export interface AppointmentClosedInfo {
@@ -123,8 +124,8 @@
  job            : string;
  phone          : string;
  requirement    : string[];
  consultantMode : string;
}

export interface ContactTime {
  selectTimesOptions: string[];
  selectWeekOptions : string[];