Merge branch 'Phase3' of ssh://192.168.0.10:29418/pcalife/PAM into Phase3

Tomas

2022-06-10 f5c3e5e9254b7af10ddbc8b5cb81cd78f531e8d1

Merge branch 'Phase3' of ssh://192.168.0.10:29418/pcalife/PAM into Phase3

 PAMapp/components/Footer.vue

@@ -20,7 +20,7 @@
          <li class="pam-footer-contact__item">(專員接聽時間：週一 ~ 週五 08:00~20:00 及週六、日及例假日09:00~17:30)</li>
        </ul>
      </section>
      <section class="pam-footer-copywriting">本網站由保誠人壽與保經代共同合作</section>
      <section class="pam-footer-copywriting">本網站由保誠人壽建置，並由大誠保經經紀人提供顧問諮詢服務。</section>
    </footer>
</template>


 PAMapp/components/Ui/UiCarousel.vue

@@ -8,17 +8,18 @@
    >
        <el-carousel-item class="banner-img-style banner1-img">
            <div class="text--center mt-30 banner-info">
                <h1 class="banner-title mb-10">個人化媒合頂尖顧問</h1>
                <p class="banner-txt text--PRIMARY_WHITE">您的聲音，由我們來傾聽。</p>
                <p class="banner-txt text--PRIMARY_WHITE">讓我們幫您快速找到合適您的顧問，</p>
                <p class="banner-txt text--PRIMARY_WHITE">解決保險大小煩惱。事不宜遲，立刻行動。</p>
                <h1 class="banner-title mb-10">專屬你的保險顧問在這裡</h1>
                <p class="banner-txt text--PRIMARY_WHITE">有保險需求卻不知從何下手?</p>
                <p class="banner-txt text--PRIMARY_WHITE">輸入條件、快速篩選、無壓力媒合</p>
                <p class="banner-txt text--PRIMARY_WHITE">簡單三步驟，立即預約幸福人生!</p>
            </div>
        </el-carousel-item>

        <el-carousel-item class="banner-img-style banner2-img">
            <div class="text--center mt-30 banner-info">
                <h1 class="banner-title mb-10">多元媒合方式</h1>
                <p class="banner-txt text--PRIMARY_WHITE">輕鬆滑出理想顧問</p>
                <p class="banner-txt text--PRIMARY_WHITE">找到最懂你的保險顧問</p>
                <p class="banner-txt text--PRIMARY_WHITE">依個人需求量身篩選</p>
                <p class="banner-txt text--PRIMARY_WHITE">媒合成功顧問主動聯繫</p>
            </div>
        </el-carousel-item>
@@ -85,4 +86,4 @@
    }
}

</style>
</style>

 PAMapp/layouts/default.vue

@@ -62,8 +62,8 @@
    };

    private bannerText: FeatureBannerTitle= {
      [FeaturePage.RECOMMEND_CONSULTANT]: ['輸入問題回答', '依照您的需求推薦嚴選顧問'],
      [FeaturePage.QUICK_FILTER]        : ['點選下方選項', '尋找您的BEST Match'],
      [FeaturePage.RECOMMEND_CONSULTANT]: ['輸入個人需求及偏好', '即可獲得量身推薦之嚴選顧問清單'],
      [FeaturePage.QUICK_FILTER]        : ['依個人偏好快速搜尋', '找到你的最佳顧問'],
      [FeaturePage.MY_CONSULTANT_LIST]  : [],
      [FeaturePage.QUESTIONNAIRE]       : [],
    }

 PAMapp/pages/index.vue

@@ -2,6 +2,7 @@
  <div>
    <Ui-Carousel></Ui-Carousel>
    <div class="page-container">

      <div>
        <h5 class="mdTxt">預約保險顧問</h5>
        <div class="mt-10 pam-reserveBtn--block">
