| @ -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> | |||