From c99a662edbd0c23e5c88e8a1531f9b10af6539d8 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期五, 21 一月 2022 16:47:03 +0800
Subject: [PATCH] Fixed#134576 修正 [ 顧問管理流程 ] 未聯絡預約單資訊明細 : 應只顯示「傳送約訪通知」按鈕，目前畫面顯示結案、約訪紀錄、系統通知紀錄編輯
---
PAMapp/components/Ui/UiField.vue | 41 +++++++++++++++++++++++++++++------------
1 files changed, 29 insertions(+), 12 deletions(-)
diff --git a/PAMapp/components/Ui/UiField.vue b/PAMapp/components/Ui/UiField.vue
index 1401592..dfa1512 100644
--- a/PAMapp/components/Ui/UiField.vue
+++ b/PAMapp/components/Ui/UiField.vue
@@ -3,7 +3,7 @@
v-if="fieldDisplayDevice === 'ALL'
|| fieldDisplayDevice === currentDevice">
<div class="pam-field__label">
- <div class="pam-field__title"><i :class="fieldIcon"></i>{{ fieldLabel }}</div>
+ <div class="pam-field__title" :style="{ 'font-size': fieldLabelSize }"><i :class="fieldIcon"></i>{{ fieldLabel }}</div>
</div>
<p class="pam-field__content">
<slot></slot>
@@ -19,13 +19,27 @@
@Component
export default class UiField extends Vue {
- @Prop() span!: number;
- @Prop() icon!: string;
- @Prop() label!: string;
- @Prop() content!: string;
- @Prop() displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL';
+ @Prop()
+ span!: number;
+
+ @Prop()
+ icon!: string;
+
+ @Prop()
+ label!: string;
+
+ @Prop()
+ content!: string;
+
+ @Prop()
+ labelSize?: number;
+
+ @Prop()
+ displayDevice!: 'MOBILE' | 'DESKTOP' | 'ALL';
currentDevice: 'MOBILE' | 'DESKTOP' = 'MOBILE';
+
+ //////////////////////////////////////////////////////////////////
mounted(): void {
this.currentDevice = UtilsService.isMobileDevice() ? 'MOBILE' : 'DESKTOP';
@@ -47,28 +61,31 @@
return this.displayDevice || 'ALL';
}
+ get fieldLabelSize(): string {
+ return (this.labelSize || 16) + 'px';
+ }
+
}
</script>
-
<style lang="scss" scoped>
.pam-field {
- display: flex;
+ display : flex;
flex-direction: column;
.pam-field__label {
- display: flex;
align-items: center;
+ display : flex;
.pam-icon {
font-size: 12px;
}
.pam-field__title {
- font-size: 16px;
- font-weight: bold;
- display: flex;
align-items: center;
+ display : flex;
+ font-weight: bold;
}
}
.pam-field__content {
+ display : flex;
padding-top: 10px;
}
}
--
Gitblit v1.8.0