<template>
    <div>
         <div class="flow">
      <el-steps align-center>
        <el-step
          v-for="(item1, index1) in result.flow"
          :key="index1"
          :title="item1.title"
          icon="iconfont iconrun-line"
        >
          <template slot="icon">
            <i class="iconfont iconrun-line" style="font-size: 50px"></i>
          </template>
        </el-step>
      </el-steps>
    </div>
    </div>
</template>
<script>
export default {
    name:"Process",
    data(){
        return{
           radio: "",
       //模拟数据
      result: {
        //流程图
        flow: [
          {
            id: "",
            time: "2020-1-1",
            title: "1/3",
            imgst: "",
            next_node:"2",
           
          },
          {
            id: "",
            time: "2020-1-1",
            title: "1/2",
            imgst: "",
             next_node:"3",
          },
          {
            id: "",
            time: "2020-1-1",
            title: "2/3",
            imgst: "",
             next_node:"4",
          },
          {
            id: "",
            time: "2020-1-1",
            title: "自验收",
            imgst: "",
             next_node:"5",
          },
          {
            id: "",
            time: "2020-1-1",
            title: "质监巡查",
            imgst: "",
             next_node:"6",
          },
          {
            id: "",
            time: "2020-1-1",
            title: "质监验收",
            imgst: "",
             next_node:"7",
          },
        
        ],
        //表头
        tableTitle: [
          {
            prop: "recordTime",
            label: "记录时间",
          },
          {
            prop: "title",
            label: "标题",
          },
          {
            prop: "operation",
            label: "操作",
          },
        ],

        //表格数据
        tableData: [
          {
            id: "",
            recordTime: "2020-1-1",
            title: "1/3质量",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 3,
            next_node:"2",
            operation: {
              status1:"达标",
              status2:"不达标",
            },
          },
          {
            id: "",
            recordTime: "2020-1-1",
            title: "1/3品质",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 4,
            next_node:"2",
            operation: {
               status1:"达标",
              status2:"不达标",
            },
          },
          {
            id: "",
            recordTime: "2020-1-1",
            title: "1/3毒素指标",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 2,
            next_node:"2",
            operation: {
                 status1:"达标",
              status2:"不达标",
            },
          },
           

             {
            id: "",
            recordTime: "2020-1-1",
            title: "1/2质量",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 3,
            next_node:"3",
            operation: {
              status1:"达标",
              status2:"不达标",
            },
          },
          {
            id: "",
            recordTime: "2020-1-1",
            title: "1/2品质",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 4,
            next_node:"3",
            operation: {
               status1:"达标",
              status2:"不达标",
            },
          },
           {
            id: "",
            recordTime: "2020-1-1",
            title: "1/2毒素指标",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 2,
            next_node:"3",
            operation: {
                 status1:"达标",
              status2:"不达标",
            },
          },



              {
            id: "",
            recordTime: "2020-1-1",
            title: "2/3质量",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 3,
            next_node:"4",
            operation: {
              status1:"达标",
              status2:"不达标",
            },
          },
          {
            id: "",
            recordTime: "2020-1-1",
            title: "2/3品质",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 4,
            next_node:"4",
            operation: {
               status1:"达标",
              status2:"不达标",
            },
          },
           {
            id: "",
            recordTime: "2020-1-1",
            title: "2/3毒素指标",
            tableStr: ["1_1_1", "2_0_2", "3_1_3"],
            flowNow: 2,
            next_node:"4",
            operation: {
                 status1:"达标",
              status2:"不达标",
            },
          },
        ],
      },
        }
    }

}
</script>
<style lang="scss" scoped>
    
</style>