From a3716f72066d25d745f4d5103ff23a553c3e102b Mon Sep 17 00:00:00 2001
From: wayne <wayne8692wayne8692@gmail.com>
Date: 星期四, 17 二月 2022 11:41:19 +0800
Subject: [PATCH] Merge branch 'sit' into uat
---
PAMapp/pages/recommendConsultant/result.vue | 95 +++++++++++++++++++++++++++++++++++++++++------
1 files changed, 83 insertions(+), 12 deletions(-)
diff --git a/PAMapp/pages/recommendConsultant/result.vue b/PAMapp/pages/recommendConsultant/result.vue
index 0c06be1..1bbf19f 100644
--- a/PAMapp/pages/recommendConsultant/result.vue
+++ b/PAMapp/pages/recommendConsultant/result.vue
@@ -4,9 +4,25 @@
<ul class="pam-rec-agent__list">
<li class="pam-rec-agent-card" v-for="(info,index) in pageList" :key="index">
<div class="pam-rec-agent-card__content">
+
+ <div
+ class="pam-rec-agent-card-suitability"
+ :class="{
+ 'match--level1': info.suitability === 100,
+ 'match--level2': 50 < info.suitability && info.suitability < 100,
+ 'match--level3': info.suitability < 51
+ }">
+ </div>
+
+ <div class="pam-rec-agent-card-suitability-text">
+ <div class="label">���漲</div>
+ <div class="value">{{info.suitability}}%</div>
+ </div>
<div class="pam-rec-agent-card__content-header">
<div class="pam-rec-agent-card__avatar">
- <UiAvatar :fileName="info.img" ></UiAvatar>
+ <UiAvatar
+ :agentNo="info.agentNo" >
+ </UiAvatar>
</div>
<div class="pam-rec-agent-card__main-info">
<div class="text--middle pt-10 rec-desktop-name">{{ info.name }}</div>
@@ -35,7 +51,7 @@
{{ info.seniority }}
</div>
</el-col>
- <el-col :span="12">
+ <el-col :span="12" v-if="!hideReviews">
<div class="field__label">
摰Ｘ皛踵�漲
</div>
@@ -60,7 +76,7 @@
<UiPagination
class="mb-30"
- :totalList="strictQueryList"
+ :totalList="strictResultList"
@changePage="changePage"
:pageSize = 6
></UiPagination>
@@ -81,35 +97,50 @@
</div>
</template>
<script lang="ts">
-import {Vue,Component, State, namespace, Action} from 'nuxt-property-decorator';
-import { AgentOfStrictQuery } from '~/assets/ts/api/consultant';
+import { AgentOfStrictQuery } from '~/shared/models/strict-query.model';
+import { hideReviews } from '~/shared/const/hide-reviews';
+import { Vue,Component, State, namespace, Action, Getter} from 'nuxt-property-decorator';
const localStorage = namespace('localStorage');
@Component
-export default class Reslut extends Vue{
- @State('strictQueryList') strictQueryList!: AgentOfStrictQuery[];
- @Action storeStrictQueryList!: (data: any) => Promise<number>;
- @localStorage.State recommendConsultantItem!: string;
+export default class Result extends Vue{
+ @State('strictQueryList')
+ strictQueryList!: AgentOfStrictQuery[];
+
+ @Action
+ storeStrictQueryList!: (data: any) => Promise<number>;
+
+ @Getter('strictResultList')
+ strictResultList!: AgentOfStrictQuery[];
+
+ @localStorage.State
+ recommendConsultantItem!: string;
pageList: any[] = [];
isVisiblePopUp = false;
- popUpTxt = '';
- mounted() {
+ popUpTxt = '撌脣�憿批��';
+ hideReviews = hideReviews;
+
+ //////////////////////////////////////////////////////////////////////
+ mounted(): void {
if (this.recommendConsultantItem && this.strictQueryList.length === 0) {
const strictQueryDto = JSON.parse(this.recommendConsultantItem);
this.storeStrictQueryList(strictQueryDto);
}
+
}
+ //////////////////////////////////////////////////////////////////////
changePage(pageList: any[]) {
this.pageList = pageList;
}
+
showAgentDetail(agentNo: string): void {
this.$router.push(`/agentInfo/${agentNo}`);
}
+
openPopUp(txt: string) {
- this.popUpTxt = txt;
this.isVisiblePopUp = true;
}
}
@@ -121,8 +152,48 @@
border-radius: 10px;
border: 1px solid $LIGHT_GREY;
padding: 20px 33px;
+ overflow: hidden;
.pam-rec-agent-card__content {
+ position: relative;
+ .pam-rec-agent-card-suitability{
+ left: -125px;
+ top: -108px;
+ width: 150px;
+ height: 150px;
+ transform: rotate(45deg);
+ position:absolute;
+ &.match--level3 {
+ background-color: #C3A787;
+ }
+ &.match--level2 {
+ background-color: #D0D0CE;
+ }
+ &.match--level1 {
+ background-color: #F2C75C;
+ }
+ }
+ .pam-rec-agent-card-suitability-text{
+ position: absolute;
+ left: -25px;
+ top: -10px;
+ z-index: 5;
+ line-height: 1.3;
+ .label {
+ font-size: 10px;
+ color: #68737A;
+ @include desktop {
+ display: none;
+ }
+ }
+ .value {
+ font-size: 12px;
+ color: #222222;
+ @include desktop {
+ padding-left: 8px;
+ }
+ }
+ }
.pam-rec-agent-card__content-header {
display: flex;
.pam-rec-agent-card__avatar {
--
Gitblit v1.8.0