diff --git a/.eslintrc b/.eslintrc
index 5c6806e..72e93a1 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -4,6 +4,7 @@
     "curly": ["error", "all"],
     "no-tabs":"off",
     "no-const-assign": "off",
+    "no-console": "off",
     "vue/component-name-in-template-casing": ["error", "kebab-case", {
       "registeredComponentsOnly": false,
       "ignores": []

diff --git a/.eslintrc b/.eslintrc
index 5c6806e..72e93a1 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -4,6 +4,7 @@
     "curly": ["error", "all"],
     "no-tabs":"off",
     "no-const-assign": "off",
+    "no-console": "off",
     "vue/component-name-in-template-casing": ["error", "kebab-case", {
       "registeredComponentsOnly": false,
       "ignores": []
diff --git a/src/views/system/process/editProcess.vue b/src/views/system/process/editProcess.vue
new file mode 100644
index 0000000..4a92993
--- /dev/null
+++ b/src/views/system/process/editProcess.vue
@@ -0,0 +1,229 @@
+<!-- 编辑流程页面 -->
+<script lang="ts" setup name="EditProcess">
+import { reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { Ref } from 'vue'
+import type { Iform } from './process'
+const emits = defineEmits(['close'])
+const ruleFormRef = ref<FormInstance>()
+const form: Ref<Iform> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  business: '', // 关联业务
+  desc: '', // 流程描述
+  selectDecision: '', // 选择的决策
+  rejectTo: '', // 可驳回至
+  changeData: '', // 驳回修改数据
+  isMessage: '', // 审批结果通知发起人
+})
+// 可选决策项
+const decision = [
+  {
+    id: 'reject-refuse',
+    title: '同意 驳回 拒绝',
+  },
+  {
+    id: 'reject',
+    title: '同意 驳回',
+  },
+  {
+    id: 'refuse',
+    title: '同意 拒绝',
+  },
+]
+// 可驳回至
+const reject = [
+  {
+    id: 'change',
+    title: '单据修改',
+  },
+]
+// 驳回修改数据
+const rejectChangeData = [
+  {
+    id: 'all',
+    title: '重新按流程走',
+  },
+  {
+    id: 'part',
+    title: '送至驳回节点',
+  },
+]
+// 审批结果通知发起人
+const messageData = [
+  {
+    id: 'yes',
+    title: '是',
+  },
+  {
+    id: 'no',
+    title: '否',
+  },
+]
+const rules = reactive<FormRules>({
+  selectDecision: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  rejectTo: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  changeData: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  isMessage: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+})
+
+// 关闭
+const close = () => {
+  emits('close')
+}
+// 保存
+const save = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // 调保存接口
+    }
+    else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+// 选择决策项
+const changeDecision = (value: string) => {
+  form.value.selectDecision = value
+}
+const changeRejectTo = (value: string) => {
+  form.value.rejectTo = value
+}
+const changeData = (value: string) => {
+  form.value.changeData = value
+}
+const changeMessage = (value: string) => {
+  form.value.isMessage = value
+}
+</script>
+
+<template>
+  <div class="edit-process">
+    <h5 class="title">
+      流程编辑
+    </h5>
+    <div class="edit">
+      <div class="button-area">
+        <el-button type="primary" @click="save(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="primary" @click="close">
+          关闭
+        </el-button>
+      </div>
+      <el-form ref="ruleFormRef" :model="form" label-width="140px" :rules="rules">
+        <el-form-item label="流程编号">
+          {{ form.number }}
+        </el-form-item>
+        <el-form-item label="流程名称">
+          {{ form.name }}
+        </el-form-item>
+        <el-form-item label="关联业务">
+          {{ form.business }}
+        </el-form-item>
+        <el-form-item label="流程描述">
+          <el-input v-model="form.desc" type="textarea" />
+        </el-form-item>
+        <el-form-item label="可选决策项" prop="selectDecision">
+          <el-select v-model="form.selectDecision" placeholder="请选择" @change="changeDecision">
+            <el-option
+              v-for="item in decision"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="可驳回至" prop="rejectTo">
+          <el-select v-model="form.rejectTo" placeholder="请选择" @change="changeRejectTo">
+            <el-option
+              v-for="item in reject"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="驳回修改数据" prop="changeData">
+          <el-select v-model="form.changeData" placeholder="请选择" @change="changeData">
+            <el-option
+              v-for="item in rejectChangeData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="审批结果通知发起人" prop="isMessage">
+          <el-select v-model="form.isMessage" placeholder="请选择" @change="changeMessage">
+            <el-option
+              v-for="item in messageData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <h5 class="title">
+      流程配置
+    </h5>
+    <div class="set edit" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .edit-process {
+    width: 100%;
+
+    .title {
+      margin: 0;
+    }
+
+    .edit {
+      width: 100%;
+      padding: 12px;
+      background-color: #fff;
+      border-radius: 7px;
+      margin: 20px 0;
+
+      .button-area {
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        margin-bottom: 20px;
+      }
+    }
+
+    .set {
+      height: 200px;
+    }
+  }
+</style>

diff --git a/.eslintrc b/.eslintrc
index 5c6806e..72e93a1 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -4,6 +4,7 @@
     "curly": ["error", "all"],
     "no-tabs":"off",
     "no-const-assign": "off",
+    "no-console": "off",
     "vue/component-name-in-template-casing": ["error", "kebab-case", {
       "registeredComponentsOnly": false,
       "ignores": []
diff --git a/src/views/system/process/editProcess.vue b/src/views/system/process/editProcess.vue
new file mode 100644
index 0000000..4a92993
--- /dev/null
+++ b/src/views/system/process/editProcess.vue
@@ -0,0 +1,229 @@
+<!-- 编辑流程页面 -->
+<script lang="ts" setup name="EditProcess">
+import { reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { Ref } from 'vue'
+import type { Iform } from './process'
+const emits = defineEmits(['close'])
+const ruleFormRef = ref<FormInstance>()
+const form: Ref<Iform> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  business: '', // 关联业务
+  desc: '', // 流程描述
+  selectDecision: '', // 选择的决策
+  rejectTo: '', // 可驳回至
+  changeData: '', // 驳回修改数据
+  isMessage: '', // 审批结果通知发起人
+})
+// 可选决策项
+const decision = [
+  {
+    id: 'reject-refuse',
+    title: '同意 驳回 拒绝',
+  },
+  {
+    id: 'reject',
+    title: '同意 驳回',
+  },
+  {
+    id: 'refuse',
+    title: '同意 拒绝',
+  },
+]
+// 可驳回至
+const reject = [
+  {
+    id: 'change',
+    title: '单据修改',
+  },
+]
+// 驳回修改数据
+const rejectChangeData = [
+  {
+    id: 'all',
+    title: '重新按流程走',
+  },
+  {
+    id: 'part',
+    title: '送至驳回节点',
+  },
+]
+// 审批结果通知发起人
+const messageData = [
+  {
+    id: 'yes',
+    title: '是',
+  },
+  {
+    id: 'no',
+    title: '否',
+  },
+]
+const rules = reactive<FormRules>({
+  selectDecision: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  rejectTo: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  changeData: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  isMessage: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+})
+
+// 关闭
+const close = () => {
+  emits('close')
+}
+// 保存
+const save = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // 调保存接口
+    }
+    else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+// 选择决策项
+const changeDecision = (value: string) => {
+  form.value.selectDecision = value
+}
+const changeRejectTo = (value: string) => {
+  form.value.rejectTo = value
+}
+const changeData = (value: string) => {
+  form.value.changeData = value
+}
+const changeMessage = (value: string) => {
+  form.value.isMessage = value
+}
+</script>
+
+<template>
+  <div class="edit-process">
+    <h5 class="title">
+      流程编辑
+    </h5>
+    <div class="edit">
+      <div class="button-area">
+        <el-button type="primary" @click="save(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="primary" @click="close">
+          关闭
+        </el-button>
+      </div>
+      <el-form ref="ruleFormRef" :model="form" label-width="140px" :rules="rules">
+        <el-form-item label="流程编号">
+          {{ form.number }}
+        </el-form-item>
+        <el-form-item label="流程名称">
+          {{ form.name }}
+        </el-form-item>
+        <el-form-item label="关联业务">
+          {{ form.business }}
+        </el-form-item>
+        <el-form-item label="流程描述">
+          <el-input v-model="form.desc" type="textarea" />
+        </el-form-item>
+        <el-form-item label="可选决策项" prop="selectDecision">
+          <el-select v-model="form.selectDecision" placeholder="请选择" @change="changeDecision">
+            <el-option
+              v-for="item in decision"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="可驳回至" prop="rejectTo">
+          <el-select v-model="form.rejectTo" placeholder="请选择" @change="changeRejectTo">
+            <el-option
+              v-for="item in reject"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="驳回修改数据" prop="changeData">
+          <el-select v-model="form.changeData" placeholder="请选择" @change="changeData">
+            <el-option
+              v-for="item in rejectChangeData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="审批结果通知发起人" prop="isMessage">
+          <el-select v-model="form.isMessage" placeholder="请选择" @change="changeMessage">
+            <el-option
+              v-for="item in messageData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <h5 class="title">
+      流程配置
+    </h5>
+    <div class="set edit" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .edit-process {
+    width: 100%;
+
+    .title {
+      margin: 0;
+    }
+
+    .edit {
+      width: 100%;
+      padding: 12px;
+      background-color: #fff;
+      border-radius: 7px;
+      margin: 20px 0;
+
+      .button-area {
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        margin-bottom: 20px;
+      }
+    }
+
+    .set {
+      height: 200px;
+    }
+  }
+</style>
diff --git a/src/views/system/process/process.ts b/src/views/system/process/process.ts
index 554c264..7b12a6a 100644
--- a/src/views/system/process/process.ts
+++ b/src/views/system/process/process.ts
@@ -9,3 +9,14 @@
   offset: number
   limit: number
 }
+
+export interface Iform {
+  number: string // 编号
+  name: string // 名称
+  business: string // 关联业务
+  desc?: string // 流程描述
+  selectDecision: string // 选择的决策
+  rejectTo?: string // 可驳回至
+  changeData?: string // 驳回修改数据
+  isMessage: string // 审批结果通知发起人
+}

diff --git a/.eslintrc b/.eslintrc
index 5c6806e..72e93a1 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -4,6 +4,7 @@
     "curly": ["error", "all"],
     "no-tabs":"off",
     "no-const-assign": "off",
+    "no-console": "off",
     "vue/component-name-in-template-casing": ["error", "kebab-case", {
       "registeredComponentsOnly": false,
       "ignores": []
diff --git a/src/views/system/process/editProcess.vue b/src/views/system/process/editProcess.vue
new file mode 100644
index 0000000..4a92993
--- /dev/null
+++ b/src/views/system/process/editProcess.vue
@@ -0,0 +1,229 @@
+<!-- 编辑流程页面 -->
+<script lang="ts" setup name="EditProcess">
+import { reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { Ref } from 'vue'
+import type { Iform } from './process'
+const emits = defineEmits(['close'])
+const ruleFormRef = ref<FormInstance>()
+const form: Ref<Iform> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  business: '', // 关联业务
+  desc: '', // 流程描述
+  selectDecision: '', // 选择的决策
+  rejectTo: '', // 可驳回至
+  changeData: '', // 驳回修改数据
+  isMessage: '', // 审批结果通知发起人
+})
+// 可选决策项
+const decision = [
+  {
+    id: 'reject-refuse',
+    title: '同意 驳回 拒绝',
+  },
+  {
+    id: 'reject',
+    title: '同意 驳回',
+  },
+  {
+    id: 'refuse',
+    title: '同意 拒绝',
+  },
+]
+// 可驳回至
+const reject = [
+  {
+    id: 'change',
+    title: '单据修改',
+  },
+]
+// 驳回修改数据
+const rejectChangeData = [
+  {
+    id: 'all',
+    title: '重新按流程走',
+  },
+  {
+    id: 'part',
+    title: '送至驳回节点',
+  },
+]
+// 审批结果通知发起人
+const messageData = [
+  {
+    id: 'yes',
+    title: '是',
+  },
+  {
+    id: 'no',
+    title: '否',
+  },
+]
+const rules = reactive<FormRules>({
+  selectDecision: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  rejectTo: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  changeData: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  isMessage: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+})
+
+// 关闭
+const close = () => {
+  emits('close')
+}
+// 保存
+const save = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // 调保存接口
+    }
+    else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+// 选择决策项
+const changeDecision = (value: string) => {
+  form.value.selectDecision = value
+}
+const changeRejectTo = (value: string) => {
+  form.value.rejectTo = value
+}
+const changeData = (value: string) => {
+  form.value.changeData = value
+}
+const changeMessage = (value: string) => {
+  form.value.isMessage = value
+}
+</script>
+
+<template>
+  <div class="edit-process">
+    <h5 class="title">
+      流程编辑
+    </h5>
+    <div class="edit">
+      <div class="button-area">
+        <el-button type="primary" @click="save(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="primary" @click="close">
+          关闭
+        </el-button>
+      </div>
+      <el-form ref="ruleFormRef" :model="form" label-width="140px" :rules="rules">
+        <el-form-item label="流程编号">
+          {{ form.number }}
+        </el-form-item>
+        <el-form-item label="流程名称">
+          {{ form.name }}
+        </el-form-item>
+        <el-form-item label="关联业务">
+          {{ form.business }}
+        </el-form-item>
+        <el-form-item label="流程描述">
+          <el-input v-model="form.desc" type="textarea" />
+        </el-form-item>
+        <el-form-item label="可选决策项" prop="selectDecision">
+          <el-select v-model="form.selectDecision" placeholder="请选择" @change="changeDecision">
+            <el-option
+              v-for="item in decision"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="可驳回至" prop="rejectTo">
+          <el-select v-model="form.rejectTo" placeholder="请选择" @change="changeRejectTo">
+            <el-option
+              v-for="item in reject"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="驳回修改数据" prop="changeData">
+          <el-select v-model="form.changeData" placeholder="请选择" @change="changeData">
+            <el-option
+              v-for="item in rejectChangeData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="审批结果通知发起人" prop="isMessage">
+          <el-select v-model="form.isMessage" placeholder="请选择" @change="changeMessage">
+            <el-option
+              v-for="item in messageData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <h5 class="title">
+      流程配置
+    </h5>
+    <div class="set edit" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .edit-process {
+    width: 100%;
+
+    .title {
+      margin: 0;
+    }
+
+    .edit {
+      width: 100%;
+      padding: 12px;
+      background-color: #fff;
+      border-radius: 7px;
+      margin: 20px 0;
+
+      .button-area {
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        margin-bottom: 20px;
+      }
+    }
+
+    .set {
+      height: 200px;
+    }
+  }
+</style>
diff --git a/src/views/system/process/process.ts b/src/views/system/process/process.ts
index 554c264..7b12a6a 100644
--- a/src/views/system/process/process.ts
+++ b/src/views/system/process/process.ts
@@ -9,3 +9,14 @@
   offset: number
   limit: number
 }
