<template>
|
<view class="">
|
<scroll-view enable-flex="true">
|
<view class="list chuany-flex chuany-flex-direction chuany-align-center c-p-b-30">
|
<view class="content ">
|
<view class="bgblue c-p-18 chuany-flex chuany-justify-between chuany-font30">
|
<view class="chuany-flex chuany-flex-direction">
|
<text class=''>
|
{{$util.formatDate(detailItem.startTime)}}
|
</text>
|
</view>
|
<text>
|
招{{detailItem.worderCounted}}/{{detailItem.worderCount}}人
|
</text>
|
</view>
|
<view class="c-p-l-18 c-p-b-14 c-p-t-14 c-p-r-18 chuany-font34">
|
{{detailItem.orderName}}
|
</view>
|
<!-- <view class="chuany-flex c-p-l-18">
|
<up-tag class='c-p-r-14' :text="item" plain v-for="(item,index) in item.tags" :key="index">
|
</up-tag>
|
</view> -->
|
<view class="chuany-flex chuany-flex-direction">
|
<text class='c-p-l-18 c-p-b-14 c-p-r-18 text-69'>
|
日期：{{detailItem.wordStartTimeName}} 至 {{detailItem.wordEndTimeName}}
|
</text>
|
<text class='c-p-l-18 c-p-b-14 c-p-r-18 text-69'>
|
时间：{{detailItem.startTimeName}} 至 {{detailItem.endTimeName}}
|
</text>
|
</view>
|
<view class="chuany-flex chuany-flex-direction">
|
<text class='c-p-l-18 c-p-b-14 c-p-r-18 text-69'>
|
要求：{{detailItem.demand}}
|
</text>
|
<text class='c-p-l-18 c-p-b-14 c-p-r-18 text-69'>
|
地址：{{detailItem.worderAddress}}
|
</text>
|
</view>
|
<view class='chuany-flex chuany-justify-between c-p-l-18 c-p-r-18'>
|
<view class="redcla">
|
<text class="chuany-font40 chuany-text-bold">
|
{{detailItem.workPrice}}
|
</text>
|
<text class='chuany-font20'>
|
{{detailItem.workerType==0?'元/小时':'元/件'}}
|
</text>
|
</view>
|
<!-- <up-tag text="去抢活" type="warning" shape="circle"></up-tag> -->
|
<!-- <up-tag text="去抢活" type="warning" shape="circle"></up-tag> -->
|
</view>
|
</view>
|
</view>
|
<view class="coreshop-ff" v-if="detailItem.orderBidding&&detailItem.orderBidding.length>0">
|
<up-list>
|
<up-list-item v-for="(item,index) in detailItem.orderBidding" :key="item.id" @click.stop="toWorkDetail">
|
<up-cell :title="item.workerName" :border='false'>
|
<template #icon>
|
<up-avatar shape="square" size="35" :src="item.workerAvatar" @click='toWorkerDetail(item)'
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
<!-- <template #right-icon v-if="item.isSelected">
|
<up-button class="button-layout__item" text="查看" size="mini" type="primary" @click="toView(item)"></up-button>
|
</template> -->
|
<template #right-icon v-if="!item.isSelected">
|
<up-button class="button-layout__item" text="确认" size="mini" type="success"
|
@click="selectBtn(item)"></up-button>
|
</template>
|
</up-cell>
|
</up-list-item>
|
<!-- <up-list-item>
|
<up-cell title="李先生">
|
<template #icon>
|
<up-avatar shape="square" size="35" src="https://uview-plus.jiangruyi.com/album/2.jpg"
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
<template #right-icon>
|
<up-button class="button-layout__item" text="确认" size="mini" type="success"></up-button>
|
</template>
|
</up-cell>
|
</up-list-item>
|
<up-list-item>
|
<up-cell title="王先生">
|
<template #icon>
|
<up-avatar shape="square" size="35" src="https://uview-plus.jiangruyi.com/album/3.jpg"
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
<template #right-icon>
|
<up-button class="button-layout__item" text="确认" size="mini" type="success"></up-button>
|
</template>
|
</up-cell>
|
</up-list-item> -->
|
</up-list>
|
</view>
|
<view class="coreshop-ff" v-else>
|
<up-list>
|
<up-list-item>
|
<up-cell title="暂无投递" class="u-cell__title-text_wu" :border='false'>
|
<!-- <template #icon>
|
<up-avatar shape="square" size="35" src="https://uview-plus.jiangruyi.com/album/1.jpg"
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
</template>
|
<template #right-icon>
|
<up-button class="button-layout__item" text="查看" size="mini" type="primary"></up-button>
|
</template> -->
|
</up-cell>
|
</up-list-item>
|
</up-list>
|
</view>
|
</scroll-view>
|
|
</view>
|
</template>
|
|
<script setup>
|
import {
|
onLoad,
|
onShow,
|
onReachBottom
|
} from "@dcloudio/uni-app";
|
import {
|
reactive,
|
ref,
|
getCurrentInstance
|
} from 'vue';
|
const {
|
$upload,
|
$api,
|
$util,
|
$db
|
} = getCurrentInstance().appContext.config.globalProperties
|
const detailItem = ref({})
|
let orderIdVal = ref('')
|
onLoad((option) => {
|
let {
|
orderid
|
} = option
|
getOrder(orderid)
|
orderIdVal = orderid
|
console.log(option,'========orderid',orderid);
|
// detailItem.value = JSON.parse($db.get('detailItem'))
|
})
|
let state = reactive({
|
currentIdex: 0
|
})
|
|
const click = () => {
|
|
}
|
const change = (e) => {
|
state.currentIdex = e.index
|
}
|
const toView = (item) => {
|
uni.navigateTo({
|
url: `/pages/company/index?workerid=${item.WorkerUserId}&workname=${item.WorkerName}`
|
})
|
}
|
const toWorkerDetail = (item)=>{
|
$db.set('toudiItem',JSON.stringify(item))
|
uni.navigateTo({
|
url: `/pages/worker/worker?workerid=${item.workerUserId}`
|
})
|
}
|
const toWorkDetail = (e) => {
|
uni.navigateTo({
|
url: '/pages/order/worker'
|
})
|
}
|
const selectBtn = (item) => {
|
$api.saveQueRen({orderBiddingId:item.id}).then(res => {
|
if(res.code==1){
|
$util.showToast({
|
title: "确认成功！",
|
icon: "success"
|
})
|
getOrder(orderIdVal)
|
}
|
})
|
}
|
const getOrder=(orderid) =>{
|
$api.getOrder(orderid).then(res => {
|
if (res.code == 1) {
|
detailItem.value = res.data
|
}
|
})
|
}
|
</script>
|
|
<style lang='scss'>
|
.list {
|
background-color: #fff;
|
padding: 30rpx 30rpx 0 30rpx;
|
}
|
|
.content {
|
min-height: 380rpx;
|
width: 100%;
|
background-color: #fff;
|
border-radius: 20rpx;
|
/* margin: 30rpx 30rpx 0 30rpx; */
|
box-shadow: 0rpx 4rpx 12rpx 3rpx rgba(85, 85, 85, 0.10);
|
}
|
|
.bgblue {
|
background-color: #4e96f5;
|
border-radius: 20rpx 20rpx 0 0;
|
color: #fff;
|
}
|
|
.redcla {
|
color: #f05348;
|
}
|
|
.u-cell__title-text_wu {
|
text-align: center;
|
}
|
</style>
|