@@ -15,6 +16,16 @@
          </el-button>
        </div>
      </div>

      <div class="pam-paragraph">
        <div class="landing-container">

            <el-button @click.native="navigateToRoute('/landingPage')">go to landing page -2</el-button>
            <el-button @click.native="navigateToRoute('/landingPage')">go to landing page -1</el-button>

        </div>
      </div>

      <div class="pam-paragraph">
        <el-row class="rowStyle">
          <el-col :span="16">
@@ -29,6 +40,8 @@
        <ConsultantList class="mt-10"
          :agents="consultantList.slice(0, 3)"></ConsultantList>
      </div>


      <div class='pam-paragraph'>
        <div class="pam-recommend">
          <h5 class="mdTxt">推薦保險顧問</h5>
@@ -486,6 +499,15 @@
    align-items: center;
  }

  .landing-container {
    border: 2px solid blue;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  @media (min-width: 576px) and (max-width: 767px) {
    .quickFilter.el-button--default {
      background-image: url('~/assets/images/quickFilter/banner_web.svg');
@@ -502,6 +524,15 @@
      margin: 0 auto;
    }

      .landing-container {
    border: 2px solid blue;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

    .pam-reserveBtn--block {
      display: flex;
      justify-content: space-between;

 PAMapp/pages/login/index.vue

@@ -195,61 +195,41 @@
              class="mdTxt pam-register-dialog__contract"
              ref="contract"
              @scroll="detectContractReadStatus">
              <h3>蒐集個人資料告知事項</h3>
              <h3>保誠人壽保險股份有限公司蒐集個人資料告知事項</h3>
              <p class="mt-10">
              遵守個人資料保護法規定，在您提供個人資料予本處前，依法告知下列事項：
              保誠人壽保險股份有限公司（下稱「本公司」）依據個人資料保護法（以下稱個資法）第六條第二項、第八條第一項規定，向台端告知下列事項，請台端詳閱：
              <p>

              <p class="mt-10">
              一、獲取您下列個人資料類別：姓名、出生年月日、國民身分證統一編號、性別、職業、教育、
              連絡方式(包括但不限於電話號碼、E-MAIL、居住或工作地址)等，或其他得以直接
              或間接識別您個人之資料。
              一、個人資料蒐集之目的（參照法務部頒佈之「個資法之特定目的及個人資料之類別」）：身分確認
              人身保險 (001)、行銷(040)、金融服務業依法令規定及金融監理需要，所為之蒐集處理及利用(059)、契約、類似契約或其他法律關係事務(069)、消費者、客戶管理與服務(090)、網路購物及其他電子商務服務(148)、調查、統計與研究分析(157)、其他經營合於營業登記項目或組織章程所定之業務(181)。
              <p>

              <p class="mt-10">
              二、本處將依個人資料保護法及相關法令之規定下，依本處隱私權保護政策，蒐集、
              處理及利用您的個人資料。
              二、蒐集之個人資料：真實姓名、手機號碼、電子郵件信箱及其他基於本平台媒合顧問及預約諮詢服務之需要所提供之個人資料。
              <p>

              <p class="mt-10">
              三、本處將於蒐集目的之存續期間合理利用您的個人資料。
              三、個人資料利用之期間、地區、對象、方式：
              (一)期間：因前述目的及執行業務所必須及依法令規定應為保存之期間。
              (二)地區：個人資料利用對象所在之地區。
              (三)對象：本公司、依法有調查權機關或金融監理機關及本平台合作保經代公司（範圍限於　台端選擇之顧問所隸屬之公司）。
              (四)方式：合於法令規定之利用方式。
              </p>

              <p class="mt-10">
              四、除蒐集之目的涉及國際業務或活動外，本處僅於中華民國領域內利用您的個人資料。
              四、依據個資法第三條規定，　台端就本公司保有　台端之個人資料得行使之權利及方式：
              (一)得向本公司行使之權利：
              向本公司查詢、請求閱覽或請求製給複製本。
              向本公司請求補充或更正。
              向本公司請求停止蒐集、處理或利用及請求刪除。
              (二)行使權利之方式：　台端得撥打本公司免費客戶服務專線： 0809-0809-68 行使上述權利。(專員接聽時間 : 週一 ~ 週五 08:00-20:00 及週六、日及例假日 09:00-17:30；語音服務：週一-週日24小時)。
              </p>

              <p class="mt-10">
              五、本處將於原蒐集之特定目的、本次以外之產業之推廣、宣導及輔導、以及其他公務機關請求行政協助之目的範圍內，合理利用您的個人資料。
              五、台端可自行決定是否提供個人資料予本公司，　台端於勾選同意後並於本平台提供個人資料時，視為已同意前述事項，惟若　台端不同意提供或未提供正確之資訊，將導致無法與使用本平台進行顧問媒合與預約諮詢等服務。
              </p>

              <p class="mt-10">
              六、您可依個人資料保護法第 3 條規定，就您的個人資料向本處行使之下列權利：
              (一) 查詢或請求閱覽。
              (二) 請求製給複製本。
              (三) 請求補充或更正。
              (四) 請求停止蒐集、處理及利用。
              (五) 請求刪除。
              您因行使上述權利而導致對您的權益產生減損時，本處不負相關賠償責任。另依
              個人資料保護法第 14 條規定，本處得酌收行政作業費用。
              </p>

              <p class="mt-10">
              七、若您未提供正確之個人資料，本處將無法為您提供特定目的之相關業務。
              </p>

              <p class="mt-10">
              八、本處因業務需要而委託其他機關處理您的個人資料時，本處將會善盡監督之責。
              </p>

              <p class="mt-10">
              九、您瞭解此一同意書符合個人資料保護法及相關法規之要求，且同意本處留存此同
              意書，供日後取出查驗。
              個人資料之同意提供
              一、本人已充分知悉貴處上述告知事項。
              二、本人同意貴處蒐集、處理、利用本人之個人資料，以及其他公務機關請求行政協
              助目的之提供。
              </p>
            </div>
          </el-row>
          <el-row class="pt-30">

 PAMapp/pages/questionnaire/_agentNo.vue

@@ -67,7 +67,7 @@
    <div class="ques-container">
      <div class="pam-paragraph">
        <div class="mdTxt">
            想要詢問的問題
            想了解的領域
            <span class="hint text--bold">
                (可複選)
            </span>
@@ -103,7 +103,7 @@

    <PopUpFrame :isOpen.sync="showDrawer">
      <div class="qaTextTitle mdTxt">
        <strong>想要詢問的問題</strong>
        <strong>想了解的領域</strong>
      </div>
      <div class="qa-dialog">
          <div v-for="(qaText,index) in quesAboutList" :key="index" >
@@ -402,7 +402,7 @@

    private getReservedData(appointmentInfo) {
      if (appointmentInfo) {
        const hopeContactTime = appointmentInfo!.hopeContactTime 
        const hopeContactTime = appointmentInfo!.hopeContactTime
          ?  appointmentInfo!.hopeContactTime.split("'").filter(item => item && item !== ',').map(item => {
                const info = item.split('、');
                return {

 PAMapp/pages/recommendConsultant/index.vue

@@ -19,7 +19,7 @@
    </div>
    <div class="pam-paragraph">
      <div class="pb-10 mdTxt required">
        想要詢問的問題
        想了解的領域
        <span class="hint text--bold">
          (可複選)
        </span>
@@ -42,7 +42,7 @@
    </div>
    <div class="pam-paragraph">
      <div class="rec-popular">
        <div class="pb-10 mdTxt">熱門檢索</div>
        <div class="pb-10 mdTxt">熱搜關鍵字</div>
        <div class="hint text--bold ml-10">(可複選)</div>
      </div>
      <div class="rec-pop-container">
@@ -61,7 +61,7 @@

    <PopUpFrame :isOpen.sync="showDialog">
      <div class="qaTextTitle mdTxt">
        <strong>想要詢問的問題</strong>
        <strong>想了解的領域</strong>
      </div>
      <div class="qa-dialog">
        <div v-for="(qaText,index) in queaAboutList"
@@ -150,12 +150,12 @@
    ];
    seniorityOptions = [{
        title: '不限',
        subTitle: '年齡不是問題',
        subTitle: '經歷不是問題',
        label: Seniority.UNLIMITED,
      },
      {
        title: '年輕',
        subTitle: '給年輕人一個機會',
        title: '新星',
        subTitle: '熱情活力滿點',
        label: Seniority.YOUNG,
      },
      {

 PAMapp/shared/const/faqList.ts

@@ -13,7 +13,7 @@
            { label: ' (２) 請您確認手機可存入簡訊容量空間是否已滿，若已滿，請刪除部分簡訊後，手機重新開機。' },
            { label: ' (３) 請您確認是否處於收訊不穩或收訊不良的場所，若是，請您至收訊良好的場所，手機重開機。'},
            { label: ' (４) 智慧型手機有多種過濾來電軟體，比如：whoscall、防毒軟體等，可設定黑名單來電、簡訊，也許曾經被設定到。'},
            { label: '【email登入註冊】'},
            { label: '【Email登入註冊】'},
            { label: ' (１) 可能是您填寫的Email帳號無效或輸入時錯誤，請您檢核正確的Email再次登入或註冊。'},
            { label: ' (２) 可能是您的Email服務商判斷驗證信為垃圾信，建議您至垃圾郵件匣中讀取，並將它設定為非垃圾郵件。'},
            { label: ' (３) 可能是您的Email服務商之安全機制阻擋驗證信，建議您可聯絡您的Email服務商或是使用其他的Email帳號重新註冊。'}
@@ -22,14 +22,15 @@
    {
        label: '我如何進行顧問媒合？',
        details: [
            { label: '(１) 您可於首頁點擊「快速篩選」、「嚴選配對」按鈕進行顧問媒合。'},
            { label: '(２) 快速篩選：可以選擇任一個條件，快速找到符合您需求的顧問；嚴選配對：輸入問題回答，依照您的需求推薦嚴選顧問。'}
            { label: '(１) 您可於本網站首頁選擇「快速篩選」或是「嚴選配對」進行顧問媒合。'},
            { label: '(２) 關於「快速篩選」，可依照個人偏好任選一個條件，快入找到符合需求的顧問清單。'},
            { label: '(３) 關於「嚴選配對」，依序輸入個人需求及偏好，即可獲得量身推薦之嚴選顧問清單。'}
        ]
    },
    {
        label: '我如何預約顧問？',
        label: '我可以如何預約顧問？',
        details: [
            { label: '依「快速篩選」、「嚴選配對」的媒合結果或查看「推薦顧問清單」後，進入顧問卡片資訊點擊「進行預約」。填寫聯絡時間、想詢問的問題以及個人資料，方可送出預約單。'}
            { label: '在進行「快速篩選」或是「嚴選配對」之後，可依據媒合結果獲得推薦之顧問清單，選擇您想要的顧問並點選「進行預約」，填寫您方便之聯絡時間、想詢問的問題以及相關個人資訊後，送出預約單後即完成預約。'}
        ]
    },
    {
@@ -37,7 +38,7 @@
        details: [{ label: '您可於顧問清單中點擊「已預約」的顧問，進入預約成功頁面，進行預約單的取消或編輯。'}]
    },
    {
        label: '我進行預約後，顧問會用什麼方式聯繫我？',
        details: [{ label: '顧問會依據保戶登入或註冊時提供的連絡資訊（手機或EMAIL）為主要聯繫您的方式。'}]
        label: '預約完成後，顧問會用甚麼方式聯繫我？',
        details: [{ label: '顧問會依據您註冊/預約時提供之聯絡方式(手機或Email)，於您方便的時段與您聯繫。'}]
    }
]
]