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>
    <!--  -->
@@ -66,16 +72,26 @@
          <view class="separate"></view>
          <view class="avatar">
            <image
                v-if="item.type == 1"
              class="img"
              :src="
                item.faceImg
                  ? item.faceImg
                  : require('@/static/meeting/common/default_user@2x.png')
              "
               src="@/static/staff/ic_chaosong@2x.png"
            />
            <image
               v-else-if="item.approveType == 1 || item.approveType == 0"
              class="img"
              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,9 +222,17 @@
      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: {
@@ -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;
@@ -384,10 +414,25 @@
              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;
              }
            }
          }
@@ -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 {