细节修改

付延余

2023-03-17 5b36142869f824399ab1ad1f0eaaea8ecf0ca83d

 pages/driver-page/driver-index/driver-index.vue

@@ -3,13 +3,20 @@
      <view class="driver-index-body">
         <!-- 待领取提煤单 -->
         <combined-title title="待领取"></combined-title>
         <u-empty
            mode="data"
            icon="http://cdn.uviewui.com/uview/empty/data.png"
            textSize="30"
            iconSize="1000"
            v-if="driverBillOfLoadingData.list1 ? (driverBillOfLoadingData.list1.length == 0 ? true : false) : true"
         ></u-empty>
         <card v-for="(item, index) in driverBillOfLoadingData.list1" :key="index" :name="item.id" backgroundType="2">
            <template v-slot:left>
               <view class="card-left__top">
                  <text>{{ item.carNum }}</text>
                  张
               </view>
               <view class="card-left__utils"><u-button @tap.stop="qiangDanClick(item.orderPlanId)" text="抢单" type="primary" shape="circle"></u-button></view>
               <view class="card-left__utils"><u-button @tap.stop="qiangDanBtn(item.orderPlanId)" text="抢单" type="primary" shape="circle"></u-button></view>
            </template>
            <template v-slot:right-top>
               <view class="right-top">
@@ -30,10 +37,20 @@
            </template>
         </card>

         <!-- 我的提煤单 -->
         <combined-title title="我的提煤单"></combined-title>
         <!-- 卡片 -->
         <!-- <view v-for="(item, index) in driverBillOfLoadingData.list2" :key="index"> -->
         <!-- 抢单提示模态框 -->
         <view class="qianDanModel">
            <u-modal :show="qiangDanShow" :title="qiangDanTitle" showCancelButton :content="qiangDanContent" @confirm="qiangDanConfirm" @cancel="qiangDanCancel"></u-modal>
         </view>

         <!-- 待预约提煤单 -->
         <combined-title title="待预约提煤单"></combined-title>
         <u-empty
            mode="data"
            icon="http://cdn.uviewui.com/uview/empty/data.png"
            textSize="30"
            iconSize="1000"
            v-if="driverBillOfLoadingData.list3 ? (driverBillOfLoadingData.list3.length == 0 ? true : false) : true"
         ></u-empty>
         <view>
            <!-- 待预约提煤单 -->
            <view class="daiYuYue" v-for="(item, index) in driverBillOfLoadingData.list3" :key="index">
@@ -41,13 +58,46 @@
                  <text>提煤单编号：{{ item.code }}</text>
               </view>
               <view class="daiYuYueTable">
                  <view>{{ item.deptName }}</view>
                  <!-- <view>{{ item.deptName }}</view>
                  <view>{{ item.coalName }}</view>
                  <view>已预约：{{ item.cars }} 车</view>
                  <view>已预约：{{ item.cars }} 车</view> -->
                  <uni-table border stripe emptyText="暂无更多数据">
                     <uni-tr>
                        <uni-th align="center">煤场</uni-th>
                        <uni-th align="center">煤种</uni-th>
                        <uni-th align="center">已预约</uni-th>
                     </uni-tr>
                     <uni-tr>
                        <uni-td align="left">{{ item.deptName || '' }}</uni-td>
                        <uni-td align="left">{{ item.coalName || '' }}</uni-td>
                        <uni-td align="left">{{ item.cars || '' }} 车</uni-td>
                     </uni-tr>
                     <uni-tr>
                        <uni-th align="center">发运日期</uni-th>
                        <uni-th align="center">煤场</uni-th>
                        <uni-th align="center">客户</uni-th>
                     </uni-tr>
                     <uni-tr>
                        <uni-td align="left">{{ item.sendDate || '' }}</uni-td>
                        <uni-td align="left">{{ item.filedName || '' }}</uni-td>
                        <uni-td align="left">{{ item.customerName || '' }}</uni-td>
                     </uni-tr>
                  </uni-table>
               </view>
               <view><u-button text="预约" type="primary" @click="toAppointmentClick(item.id)"></u-button></view>
               <view><u-button text="预约" type="primary" @click="toAppointmentClick(item)"></u-button></view>
            </view>
            <!-- 已预约提煤单 -->
         </view>

         <!-- 已预约提煤单 -->
         <combined-title title="已预约提煤单"></combined-title>
         <u-empty
            mode="data"
            icon="http://cdn.uviewui.com/uview/empty/data.png"
            textSize="30"
            iconSize="1000"
            v-if="driverBillOfLoadingData.list2 ? (driverBillOfLoadingData.list2.length == 0 ? true : false) : true"
         ></u-empty>
         <view class="">
            <view @click="list3CardIconClick(item)" class="haveYuYue" v-for="(item, index) in driverBillOfLoadingData.list2" :key="index">
               <view class="haveYuYueTop">
                  <text>提煤单编号：{{ item.code || '' }}</text>
@@ -68,10 +118,15 @@

<script>
import { customerId } from '@/utils/status';

export default {
   data() {
      return {
         driverBillOfLoadingData: []
         driverBillOfLoadingData: [],
         // 抢单模态框
         qiangDanShow: false,
         qiangDanTitle: '抢单提示',
         qiangDanContent: ''
      };
   },
   onShow() {
@@ -93,8 +148,20 @@
            this.driverBillOfLoadingData = res.data;
         });
      },
      // 抢单
      qiangDanClick(id) {
      // 抢单按钮
      qiangDanBtn(value) {
         if (value.taskNum == 0) {
            this.qiangDan(value.orderPlanId);
         } else {
         }
      },
      // 抢单模态框
      qiangDanConfirm() {},
      qiangDanCancel() {
         this.qiangDanShow = false;
      },
      // 抢单请求
      qiangDan(id) {
         // this.$reqPost('qiangDan', { orderPlanId: id, wxUserId: customerId }, 'params').then(res => {
         this.$reqPost('qiangDan', { orderPlanId: id }, 'params').then(res => {
            if (res.code == 0) {
@@ -116,9 +183,9 @@
         });
      },
      // 去预约
      toAppointmentClick(id) {
      toAppointmentClick(value) {
         uni.navigateTo({
            url: `/pages/driver-page/appointment/appointment?takeCoalId=${id}`
            url: `/pages/driver-page/appointment/appointment?takeCoalId=${value.id}&filedId=${value.filedId}&deptId=${value.deptId}&sendDate=${value.sendDate}`
         });
      }
   }
@@ -184,18 +251,22 @@
            font-weight: 400;
         }
         &Table {
            border: vww(1) solid #eeeeee;
            border-top: none;
            display: flex;
            flex: 1;
            height: vww(40);
            line-height: vww(40);
            view {
               border-right: vww(1) solid #eeeeee;
               width: 33.3%;
               text-align: center;
               &:nth-child(3) {
                  border-right: none;
            .uni-table {
               .uni-table-tr {
                  padding: 0;
                  .uni-table-th {
                     line-height: 58rpx;
                     padding: vww(5) vww(10);
                     color: #111111;
                     font-weight: 400;
                     background: #e5e5e5;
                  }
                  .uni-table-td {
                     font-weight: 400;
                     line-height: 58rpx;
                     padding: vww(5) vww(10);
                     color: #111111;
                  }
               }
            }
         }