From 79745a1b12fa6d69edd3a353cb11b8ae02b8d4aa Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 26 八月 2024 17:16:53 +0800 Subject: [PATCH] 投递与确认 --- src/pages/detail/detail.vue | 87 ++++++++++++++++++++++++++++++++----------- 1 files changed, 64 insertions(+), 23 deletions(-) diff --git a/src/pages/detail/detail.vue b/src/pages/detail/detail.vue index 5307f52..6f99c28 100644 --- a/src/pages/detail/detail.vue +++ b/src/pages/detail/detail.vue @@ -12,25 +12,31 @@ </view> <view class="chuany-flex chuany-justify-between"> <view class=""> - <view class="c-p-18 chuany-font44 chuany-text-bold"> - 涓存椂宸� + <view class="chuany-flex chuany-justify-between chuany-align-center"> + <view class="c-p-18 chuany-font44 chuany-text-bold"> + {{orderObj.orderName}} + </view> + <view class="c-p-l-108"> + {{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 + {{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"> @@ -38,15 +44,20 @@ <view class="chuany-width26"> <text class="colorgray ">浠诲姟鏃堕棿</text> </view> - <text>鏄庡ぉ19:00-23:00</text> + <view class="chuany-flex chuany-flex-direction"> + <text class=''> + {{$util.formatDate(orderObj.wordEndTime,true)}} + </text> + <text>{{$util.formatDate(orderObj.wordStartTime,true)}}</text> + </view> </view> <view class="chuany-flex c-p-l-18"> <view class="chuany-width26"> - <text class="colorgray">宸茬粨鍗曟暟</text> + <text class="colorgray">宸叉嫑浜烘暟</text> </view> - <text>1/3</text> + <text>{{orderObj.worderCounted}}/{{orderObj.worderCount}}</text> </view> - <view class="chuany-flex c-p-18"> + <!-- <view class="chuany-flex c-p-18"> <view class="chuany-width26 "> <text class="colorgray">鎬у埆</text> </view> @@ -57,19 +68,19 @@ <text class="colorgray">骞撮緞</text> </view> <text>18宀佷互涓�</text> - </view> + </view> --> <view class="chuany-flex chuany-justify-between c-p-l-18 c-p-r-18 c-p-t-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 +88,53 @@ 浠诲姟瑕佹眰 </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> + <up-button color='#fece01' class="text-69" text="鎶ュ悕" @click="enroll"></up-button> </view> </view> </template> <script> export default { + onLoad(option) { + let { + orderid + } = option + this.getOrder(orderid) + }, data() { return { + orderObj: null, tags: ['4灏忔椂', '鍙棤缁忛獙', '鎵嬭剼楹诲埄', '璁℃椂'] } }, methods: { - + getOrder(orderid) { + this.$api.getOrder(orderid).then(res => { + if (res.code == 1) { + this.orderObj = res.data + } + }) + }, + enroll() { + this.$api.saveBaoMing({ + orderId: this.orderObj.id + }).then(res => { + if(res.code==1){ + this.$util.showToast({ + title: "鎶ュ悕鎴愬姛锛�", + icon: "success" + }) + }else{ + this.$util.showToast({ + title: res.error + }) + } + }) + } } } </script> @@ -139,11 +178,13 @@ .colorgray { color: #989fa6; } - .dingwei{ + + .dingwei { width: 50rpx; height: 50rpx; } - .borderbox{ + + .borderbox { border-top: 1px solid #f2f2f4; } </style> \ No newline at end of file -- Gitblit v1.9.1