From 943b8dfc3fd82d76d46cde1834972270d4aa868a Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 12 一月 2022 16:06:40 +0800
Subject: [PATCH] update: 串接預約單流程(新增採訪紀錄, 結案頁面, 預約單列表細節)
---
PAMapp/components/Client/ClientCard.vue | 27 ++++++++++++++-------------
1 files changed, 14 insertions(+), 13 deletions(-)
diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue
index c140e28..6d7e821 100644
--- a/PAMapp/components/Client/ClientCard.vue
+++ b/PAMapp/components/Client/ClientCard.vue
@@ -6,7 +6,7 @@
class="rowStyle cursor--pointer"
justify="space-between"
:class="{'new': newAppointment }"
- @click.native="openDetail"
+ @click.native="viewDetail"
>
<div class="test">
<div class="unread" v-if="isReserved">
@@ -29,13 +29,9 @@
>(摰Ｘ�����瘙�)</span>
</template>
</div>
- <div class="unread" style="display:flex">
- <div class="circle"></div>
- <div class="line"></div>
- <div class="circle"></div>
- <div class="line"></div>
- <div class="circle"></div>
- </div>
+ <AppointmentProgress
+ :currentStep="'contacted'"
+ ></AppointmentProgress>
</div>
</div>
<!-- <el-col :xs="5" :sm="3" align="middle">
@@ -53,7 +49,7 @@
</template>
</div>
</el-col> -->
-
+
<div class="flex-column contactInfo" :xs="4" :sm="6">
<!-- <div
class="smTxt_bold fix-chrome-click--issue"
@@ -206,6 +202,12 @@
this.memo = this.memoInfo.content;
}
+ //////////////////////////////////////////////////////////////////////
+
+ viewDetail(): void {
+ this.$router.push(`/appointment/${this.client.id}`);
+ }
+
get newAppointment(): boolean {
return !this.client.consultantViewTime
&& this.client.communicateStatus === 'reserved';
@@ -353,7 +355,7 @@
margin-bottom: 10px;
display: flex;
justify-content: space-between;
-
+
transition: background-color 0.5s;
&.new {
border-left: solid 4px $YELLOW;
@@ -367,7 +369,7 @@
.circle {
width: 10px;
height: 10px;
- border-radius: 50px;
+ border-radius: 50%;
background-color: $PRIMARY_RED;
margin: auto;
}
@@ -387,7 +389,6 @@
text-overflow: ellipsis;
.professionalsTxt {
font-size: 12px;
- font-weight: bold;
margin-right: 5px;
}
.noProfessionalsTxt {
@@ -445,6 +446,6 @@
height: 4px;
width: 10px;
background-color: $PRUDENTIAL_GREY;
-
+
}
</style>
--
Gitblit v1.8.0