ll

liukangdong

2024-09-14 45af9ec519e4d93d79ddfa48a6c6c82b7ef94008

 h5/pages/staff/vehicle/sendACarDetail.vue

@@ -3,12 +3,18 @@
    <view class="status_wrap">
      <view class="name">{{ info.memberName }}的用车申请</view>
      <view class="placeholder9">{{ info.companyName }}</view>
         <view
           class="desc"
           :class="{
             gray: info.businessStatus == '2' || info.businessStatus == '3' || info.businessStatus == '4',
           }"
           >{{ infoStatus }}</view
         >
      <view class="status">
        <text class="loading" v-if="info.status == '0'">申请中</text>
        <text class="grr" v-if="info.status == '1'">审批中</text>
        <text class="grr" v-if="info.status == '2'">审批通过</text>
        <text class="error" v-if="info.status == '3'">审批不通过</text>
        <text class="grr" v-if="info.status == '4'">已取消</text>
        <text class="loading" :class="{
               grr: info.status == 1 || info.status == 2 || info.status == 4,
               error: info.status == 3
            }" v-if="info.status == '0'">{{statusMap[info.status]}}</text>
      </view>
    </view>
    <!--  -->
@@ -65,17 +71,27 @@
        >
          <view class="separate"></view>
          <view class="avatar">
             <image
                v-if="item.type == 1"
               class="img"
               src="@/static/staff/ic_chaosong@2x.png"
             />
            <image
               v-else-if="item.approveType == 1 || item.approveType == 0"
              class="img"
              :src="
                item.faceImg
                  ? item.faceImg
                  : require('@/static/meeting/common/default_user@2x.png')
              "
              src="@/static/staff/ic_shenpiren@2x.png"
            />
             <span v-else class="img_name">{{item.memberName && item.memberName.slice(0,1)}}</span>
            <image
               v-if="item.status == 2"
              class="status"
              src="@/static/staff/liucheng_success@2x.png"
              mode="widthFix"
            />
            <image
               v-if="item.status == 3"
              class="status"
              src="@/static/staff/liucheng_fail@2x.png"
              mode="widthFix"
            />
          </view>
@@ -206,10 +222,18 @@
      isShowDrive: false,
      id: '',
      appr: '',
         infoStatus: '',
      info: {},
      param: {
        status: ''
      },
         statusMap: {
           0: '待审批',
           1: '审批中',
           2: '已通过',
           3: '撤回申请',
           4: '已取消',
         },
      driveList: []

    }
@@ -217,6 +241,7 @@
  onLoad(option) {
    this.id = option.id
    this.appr = option.appr || ''
      this.infoStatus = option.info
    this.getDetail()
  },
  methods: {
@@ -304,14 +329,14 @@

  .flow_wrap {
    padding: 30rpx 0;

  
    .flow_title {
      font-weight: 600;
      font-size: 32rpx;
      color: #222222;
      margin-bottom: 24rpx;
    }

  
    .list {
      .item {
        display: flex;
@@ -331,13 +356,18 @@
          height: 80rpx;
          position: relative;
          margin-right: 20rpx;

              display: flex;
              align-items: center;
              justify-content: center;
          .img {
            width: 80rpx;
            height: 80rpx;
            border-radius: 50%;
          }

              .img_name{
                 font-size: 32rpx;
                 color: #FFFFFF;
              }
          .status {
            width: 28rpx;
            height: 28rpx;
@@ -347,29 +377,29 @@
            bottom: 0;
          }
        }

  
        .content {
          flex: 1;

  
          .head {
            display: flex;
            justify-content: space-between;
            margin-bottom: 4rpx;

  
            .event {
              font-size: 30rpx;
            }

  
            .time {
              font-size: 26rpx;
              color: #999999;
            }
          }

  
          .name_wrap {
            font-size: 26rpx;
            color: #777777;

  
            .status {
              color: $uni-color-primary;
            }
@@ -384,14 +414,29 @@
              justify-content: center;
              align-items: center;
              margin-right: 12rpx;
                    font-size: 26rpx;
                    color: #777777;
              .child_img {
                width: 48rpx;
                height: 48rpx;
                border-radius: 50%;
                       margin-bottom: 2rpx;
              }
                    .child_name{
                       margin-bottom: 2rpx;
                       width: 48rpx;
                       height: 48rpx;
                       text-align: center;
                       justify-content: center;
                       padding-top: 4rpx;
                       font-size: 28rpx;
                       border-radius: 50%;
                       color: #FFFFFF;
                       background-color: $uni-color-primary;
                    }
            }
          }

  
          .remark {
            margin-top: 12rpx;
            background-color: #f7f7f7;
@@ -479,13 +524,17 @@
    .name {
      font-weight: 600;
      font-size: 32rpx;
      margin-bottom: 20rpx;
      margin-bottom: 16rpx;
      color: #222222;
    }

    .desc {
      font-size: 26rpx;
      color: #ed4545;
         margin-top: 16rpx;
    }
    .gray {
      color: #999999;
    }

    .status {