|
|
@ -16,13 +16,42 @@ |
|
|
|
<view class="tagList"> |
|
|
|
<view :class="{act : i == item.index}" |
|
|
|
@click="clickTag(item, i)" v-for="(t, i) in item.tag" |
|
|
|
:key="t"> |
|
|
|
{{ t }} |
|
|
|
:key="t.id"> |
|
|
|
{{ t.name || t.adress }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<view class="label"> |
|
|
|
您的年龄 |
|
|
|
</view> |
|
|
|
<input placeholder="请输入年龄" |
|
|
|
type="number" |
|
|
|
v-model="form.age" /> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<view class="label"> |
|
|
|
您的性别 |
|
|
|
</view> |
|
|
|
<uv-radio-group v-model="form.sex"> |
|
|
|
<view class="price"> |
|
|
|
<uv-radio |
|
|
|
:customStyle="{margin: '8px'}" |
|
|
|
v-for="(item, index) in sexList" |
|
|
|
:key="index" |
|
|
|
iconSize="30rpx" |
|
|
|
size="40rpx" |
|
|
|
labelSize="26rpx" |
|
|
|
:label="item.name" |
|
|
|
:name="item.id"> |
|
|
|
</uv-radio> |
|
|
|
</view> |
|
|
|
</uv-radio-group> |
|
|
|
</view> |
|
|
|
|
|
|
|
<uv-textarea |
|
|
|
v-model="form.content" |
|
|
|
count |
|
|
@ -40,37 +69,53 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
list: [ |
|
|
|
{ |
|
|
|
title: '您希望从事的工种', |
|
|
|
tag: ['电工', '焊工', '叉车', '其他'], |
|
|
|
tag: [], |
|
|
|
index: 0, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '您希望从事的工作区域', |
|
|
|
tag: ['长沙'], |
|
|
|
tag: [], |
|
|
|
index: 0, |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: '您目前所属的年龄段', |
|
|
|
tag: ['18岁~35岁', '35岁~45岁', '45岁~50岁', '50岁以上'], |
|
|
|
title: '您希望从事的工作性质', |
|
|
|
tag: [], |
|
|
|
index: 0, |
|
|
|
}, |
|
|
|
], |
|
|
|
form : { |
|
|
|
sex : '男', |
|
|
|
}, |
|
|
|
sexList : [ |
|
|
|
{ |
|
|
|
title: '您希望从事的工作性质', |
|
|
|
tag: ['全职', '临时工', ], |
|
|
|
index: 0, |
|
|
|
name : '男', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name : '女', |
|
|
|
}, |
|
|
|
], |
|
|
|
form : {} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed : { |
|
|
|
...mapState(['natureList', 'jobTypeList', 'addressList']), |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
|
this.list[0].tag = this.jobTypeList |
|
|
|
this.list[1].tag = this.addressList |
|
|
|
this.list[2].tag = this.natureList |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
} |
|
|
|
clickTag(item, index){ |
|
|
|
item.index = index |
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
@ -110,6 +155,25 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.form-sheet-cell{ |
|
|
|
display: flex; |
|
|
|
background-color: #fff; |
|
|
|
padding: 20rpx; |
|
|
|
align-items: center; |
|
|
|
.label{ |
|
|
|
width: 160rpx; |
|
|
|
} |
|
|
|
input{ |
|
|
|
flex: 1; |
|
|
|
background-color: rgba($uni-color, 0.1); |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
} |
|
|
|
.right-icon{ |
|
|
|
margin-left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .uv-textarea{ |
|
|
|
background-color: rgba($uni-color, 0.1) !important; |
|
|
|
min-height: 400rpx; |
|
|
|