134 lines
3.5 KiB
Vue
134 lines
3.5 KiB
Vue
|
<template>
|
|||
|
|
<view class="formbox">
|
|||
|
|
<homebar titlenav="消息"></homebar>
|
|||
|
|
<scroll-view :style="{height:`calc( 100vh - ${safeAreaInsetsTop}px)`}" scroll-y="true"
|
|||
|
|
refresher-enabled="true" :refresher-triggered='triggered' @refresherpulling="onPulling"
|
|||
|
|
@refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort">
|
|||
|
|
<view class="item_class" @click="todeil('/pages/work/deilorder')" v-for="(item,index) in list" :key="index">
|
|||
|
|
<view style="display: flex;justify-content: space-between">
|
|||
|
|
<view style="display: flex;">
|
|||
|
|
<view class="">
|
|||
|
|
<text style="font-weight: 600;">JAVA开发</text>
|
|||
|
|
<text style="margin:0 20rpx;">300/天</text>
|
|||
|
|
<text>日结</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<text v-if="item.type==1" style="color: greenyellow;">待接受</text>
|
|||
|
|
<text v-if="item.type==2" style="color: cornflowerblue;">已沟通</text>
|
|||
|
|
<text v-if="item.type==3" style="color: indigo;">已接受</text>
|
|||
|
|
<text v-if="item.type==4" style="color: #f9ae3d;">已完成</text>
|
|||
|
|
<text v-if="item.type==5" style="color: #f9ae3d;">已评价</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
招聘描述：xxxxxxxxxxxxxxx
|
|||
|
|
</view>
|
|||
|
|
<view style="display: flex;justify-content: space-between;align-items: center;">
|
|||
|
|
<view class="" style="display: flex;align-items: center;font-size: 12px;line-height: 30rpx;">
|
|||
|
|
<u-avatar :src="avatarsrc" size="30"></u-avatar>
|
|||
|
|
<view class="" style="margin-left: 20rpx;">
|
|||
|
|
<view>张先生</view>
|
|||
|
|
<view>公司名称</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="display: flex;" v-if="item.type==1">
|
|||
|
|
<u-button text="拒绝" size="mini" style="margin-left: 10rpx;"></u-button>
|
|||
|
|
<view class="" style="width: 20rpx;">
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<u-button text="接受" size="mini" type="success"></u-button>
|
|||
|
|
</view>
|
|||
|
|
<view style="display: flex;" v-if="item.type==2">
|
|||
|
|
<u-button text="申请邀约" color="cornflowerblue" size="mini"></u-button>
|
|||
|
|
</view>
|
|||
|
|
<view style="display: flex;" v-if="item.type==3">
|
|||
|
|
<u-button text="完成" size="mini" color="indigo"></u-button>
|
|||
|
|
</view>
|
|||
|
|
<view style="display: flex;" v-if="item.type==4">
|
|||
|
|
<u-button text="评价" size="mini" type="warning"></u-button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
<tabBar :value='1' :identity='0'></tabBar>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import tabBar from "@/components/tabbar.vue"
|
|||
|
|
import config from '@/config.js'
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
tabBar
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
triggered: false,
|
|||
|
|
safeAreaInsetsTop: 0,
|
|||
|
|
avatarsrc:'/static/nav.png',
|
|||
|
|
list:[
|
|||
|
|
{
|
|||
|
|
type:1,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type:2,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type:3,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type:4,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type:5,
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.safeAreaInsetsTop = uni.getSystemInfoSync().safeAreaInsets.top + 50 + 44;
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
todeil(url){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url:url
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getlist() {
|
|||
|
|
this.triggered = false
|
|||
|
|
},
|
|||
|
|
//下拉刷新
|
|||
|
|
onRefresh() {
|
|||
|
|
this.triggered = true
|
|||
|
|
this.getlist();
|
|||
|
|
},
|
|||
|
|
//开始结束下拉的函数
|
|||
|
|
onRestore() {
|
|||
|
|
this.triggered = 'restore'; // 关闭动画
|
|||
|
|
},
|
|||
|
|
//下拉过程的函数
|
|||
|
|
onPulling() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
onAbort() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.formbox {
|
|||
|
|
height: 100vh;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item_class {
|
|||
|
|
margin: 40rpx 20rpx;
|
|||
|
|
padding: 20rpx;
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
box-shadow: 0px 0px 8px rgba(38, 38, 38, 0.08);
|
|||
|
|
}
|
|||
|
|
</style>
|