<template>
|
<div class="pam-rec-consultant-page">
|
<div class="pb-10 mdTxt">顧問性別</div>
|
<SingleSelectBtn :singleSelected.sync="strictQueryDto.gender" :options="genderOptions"/>
|
<div class="pam-paragraph">
|
<div class="pb-10 mdTxt required">顧問所在地區</div>
|
<div class="job-pick cursor--pointer"
|
@click="showAddress = true">
|
<input class="text--middle input cursor--pointer pl-10"
|
:value="strictQueryDto.area"
|
placeholder="請選擇">
|
<i class="icon-down down-icon"></i>
|
</div>
|
<PopUpFrame :isOpen.sync="showAddress"
|
:drawerSize="'65%'">
|
<AddressPicker
|
@confirm="confirmAddress" />
|
</PopUpFrame>
|
</div>
|
<div class="pam-paragraph">
|
<div class="pb-10 mdTxt required">
|
想要詢問的問題
|
<span class="hint text--bold">
|
(可複選)
|
</span>
|
<i class="icon-information text--bold fix-chrome-click--issue" @click="showDialog = true"></i>
|
</div>
|
<MultiSelectBtn :mutiSelect.sync="strictQueryDto.requirements" :options="requirementOptions" class="rec-multi-select" />
|
</div>
|
<div class="pam-paragraph">
|
<div class="pb-10 mdTxt">顧問年資</div>
|
<SingleSelectBtn :singleSelected.sync="strictQueryDto.seniority" :options="seniorityOptions"/>
|
</div>
|
<div class="pam-paragraph">
|
<div class="pb-10 mdTxt">保險顧問滿意度</div>
|
<el-rate class="pam-consultant-rate" v-model="strictQueryDto.avgScore">
|
</el-rate>
|
</div>
|
<div class="pam-paragraph">
|
<div class="rec-popular">
|
<div class="pb-10 mdTxt">熱門檢索</div>
|
<div class="hint text--bold ml-10">(可複選)</div>
|
</div>
|
<div class="rec-pop-container">
|
<MultiSelectBtn :mutiSelect.sync="strictQueryDto.popularTags"
|
:options="popularOptions"
|
:nameOfOtherOption="'#其他'" :otherSelect.sync="strictQueryDto.otherPopularTags" class="rec-pop-options"/>
|
</div>
|
</div>
|
<div class="rec-footer pam-paragraph">
|
<el-button type="primary"
|
:disabled="notFinishByRequireRules"
|
@click="makePair">馬上配對</el-button>
|
</div>
|
|
<PopUpFrame :isOpen.sync="showDialog"
|
:drawerSize=" '95%' ">
|
<div class="qaTextTitle mdTxt">
|
<strong>想要詢問的問題</strong>
|
</div>
|
<div class="qa-dialog">
|
<div v-for="(qaText,index) in queaAboutList"
|
:key="index">
|
<div class="pt-10">
|
<p class=" p bold">{{qaText.title}}</p>
|
<p class="p">{{qaText.content}}</p>
|
</div>
|
</div>
|
</div>
|
<div class="text--center mdTxt mt-30 mb-30">
|
<el-button type="primary" @click="showDialog = false">我知道了</el-button>
|
</div>
|
</PopUpFrame>
|
|
<PopUpFrame :isOpen.sync="isVisiblePopUp">
|
<div class="text--center mdTxt">
|
<p class="mb-50">尚無推薦資料</p>
|
<div class="text--center mdTxt">
|
<el-button type="primary" @click="isVisiblePopUp = false">我知道了</el-button>
|
</div>
|
</div>
|
</PopUpFrame>
|
</div>
|
</template>
|
|
<script src="./recommend-consultant.component.ts"></script>
|
|
<style lang="scss">
|
@import "./recommend-consultant.component.scss";
|
</style>
|