+
+export interface Iform {
+  number: string // 编号
+  name: string // 名称
+  business: string // 关联业务
+  desc?: string // 流程描述
+  selectDecision: string // 选择的决策
+  rejectTo?: string // 可驳回至
+  changeData?: string // 驳回修改数据
+  isMessage: string // 审批结果通知发起人
+}
diff --git a/src/views/system/process/process.vue b/src/views/system/process/process.vue
index 84319b8..f248fe7 100644
--- a/src/views/system/process/process.vue
+++ b/src/views/system/process/process.vue
@@ -3,9 +3,11 @@
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Delete } from '@element-plus/icons-vue'
 import type { IlistQuery } from './process'
+import EditProcess from './editProcess.vue'
 import { delLoginLog, getLoginLogList } from '@/api/system/log'
 
 const { proxy } = getCurrentInstance() as any
+const active = ref('main')
 const listQuery: IlistQuery = reactive({
   number: '', // 编号
   name: '', // 名称
@@ -104,90 +106,128 @@
   }
   fetchData(true)
 }
+
+// 重置
+const reset = () => {
+  console.log('点击重置')
+}
+// 编辑
+const edit = (row: IlistQuery) => {
+  console.log('编辑')
+  active.value = 'edit'
+}
+// 详情
+const detail = (row: IlistQuery) => {
+  console.log('查看详情')
+  active.value = 'detail'
+}
+// 废止
+const abolish = (row: IlistQuery) => {
+  console.log('废止')
+}
+// 删除
+const del = (row: IlistQuery) => {
+  console.log('删除')
+}
+// 编辑页面点击关闭
+const close = () => {
+  active.value = 'main'
+}
 </script>
 
 <template>
   <div class="process">
     <app-container>
