qa-regulatory-gwj-app/pages/super-hot/steps/steps.vue

<template>
  <view class="content">
    <view class="card">
      <u-steps :current="current" activeIcon="checkmark" inactiveIcon="arrow-right" direction="column">
        <u-steps-item v-for="(item,index) in steps" :key="index" :title="item.title" :desc="item.desc"></u-steps-item>
      </u-steps>
    </view>
  </view>
</template>

<script>
import {getHotWorkGoEdit} from "../../../api";

export default {
  data() {
    return {
      current:0,
      steps: [
        {
          title:'特级动火申请人申请',
          audit:true
        },
        {
          title:'动火单位负责人确认',
          audit:true
        },
        {
          title:'项目主管人员初审',
          audit:true
        },
        {
          title:'项目主管部门负责人审核',
          audit:true
        },
        {
          title:'分公司安全总监审批',
          audit:true
        },
        {
          title:'分公司主要负责人签批',
          audit:true
        },
        {
          title:'安全监督部初审',
          audit:true
        },
        {
          title:'安委会办公室审批',
          audit:true
        },
        {
          title:'安全总监签批',
          audit:true
        }
      ],
      HOTWORKAPPLICATION_ID:''
    }
  },
  onLoad(event) {
    this.HOTWORKAPPLICATION_ID = event.HOTWORKAPPLICATION_ID
    this.getDate()
  },
  methods: {
    async getDate(){
      let resData = await getHotWorkGoEdit({HOTWORKAPPLICATION_ID:this.HOTWORKAPPLICATION_ID});
      let state = resData.pd.STATE
      if(state == '35'){
        this.current = 5
      }else if(state == '36'){
        this.current = 6
      }else if(state == '37'){
        this.current = 7
      }
	  let hotUserAllList = resData.pd.hotUserAllList
	  if(hotUserAllList && hotUserAllList.length > 0){
		  for(var i = 0; i < hotUserAllList.length; i++){
        // if(hotUserAllList[i].STATE == 0){
        // }else if(hotUserAllList[i].STATE == 30){
        // } 另一种解决，暂时没有注释
			  // if(hotUserAllList[i].STATE){ 申请人不正确，state=0时，没有进入case，所以注释
				  switch (hotUserAllList[i].STATE){
            case 0:
              this.steps[0].desc = hotUserAllList[i].OPERATTIME
              if(hotUserAllList[i].userName !== undefined){
                this.steps[0].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
              }
              break;
				  	case 30:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[1].desc = hotUserAllList[i].OPERATTIME
						}
                      if(hotUserAllList[i].userName !== undefined){
                        this.steps[1].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                      }				  		break;
				  	case 31:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[2].desc = hotUserAllList[i].OPERATTIME
						}
                      if(hotUserAllList[i].userName !== undefined){
                        this.steps[2].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                      }				  		break;
				  	case 32:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[3].desc = hotUserAllList[i].OPERATTIME
						}
                      if(hotUserAllList[i].userName !== undefined){
                        this.steps[3].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                      }				  		break;
				  	case 33:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[4].desc = hotUserAllList[i].OPERATTIME
						}
                      if(hotUserAllList[i].userName !== undefined){
                        this.steps[4].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                      }				  		break;
				  	case 34:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[5].desc = hotUserAllList[i].OPERATTIME
						}
                      if(hotUserAllList[i].userName !== undefined){
                        this.steps[5].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                      }				  		break;
				  	case 35:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[6].desc = hotUserAllList[i].OPERATTIME
						}
                      if(hotUserAllList[i].userName !== undefined){
                        this.steps[6].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                      }
				  		break;
				  	case 36:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[7].desc = hotUserAllList[i].OPERATTIME
						}
                      if(hotUserAllList[i].userName !== undefined){
                        this.steps[7].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                      }				  		break;
				  	case 37:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[8].desc = hotUserAllList[i].OPERATTIME
						}
						if(hotUserAllList[i].userName !== undefined){
                          this.steps[8].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
                        }
				  		break;
				  	case 38:
						if(hotUserAllList[i].TYPE != '-1' ){
							this.steps[9].desc = hotUserAllList[i].OPERATTIME
						}
						this.steps[9].title += ": "+hotUserAllList[i].userName || hotUserAllList[i].userName2 || hotUserAllList[i].userName3
				  		break;
				  }
			  // }
			  
		  }
	  }
    }
  }
}
</script>

<style scoped>
</style>