driverInfo.vue 3.01 KB
<template>
  <div v-loading="loading" style="border: 1px solid black;">
        <el-row  >
          <el-col :span="12" class="bd">姓名</el-col>
          <el-col :span="12" class="bd">{{infoData.name}}</el-col>
        </el-row>
        <el-row  >
          <el-col :span="12" class="bd">证件号</el-col>
          <el-col :span="12" class="bd">{{infoData.identityNo}}</el-col>
        </el-row>
        <el-row >
          <el-col :span="12" class="bd">所属公司</el-col>
          <el-col :span="12" class="bd">{{infoData.companyName}}</el-col>
        </el-row>

        <el-row  >
          <el-col :span="12" class="bd">从业资格证有效期</el-col>
          <el-col :span="12" class="bd">{{infoData.qualificationCertValidEndAt}}</el-col>
        </el-row>
        <el-row >
          <el-col :span="12" class="bd">驾驶证有效期</el-col>
          <el-col :span="12" class="bd">{{infoData.endAt}}</el-col>
        </el-row>

        <el-row >
          <el-col :span="12" class="bd">安全教育培训</el-col>
          <el-col :span="6" class="bd">{{infoData.safetyEducationDate}}</el-col>
          <el-col :span="6" class="bd">{{infoData.safetyEducationContent}}</el-col>
        </el-row>

        <el-row >
          <el-col :span="12" class="bd">备注</el-col>
          <el-col :span="12" class="bd">{{infoData.remark}}</el-col>
        </el-row>

        <a v-for="item in infoData.attachmentList" @click="downloadFile(item.attachmentPath);">{{item.name}}</a>
  </div>
</template>

<script>


import store from "@/store";
  import {
    getToken
  } from "@/utils/auth";


  import {
    getDriverInfo,
    getArea
  } from "@/api/dict";


  export default {
    name: "ThreestepInfo",
    props: {
      businessKey: {
        type: String
      },
    },
    data() {
      return {
        sign: store.getters.avatar, //裁剪图片的地址
        areas: [],
        loading: null,
        infoData: {},
      }
    },
    created() {
      this.loading = true;
      this.getInfo();

    },
    methods: {
      getInfo() {
        let id;
        if (this.businessKey.split(":").length == 2) {
          id = this.businessKey.split(":")[1];
        } else {
          id = this.businessKey;
        }

        getDriverInfo(id).then(response => {

           this.infoData = response;
          // getArea().then(res => {
          //   this.areas = res.result;
          //   this.loading = false;
          //   for (let i = 0; i < this.areas.length; i++) {
          //     if (Number(this.infoData.place) == this.areas[i].code) {
          //       this.infoData.place = this.areas[i].name;
          //     }
          //   }
          // });

          // for(let i in obj){
          //   if(this.objectDict[i]){
          //       this.infoData.push({label:this.objectDict[i] ,value:obj[i]})
          //   }
          // }
          this.loading = false;
        });
      },

      downloadFile(path){
          window.location.href = "/remotedown/" + path;
      }
    }

  }
</script>
<style>
  .bd{
    padding:5px;
  }



</style>