From 2d43a1df3f5ba42710e6d21c27d1e13bdb8dfd56 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期一, 24 三月 2025 09:23:08 +0800
Subject: [PATCH] -
---
src/pages/detail/detail.vue | 168 ++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 133 insertions(+), 35 deletions(-)
diff --git a/src/pages/detail/detail.vue b/src/pages/detail/detail.vue
index 5307f52..7f1fbfc 100644
--- a/src/pages/detail/detail.vue
+++ b/src/pages/detail/detail.vue
@@ -1,7 +1,7 @@
<template>
<view class="list full-page">
<view class="content c-p-b-18">
- <view class="bgcolor c-p-24 chuany-flex chuany-justify-between chuany-font28 chuany-text-bold">
+ <!-- <view class="bgcolor c-p-24 chuany-flex chuany-justify-between chuany-font28 chuany-text-bold">
鎶ュ悕
<up-icon name="arrow-right-double" color='#faa93f'></up-icon>
纭鎺ュ崟
@@ -9,44 +9,74 @@
涓婁笅鐝墦鍗�
<up-icon name="arrow-right-double" color='#faa93f'></up-icon>
缁撶畻鎻愮幇
- </view>
+ </view> -->
<view class="chuany-flex chuany-justify-between">
- <view class="">
- <view class="c-p-18 chuany-font44 chuany-text-bold">
- 涓存椂宸�
+ <view class="chuany-width100">
+ <view
+ class="chuany-flex chuany-justify-between chuany-align-center chuany-width100 chuany-box c-p-18">
+ <view class="chuany-font32">
+ {{orderObj.orderName}}
+ </view>
+ <view>
+ {{orderObj.workerType==0?'璁℃椂':'璁′欢'}}
+ </view>
</view>
- <view class="chuany-flex chuany-flex-wrap">
+ <!-- <view class="chuany-flex chuany-flex-wrap">
<up-tag class='c-p-l-14 c-p-b-14' :text="item" plain v-for="(item,index) in tags"> </up-tag>
- </view>
+ </view> -->
<view class="redcla c-p-l-18 c-p-r-18">
- <text class="chuany-font40 chuany-text-bold">
- 17
+ <text class="chuany-font40">
+ {{orderObj.workPrice}}<template v-if="orderObj.workPriceMax">~{{orderObj.workPriceMax}}</template>
</text>
<text class='chuany-font20'>
- 鍏�/灏忔椂
+ {{orderObj.workerType==0?'鍏�/灏忔椂':'鍏�/浠�'}}
</text>
+ <!-- <text class="chuany-font40">
+ {{orderObj.workPrice}}
+ </text>
+ <text class='chuany-font20'>
+ {{orderObj.workerType==0?'鍏�/灏忔椂':'鍏�/浠�'}}
+ </text> -->
</view>
</view>
- <view class="chuany-flex chuany-flex-direction bossimg chuany-align-center">
+
+ <!-- <view class="chuany-flex chuany-flex-direction bossimg chuany-align-center">
<image class='imgwit' src="@/static/logo.png" mode="widthFix"></image>
<text class="chuany-font26">浣欒�佹澘</text>
- </view>
+ </view> -->
</view>
</view>
<view class="coreshop-bg-white c-m-t-18 c-p-18">
<view class="chuany-flex c-p-20">
<view class="chuany-width26">
+ <text class="colorgray ">浠诲姟鏃ユ湡</text>
+ </view>
+ <view class="chuany-flex chuany-flex-direction">
+ <text>{{$util.formatDate(orderObj.wordStartTime)}} 鑷�
+ {{$util.formatDate(orderObj.wordEndTime)}}</text>
+ </view>
+ </view>
+ <view class="chuany-flex c-p-l-20 c-p-r-20 c-p-b-20">
+ <view class="chuany-width26">
<text class="colorgray ">浠诲姟鏃堕棿</text>
</view>
- <text>鏄庡ぉ19:00-23:00</text>
- </view>
- <view class="chuany-flex c-p-l-18">
- <view class="chuany-width26">
- <text class="colorgray">宸茬粨鍗曟暟</text>
+ <!-- <view class="chuany-flex chuany-flex-direction">
+ <text>{{orderObj.startTimeName}} 鑷� {{orderObj.endTimeName}}</text>
+ </view> -->
+ <view class="chuany-flex chuany-flex-direction" v-if="orderObj.zixinganpai">
+ {{orderObj.zixinganpaiName}}
</view>
- <text>1/3</text>
+ <view class="" v-else>
+ {{orderObj.startTimeName}} 鑷� {{orderObj.endTimeName}}
+ </view>
</view>
- <view class="chuany-flex c-p-18">
+ <!-- <view class="chuany-flex c-p-l-18">
+ <view class="chuany-width26">
+ <text class="colorgray">宸叉嫑浜烘暟</text>
+ </view>
+ <text>{{orderObj.worderCounted}}/{{orderObj.worderCount}}</text>
+ </view> -->
+ <!-- <view class="chuany-flex c-p-18">
<view class="chuany-width26 ">
<text class="colorgray">鎬у埆</text>
</view>
@@ -57,19 +87,19 @@
<text class="colorgray">骞撮緞</text>
</view>
<text>18宀佷互涓�</text>
- </view>
- <view class="chuany-flex chuany-justify-between c-p-l-18 c-p-r-18 c-p-t-18 borderbox">
+ </view> -->
+ <view class="chuany-flex chuany-justify-between c-p-l-18 c-p-r-18 borderbox">
<view class="chuany-flex">
<image class='dingwei c-p-r-16' src="@/static/image/dingwei.png" mode="widthFix"></image>
<view class="chuany-flex chuany-flex-direction">
- <text class='c-p-b-10'>鍥涘窛鐪佹垚閮藉競姝︿警鍖洪噾妗傝矾</text>
- <text class="colorgray chuany-font26">璺濆綋鍓嶄綅缃害18.3鍏噷 楠戣绾�1.7灏忔椂</text>
+ <text class='c-p-b-10'>{{orderObj.worderAddress}}</text>
+ <!-- <text class="colorgray chuany-font26">璺濆綋鍓嶄綅缃害18.3鍏噷 楠戣绾�1.7灏忔椂</text> -->
</view>
</view>
- <view class="chuany-flex chuany-flex-direction chuany-align-center">
+ <!-- <view class="chuany-flex chuany-flex-direction chuany-align-center">
<image class='dingwei' src="@/static/image/fabuding.png" mode="widthFix"></image>
<text class="chuany-font28">浣嶇疆</text>
- </view>
+ </view> -->
</view>
</view>
<view class="coreshop-bg-white c-m-t-20 c-p-20">
@@ -77,25 +107,95 @@
浠诲姟瑕佹眰
</view>
<view class="c-p-b-20">
- 妲熸閿�鍞�--鏃ョ粨鎷涜仒 宸ヤ綔鏃堕暱:姣忓ぉ宸ヤ綔3灏忔椂 宸ヨ祫:-澶�50+鎻愭垚鏃ユ敹鍏�300+ 宸ヤ綔鍐呭:姣忓ぉ甯︾潃鏍峰搧妲熸鍒板悇涓キ搴楅厭棣嗚鎺ㄩ攢鍞崠 鏅�8:00-鏅�11:00
- 瑕佹眰:濂崇敓18-28鍛ㄥ瞾锛屼細鑱婂ぉ灏辫銆傚伐浣滃湴鐐�:鎴愰兘鎵�鏈変汉娴侀噺澶х殑鍦版柟閮藉彲
+ {{orderObj.demand}}
</view>
</view>
- <view class="tabbtns">
- <up-button color='#fece01' class="text-69" text="鎶ュ悕"></up-button>
+ <!-- <view class="coreshop-bg-white c-m-t-20 c-p-20">
+ <view class="c-p-b-20 colorgray">
+ 宸ヤ环璇︽儏
+ </view>
+ <view class="c-p-b-20">
+ 褰撳墠宸ヤ环锛歿{orderObj.workPriceDangqian}} {{orderObj.workerType==0?'鍏�/灏忔椂':'鍏�/浠�'}}
+ </view>
+ <view class="c-p-b-20">
+ 鍘嗗彶宸ヤ环锛�
+ <view class="chuany-flex chuany-justify-between" v-for="item in orderObj.orderBiddingWorkPrices">
+ <view class="">
+ {{$util.formatDate(item.effectTime)}}
+ </view>
+ <view class="">
+ {{item.workPrice}} {{orderObj.workerType==0?'鍏�/灏忔椂':'鍏�/浠�'}}
+ </view>
+ </view>
+ </view>
+ </view> -->
+ <view class="tabbtns" v-if="!orderObj.isSelectedName">
+ <up-button color='#fece01' :loading='isLoading' loadingText="鎶ュ悕涓�" text="鎶ュ悕"
+ @click="enroll"></up-button>
</view>
</view>
</template>
<script>
+ import {
+ mapActions,
+ mapGetters,
+ mapMutations
+ } from 'vuex'
export default {
+ onLoad(option) {
+ let {
+ orderid
+ } = option
+ this.getOrder(orderid)
+ },
+
data() {
return {
- tags: ['4灏忔椂', '鍙棤缁忛獙', '鎵嬭剼楹诲埄', '璁℃椂']
+ orderObj: {},
+ tags: ['4灏忔椂', '鍙棤缁忛獙', '鎵嬭剼楹诲埄', '璁℃椂'],
+ isLoading: false
}
},
+ computed: {
+ ...mapGetters(['userInfo'])
+ },
methods: {
-
+ getOrder(orderid) {
+ this.$api.getOrder(orderid).then(res => {
+ if (res.code == 1) {
+ this.orderObj = res.data
+ }
+ })
+ },
+ enroll() {
+ if (!this.userInfo.userWorker) {
+ uni.navigateTo({
+ url: '/pages/mine/apply'
+ });
+ this.$util.showToast({
+ title: '璇峰厛瀹屽杽璧勬枡锛�'
+ })
+ return
+ }
+ this.isLoading = true
+ this.$api.saveBaoMing({
+ orderId: this.orderObj.id
+ }).then(res => {
+ if (res.code == 1) {
+ uni.navigateBack()
+ this.$util.showToast({
+ title: "鎶ュ悕鎴愬姛锛�",
+ icon: "success"
+ })
+ } else {
+ this.$util.showToast({
+ title: res.error
+ })
+ }
+ this.isLoading = false
+ })
+ }
}
}
</script>
@@ -139,11 +239,9 @@
.colorgray {
color: #989fa6;
}
- .dingwei{
+
+ .dingwei {
width: 50rpx;
height: 50rpx;
- }
- .borderbox{
- border-top: 1px solid #f2f2f4;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1