[ Update ] :新增Banner 文字，以及各區塊背景設定，修正 element button hover 顏色

劉鈞霖

2021-11-15 0dd47f20adb82f7c6968d9c1077e91625f27bc69

 PAMapp/pages/recommendConsultant/index.vue

@@ -1,8 +1,8 @@
<template>
  <div class="pam-page">
  <div>
    <div class="pb-10 mdTxt">您的性別</div>
    <SingleSelectBtn :singleSelected.sync="strictQueryDto.gender" :options="genderOptions"/>
    <div class="mt-30">
    <div class="pam-paragraph">
      <div class="pb-10 mdTxt required">所在地區</div>
      <div class="job-pick cursor--pointer"
        @click="showAddress = true">
@@ -17,27 +17,27 @@
          @change="area => strictQueryDto.area = area" />
      </PopUpFrame>
    </div>
    <div class="mt-30">
      <div class="pb-10 mdTxt required" @click="showDialog = true">
    <div class="pam-paragraph">
      <div class="pb-10 mdTxt required">
        想要詢問的問題
        <span class="hint text--bold">
          <i class="icon-information text--bold"></i>可複選
          <i class="icon-information text--bold" @click="showDialog = true"></i>可複選
        </span>
      </div>
      <MultiSelectBtn :mutiSelect.sync="strictQueryDto.requirements" :options="requirementOptions" />
    </div>
    <div class="mt-30 pam-tags">
    <div class="pam-paragraph pam-tags">
      <div class="pb-10 mdTxt">顧問年資</div>
       <SingleSelectBtn :singleSelected.sync="strictQueryDto.seniority" :options="seniorityOptions"/>
    </div>
    <div class="rate-consultant mt-30">
    <div class="rate-consultant pam-paragraph">
      <div class="pb-10 mdTxt">保險顧問滿意度</div>
      <el-rate v-model="strictQueryDto.avgScore"
        :colors="elRateColors"
        class="rate">
      </el-rate>
    </div>
    <div class="mt-30">
    <div class="pam-paragraph">
      <div class="rec-popular">
        <div class="pb-10 mdTxt">熱門檢索</div>
        <div class="hint text--bold ml-10">可複選</div>
@@ -46,7 +46,7 @@
        :options="popularOptions"
        :nameOfOtherOption="'#其他'" :otherSelect.sync="strictQueryDto.otherPopularTags" />
    </div>
    <div class="rec-footer mt-30">
    <div class="rec-footer pam-paragraph">
      <el-button type="primary"
        :disabled="notFinishByRequireRules"
        @click="makePair">馬上配對</el-button>
@@ -111,6 +111,10 @@
      },
      {
        title:'子女教育',
        label:'子女教育',
      },
      {
        title:'資產規劃',
        label:'資產規劃',
      },
      {
@@ -122,8 +126,8 @@
        label:'保單健檢/規劃',
      },
      {
        title:'防疫保單相關',
        label:'防疫保單相關',
        title:'分紅保單相關',
        label:'分紅保單相關',
      },
    ];
    seniorityOptions=[
@@ -288,7 +292,6 @@
  .el-drawer__container ::-webkit-scrollbar {
    display: none;
  }

  .el-button+.el-button {
    margin-left: 0;
  }