-

zhangwei

2025-01-23 e5a77d6a551d13e4cf74624b31b0fa3e328b304d

 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>