|
@ -0,0 +1,292 @@ |
|
|
|
|
|
<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.employResume.headImage" 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.employSeek.address}}</view> |
|
|
|
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">所属行业:{{obj.employSeek.categoryOne}}</view> |
|
|
|
|
|
<view class="se-fs-24 se-c-text-third se-display-ib">所属工种:{{obj.employSeek.categoryTwo}}</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.employSeek.dayMoney}}元/天</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.employResume.name}}</text> |
|
|
|
|
|
<text class="se-fs-28 se-c-black se-fw5">民族:{{obj.employResume.nation}}</text> |
|
|
|
|
|
<text class="se-fs-28 se-c-black se-fw5">性别:{{obj.employResume.sex}}</text> |
|
|
|
|
|
<text class="se-fs-28 se-c-black se-fw5">年龄:{{obj.employResume.age}}</text> |
|
|
|
|
|
<text class="se-fs-28 se-c-black se-fw5">简介:{{obj.employResume.brief}}</text> |
|
|
|
|
|
<text class="se-fs-28 se-c-black se-fw5">地区:{{obj.employResume.address}}</text |
|
|
|
|
|
<text class="se-fs-24 se-c-text-third se-ml-40">师傅电话:{{obj.employResume.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.employResume.phone)"> |
|
|
|
|
|
复制 |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="se-mt-10"> |
|
|
|
|
|
<text class="se-fs-24 se-c-33">简历地址:{{obj.workAddress}}</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.workAddress)"> |
|
|
|
|
|
复制 |
|
|
|
|
|
</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">{{obj.employResume.brief}}</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.employSeek.selectGo}}</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" v-if="obj.employSeek.payType==0">提前支付</view> |
|
|
|
|
|
<view class="se-fs-24 se-display-ib" v-if="obj.employSeek.payType==1">试用后支付</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.employSeek.workDetail"></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 |
|
|
|
|
|
that.stepsIndex = response.result.status; |
|
|
|
|
|
}).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.jobPhone, |
|
|
|
|
|
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> |