保誠-保戶業務員媒合平台
Tomas
2021-11-26 9209e46a91f6a255ddfb1dc1db3a02dd2b349663
PAMapp/components/careerSelect.vue
@@ -14,28 +14,28 @@
        <div class="pam-career">
          <div class="subTitle">職業</div>
          <el-radio-group class="pam-single__select--col" v-model="career" @change="handleChange">
            <el-radio-button v-for="(career,index) in options"
              :key="index"
            <el-radio-button v-for="(career,index) in options"
              :key="index"
              :label="career.label">
              {{career.title}}
            </el-radio-button>
          </el-radio-group>
          <div class="mt-10" v-if="career === '其他'">
            <input class="pam-career__other-input"
            <input class="pam-career__other-input"
              :class="{'warning':!career_Other}"
              v-model="career_Other" >
              v-model="career_Other" >
          </div>
          <el-button type="primary"
          <el-button type="primary"
            class="pam-career__confirm"
            :disabled="isCareerVerifyFailed"
            :disabled="isCareerVerifyFailed"
            @click="patchCareer">
              確定
          </el-button>
        </div>
      </PopUpFrame>
  </div>
</template>
<script lang="ts">
@@ -43,7 +43,7 @@
  import * as _ from 'lodash';
  @Component
  export default class CareerSelect extends Vue {
    @PropSync('careerSelect',{ type: String, default :''}) syncCareerSelect :string;
    @PropSync('careerSelect',{ type: String, default :''}) syncCareerSelect! :string;
    showJobDrawer = false;
    career='';
    career_Other='';
@@ -62,7 +62,7 @@
      }
    ];
    get isCareerVerifyFailed():boolean{
      return !this.career || (_.isEqual(this.career,'其他')&&!this.career_Other) ;
      return !this.career || (_.isEqual(this.career,'其他')&&!this.career_Other) ;
    }
    handleChange(event:any):void{
      if(event !== '其他'){
@@ -83,7 +83,7 @@
          this.career = '其他';
          this.career_Other = this.syncCareerSelect;
        }
      }
      }
    }
    patchCareer():boolean {
@@ -146,4 +146,4 @@
    margin-top: 30px;
  }
</style>
</style>