-

zhangwei

2024-09-12 f7aa204aa8d20b090d7943969ddeb9871a1fad76

 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,10 +9,11 @@
            上下班打卡
            <up-icon name="arrow-right-double" color='#faa93f'></up-icon>
            结算提现
         </view>
         </view> -->
         <view class="chuany-flex chuany-justify-between">
            <view class="chuany-width100">
               <view class="chuany-flex chuany-justify-between chuany-align-center chuany-width100 chuany-box c-p-18">
               <view
                  class="chuany-flex chuany-justify-between chuany-align-center chuany-width100 chuany-box c-p-18">
                  <view class=" chuany-font34">
                     {{orderObj.orderName}}
                  </view>
@@ -24,7 +25,7 @@
                  <up-tag class='c-p-l-14 c-p-b-14' :text="item" plain v-for="(item,index) in tags"> </up-tag>
               </view> -->
               <view class="redcla c-p-l-18 c-p-r-18">
                  <text class="chuany-font40 chuany-text-bold">
                  <text class="chuany-font40">
                     {{orderObj.workPrice}}
                  </text>
                  <text class='chuany-font20'>
@@ -45,7 +46,8 @@
               <text class="colorgray ">任务日期</text>
            </view>
            <view class="chuany-flex chuany-flex-direction">
               <text>{{$util.formatDate(orderObj.wordStartTime)}} 至 {{$util.formatDate(orderObj.wordEndTime)}}</text>
               <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">
@@ -97,12 +99,18 @@
         </view>
      </view>
      <view class="tabbtns">
         <up-button color='#fece01' class="text-69" text="报名" @click="enroll"></up-button>
         <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 {
@@ -110,11 +118,16 @@
         } = option
         this.getOrder(orderid)
      },

      data() {
         return {
            orderObj: null,
            tags: ['4小时', '可无经验', '手脚麻利', '计时']
            orderObj: {},
            tags: ['4小时', '可无经验', '手脚麻利', '计时'],
            isLoading: false
         }
      },
      computed: {
         ...mapGetters(['userInfo'])
      },
      methods: {
         getOrder(orderid) {
@@ -125,10 +138,21 @@
            })
         },
         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"
@@ -138,6 +162,7 @@
                     title: res.error
                  })
               }
               this.isLoading = false
            })
         }
      }
@@ -188,6 +213,4 @@
      width: 50rpx;
      height: 50rpx;
   }

	
</style>