You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
2.5 KiB
128 lines
2.5 KiB
<template>
|
|
<view class="content">
|
|
|
|
<view class="ilst">
|
|
<view v-for="e in lst">
|
|
<view class="item">
|
|
<view class="flex-sb" style="line-height: 90rpx;font-size: 30rpx;">
|
|
<view>{{ e.name }}</view>
|
|
<view style="color: #ccc;font-size: 26rpx;">{{ $timeUtils.formatTime(e.create_time) }}</view>
|
|
</view>
|
|
<view style="line-height: 42rpx;font-size: 28rpx;color: #666;padding-bottom: 30rpx;">
|
|
您推荐的<span>司机</span>
|
|
平台正在联系中。感谢你的信任，如有合作将为您提供丰厚奖励。
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="re-empty" v-if="lst.length<1">
|
|
<view>暂无数据</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="re-end-pand b-fiexd">
|
|
<button @click="clickSell()">我要推荐</button>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
lst: []
|
|
}
|
|
},
|
|
onShow() {
|
|
this.loadList()
|
|
},
|
|
methods: {
|
|
clickSell(){
|
|
uni.navigateTo({ url: '/pages/staff/driver' })
|
|
},
|
|
loadList(){
|
|
uni.showLoading({})
|
|
this.$httpGet("/api/sells/list2", this.form, (res) => {
|
|
uni.hideLoading({})
|
|
console.log('[/sells/list]', res);
|
|
if(res.data){
|
|
this.lst = this.$utils.toArray(res.data)
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
background-color: #f5f5f5 !important;
|
|
}
|
|
|
|
.ilst{
|
|
margin: 32rpx auto 0rpx; width: calc(100vw - 64rpx); margin-bottom: 168rpx;
|
|
position: relative;
|
|
min-height: 60vh;
|
|
}
|
|
|
|
.head{
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
padding: 0 40rpx;
|
|
background-color: #fff;
|
|
}
|
|
.item{
|
|
margin-bottom: 32rpx;
|
|
padding: 0 24rpx;
|
|
background-color: #FFF;
|
|
width: calc(100vw - 112rpx);
|
|
min-height: 200rpx;
|
|
border-radius: 24rpx;
|
|
}
|
|
.item-card{
|
|
width: calc(100vw - 60rpx);
|
|
height: calc(236rpx - 60rpx);
|
|
background: #ffffff;
|
|
padding: 30rpx;
|
|
|
|
font-size: 24rpx;
|
|
line-height: 42rpx;
|
|
color: #333333;
|
|
}
|
|
.item-button{
|
|
position: absolute;
|
|
left: 533rpx;
|
|
top: 134.42rpx;
|
|
width: 182rpx;
|
|
height: 52rpx;
|
|
line-height: 52rpx;
|
|
border-radius: 8rpx;
|
|
opacity: 1;
|
|
|
|
box-sizing: border-box;
|
|
border: 2rpx solid #F70303;
|
|
|
|
font-size: 28rpx;
|
|
font-weight: normal;
|
|
|
|
text-align: center;
|
|
letter-spacing: 0px;
|
|
color: #F70303;
|
|
}
|
|
.b-fiexd{
|
|
min-height: 88rpx;
|
|
width: calc(100vw);
|
|
padding: 30rpx 0;
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
box-shadow: -20rpx 10rpx 10rpx #000;
|
|
background-color: #ffffff;
|
|
}
|
|
.re-end-pand button{
|
|
background-color: transparent;
|
|
border: 2rpx solid #F40000 !important;
|
|
color: #F40000;
|
|
font-size: 32rpx;
|
|
}
|
|
</style>
|