From b81b27ce3e7e9e7cda18bb6a621c34e84e7e2311 Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期一, 27 十二月 2021 12:27:55 +0800
Subject: [PATCH] [ Ref ] : refactor page : quickFilter , recommendConsultant , userReviews , userReviewsRecord and some related component
---
PAMapp/components/careerSelect.vue | 62 ++++++++++++++++++-------------
1 files changed, 36 insertions(+), 26 deletions(-)
diff --git a/PAMapp/components/careerSelect.vue b/PAMapp/components/careerSelect.vue
index 2a62078..b469af5 100644
--- a/PAMapp/components/careerSelect.vue
+++ b/PAMapp/components/careerSelect.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <div class="mdTxt pt-10 pb-10">�璆�</div>
+ <div class="mdTxt pt-10 pb-10">���璆�</div>
<div class="ques-career__select" @click="openPopUp">
<div class="ques-career__select-input">
<span v-if="!syncCareerSelect">隢���</span>
@@ -10,40 +10,43 @@
<i class="icon-down down-icon"></i>
</div>
</div>
- <PopUpFrame :isOpen.sync="showJobDrawer" drawerSize='60%'>
+ <PopUpFrame :isOpen.sync="showJobDrawer" :dialogWidth="'400px'">
<div class="pam-career">
- <div class="subTitle">�璆�</div>
+ <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"
+ <div class="mt-20 h-50 pam-career__other">
+ <input
+ v-if="career === '�隞�'"
+ 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 { Component , PropSync , Vue} from "vue-property-decorator";
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 +65,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 +86,7 @@
this.career = '�隞�';
this.career_Other = this.syncCareerSelect;
}
- }
+ }
}
patchCareer():boolean {
@@ -127,23 +130,30 @@
}
}
}
- .pam-career__other-input{
+ .h-50 {
height: 50px;
+ }
+ .pam-career__other {
width: 100%;
- border: 1px #CCCCCC solid;
- width: 300px;
- padding-left: 15px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- &.warning{
- border: 1px $PRIMARY_RED solid;
+ .pam-career__other-input {
+ height: 50px;
+ border: 1px #CCCCCC solid;
+ width: 100%;
+ padding-left: 15px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 10px;
+ &.warning{
+ border: 1px $PRIMARY_RED solid;
+ }
}
+
}
.pam-career__confirm{
width: 120px;
height: 50px;
- margin-top: 30px;
+ margin-top: 20px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0