-

zhangwei

2025-03-24 2d43a1df3f5ba42710e6d21c27d1e13bdb8dfd56

 src/pages/order/myorder.vue

@@ -1,77 +1,88 @@
<template>
   <scroll-view class="full-page" scroll-y using-sticky>
      <up-sticky bgColor="#fff">
         <view class="coreshop-ff content c-p-10">
            <up-search placeholder="请点击选择日期" @clear='clear' @click='clickTime' disabled @custom='search'
               v-model="workTime" search-icon="calendar" @search='search'></up-search>
         </view>
         <!-- <up-subsection :list="list" :current="current4" activeColor="#f9ae3d"
            @change="sectionChange"></up-subsection> -->
         <!-- <up-subsection :list="list" current='1' activeColor="#f9ae3d" @change="sectionChange"></up-subsection> -->
      </up-sticky>
      <view class="full-page-content">
         <view class="c-p-l-20 c-p-r-20" v-if="listO.orderList&&listO.orderList.length>0">
            <view class="listrecord c-p-t-20" v-for="(item,index) in listO.orderList" :key="item.id">
               <view class="coreshop-ff chuany-bradius20">
                  <view class="c-p-24">
                     <view class="chuany-flex chuany-justify-between">
                        <text class="chuany-font32">
                           {{item.orderComName}}
                        </text>
   <view class="full-page" scroll-y using-sticky>
      <view class="">
         <up-sticky bgColor="#fff">
            <view class="coreshop-ff content c-p-10">
               <up-search placeholder="请点击选择日期" @clear='clear' @click='clickTime' disabled @custom='search'
                  v-model="workTime" search-icon="calendar" @search='search'></up-search>
            </view>
            <!-- <up-subsection :list="list" :current="current4" activeColor="#f9ae3d"
               @change="sectionChange"></up-subsection> -->
            <!-- <up-subsection :list="list" current='1' activeColor="#f9ae3d" @change="sectionChange"></up-subsection> -->
         </up-sticky>
         <view class="full-page-content">
            <view class="c-p-l-20 c-p-r-20" v-if="listO.orderList&&listO.orderList.length>0">
               <view class="listrecord c-p-t-20" v-for="(item,index) in listO.orderList" :key="item.id"
                  @click='toDetail(item.id)'>
                  <view class="coreshop-ff chuany-bradius20">
                     <view class="c-p-24">
                        <view class="chuany-flex chuany-justify-between">
                           <!-- 招工人数：{{item.worderCount}}人 -->
                           <!-- <text class="c-p-r-20">
									
                        </text> -->
                           <up-tag class='c-m-r-10' text="上班打卡" shape="circle" type="success"
                              v-if="item.isSelected" @click="pageToDetail(item)" size='mini'></up-tag>
                           <view class="" v-else>
                              <up-text :type="item.isSelectedName=='审核中'?'info':'error'" :text="item.isSelectedName" size='14'></up-text>
                              <!-- <up-tag v-if="item.isSelectedName=='审核中'" class='c-m-r-10' bgColor='#909399' borderColor='#909399'
                                 v-if="item.isSelectedName=='审核中'" :text="item.isSelectedName" shape="circle"
                                 size='mini'></up-tag>
                              <up-tag class='c-m-r-10' v-else :text="item.isSelectedName" shape="circle"
                                 type="error" size='mini'></up-tag> -->
                           </view>

                        </view>
                     </view>
                     <view class="text-69 chuany-font28">
                        <view class="c-p-t-6">
                           日期：{{item.wordStartTimeName}} 至 {{item.wordEndTimeName}}
                        </view>
                        <!-- <view class="c-p-t-14">
                           时间：{{item.startTimeName}} 至 {{item.endTimeName}}
                        </view> -->
                        <view class="chuany-flex chuany-justify-between c-p-t-6">
                           <view class="chuany-width50">
                              <view class="c-p-l-18 c-p-r-18 text-69 c-p-b-10" v-if="item.zixinganpai">
                                 时间：{{item.zixinganpaiName}}
                           <text class="chuany-font32">
                              {{item.orderComName}}
                           </text>
                           <view class="chuany-flex chuany-justify-between">
                              <!-- 招工人数：{{item.worderCount}}人 -->
                              <!-- <text class="c-p-r-20">
										
                           </text> -->
                              <up-tag class='c-m-r-10' text="上班打卡" shape="circle" type="success"
                                 v-if="item.isSelected" @click="pageToDetail(item)" size='mini'></up-tag>
                              <view class="" v-else>
                                 <up-text :type="item.isSelectedName=='审核中'?'info':'error'"
                                    :text="item.isSelectedName" size='14'></up-text>
                                 <!-- <up-tag v-if="item.isSelectedName=='审核中'" class='c-m-r-10' bgColor='#909399' borderColor='#909399'
                                    v-if="item.isSelectedName=='审核中'" :text="item.isSelectedName" shape="circle"
                                    size='mini'></up-tag>
                                 <up-tag class='c-m-r-10' v-else :text="item.isSelectedName" shape="circle"
                                    type="error" size='mini'></up-tag> -->
                              </view>
                              <text v-else>
                                 <!-- 方式：{{item.workerType==0?'计时':'计件'}} -->
                                 时间：{{item.startTimeName}} 至 {{item.endTimeName}}
                              </text>

                           </view>
                           <view class="chuany-width50">
                              工价：{{item.workPrice}}{{item.workerType==0?'元/小时':'元/件'}}
                              <text></text>
                        </view>
                        <view class="chuany-flex chuany-justify-between c-p-t-6">
                           <text class="text-69 chuany-font28">
                              {{item.orderName}}
                           </text>
									
                        </view>
                        <view class="text-69 chuany-font28">
                           <view class="c-p-t-6">
                              日期：{{item.wordStartTimeName}} 至 {{item.wordEndTimeName}}
                           </view>
                           <!-- <view class="c-p-t-14">
                              时间：{{item.startTimeName}} 至 {{item.endTimeName}}
                           </view> -->
                           <view class="chuany-flex chuany-justify-between c-p-t-6">
                              <view class="chuany-width50">
                                 <view class="c-p-l-18 c-p-r-18 text-69 c-p-b-10" v-if="item.zixinganpai">
                                    时间：{{item.zixinganpaiName}}
                                 </view>
                                 <text v-else>
                                    <!-- 方式：{{item.workerType==0?'计时':'计件'}} -->
                                    时间：{{item.startTimeName}} 至 {{item.endTimeName}}
                                 </text>
                              </view>
                              <view class="chuany-width50">
                                 工价：{{item.workPrice}}<template
                                    v-if="item.workPriceMax">~{{item.workPriceMax}}</template>{{item.workerType==0?'元/小时':'元/件'}}
                                 <text></text>
                              </view>
                           </view>
                        </view>
                     </view>
                  </view>
               </view>
               <up-loadmore :status="loadStatus" />
            </view>
            <up-loadmore :status="loadStatus" />
            <view v-else>
               <up-empty text='暂无' icon="/static/order.png">
               </up-empty>
            </view>
         </view>
         <view v-else>
            <up-empty text='暂无' icon="/static/order.png">
            </up-empty>
         </view>
         <fui-date-picker range :show="datePickerShow" :value="$util.formatDate(new Date())" type="3"
            @change="changePicker" @cancel="cancel"></fui-date-picker>
      </view>
      <fui-date-picker range :show="datePickerShow" :value="$util.formatDate(new Date())" type="3"
         @change="changePicker" @cancel="cancel"></fui-date-picker>
   </scroll-view>
   </view>
</template>

<script setup>
@@ -137,6 +148,11 @@
      }

   }
   const toDetail = (val) => {
      uni.navigateTo({
         url: `/pages/order/myorderdetail?orderid=${val}`
      })
   }
   const clear = () => {
      state.wordStartTime = ""
      state.wordEndTime = ""