-      <!-- 筛选条件 -->
-      <search-area @search="search">
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.number"
-            placeholder="流程编号"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.name"
-            placeholder="流程名称"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.business"
-            placeholder="关联业务"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.status"
-            placeholder="当前流程状态"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.person"
-            placeholder="流程负责人"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.time"
-            type="datetime"
-            value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="创建时间"
-          />
-        </search-item>
-        <template #btns>
-          <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
-            重置
-          </el-button>
-        </template>
-      </search-area>
-      <!-- 查询结果Table显示 -->
-      <normal-table
-        :data="list"
-        :total="total"
-        :columns="columns"
-        :query="listQuery"
-        :list-loading="listLoading"
-        @change="changePage"
-      >
-        <template #columns>
-          <el-table-column label="操作" width="200" align="center">
-            <template #default="scope">
-              <el-button type="primary" link size="small" class="table-text-button" @click="edit(scope.row)">
-                编辑
-              </el-button>
-              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
-                详情
-              </el-button>
-              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
-                废止
-              </el-button>
-              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
-                删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </template>
-      </normal-table>
+      <!-- 主页面 -->
+      <div v-if="active === 'main'">
+        <!-- 筛选条件 -->
+        <search-area @search="search">
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.number"
+              placeholder="流程编号"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.name"
+              placeholder="流程名称"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.business"
+              placeholder="关联业务"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.status"
+              placeholder="当前流程状态"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.person"
+              placeholder="流程负责人"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="listQuery.time"
+              type="datetime"
+              value-format="YYYY/MM/DD HH:mm:ss"
+              placeholder="创建时间"
+            />
+          </search-item>
+          <template #btns>
+            <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
+              重置
+            </el-button>
+          </template>
+        </search-area>
+        <!-- 查询结果Table显示 -->
+        <normal-table
+          :data="list"
+          :total="total"
+          :columns="columns"
+          :query="listQuery"
+          :list-loading="listLoading"
+          @change="changePage"
+        >
+          <template #columns>
+            <el-table-column label="操作" width="200" align="center">
+              <template #default="scope">
+                <el-button type="primary" link size="small" class="table-text-button" @click="edit(scope.row)">
+                  编辑
+                </el-button>
+                <el-button type="primary" link size="small" class="table-text-button" @click="detail(scope.row)">
+                  详情
+                </el-button>
+                <el-button type="primary" link size="small" class="table-text-button" @click="abolish(scope.row)">
+                  废止
+                </el-button>
+                <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </div>
+      <!-- 编辑 -->
+      <div v-if="active === 'edit'">
+        <edit-process @close="close" />
+      </div>
+      <!-- 详情 -->
+      <div v-if="active === 'detail'">
+        详情
+      </div>
     </app-container>
   </div>
 </template>

