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.
278 lines
9.3 KiB
278 lines
9.3 KiB
<template>
|
|
<view class="u-page">
|
|
<view class="se-px-20 se-pt-40 se-flex-v-c">
|
|
<template v-if="stepsIndex==0">
|
|
<view class="se-flex se-flex-h-c">
|
|
<image class="se-a-50" src="@/static/image/46524.png" mode=""></image>
|
|
<text class="se-c-orange se-fs-30 se-ml-10">订单待接单</text>
|
|
</view>
|
|
<text class="se-c-orange se-mt-20 se-fs-24">12：45：30有效</text>
|
|
</template>
|
|
<template v-if="stepsIndex==1">
|
|
<view class="se-flex se-flex-h-c">
|
|
<image class="se-a-50" src="@/static/image/46524.png" mode=""></image>
|
|
<text class="se-c-orange se-fs-30 se-ml-10">订单进行中</text>
|
|
</view>
|
|
<text class="se-c-orange se-mt-20 se-fs-24">12：45：30有效</text>
|
|
</template>
|
|
<template v-if="stepsIndex==2">
|
|
<view class="se-flex se-flex-h-c">
|
|
<image class="se-a-50" src="@/static/image/46525.png" mode=""></image>
|
|
<text class="se-c-orange se-fs-30 se-ml-10">试工完成</text>
|
|
</view>
|
|
<text class="se-c-orange se-mt-20 se-fs-24">12：45：30有效</text>
|
|
</template>
|
|
<template v-if="stepsIndex==3">
|
|
<view class="se-flex se-flex-h-c">
|
|
<image class="se-a-50" src="@/static/image/46525.png" mode=""></image>
|
|
<text class="se-c-orange se-fs-30 se-ml-10">企业待确认</text>
|
|
</view>
|
|
<text class="se-c-orange se-mt-20 se-fs-24">12：45：30有效</text>
|
|
</template>
|
|
<template v-if="stepsIndex==4">
|
|
<view class="se-flex se-flex-h-c">
|
|
<image class="se-a-50" src="@/static/image/46525.png" mode=""></image>
|
|
<text class="se-c-orange se-fs-30 se-ml-10">企业待支付</text>
|
|
</view>
|
|
<text class="se-c-orange se-mt-20 se-fs-24">12：45：30有效</text>
|
|
</template>
|
|
<template v-if="stepsIndex==5">
|
|
<view class="se-flex se-flex-h-c">
|
|
<image class="se-a-50" src="@/static/image/46525.png" mode=""></image>
|
|
<text class="se-c-orange se-fs-30 se-ml-10">订单已完成</text>
|
|
</view>
|
|
<text class="se-c-orange se-mt-20 se-fs-24">12：45：30有效</text>
|
|
</template>
|
|
</view>
|
|
<view class="se-px-20 se-py-40">
|
|
<u-steps activeColor="#FF7A31" :current="stepsIndex" dot>
|
|
<u-steps-item class="se-fs-22" v-for="(items,indexs) in stepsList" :key="indexs" :title="items.title">
|
|
<!-- <text class="se-fs-22" slot="title">{{items.title}}</text> -->
|
|
</u-steps-item>
|
|
</u-steps>
|
|
</view>
|
|
<view class="se-px-20">
|
|
<view class="se-px-220 se-pb-30 se-fs-20 se-flex se-flex-h-c">
|
|
<template v-if="stepsIndex==0">
|
|
<view @click="onCancel()"
|
|
class="se-mx-10 se-w-200 se-b se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-66 se-bgc-f5">
|
|
<text>取消</text>
|
|
</view>
|
|
</template>
|
|
<template v-if="stepsIndex==1">
|
|
<view @click="onSubmit()"
|
|
class="se-mx-10 se-w-200 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-white se-bgc-orange">
|
|
<text>确认</text>
|
|
</view>
|
|
<view @click="onCancel()"
|
|
class="se-mx-10 se-w-200 se-b se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-66 se-bgc-f5">
|
|
<text>取消</text>
|
|
</view>
|
|
</template>
|
|
<template v-if="stepsIndex==2">
|
|
<view @click="onService()"
|
|
class="se-mx-10 se-w-200 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-white se-bgc-orange">
|
|
<text>联系客服</text>
|
|
</view>
|
|
</template>
|
|
<template v-if="stepsIndex==3">
|
|
<view @click="onSubmit()"
|
|
class="se-mx-10 se-w-200 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-white se-bgc-orange">
|
|
<text>确认</text>
|
|
</view>
|
|
</template>
|
|
<template v-if="stepsIndex==4">
|
|
<view @click="onPay()"
|
|
class="se-mx-10 se-w-200 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-white se-bgc-orange">
|
|
<text>去支付</text>
|
|
</view>
|
|
</template>
|
|
<template v-if="stepsIndex==5">
|
|
<view @click="onDel()"
|
|
class="se-mx-10 se-w-200 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-white se-bgc-orange">
|
|
<text>删除</text>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
</view>
|
|
<view class="se-px-40 se-py-20">
|
|
<view class="se-flex se-flex-ai-c se-pb-10">
|
|
<view class="line-orange"></view>
|
|
<view class="se-ml-10 se-fs-32 se-c-black se-fw-6">
|
|
工作详情
|
|
</view>
|
|
</view>
|
|
<view class="se-flex se-flex-v-sa se-flex-ai-fs se-py-20">
|
|
<view class="se-flex">
|
|
<view class="se-w-160 se-h-160">
|
|
<image class="se-w-160 se-h-160 se-br-10" :src="obj.workPic" mode=""></image>
|
|
</view>
|
|
<view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs">
|
|
<view class="se-fw-6 se-c-black se-fs-30 se-display-ib">{{obj.title}}</view>
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">所属行业:{{obj.industryName}}</view>
|
|
<!-- <view class="se-fs-24 se-c-text-third se-display-ib">所属工种:{{obj.title}}</view> -->
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">工作时间:{{obj.workTime}}</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">薪资</view>
|
|
<view class="se-c-orange se-fs-32 se-fw-6 se-display-ib">{{obj.rateMoney}}元</view>
|
|
</view>
|
|
</view>
|
|
<u-line dashed></u-line>
|
|
<view class="se-py-10 se-pb-30">
|
|
<view class="se-mt-30">
|
|
<text class="se-fs-28 se-c-black se-fw5">姓名:{{obj.userName}}</text>
|
|
<text class="se-fs-24 se-c-text-third se-ml-40">联系方式:{{obj.phone}}</text>
|
|
<view class="se-bgc-orange se-c-white se-fs-20 se-display-ib se-px-10 se-py-5 se-br-10 se-ml-10" @click="copyText(obj.phone)">
|
|
复制
|
|
</view>
|
|
</view>
|
|
<view class="se-mt-10">
|
|
<text class="se-fs-24 se-c-33">工作地址:{{obj.workerAddress}}</text>
|
|
<view class="se-bgc-orange se-c-white se-fs-20 se-display-ib se-px-10 se-py-5 se-br-10 se-ml-10" @click="copyText(obj.workerAddress)">
|
|
复制
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-line dashed></u-line>
|
|
<view class="se-mt-20 se-pt-20 se-pb-30">
|
|
<view class="se-fw-6 se-fs-32 se-c-black">
|
|
订单信息
|
|
</view>
|
|
<view class="se-flex se-pt-30 se-flex-h-sb">
|
|
<view class="se-fs-24 se-display-ib">支付方式</view>
|
|
<view class="se-fs-24 se-display-ib">试用以后支付</view>
|
|
</view>
|
|
<view class="se-flex se-pt-30 se-flex-h-sb">
|
|
<view class="se-fs-24 se-display-ib">工作时间</view>
|
|
<view class="se-fs-24 se-display-ib">{{obj.workTime}}</view>
|
|
</view>
|
|
</view>
|
|
<u-line dashed></u-line>
|
|
<view class="se-mt-20 se-pt-20 se-pb-30">
|
|
<view class="se-fw-6 se-fs-32 se-c-black">
|
|
工作内容
|
|
</view>
|
|
<view class="se-fs-24 se-pt-20 se-pb-20 se-lh-40">
|
|
<u-parse :content="obj.detail"></u-parse>
|
|
</view>
|
|
</view>
|
|
<view class="se-px-220 se-pb-30 se-fs-20 se-flex se-flex-h-c">
|
|
<view @click="onService()"
|
|
class="se-mx-10 se-w-200 se-br-40 se-flex-h-c se-h-50 se-lh-50 se-ta-c se-fs-24 se-c-white se-bgc-orange">
|
|
<text>联系客服</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
orderDetail
|
|
} from "@/common/api.js"
|
|
export default{
|
|
data(){
|
|
return{
|
|
stepsIndex:1,
|
|
stepsList:[
|
|
{
|
|
title:"接单",
|
|
date:"10:21"
|
|
},
|
|
{
|
|
title:"进行",
|
|
date:"10:22"
|
|
},
|
|
{
|
|
title:"试工完成",
|
|
date:"10:23"
|
|
},
|
|
{
|
|
title:"企业确认",
|
|
date:"10:24"
|
|
},
|
|
{
|
|
title:"企业支付",
|
|
date:"10:25"
|
|
},
|
|
{
|
|
title:"企业完成",
|
|
date:"10:26"
|
|
}
|
|
],
|
|
detail:`<p>
|
|
1、全日制大专以上学历，艺术设计类相关专业;<br/>
|
|
2、两年以上平面、品牌、视觉设计等相关工作经验，能独立完成项目的设计工作，有 3C数码/个护健 康 类产品服务经验优先，有乙方工作经验佳;<br/>
|
|
3、具备一定的设计提案能力，能完整的呈现设计思路与创意，能清晰的表达设计逻辑与思考;<br/>
|
|
4、热爱设计，平面基本功扎实，拥有优良的审美与创意想法，对版式、色彩把控能力强;对工作富有责任心，具备团队沟通与协作能力;<br/>
|
|
5、精通 PS、AI、CDR 等平面设计软件，能独立完成日常平面设计工作内容，熟练使用 PPT/Keynote，能完成提案内容的材料美化工作。<br/>
|
|
</p>`,
|
|
obj:{}
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.orderId=options.orderId
|
|
this.onOrderDetail()
|
|
},
|
|
methods:{
|
|
onOrderDetail(){
|
|
let that = this
|
|
let params = {
|
|
orderId:that.orderId
|
|
}
|
|
orderDetail(params).then(response=>{
|
|
that.obj = response.result
|
|
}).catch(error=>{
|
|
|
|
})
|
|
},
|
|
copyText(event){
|
|
uni.setClipboardData({
|
|
data: event,
|
|
success: () => {
|
|
uni.showToast({
|
|
title: "复制成功",
|
|
icon: "none",
|
|
});
|
|
},
|
|
fail: (err) => {
|
|
console.error("复制失败", err);
|
|
},
|
|
})
|
|
},
|
|
onCancel(){
|
|
uni.navigateBack({
|
|
delta:1
|
|
})
|
|
},
|
|
onService(){
|
|
console.info(`联系客服`)
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.obj.phone,
|
|
success: () => {
|
|
console.log("拨打成功");
|
|
},
|
|
fail: (err) => {
|
|
console.error("拨打失败", err);
|
|
},
|
|
})
|
|
},
|
|
onsubmit(){
|
|
console.info(`确认`)
|
|
},
|
|
onPay(){
|
|
uni.navigateTo({
|
|
url:"/pages_subpack/pay/index"
|
|
})
|
|
},
|
|
onDel(){
|
|
console.info(`删除`)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
</style>
|