Smart_platform_ui/src/components/check/checkSchedule.vue

<template>
  <div>
    <div style="height: 90%;margin-top:30px;margin-left: 20%">
      <el-steps direction="vertical"
                :active="active"
                space="150px"
                align-center
                style="font-size: 12px">
        <el-step :key="index"
                 v-for="(item,index) in data"
                 :title="item.title"
                 :status="item.status"
                 style="font-size: 14px !important;">
          <template slot="description" scope="scope">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 14px">
              <tr>
                <td>
                  <span >{{index === 0?'提交人:':'审批人:'}}&nbsp;&nbsp;&nbsp;</span><span>{{item.auditName}}</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span >{{index === 0?'提交日期:':'审批日期:'}}&nbsp;&nbsp;&nbsp;</span><span>{{item.auditOpTime}}</span>
                </td>
              </tr>
              <tr>
                <td>
                  <span >备注:&nbsp;&nbsp;&nbsp;</span><span>{{item.auditMsg}}</span>
                </td>
              </tr>
            </table>
          </template>
        </el-step>
      </el-steps>
      <div style="margin-left: 80%;padding: 10px">
        <el-button size="small" @click="$emit('choceScheduleFun')">关闭</el-button>
      </div>
    </div>
  </div>
</template>

<script>
  import option from './config/mainList.json'
  import { auditProcessList } from "@/api/check/check";

  export default {
    name: "checkSchedule",
    props: {
      checkId: {
        type: String
      },
      choceScheduleFun:{
        type: Function
      }
    },
    data(){
      return {
        loading:false,
        option:option,
        active:1,
        data:[],
        page: {
          pageSize: 10,
          pagerCount: 5,
          total: 0,
        },
      }
    },
    created() {
      auditProcessList(this.checkId).then(res =>{
        res.data.data.map((item,index) =>{
          if(item.auditStatus == "A"){
            this.active = index + 2
            item.title = "审批通过"
            item.status = "success"
          }
          if(item.auditStatus == "B"){
            item.title = "审批驳回"
            item.status = "error"
          }
          if(item.auditStatus == "S" || item.auditStatus == "N"){
            item.title = "待审批"
          }
        })

        let sendObject = {
          ... res.data.data[0],
          auditName:res.data.data[0].sendName,
          auditOpTime:res.data.data[0].sendTime,
          auditMsg:res.data.data[0].sendMsg,
          auditStatus:"O",
          title:"提交",
        }
        res.data.data.unshift(sendObject)
        this.data = res.data.data
      })
    },
    methods:{
      refreshChange(){

      },
      onLoad(){

      }
    }
  }
</script>

<style scoped lang="scss">
  /*::v-deep .el-step__title{*/
  /*  font-size: 14px;*/
  /*}*/
</style>