添加修改页面

Admin

2022-07-05 3c40f5e98cbeaf554cf0245d4f528063f0b9db69

 src/views/specialWorkSystem/approvalProcess/approveProcessSetting/index.vue

@@ -31,20 +31,20 @@
            <h4>新增审批流</h4>
         </template>
         <template #default>
            <el-form :model="addProgress" label-width="120px">
               <el-form-item label="审批部门">
            <el-form :model="addProgress" label-width="120px" ref="ruleFormRef" :rules="ProgressRules">
               <el-form-item label="审批部门" prop="department">
                  <el-select v-model="addProgress.department" placeholder="请选择审批部门">
                     <el-option label="动土" value="动土" />
                     <el-option label="动火" value="动火" />
                  </el-select>
               </el-form-item>
               <el-form-item label="审批人员">
               <el-form-item label="审批人员" prop="manager">
                  <el-select v-model="addProgress.manager" placeholder="请选择审批人员">
                     <el-option label="人员1" value="人员1" />
                     <el-option label="人员2" value="人员2" />
                  </el-select>
               </el-form-item>
               <el-form-item label="其他参数">
               <el-form-item label="其他参数" prop="others">
                  <el-input v-model="addProgress.others" />
               </el-form-item>
            </el-form>
@@ -76,6 +76,7 @@
   import {useUserInfo} from "/@/stores/userInfo";
   import { Session } from '/@/utils/storage';
   import { ElMessage } from 'element-plus'
   import type { FormInstance, FormRules } from 'element-plus'
   let global: any = {
      homeChartOne: null,
      homeChartTwo: null,
@@ -119,14 +120,27 @@
            manager: '',
            others: ''
         })
         const confirmClick = () => {
            approveSteps.splice(chosenIndex.value+1,0,addProgress.value)
            addProgress.value = {
               department: '',
               manager: '',
               others: ''
            }
            showAdd.value = false
         const ruleFormRef = ref<FormInstance>()
         const ProgressRules = reactive<FormRules>({
            department: [{required:true,message: '该选项不能为空'}],
            manager: [{required:true,message: '该选项不能为空'}]
         })
         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 addFlow = (index) => {
            showAdd.value = true
@@ -166,6 +180,8 @@
            showAdd,
            approveSteps,
            addProgress,
            ruleFormRef,
            ProgressRules,
            chosenIndex,
            deleteDialog,
            conFirmDelete,
@@ -184,6 +200,7 @@
   $homeNavLengh: 8;
   .home-container {
      height: 100%;
      background: #fff;
      overflow: hidden;
      padding: 40px;
      .stepItem{