最新版本541200007

doum

2025-09-11 7298d5354963a88643a543b51b90192dc9fc934c

 h5/pages/driver/reservedDetail.vue

@@ -3,7 +3,9 @@
    <view class="status_wrap">
      <view class="name">{{info.driverName}}的入园预约</view>
      <view class="desc">{{info.carCodeFront}}</view>
      <view class="status">{{ statusMap[info.status] }}</view>
      <view class="status" v-if="info.status != 2 && info.status != 3">{{ statusMap[info.status] }}</view>
         <image v-if="info.status == 2" class="icon" src="../../static/ic_passed@2x.png" mode=""></image>
         <image v-if="info.status == 3" class="icon" src="../../static/ic_refused@2x.png" mode=""></image>
    </view>
    <!--  -->
    <view class="emyty"></view>
@@ -13,7 +15,7 @@
        <view class="value">{{info.inReason}}</view>
      </view>
      <view class="item">
        <view class="label">合同编号</view>
        <view class="label">合同/单据编号</view>
        <view class="value">{{info.contractNum}}</view>
      </view>
         <view class="item">
@@ -21,17 +23,18 @@
           <view class="value" v-if="info.arriveDate">{{info.arriveDate.slice(0,16)}}</view>
         </view>
         <view class="item">
           <view class="label">准运证照片</view>
           <view class="label">准运证/运单照片</view>
           <view class="value">
               <image
                  v-if="info.transportImg"
                 class="avatar_wrap"
                  @click="priviewImage(info.prefixUrl + info.transportImg)"
                 :src="info.prefixUrl + info.transportImg"
               ></image>
            </view>
         </view>
         <view class="item">
           <view class="label">入库类型</view>
           <view class="label">作业类型</view>
           <view class="value">{{info.inType == 0 ? '整托盘' : '件烟'}}</view>
         </view>
         <view class="item">
@@ -89,7 +92,7 @@
            <view class="name_wrap">
              <text>{{item.memberName}}<text v-if="item.statusInfo" class="status">({{item.statusInfo}})</text></text>
            </view>
                <view v-if="item.approveType == 1" class="carbon">
                <view v-if="item.approveType == 1 || item.approveType == 0" class="carbon">
                  <view class="carbon_item" v-for="child in item.approveList"
                :key="child.id">
                    <image :src="
@@ -123,32 +126,51 @@
         statusMap: {
            0: '待审批',
            1: '审批中',
            2: '审批通过',
            3: '审批不通过',
            2: '已通过',
            3: '已拒绝',
            4: '已取消',
         },
    }
  },
   onLoad(option) {
      uni.setStorageSync('ywinfo',{})
      this.getDetail(option.id)
   },
  methods: {
      priviewImage(url) {
         uni.previewImage({
            urls: [url]
         })
      },
      handleCancel(){
         const { info } = this
         uni.showModal({
            title: '提示',
            content: '这是一个模态弹窗',
            content: '您确认要撤回当前申请吗？',
            success: function (res) {
               if (res.confirm) {
                  console.log('用户点击确定');
                  driverCarRevoke({
                     id: info.id, info: ''
                  }).then(() => {
                     this.getDetail(info.id)
                  })
               } else if (res.cancel) {
                  console.log('用户点击取消');
               }
            }
         });
         // driverCarRevoke
      },
      handleEdit(){},
      handleAga(){},
      handleEdit(){
         uni.navigateTo({
            url: '/pages/driver/reserved?id=' + this.info.id
         })
      },
      handleAga(){
         const { info } = this
         uni.navigateTo({
            url: `/pages/driver/reserved?id=${info.id}&type=reject`
         })
      },
      getDetail(id) {
         driverApplyDetail({id}).then(res => {
            this.info = res.data
@@ -200,7 +222,15 @@
      .item {
        display: flex;
        margin-bottom: 48rpx;

            position: relative;
            .separate {
              position: absolute;
              width: 4rpx;
              height: calc( 100% - 52rpx );
              background-color: #eeeeee;
              left: 40rpx;
              top: 90rpx;
            }
        .avatar_wrap {
          width: 80rpx;
          height: 80rpx;
@@ -222,15 +252,6 @@
            bottom: 0;
          }

          .separate {
            position: absolute;
            width: 4rpx;
            height: 100%;
            background-color: #eeeeee;
            left: 50%;
            transform: translate(-50%, 0);
            bottom: -80rpx;
          }
        }

        .content {
@@ -283,6 +304,7 @@
              width: 60rpx;
              height: 60rpx;
              margin: 0 auto;
                     border-radius: 50%;
            }
            view {
              font-size: 26rpx;
@@ -338,7 +360,6 @@
  .status_wrap {
    position: relative;
    padding: 30rpx 0;

    .name {
      font-weight: 600;
      font-size: 32rpx;
@@ -362,6 +383,15 @@
      background-color: #e9edff;
      color: $uni-color-primary;
    }
      .icon{
         width: 120rpx;
         height: 120rpx;
         border-radius: 50%;
         position: absolute;
         right: 0rpx;
         top: 20rpx;
			
      }
  }

  .main_footer {