49 lines
1.6 KiB
Vue
49 lines
1.6 KiB
Vue
|
<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>
|