From 9b3a210c3635575c4c2771ca36dfb024c83efe14 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期二, 19 四月 2022 15:22:58 +0800
Subject: [PATCH] Fixed#138078 顧問管理流程 - 客戶預約資訊 => Email不要有底線
---
PAMapp/components/multiSelectBtn.vue | 15 +++++++++++++--
1 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/PAMapp/components/multiSelectBtn.vue b/PAMapp/components/multiSelectBtn.vue
index d7d5fe4..707a96f 100644
--- a/PAMapp/components/multiSelectBtn.vue
+++ b/PAMapp/components/multiSelectBtn.vue
@@ -25,7 +25,7 @@
</template>
<script lang="ts">
- import { Vue, Component, Prop, PropSync} from 'vue-property-decorator';
+ import { Vue, Component, Prop, PropSync, Watch} from 'vue-property-decorator';
import { OptionBtnDto } from '~/shared/models/optionBtnDto.model';
@Component
@@ -45,6 +45,17 @@
@Prop({type:String,default:''})
nameOfOtherOption!:string;
+
+ @Prop()
+ maxLength? : number;
+
+ @Watch('syncMutiSelect')
+ onMutiSelectChange(): void {
+ if (!this.maxLength) return;
+ if (this.syncMutiSelect.length > this.maxLength) {
+ this.syncMutiSelect.shift();
+ }
+ }
isSelectOtherOption=false;
isSelectAll=false;
@@ -77,7 +88,7 @@
<style lang="scss" scoped>
.pam-selectAll-btn{
- padding : 6px 20px;
+ padding : 10px 20px;
border : 1px $LIGHT_GREY solid;
background-color: $PRIMARY_WHITE;
border-radius : 30px;
--
Gitblit v1.8.0