diff --git a/.eslintrc b/.eslintrc
index 5c6806e..72e93a1 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -4,6 +4,7 @@
     "curly": ["error", "all"],
     "no-tabs":"off",
     "no-const-assign": "off",
+    "no-console": "off",
     "vue/component-name-in-template-casing": ["error", "kebab-case", {
       "registeredComponentsOnly": false,
       "ignores": []
diff --git a/src/views/system/process/editProcess.vue b/src/views/system/process/editProcess.vue
new file mode 100644
index 0000000..4a92993
--- /dev/null
+++ b/src/views/system/process/editProcess.vue
@@ -0,0 +1,229 @@
+<!-- 编辑流程页面 -->
+<script lang="ts" setup name="EditProcess">
+import { reactive, ref } from 'vue'
+import type { FormInstance, FormRules } from 'element-plus'
+import type { Ref } from 'vue'
+import type { Iform } from './process'
+const emits = defineEmits(['close'])
+const ruleFormRef = ref<FormInstance>()
+const form: Ref<Iform> = ref({
+  number: '', // 编号
+  name: '', // 名称
+  business: '', // 关联业务
+  desc: '', // 流程描述
+  selectDecision: '', // 选择的决策
+  rejectTo: '', // 可驳回至
+  changeData: '', // 驳回修改数据
+  isMessage: '', // 审批结果通知发起人
+})
+// 可选决策项
+const decision = [
+  {
+    id: 'reject-refuse',
+    title: '同意 驳回 拒绝',
+  },
+  {
+    id: 'reject',
+    title: '同意 驳回',
+  },
+  {
+    id: 'refuse',
+    title: '同意 拒绝',
+  },
+]
+// 可驳回至
+const reject = [
+  {
+    id: 'change',
+    title: '单据修改',
+  },
+]
+// 驳回修改数据
+const rejectChangeData = [
+  {
+    id: 'all',
+    title: '重新按流程走',
+  },
+  {
+    id: 'part',
+    title: '送至驳回节点',
+  },
+]
+// 审批结果通知发起人
+const messageData = [
+  {
+    id: 'yes',
+    title: '是',
+  },
+  {
+    id: 'no',
+    title: '否',
+  },
+]
+const rules = reactive<FormRules>({
+  selectDecision: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  rejectTo: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  changeData: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+  isMessage: [
+    {
+      required: true,
+      message: '请选择',
+      trigger: 'change',
+    },
+  ],
+})
+
+// 关闭
+const close = () => {
+  emits('close')
+}
+// 保存
+const save = async (formEl: FormInstance | undefined) => {
+  if (!formEl) { return }
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      // 调保存接口
+    }
+    else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+// 选择决策项
+const changeDecision = (value: string) => {
+  form.value.selectDecision = value
+}
+const changeRejectTo = (value: string) => {
+  form.value.rejectTo = value
+}
+const changeData = (value: string) => {
+  form.value.changeData = value
+}
+const changeMessage = (value: string) => {
+  form.value.isMessage = value
+}
+</script>
+
+<template>
+  <div class="edit-process">
+    <h5 class="title">
+      流程编辑
+    </h5>
+    <div class="edit">
+      <div class="button-area">
+        <el-button type="primary" @click="save(ruleFormRef)">
+          保存
+        </el-button>
+        <el-button type="primary" @click="close">
+          关闭
+        </el-button>
+      </div>
+      <el-form ref="ruleFormRef" :model="form" label-width="140px" :rules="rules">
+        <el-form-item label="流程编号">
+          {{ form.number }}
+        </el-form-item>
+        <el-form-item label="流程名称">
+          {{ form.name }}
+        </el-form-item>
+        <el-form-item label="关联业务">
+          {{ form.business }}
+        </el-form-item>
+        <el-form-item label="流程描述">
+          <el-input v-model="form.desc" type="textarea" />
+        </el-form-item>
+        <el-form-item label="可选决策项" prop="selectDecision">
+          <el-select v-model="form.selectDecision" placeholder="请选择" @change="changeDecision">
+            <el-option
+              v-for="item in decision"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="可驳回至" prop="rejectTo">
+          <el-select v-model="form.rejectTo" placeholder="请选择" @change="changeRejectTo">
+            <el-option
+              v-for="item in reject"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.selectDecision !== 'refuse'" label="驳回修改数据" prop="changeData">
+          <el-select v-model="form.changeData" placeholder="请选择" @change="changeData">
+            <el-option
+              v-for="item in rejectChangeData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="审批结果通知发起人" prop="isMessage">
+          <el-select v-model="form.isMessage" placeholder="请选择" @change="changeMessage">
+            <el-option
+              v-for="item in messageData"
+              :key="item.id"
+              :label="item.title"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <h5 class="title">
+      流程配置
+    </h5>
+    <div class="set edit" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+  .edit-process {
+    width: 100%;
+
+    .title {
+      margin: 0;
+    }
+
+    .edit {
+      width: 100%;
+      padding: 12px;
+      background-color: #fff;
+      border-radius: 7px;
+      margin: 20px 0;
+
+      .button-area {
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        margin-bottom: 20px;
+      }
+    }
+
+    .set {
+      height: 200px;
+    }
+  }
+</style>
diff --git a/src/views/system/process/process.ts b/src/views/system/process/process.ts
index 554c264..7b12a6a 100644
--- a/src/views/system/process/process.ts
+++ b/src/views/system/process/process.ts
@@ -9,3 +9,14 @@
   offset: number
   limit: number
 }
+
+export interface Iform {
+  number: string // 编号
+  name: string // 名称
+  business: string // 关联业务
+  desc?: string // 流程描述
+  selectDecision: string // 选择的决策
+  rejectTo?: string // 可驳回至
+  changeData?: string // 驳回修改数据
+  isMessage: string // 审批结果通知发起人
+}
diff --git a/src/views/system/process/process.vue b/src/views/system/process/process.vue
index 84319b8..f248fe7 100644
--- a/src/views/system/process/process.vue
+++ b/src/views/system/process/process.vue
@@ -3,9 +3,11 @@
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Delete } from '@element-plus/icons-vue'
 import type { IlistQuery } from './process'
