From e3f6581c48b1dfb65c55e8a1a6ce1761a7dc26b4 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期四, 16 一月 2025 15:29:43 +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..fbe1e84 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="鎶ュ悕涓�" class="text-69" 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