From 447e19fa298ae11a1c3a3fa2d2ff3a1a8dba0501 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期四, 29 八月 2024 17:15:29 +0800 Subject: [PATCH] - --- src/pages/detail/detail.vue | 96 +++++++++++++++++++++++++++++++++++------------- 1 files changed, 70 insertions(+), 26 deletions(-) diff --git a/src/pages/detail/detail.vue b/src/pages/detail/detail.vue index 5307f52..55794ff 100644 --- a/src/pages/detail/detail.vue +++ b/src/pages/detail/detail.vue @@ -11,42 +11,58 @@ 缁撶畻鎻愮幇 </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-font34"> + {{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 + {{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 class="chuany-flex chuany-flex-direction"> + <text>{{orderObj.startTimeName}} 鑷� {{orderObj.endTimeName}}</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 +73,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 +93,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 +183,11 @@ .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