+import EditProcess from './editProcess.vue'
 import { delLoginLog, getLoginLogList } from '@/api/system/log'
 
 const { proxy } = getCurrentInstance() as any
+const active = ref('main')
 const listQuery: IlistQuery = reactive({
   number: '', // 编号
   name: '', // 名称
@@ -104,90 +106,128 @@
   }
   fetchData(true)
 }
+
+// 重置
+const reset = () => {
+  console.log('点击重置')
+}
+// 编辑
+const edit = (row: IlistQuery) => {
+  console.log('编辑')
+  active.value = 'edit'
+}
+// 详情
+const detail = (row: IlistQuery) => {
+  console.log('查看详情')
+  active.value = 'detail'
+}
+// 废止
+const abolish = (row: IlistQuery) => {
+  console.log('废止')
+}
+// 删除
+const del = (row: IlistQuery) => {
+  console.log('删除')
+}
+// 编辑页面点击关闭
+const close = () => {
+  active.value = 'main'
+}
 </script>
 
 <template>
   <div class="process">
     <app-container>
-      <!-- 筛选条件 -->
-      <search-area @search="search">
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.number"
-            placeholder="流程编号"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.name"
-            placeholder="流程名称"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.business"
-            placeholder="关联业务"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.status"
-            placeholder="当前流程状态"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-input
-            v-model.trim="listQuery.person"
-            placeholder="流程负责人"
-            clearable
-          />
-        </search-item>
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.time"
-            type="datetime"
-            value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="创建时间"
-          />
-        </search-item>
-        <template #btns>
-          <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
-            重置
-          </el-button>
-        </template>
-      </search-area>
-      <!-- 查询结果Table显示 -->
-      <normal-table
-        :data="list"
-        :total="total"
-        :columns="columns"
-        :query="listQuery"
-        :list-loading="listLoading"
-        @change="changePage"
-      >
-        <template #columns>
-          <el-table-column label="操作" width="200" align="center">
-            <template #default="scope">
-              <el-button type="primary" link size="small" class="table-text-button" @click="edit(scope.row)">
-                编辑
-              </el-button>
-              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
-                详情
-              </el-button>
-              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
-                废止
-              </el-button>
-              <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
-                删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </template>
-      </normal-table>
+      <!-- 主页面 -->
+      <div v-if="active === 'main'">
+        <!-- 筛选条件 -->
+        <search-area @search="search">
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.number"
+              placeholder="流程编号"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.name"
+              placeholder="流程名称"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.business"
+              placeholder="关联业务"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.status"
+              placeholder="当前流程状态"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-input
+              v-model.trim="listQuery.person"
+              placeholder="流程负责人"
+              clearable
+            />
+          </search-item>
+          <search-item>
+            <el-date-picker
+              v-model="listQuery.time"
+              type="datetime"
+              value-format="YYYY/MM/DD HH:mm:ss"
+              placeholder="创建时间"
+            />
+          </search-item>
+          <template #btns>
+            <el-button class="filter-item" type="info" :icon="Delete" :style="{ marginTop: '-10px' }" @click="reset">
+              重置
+            </el-button>
+          </template>
+        </search-area>
+        <!-- 查询结果Table显示 -->
+        <normal-table
+          :data="list"
+          :total="total"
+          :columns="columns"
+          :query="listQuery"
+          :list-loading="listLoading"
+          @change="changePage"
+        >
+          <template #columns>
+            <el-table-column label="操作" width="200" align="center">
+              <template #default="scope">
+                <el-button type="primary" link size="small" class="table-text-button" @click="edit(scope.row)">
+                  编辑
+                </el-button>
+                <el-button type="primary" link size="small" class="table-text-button" @click="detail(scope.row)">
+                  详情
+                </el-button>
+                <el-button type="primary" link size="small" class="table-text-button" @click="abolish(scope.row)">
+                  废止
+                </el-button>
+                <el-button type="primary" link size="small" class="table-text-button" @click="del(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </template>
+        </normal-table>
+      </div>
+      <!-- 编辑 -->
+      <div v-if="active === 'edit'">
+        <edit-process @close="close" />
+      </div>
+      <!-- 详情 -->
+      <div v-if="active === 'detail'">
+        详情
+      </div>
     </app-container>
   </div>
 </template>
