From f34aa90e8f838a8ca09dfc1aec4fa13bbb04af1c Mon Sep 17 00:00:00 2001 From: 劉鈞霖 <benson@gmail.com> Date: 星期五, 19 十一月 2021 15:47:58 +0800 Subject: [PATCH] [ Update ] 修正 commit:bd9d8a6b0ed6204a9bb2708fe6a894f51cc52c94 資訊 i css 寫法錯誤 --- PAMapp/components/Client/ClientCard.vue | 28 ++++++++++++++++++++-------- 1 files changed, 20 insertions(+), 8 deletions(-) diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue index 2a2eef9..1fffe7c 100644 --- a/PAMapp/components/Client/ClientCard.vue +++ b/PAMapp/components/Client/ClientCard.vue @@ -5,7 +5,7 @@ <el-avatar :size="50" src="" - class="cursor--pointer" + class="cursor--pointer fix-chrome-click--issue" ></el-avatar> <!-- <div class="satisfaction"> <i class="icon-star pam-icon icon--yellow satisfaction"></i> @@ -30,7 +30,7 @@ </div> </el-col> <el-col class="flex-column contactInfo" :xs="5" :sm="6"> - <div class="smTxt_bold cursor--pointer" + <div class="smTxt_bold cursor--pointer fix-chrome-click--issue" :class="client.communicateStatus" >{{isReserved ? '撌脤���' : '撌脰蝯�'}} </div> @@ -42,6 +42,7 @@ <Ui-Dialog :isVisible.sync="isVisibleDialog" :width="width" + class="pam-myDemand-dialog" > <h5 class="subTitle text--center mb-30" >{{isReserved ? '������' : '撌脰蝯∟���'}}</h5> @@ -53,13 +54,12 @@ <p>�批嚗{gender}}</p> <p>撟湧翩嚗{client.age}}</p> <p>�璆哨�{client.job}}</p> - <p>��瘙�{client.requirement.replace(',', '��')}}</p> - <p v-for="(item, index) in hopeContactTime" :key="index">��蝯⊥�挾{{index + 1 | formatNumber}}嚗{item}}</p> + <p>��瘙�{client.requirement.split(',').join('��')}}</p> + <p v-for="(item, index) in hopeContactTime" :key="index">��蝯⊥�挾{{index + 1 | formatNumber}}嚗{ item | formatHopeContactTime}}</p> + </div> <div class="mt-30 text--center" v-if="isReserved"> <el-button @click="markAppointment">璅酉�撌脤��蝯�</el-button> </div> - - </div> </Ui-Dialog> </div> </template> @@ -76,6 +76,15 @@ const upperNumber = ['�', '銝�', '鈭�', '銝�', '���', '鈭�', '�', '銝�', '�', '銋�', '���'] return upperNumber[index]; } + }, + formatHopeContactTime(item: string): string { + if (item) { + const [hopeDay, hopeTime] = item.split('��'); + const day = hopeDay.split(',').length > 6 ? '銝����' : hopeDay; + const time = hopeTime.split(',').length > 3 ? '銝����' : hopeTime; + return `${day}��${time}`; + } + return ''; } } }) @@ -99,7 +108,7 @@ get hopeContactTime() { const contactList = this.client.hopeContactTime.split("'").map(item => item.slice(0, item.length)); - return contactList.filter(item => !!item) + return contactList.filter(item => !!item && item !== ",") } get time() { @@ -197,9 +206,12 @@ .dialogTxt { font-size: 20px; + overflow-y:scroll; + height:400px; } + .text-right { text-align: right; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0