ll

liukangdong

2025-03-05 886de155147766e78199b7f85346f553fb88bc1d

 admin/src/views/task/driverDetail.vue

@@ -1,20 +1,24 @@
<template>
  <GlobalWindow :title="title" :visible.sync="isShowModal" @confirm="confirm">
  <GlobalWindow :title="title" :visible.sync="isShowModal" @close="close" @confirm="confirm">
    <div class="modal_wrap">
      <div class="modal_content">
        <div class="header">
          <img v-if="info.status == '3' || info.status == '6'" class="head_bg" src="@/assets/task/bg_shenhe_fail@2x.png" alt="">
          <img v-else-if="info.status == '2' || info.status == '5'" class="head_bg" src="@/assets/task/bg_shenhe_pass@2x.png" alt="">
          <img v-if="info.status == '3' || info.status == '6'" class="head_bg" src="@/assets/task/bg_shenhe_fail@2x.png"
            alt="">
          <img v-else-if="info.status == '2' || info.status == '5'" class="head_bg"
            src="@/assets/task/bg_shenhe_pass@2x.png" alt="">
          <img v-else-if="info.status == '4'" class="head_bg" src="@/assets/task/bg_shenhe_chexiao@2x.png" alt="">
          <img v-else class="head_bg" src="@/assets/task/bg_shenhe@2x.png" alt="">
          <div class="left">
            <div class="h1">物流车预约</div>
            <div class="time">提交时间：{{ info.createDate }}</div>
          </div>
          <div class="right" :class="{ scs: info.status == '2' || info.status == '5', msg: info.status == '3' || info.status == '6' }">{{ statusMap[info.status] }}</div>
          <div class="right"
            :class="{ scs: info.status == '2' || info.status == '5', msg: info.status == '3' || info.status == '6' }">{{
              statusMap[info.status] }}</div>
        </div>
        <div class="info">
          <div class="title">公务车申请信息</div>
          <div class="title">物流车预约信息</div>
          <div class="list">
            <div class="item">
              <div class="label">申请人</div>
@@ -38,12 +42,13 @@
            </div>
            <div class="item">
              <div class="label">总运输量</div>
              <div class="value">{{ info.totalNum }}万支</div>
              <div class="value">{{ info.totalNum || info.ioQty }}万支</div>
            </div>
            <div class="item">
              <div class="label">准运证照片</div>
              <div v-if="info.transportImg" class="value">
                <el-image  style="width: 100px" :preview-src-list="[info.prefixUrl + info.transportImg]" :src="info.prefixUrl + info.transportImg" alt="" />
                <el-image style="width: 100px" :preview-src-list="[info.prefixUrl + info.transportImg]"
                  :src="info.prefixUrl + info.transportImg" alt="" />
              </div>
            </div>
          </div>
@@ -69,7 +74,7 @@
            <div class="content">
              <div class="head">
                <div class="event">{{ item.title }}</div>
                <div class="time">{{ item.createDate }}</div>
                <div class="time">{{ item.checkDate }}</div>
              </div>
              <div class="name_wrap">
                <span>{{ item.memberName }}<span v-if="item.statusInfo" class="status">({{ item.statusInfo
@@ -78,12 +83,11 @@
              <div v-if="item.checkInfo" class="remark">
                {{ item.checkInfo }}
              </div>
              <div v-if="item.approveType == 1" class="carbon">
              <div v-if="item.approveType == 0 || item.type == 1 || item.approveType == 1" class="carbon">
                <div class="carbon_item" v-for="child in item.approveList" :key="child.id">
                  <img :src="child.faceImg
                    ? child.faceImg
                    : require('@/assets/avatar/man.png')
                    "></img>
                  <img v-if="child.faceImg != null && child.faceImg != ''" :src="child.faceImg" class="avatar" alt="" />
                  <img v-if="child.faceImg == null || child.faceImg == ''" src="@/assets/avatar/man.png" class="avatar"
                    alt="" />
                  <div class="text">{{ child.memberName }}</div>
                </div>
              </div>
@@ -104,7 +108,7 @@
        info.approveDateVO.canBeApproved != null &&
        info.approveDateVO.canBeApproved == 1
      ">拒绝</el-button>
      <el-button @click="isShowModal = false">返回</el-button>
      <el-button @click="close">返回</el-button>
    </template>
    <!--  同意/拒绝 -->
    <el-dialog append-to-body :title="apprTitle" :visible.sync="isShowAppr" width="480px">
@@ -135,7 +139,7 @@
      id: '',
      type: '',

      title: '访客预约详情',
      title: '物流车预约详情',
      isShowModal: false,
      info: {},
      isShowAppr: false,
@@ -184,6 +188,8 @@
                this.subLoading = false
                this.$tip.apiSuccess('处理成功')
                this.getDetail()
                this.$emit('success')
                this.$emit('close')
                this.isShowAppr = false
              })
              .finally(() => {
@@ -208,6 +214,10 @@
          })
        }
      })
    },
    close() {
      this.isShowModal = false
      this.$emit('close')
    },
    handleAppr(val) {
      this.$set(this.param, 'status', val)
@@ -270,6 +280,7 @@
    border-radius: 8px;
    overflow: hidden;
    height: 100%;

    .title {
      font-weight: 600;
      font-size: 18px;
@@ -312,7 +323,8 @@
      margin: 0 -30px;
      border-radius: 8px 8px 0 0;
      position: relative;
      .head_bg{

      .head_bg {
        position: absolute;
        width: 100%;
        height: 100%;
@@ -320,6 +332,7 @@
        top: 0;
        z-index: 9;
      }

      .h1 {
        font-weight: 600;
        font-size: 22px;
@@ -344,10 +357,12 @@
        position: relative;
        z-index: 99;
      }
      .scs{

      .scs {
        background-color: #00BA67;
      }
      .msg{

      .msg {
        background-color: #ED4545;
      }
    }
@@ -393,6 +408,7 @@
        display: flex;
        margin-bottom: 24px;
        position: relative;

        .separate {
          position: absolute;
          border-left: 2px dashed #cccccc;
@@ -400,15 +416,18 @@
          height: calc(100% - 2px);
          top: 42px;
        }
        .info{

        .info {
          padding-top: 10px;
          margin-left: 20px;
          margin-right: 16px;

          .iconnew {
            width: 24px;
            height: 24px;
          }
        }

        .avatar_wrap {
          width: 40px;
          height: 40px;
@@ -455,7 +474,7 @@
            color: #777777;

            .status {
              color: $primary-color;
              color: $primaryColor;
            }
          }

@@ -475,6 +494,7 @@
          width: 100%;
          overflow-x: auto;
          margin-top: 12px;

          .carbon_item {
            text-align: center;
            flex-shrink: 0;