投递与确认

zhangwei

2024-08-26 79745a1b12fa6d69edd3a353cb11b8ae02b8d4aa

 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>