<template>
    <el-row>
        <el-col :span="24">
            <el-form-item label="选择审批流程" prop="mailing_no">
                <el-select class="flex-1" v-model="a" clearable placeholder="选择审批流程">
                    <el-option v-for="(item, index) in flowList" :key="index" :label="item.name" :value="item.value" />
                </el-select>
            </el-form-item>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24">
            <el-form-item label="审批流程" prop="mailing_no">
                <el-steps :active="2" style="width:100%" finish-status="success" align-center>
                    <el-step title="第一级审批" description="当前部门负责人" />
                    <el-step title="第二级审批" description="当前部门负责人" />
                    <el-step title="第三级审批(会签)" description="当前部门负责人" />
                </el-steps>
            </el-form-item>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24">
            <el-form-item label="抄送人" prop="mailing_no">
                <el-tag class="ml-2">究极张伟</el-tag>
                <el-tag class="ml-2"> 究极张伟</el-tag>
                <el-tag class="ml-2">究极张伟</el-tag>
            </el-form-item>
        </el-col>
    </el-row>
</template>
<script setup>
import { ref, reactive } from 'vue'
const a = ref('')
const flowList = reactive([
    {
        name: "究极张伟",
        value: 1
    },
    {
        name: "究极张2",
        value: 2
    },
])



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