From 9bdb95c9e34cef640534e5e5a1e2225a80442000 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期四, 09 六月 2022 15:48:15 +0800
Subject: [PATCH] TODO#139894 [ footer -最下方說明與保經代合作 ] 文案修改
---
PAMapp/pages/myAppointmentList/contactedList.vue | 36 +++++++++++++++++++++++++++++-------
1 files changed, 29 insertions(+), 7 deletions(-)
diff --git a/PAMapp/pages/myAppointmentList/contactedList.vue b/PAMapp/pages/myAppointmentList/contactedList.vue
index d842de8..5be7e6f 100644
--- a/PAMapp/pages/myAppointmentList/contactedList.vue
+++ b/PAMapp/pages/myAppointmentList/contactedList.vue
@@ -5,24 +5,26 @@
placeholder="隢撓���摮�"
class="mb-30 pam-clientReserved-input"
v-model="keyWord"
- @keyup.enter.native="search"
+ @input="search"
>
<i
slot="suffix"
class="icon-search search cursor--pointer"
- @click="search"
></i>
</el-input>
- <div class="mb-10">
- <a class="sort-indicator text--primary text--underline cursor--pointer" @click="changeSortType">
+ <div class="mb-10 sort-indicator-container">
+ <a class="sort-indicator cursor--pointer" @click="changeSortType">
{{ this.sortType === 'DESC' ? '�->���' : '���->�' }}
+ <i v-if="isSortType" class="icon-sort-add"></i>
+ <i v-else class="icon-sort-decrease"></i>
</a>
</div>
<ClientList
:clients="pageList"
:title="'contactedList'"
+ class="mt-10"
></ClientList>
<UiPagination
@@ -106,9 +108,13 @@
//////////////////////////////////////////////////////////////////////
search(): void {
- this.filterList = this.contactedList.filter(item => {
- return item?.name?.match(this.keyWord) || item?.requirement?.match(this.keyWord)
- })
+ if (this.keyWord) {
+ this.filterList = this.contactedList.filter(item => {
+ return item?.name?.match(this.keyWord) || item?.requirement?.match(this.keyWord)
+ })
+ } else {
+ this.filterList = this.contactedList;
+ }
}
changePage(pageList: Appointment[]): void {
@@ -123,5 +129,21 @@
}
}
+ get isSortType () :boolean {
+ return this.sortType === 'DESC';
+ }
+
}
</script>
+<style lang="scss" scoped>
+.sort-indicator-container{
+ margin-bottom: 20px;
+}
+.sort-indicator{
+ border-radius:30px;
+ border: 1px solid #D0D0CE;
+ background-color:#fff;
+ padding: 10px 20px;
+ color: #68737A;
+}
+</style>
--
Gitblit v1.8.0