| | |
| | | <el-button type="primary" @click="confirmEdit" size="large">确认</el-button> |
| | | <el-button @click="cancelEdit" size="large">取消</el-button> |
| | | </el-row> |
| | | <el-drawer v-model="showAdd" direction="rtl"> |
| | | <el-drawer v-model="showAdd" direction="rtl" @close="colseDrawer"> |
| | | <template #title> |
| | | <h4>新增审批流</h4> |
| | | </template> |
| | |
| | | }) |
| | | const ruleFormRef = ref<FormInstance>() |
| | | const ProgressRules = reactive<FormRules>({ |
| | | department: [{required:true,message: '该选项不能为空'}], |
| | | manager: [{required:true,message: '该选项不能为空'}] |
| | | department: [{required:true,message: '该选项不能为空',trigger: 'blur'}], |
| | | manager: [{required:true,message: '该选项不能为空',trigger: 'blur'}] |
| | | }) |
| | | const confirmClick = async (formEl: FormInstance | undefined) => { |
| | | if (!formEl) return |
| | | await formEl.validate((valid, fields) => { |
| | | if (valid) { |
| | | approveSteps.splice(chosenIndex.value+1,0,addProgress.value) |
| | | addProgress.value = { |
| | | department: '', |
| | | manager: '', |
| | | others: '' |
| | | } |
| | | showAdd.value = false |
| | | } else { |
| | | console.log('error submit!', fields) |
| | | } |
| | | }) |
| | | |
| | | } |
| | | const cancelClick=()=>{ |
| | | showAdd.value = false |
| | | } |
| | | const addFlow = (index) => { |
| | | showAdd.value = true |
| | |
| | | const i = chosenIndex.value |
| | | approveSteps.splice( i,1) |
| | | deleteDialog.value = false |
| | | } |
| | | const colseDrawer = ()=>{ |
| | | addProgress.value = { |
| | | department: '', |
| | | manager: '', |
| | | others: '' |
| | | } |
| | | } |
| | | const cancelEdit = () => { |
| | | |
| | |
| | | ProgressRules, |
| | | chosenIndex, |
| | | deleteDialog, |
| | | colseDrawer, |
| | | conFirmDelete, |
| | | cancelClick, |
| | | deleteFlow, |
| | | addFlow, |
| | | confirmClick, |