@ -0,0 +1,114 @@ | |||
<template> | |||
<!-- 记工记账 --> | |||
<view class="page"> | |||
<navbar title="记工记账" leftClick @leftClick="$utils.navigateBack" /> | |||
<view style="font-weight: 500; margin-top: 20rpx;"> | |||
<uv-tabs :list="tabsSatus" lineWidth="0" | |||
lineHeight="0" | |||
:scrollable="false" | |||
activeStyle="color: #3796F8;"></uv-tabs> | |||
</view> | |||
<view class="page-two"> | |||
<view class="cell" style="margin-top: 40rpx;"> | |||
<uv-cell v-for="(item,index) in list" | |||
:label="item.billDate" | |||
title="佣金收入" | |||
:value="item.amount"></uv-cell> | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
import mixinList from '@/mixins/list.js' | |||
export default { | |||
mixins : [mixinList], | |||
data() { | |||
return { | |||
mixinsListApi : 'commonQueryBill', | |||
apiType : '', | |||
tabsSatus : [ | |||
{ | |||
name: '记账', | |||
}, | |||
{ | |||
name: '记工', | |||
}, | |||
], | |||
} | |||
}, | |||
onLoad({apiType}) { | |||
this.apiType = apiType | |||
this.mixinsListApi += apiType || '' | |||
}, | |||
onShow() {}, | |||
methods: { | |||
} | |||
} | |||
</script> | |||
<style scoped lang="less"> | |||
.page { | |||
background-color: #fff; | |||
.page-two { | |||
width: 90%; | |||
margin-left: 5%; | |||
.wire { | |||
border-bottom: 4rpx dashed rgb(168, 197, 255); | |||
} | |||
.option { | |||
padding: 40rpx 40rpx 40rpx 0rpx; | |||
.select { | |||
background-color: #EBF0FC; | |||
padding: 15rpx 20rpx; | |||
border: none; | |||
color: #4280FD; | |||
} | |||
} | |||
.select-date { | |||
padding: 30rpx 0; | |||
.select { | |||
padding: 15rpx 0rpx; | |||
border: none; | |||
color: #4280FD; | |||
} | |||
} | |||
.card { | |||
display: flex; | |||
justify-content: space-around; | |||
align-items: center; | |||
background-color: #F2F5FD; | |||
.card-one, | |||
.card-two { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
height: 150rpx; | |||
width: 50%; | |||
font-size: 28rpx; | |||
line-height: 40rpx; | |||
} | |||
image { | |||
height: 50rpx; | |||
width: 50rpx; | |||
margin-right: 20rpx; | |||
} | |||
} | |||
} | |||
} | |||
</style> |
@ -0,0 +1,230 @@ | |||
<template> | |||
<view class="page"> | |||
<navbar title="发布招工" leftClick @leftClick="$utils.navigateBack" /> | |||
<view class="form"> | |||
<view class="help-issue"> | |||
<text>招工标题</text> | |||
<text style="color: #BD3624;">*</text> | |||
</view> | |||
<view class="form-sheet-cell"> | |||
<input type="text" class="title-input"/> | |||
</view> | |||
<uv-cell | |||
title="工作地点" | |||
rightIconStyle="fontSize: 30rpx;" | |||
value="请选择招工地点" | |||
isLink | |||
></uv-cell> | |||
<uv-cell | |||
title="所属工种" | |||
rightIconStyle="fontSize: 30rpx;" | |||
value="请选择所属工种" | |||
isLink | |||
></uv-cell> | |||
<!-- <view class="form-sheet-cell"> | |||
<view class="label"> | |||
工作地点 | |||
</view> | |||
<view> | |||
请选择招工地点 | |||
</view> | |||
<view class="right-icon"> | |||
<uv-icon | |||
name="arrow-right" | |||
></uv-icon> | |||
</view> | |||
</view> | |||
<view class="form-sheet-cell"> | |||
<view class="label"> | |||
学历要求 | |||
</view> | |||
<view> | |||
请选择学历要求 | |||
</view> | |||
<view class="right-icon"> | |||
<uv-icon | |||
name="arrow-right" | |||
></uv-icon> | |||
</view> | |||
</view> | |||
<view class="form-sheet-cell"> | |||
<view class="label"> | |||
工龄要求 | |||
</view> | |||
<view> | |||
请选择工龄要求 | |||
</view> | |||
<view class="right-icon"> | |||
<uv-icon | |||
name="arrow-right" | |||
></uv-icon> | |||
</view> | |||
</view> | |||
<view class="form-sheet-cell"> | |||
<view class="label"> | |||
所属工种 | |||
</view> | |||
<view> | |||
请选择工种 | |||
</view> | |||
<view class="right-icon"> | |||
<uv-icon | |||
name="arrow-right" | |||
></uv-icon> | |||
</view> | |||
</view> --> | |||
<view class="form-sheet-cell"> | |||
<view class="label"> | |||
薪资范围 | |||
</view> | |||
<view class="price"> | |||
<input placeholder="最小值" v-model="form.min" /> | |||
~ | |||
<input placeholder="最大值" v-model="form.max" /> | |||
</view> | |||
</view> | |||
<view class="form-sheet-cell"> | |||
<view class="label"> | |||
结算方式 | |||
</view> | |||
<uv-radio-group v-model="radiovalue"> | |||
<view class="price"> | |||
<uv-radio | |||
:customStyle="{margin: '8px'}" | |||
v-for="(item, index) in radiolist" | |||
:key="index" | |||
iconSize="30rpx" | |||
size="40rpx" | |||
labelSize="26rpx" | |||
:label="item.name" | |||
:name="item.name"> | |||
</uv-radio> | |||
</view> | |||
</uv-radio-group> | |||
</view> | |||
<view class="form-sheet-cell"> | |||
<view class="label"> | |||
工作性质 | |||
</view> | |||
<uv-radio-group v-model="radiovalue"> | |||
<view class="price"> | |||
<uv-radio | |||
:customStyle="{margin: '8px'}" | |||
v-for="(item, index) in radiolist" | |||
:key="index" | |||
iconSize="30rpx" | |||
size="40rpx" | |||
labelSize="26rpx" | |||
:label="item.name" | |||
:name="item.name"> | |||
</uv-radio> | |||
</view> | |||
</uv-radio-group> | |||
</view> | |||
<view class="form-sheet-cell"> | |||
<view class="label"> | |||
联系电话 | |||
</view> | |||
<input placeholder="请输入联系电话" v-model="form.phone" /> | |||
</view> | |||
<view class=""> | |||
<uv-textarea | |||
v-model="form.content" | |||
count | |||
:maxlength="300" | |||
autoHeight | |||
placeholder="请输入详细介绍"></uv-textarea> | |||
</view> | |||
<view class="btn"> | |||
发布 | |||
</view> | |||
</view> | |||
</view> | |||
</template> | |||
<script> | |||
export default { | |||
data() { | |||
return { | |||
form : { | |||
}, | |||
radiovalue : '', | |||
radiolist : [ | |||
{ | |||
name : '日结', | |||
}, | |||
{ | |||
name : '月结', | |||
}, | |||
], | |||
} | |||
}, | |||
methods: { | |||
} | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.page{ | |||
background-color: #fff; | |||
min-height: 100vh; | |||
box-sizing: border-box; | |||
color: #333333; | |||
font-size: 28rpx; | |||
/deep/ text{ | |||
font-size: 28rpx !important; | |||
} | |||
.form{ | |||
padding: 30rpx; | |||
.help-issue { | |||
margin: 20rpx; | |||
} | |||
.title-input{ | |||
border: 1px solid $uni-color; | |||
width: 100%; | |||
border-radius: 10rpx; | |||
padding: 10rpx 20rpx; | |||
box-sizing: border-box; | |||
height: 65rpx; | |||
} | |||
.form-sheet-cell{ | |||
display: flex; | |||
background-color: #fff; | |||
padding: 20rpx 30rpx; | |||
align-items: center; | |||
.label{ | |||
width: 160rpx; | |||
} | |||
.price{ | |||
display: flex; | |||
text-align: center; | |||
input{ | |||
width: 150rpx; | |||
border: 1px solid $uni-color; | |||
margin: 0 10rpx; | |||
} | |||
} | |||
.right-icon{ | |||
margin-left: auto; | |||
} | |||
} | |||
.btn{ | |||
border-radius: 40rpx; | |||
padding: 20rpx; | |||
margin: 40rpx; | |||
background: $uni-color; | |||
color: #fff; | |||
text-align: center; | |||
font-size: 28rpx; | |||
} | |||
} | |||
} | |||
</style> |