diff --git a/src/views/system/user/list.user.vue b/src/views/system/user/list.user.vue
index b4b8abb..2e30a95 100644
--- a/src/views/system/user/list.user.vue
+++ b/src/views/system/user/list.user.vue
@@ -230,8 +230,10 @@
                 <span>组织机构</span>
               </div>
             </template>
-            <el-tree v-loading="loadingTree" :data="treeData" :props="defaultProps" default-expand-all
-              :expand-on-click-node="false" @node-click="handleNodeClick" />
+            <el-tree
+              v-loading="loadingTree" :data="treeData" :props="defaultProps" default-expand-all
+              :expand-on-click-node="false" @node-click="handleNodeClick"
+            />
           </el-card>
         </div>
       </div>
@@ -243,12 +245,16 @@
             <el-input v-model.trim="listQuery.keywords" placeholder="账户/真实姓名/手机号" clearable />
           </search-item>
           <search-item>
-            <el-date-picker v-model="listQuery.beginTime" type="datetime" format="YYYY-MM-DD HH:mm:ss"
-              placeholder="选择开始时间" />
+            <el-date-picker
+              v-model="listQuery.beginTime" type="datetime" format="YYYY-MM-DD HH:mm:ss"
+              placeholder="选择开始时间"
+            />
           </search-item>
           <search-item>
