From ac235850a9287dae6977c964213176fa7c86b140 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 09 十二月 2021 14:42:20 +0800
Subject: [PATCH] Merge branch 'refactor/separate-vue' of ssh://192.168.0.10:29418/pcalife/PAM into refactor/separate-vue

---
 PAMapp/components/Client/ClientCard.vue |   20 ++++++++++++++------
 1 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue
index 0110136..44a5316 100644
--- a/PAMapp/components/Client/ClientCard.vue
+++ b/PAMapp/components/Client/ClientCard.vue
@@ -7,10 +7,10 @@
             :class="{'new': !isView && isReserved}"
             @click.native="openDetail"
         >
-            <el-col :xs="1" :sm="1" class="unread" align="middle">
-                <div class="circle" v-if="isReserved && !isRead"></div>
+            <el-col :xs="1" :sm="1" class="unread" align="middle" v-if="isReserved">
+                <div class="circle" v-if="!isRead"></div>
             </el-col>
-            <el-col :xs="4" :sm="2" align="middle">
+            <el-col :xs="5" :sm="3" align="middle">
                 <el-avatar
                     :size="50"
                     src=""
@@ -20,9 +20,12 @@
                         <i class="icon-star pam-icon icon--yellow satisfaction"></i>
                         <span>{{client.satisfactionScore}}</span>
                     </template>
+                    <template v-else>
+                        <div class="unfilled">�憛急遛��漲</div>
+                    </template>
                 </div>
             </el-col>
-            <el-col :xs="15" :sm="15" class="pl-10">
+            <el-col :xs="14" :sm="14" class="pl-10">
                 <div class="smTxt_bold name">{{client.name}}</div>
                 <div class="message">������</div>
                 <div class="professionals">
@@ -60,7 +63,7 @@
             class="pam-myDemand-dialog"
         >
             <h5 class="subTitle text--center mb-30"
-            >{{isReserved ? '������' : '撌脰蝯∟���'}}</h5>
+            >{{isReserved ? '������' : '撌脰蝯∟���'}}</h5>
 
             <p v-if='isReserved'
                 class="smTxt text-right"
@@ -91,7 +94,7 @@
 </template>
 
 <script lang="ts">
-import { Vue, Component, Prop, Mutation, Action } from 'nuxt-property-decorator';
+import { Vue, Component, Prop, Action } from 'nuxt-property-decorator';
 import { isMobileDevice } from '~/assets/ts/device';
 import { ClientInfo, markAsContact, recordRead } from '~/assets/ts/api/appointment';
 
@@ -237,6 +240,11 @@
             font-size: 12px;
             font-weight: bold;
             margin-top: 5px;
+
+            .unfilled {
+                font-weight: lighter;
+                color: $MID_GREY;
+            }
         }
 
         .message {

--
Gitblit v1.8.0