Merge branch 'Phase3' into pollex-dev

wayne

2022-02-17 34b08e1c461f5e08675fcff95525956d7c4bef11

 PAMapp/components/multiSelectBtn.vue

@@ -25,8 +25,8 @@
</template>

<script lang="ts">
  import { Vue, Component, Prop, PropSync} from 'vue-property-decorator';
  import { OptionBtnDto } from './singleSelectBtn.vue';
  import { Vue, Component, Prop, PropSync, Watch} from 'vue-property-decorator';
import { OptionBtnDto } from '~/shared/models/optionBtnDto.model';

  @Component
  export default class MultiSelectBtn extends Vue {
@@ -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;