| | |
| | | <span class="mdTxt">滿意度調查</span> |
| | | <span class="ml-10 text--prudential_grey smTxt_bold">共 {{mapUnReviewLogList.length}} 筆</span> |
| | | </div> |
| | | <div class="satisfaction-card" v-for="(item, index) in mapUnReviewLogList" :key="index"> |
| | | <div class="satisfaction-card-content"> |
| | | <UiAvatar :size="80" :agentNo="item.agentNo"></UiAvatar> |
| | | <div class="satisfaction-card-text">對於顧問 |
| | | <span class="text--primary text--bold">{{item.agentName}}</span> |
| | | 的整體服務,您給予幾顆星評價? |
| | | <template v-if="mapUnReviewLogList.length"> |
| | | <div class="satisfaction-card" v-for="(item, index) in mapUnReviewLogList" :key="index"> |
| | | <div class="satisfaction-card-content"> |
| | | <UiAvatar :size="80" :agentNo="item.agentNo"></UiAvatar> |
| | | <div class="satisfaction-card-text">對於顧問 |
| | | <span class="text--primary text--bold">{{item.agentName}}</span> |
| | | 的整體服務,您給予幾顆星評價? |
| | | </div> |
| | | </div> |
| | | <el-rate |
| | | v-model="item.satisfaction" |
| | | class="pam-satisfaction-rate mt-10 fix-chrome-click--issue" |
| | | @change="isBtnDisabled = false" |
| | | ></el-rate> |
| | | </div> |
| | | <el-rate |
| | | v-model="item.satisfaction" |
| | | class="pam-satisfaction-rate mt-10 fix-chrome-click--issue" |
| | | @change="isBtnDisabled = false" |
| | | ></el-rate> |
| | | </div> |
| | | <div class="text--center mt-30" v-if="mapUnReviewLogList.length"> |
| | | <el-button type="primary" :disabled="isBtnDisabled" @click="sent">送出</el-button> |
| | | </div> |
| | | <div class="text--center mt-30" v-if="mapUnReviewLogList.length"> |
| | | <el-button type="primary" :disabled="isBtnDisabled" @click="sent">送出</el-button> |
| | | </div> |
| | | </template> |
| | | <template v-else> |
| | | <div class="satisfaction-card"> |
| | | <div class="satisfaction-card-content"> |
| | | 目前暫無需要您填寫的滿意度調查 |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </div> |
| | | |
| | | <PopUpFrame :isOpen.sync="showConfirmPopup" |
| | |
| | | |
| | | @Watch('unReviewLogList') |
| | | onUnReviewLogListChange() { |
| | | if (this.unReviewLogList.length) { |
| | | this.mapUnReviewLogList = this.unReviewLogList.map(item => { |
| | | return { |
| | | ...item, |
| | | satisfaction: 0 |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | |
| | | /////////////////////////////////////////////////////// |