ll

liukangdong

2024-12-06 86baa8ff948d2e79588e0dd7efa16f6b8ac3b157

 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>
@@ -89,7 +91,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,8 +125,8 @@
         statusMap: {
            0: '待审批',
            1: '审批中',
            2: '审批通过',
            3: '审批不通过',
            2: '已通过',
            3: '已拒绝',
            4: '已取消',
         },
    }
@@ -134,21 +136,32 @@
   },
  methods: {
      handleCancel(){
         const { info } = this
         uni.showModal({
            title: '提示',
            content: '这是一个模态弹窗',
            content: '您确认要撤回当前申请吗？',
            success: function (res) {
               if (res.confirm) {
                  console.log('用户点击确定');
                  driverCarRevoke({
                     id: info.id, info: ''
                  })
               } 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 +213,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 +243,6 @@
            bottom: 0;
          }

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

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

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

  .main_footer {