-            <el-date-picker v-model="listQuery.endTime" type="datetime" format="YYYY-MM-DD HH:mm:ss"
-              placeholder="选择结束时间" />
+            <el-date-picker
+              v-model="listQuery.endTime" type="datetime" format="YYYY-MM-DD HH:mm:ss"
+              placeholder="选择结束时间"
+            />
           </search-item>
         </search-area>
         <!-- 操作 -->
@@ -265,8 +271,10 @@
           <el-button v-if="proxy.hasPerm('/sys/mgr/reset')" type="primary" :icon="Key" @click="resetPwd">
             重置密码
           </el-button>
-          <el-button v-if="proxy.hasPerm('/sys/mgr/roleAssign')" type="primary" :icon="MagicStick"
-            @click="assignmentRole">
+          <el-button
+            v-if="proxy.hasPerm('/sys/mgr/roleAssign')" type="primary" :icon="MagicStick"
+            @click="assignmentRole"
+          >
             角色分配
           </el-button>
         </div>
@@ -280,8 +288,10 @@
           </div>
         </div> -->
         <!-- 查询结果Table显示 -->
-        <normal-table :data="list" :total="total" :columns="columns as any" :query="listQuery"
-          :list-loading="loadingTable" @change="changePage">
+        <normal-table
+          :data="list" :total="total" :columns="columns as any" :query="listQuery"
+          :list-loading="loadingTable" @change="changePage"
+        >
           <template #preColumns>
             <el-table-column label="选择" width="55" align="center">
               <template #default="scope">
@@ -314,9 +324,9 @@
       </div>
     </div>
     <!-- 角色分配 -->
-    <RoleAssignment ref="roleAssignmentRef" @reset-data="resetData" />
+    <role-assignment ref="roleAssignmentRef" @reset-data="resetData" />
     <!-- 添加或修改用户 -->
-    <AddUser ref="addUserRef" @reset-data="resetData" />
+    <add-user ref="addUserRef" @reset-data="resetData" />
   </app-container>
 </template>