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.
164 lines
3.8 KiB
164 lines
3.8 KiB
<template>
|
|
<view>
|
|
<u-sticky bgColor="#ff7a31">
|
|
<u-tabs :list="nav" :current="current" lineColor="#ffffff" :activeStyle="{
|
|
color: '#ffffff',
|
|
transform: 'scale(1.05)'
|
|
}" :inactiveStyle="{
|
|
color: '#f5f5f5',
|
|
transform: 'scale(1)'
|
|
}" :scrollable="true" itemStyle="padding-left: 60rpx; padding-right: 60rpx;font-size:22rpx; height: 100rpx;"
|
|
@click="tabClick"></u-tabs>
|
|
</u-sticky>
|
|
<view class="se-p-40">
|
|
<view class="se-px-40 se-mb-30 se-py-30 se-bgc-white se-br-40 se-bs-b"
|
|
@click="onOrderDetail(item)"
|
|
v-for="(item,indexs) in list"
|
|
:key="indexs">
|
|
<view class="se-flex se-flex-h-sb se-fw-6 se-fs-32 se-pb-20">
|
|
<view class="se-flex">
|
|
<text>{{ item.title }}</text>
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="se-c-red">
|
|
{{ item.status_dictText }}
|
|
</view>
|
|
</view>
|
|
<view class="se-flex se-bgc-f5 se-br-20">
|
|
<view class="se-w-160 se-h-160">
|
|
<image class="se-w-160 se-h-160 se-br-10" :src="item.jobHeadImg"
|
|
mode=""></image>
|
|
</view>
|
|
<view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs">
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">师傅姓名: {{ item.jobName }}</view>
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">接单时间: {{ item.createTime }}</view>
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">联系电话: {{ item.jobPhone }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="se-flex se-flex-h-sb se-w-p-100 se-pt-20">
|
|
<view class="se-fs-24 se-display-ib">
|
|
<text class="se-c-black">总价格：</text>
|
|
<text class="se-c-orange se-fs-30 se-fw-6"><text class="se-fs-24">￥</text>{{ item.jobMoney }}</text>
|
|
</view>
|
|
<view
|
|
class="se-display-ib se-px-20 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-fs-24 se-c-66 se-b">
|
|
<text>联系客服</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-empty v-if="list && list.length==0" mode="list"></u-empty>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
bossOrderList
|
|
} from "@/common/api.js"
|
|
export default {
|
|
components: {
|
|
|
|
},
|
|
data() {
|
|
return {
|
|
current: 0,
|
|
nav: [
|
|
{
|
|
name: '全部',
|
|
index: null
|
|
},
|
|
{
|
|
name: '待聘用',
|
|
index: 0
|
|
},
|
|
{
|
|
name: '进行中',
|
|
index: 1
|
|
},
|
|
{
|
|
name: '试工完成',
|
|
index: 2
|
|
},
|
|
{
|
|
name: '企业确认',
|
|
index: 3
|
|
},
|
|
{
|
|
name: '已支付',
|
|
index: 4
|
|
},
|
|
{
|
|
name: '已完成',
|
|
index: 5
|
|
},
|
|
{
|
|
name: '已取消',
|
|
index: 6
|
|
}
|
|
],
|
|
list: [],
|
|
orderStatus: null,
|
|
pageNo: 1,
|
|
pageSize: 20,
|
|
}
|
|
},
|
|
mounted() {
|
|
this.onOrder()
|
|
},
|
|
methods: {
|
|
onReach() {
|
|
this.pageNo = this.pageNo + 1
|
|
this.onOrder()
|
|
},
|
|
onRefresh() {
|
|
this.list = []
|
|
this.pageNo = 1
|
|
this.onOrder()
|
|
},
|
|
onOrder() {
|
|
let that = this;
|
|
let params = {
|
|
role: 1,
|
|
status: that.orderStatus,
|
|
pageNo: that.pageNo,
|
|
pageSize: that.pageSize
|
|
}
|
|
bossOrderList(params).then(response => {
|
|
if (this.pageNo == 1) {
|
|
this.list = response.result.records
|
|
} else {
|
|
this.list = this.list.concat(response.result.records)
|
|
}
|
|
}).catch(error => {
|
|
|
|
})
|
|
},
|
|
tabClick(event) {
|
|
this.list = []
|
|
this.pageNo = 1
|
|
this.current = event.index
|
|
this.orderStatus = this.nav[event.index].index
|
|
this.onOrder()
|
|
},
|
|
onOrderDetail(event) {
|
|
uni.navigateTo({
|
|
url: "/pages_subpack/job-order-detail/index?orderId=" + event.id
|
|
})
|
|
},
|
|
callPhone(event) {
|
|
uni.makePhoneCall({
|
|
phoneNumber: event.phone,
|
|
success: () => {
|
|
console.log("拨打成功");
|
|
},
|
|
fail: (err) => {
|
|
console.error("拨打失败", err);
|
|
},
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|