| | |
| | | <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"> |
| | |
| | | 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=''; |
| | |
| | | } |
| | | ]; |
| | | 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 !== '其他'){ |
| | |
| | | this.career = '其他'; |
| | | this.career_Other = this.syncCareerSelect; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | patchCareer():boolean { |
| | |
| | | margin-top: 30px; |
| | | } |
| | | |
| | | </style> |
| | | </style> |