diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
index 7108976..df043ca 100644
--- a/src/components/drawer/promoterDrawer.vue
+++ b/src/components/drawer/promoterDrawer.vue
@@ -1,7 +1,6 @@
 <!-- 发起人设置 -->
 <script setup>
 import { computed, ref, watch } from 'vue'
-import employeesDialog from '../dialog/employeesDialog.vue'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 const workFlowStore = useWorkFlowStore()

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
index 7108976..df043ca 100644
--- a/src/components/drawer/promoterDrawer.vue
+++ b/src/components/drawer/promoterDrawer.vue
@@ -1,7 +1,6 @@
 <!-- 发起人设置 -->
 <script setup>
 import { computed, ref, watch } from 'vue'
-import employeesDialog from '../dialog/employeesDialog.vue'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 const workFlowStore = useWorkFlowStore()
diff --git a/src/plugins/api.js b/src/plugins/api.js
deleted file mode 100644
index f736077..0000000
--- a/src/plugins/api.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import http from '@/plugins/axios'
-const baseUrl = import.meta.env.BASE_URL
-
-/**
- * 获取角色
- * @param {*} data
- * @returns
- */
-export function getRoles(data) {
-  return http.get(`${baseUrl}roles.json`, { params: data })
-}
-
-/**
- * 获取部门
- * @param {*} data
- * @returns
- */
-export function getDepartments(data) {
-  return http.get(`${baseUrl}departments.json`, { params: data })
-}
-
-/**
- * 获取职员
- * @param {*} data
- * @returns
- */
-export function getEmployees(data) {
-  return http.get(`${baseUrl}employees.json`, { params: data })
-}
-/**
- * 获取条件字段
- * @param {*} data
- * @returns
- */
-export function getConditions(data) {
-  return http.get(`${baseUrl}conditions.json`, { params: data })
-}
-
-/**
- * 获取审批数据
- * @param {*} data
- * @returns
- */
-export function getWorkFlowData(data) {
-  return http.get(`${baseUrl}data.json`, { params: data })
-}
-/**
- * 设置审批数据
- * @param {*} data
- * @returns
- */
-export function setWorkFlowData(data) {
-  return http.post(`${baseUrl}`, data)
-}

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
index 7108976..df043ca 100644
--- a/src/components/drawer/promoterDrawer.vue
+++ b/src/components/drawer/promoterDrawer.vue
@@ -1,7 +1,6 @@
 <!-- 发起人设置 -->
 <script setup>
 import { computed, ref, watch } from 'vue'
-import employeesDialog from '../dialog/employeesDialog.vue'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 const workFlowStore = useWorkFlowStore()
diff --git a/src/plugins/api.js b/src/plugins/api.js
deleted file mode 100644
index f736077..0000000
--- a/src/plugins/api.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import http from '@/plugins/axios'
-const baseUrl = import.meta.env.BASE_URL
-
-/**
- * 获取角色
- * @param {*} data
- * @returns
- */
-export function getRoles(data) {
-  return http.get(`${baseUrl}roles.json`, { params: data })
-}
-
-/**
- * 获取部门
- * @param {*} data
- * @returns
- */
-export function getDepartments(data) {
-  return http.get(`${baseUrl}departments.json`, { params: data })
-}
-
-/**
- * 获取职员
- * @param {*} data
- * @returns
- */
-export function getEmployees(data) {
-  return http.get(`${baseUrl}employees.json`, { params: data })
-}
-/**
- * 获取条件字段
- * @param {*} data
- * @returns
- */
-export function getConditions(data) {
-  return http.get(`${baseUrl}conditions.json`, { params: data })
-}
-
-/**
- * 获取审批数据
- * @param {*} data
- * @returns
- */
-export function getWorkFlowData(data) {
-  return http.get(`${baseUrl}data.json`, { params: data })
-}
-/**
- * 设置审批数据
- * @param {*} data
- * @returns
- */
-export function setWorkFlowData(data) {
-  return http.post(`${baseUrl}`, data)
-}
diff --git a/src/plugins/axios.js b/src/plugins/axios.js
deleted file mode 100644
index ca3c7e2..0000000
--- a/src/plugins/axios.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:43:53
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:02
- * @FilePath: /Workflow-Vue3/src/plugins/axios.js
- */
-'use strict'
-
-import axios from 'axios'
-
-// Full config:  https://github.com/axios/axios#request-config
-// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
-// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
-// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
-
-const config = {
-  // baseURL: process.env.baseURL || process.env.apiUrl || ""
-  // timeout: 60 * 1000, // Timeout
-  // withCredentials: true, // Check cross-site Access-Control
-}
-
-const _axios = axios.create(config)
-
-_axios.interceptors.request.use(
-  (config) => {
-    // Do something before request is sent
-    return config
-  },
-  (error) => {
-    // Do something with request error
-    return Promise.reject(error)
-  },
-)
-
-// Add a response interceptor
-_axios.interceptors.response.use(
-  (response) => {
-    // Do something with response data
-    return response.data
-  },
-  (error) => {
-    // Do something with response error
-    return Promise.reject(error)
-  },
-)
-
-export default _axios

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
index 7108976..df043ca 100644
--- a/src/components/drawer/promoterDrawer.vue
+++ b/src/components/drawer/promoterDrawer.vue
@@ -1,7 +1,6 @@
 <!-- 发起人设置 -->
 <script setup>
 import { computed, ref, watch } from 'vue'
-import employeesDialog from '../dialog/employeesDialog.vue'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 const workFlowStore = useWorkFlowStore()
diff --git a/src/plugins/api.js b/src/plugins/api.js
deleted file mode 100644
index f736077..0000000
--- a/src/plugins/api.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import http from '@/plugins/axios'
-const baseUrl = import.meta.env.BASE_URL
-
-/**
- * 获取角色
- * @param {*} data
- * @returns
- */
-export function getRoles(data) {
-  return http.get(`${baseUrl}roles.json`, { params: data })
-}
-
-/**
- * 获取部门
- * @param {*} data
- * @returns
- */
-export function getDepartments(data) {
-  return http.get(`${baseUrl}departments.json`, { params: data })
-}
-
-/**
- * 获取职员
- * @param {*} data
- * @returns
- */
-export function getEmployees(data) {
-  return http.get(`${baseUrl}employees.json`, { params: data })
-}
-/**
- * 获取条件字段
- * @param {*} data
- * @returns
- */
-export function getConditions(data) {
-  return http.get(`${baseUrl}conditions.json`, { params: data })
-}
-
-/**
- * 获取审批数据
- * @param {*} data
- * @returns
- */
-export function getWorkFlowData(data) {
-  return http.get(`${baseUrl}data.json`, { params: data })
-}
-/**
- * 设置审批数据
- * @param {*} data
- * @returns
- */
-export function setWorkFlowData(data) {
-  return http.post(`${baseUrl}`, data)
-}
diff --git a/src/plugins/axios.js b/src/plugins/axios.js
deleted file mode 100644
index ca3c7e2..0000000
--- a/src/plugins/axios.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:43:53
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:02
- * @FilePath: /Workflow-Vue3/src/plugins/axios.js
- */
-'use strict'
-
-import axios from 'axios'
-
-// Full config:  https://github.com/axios/axios#request-config
-// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
-// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
-// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
-
-const config = {
-  // baseURL: process.env.baseURL || process.env.apiUrl || ""
-  // timeout: 60 * 1000, // Timeout
-  // withCredentials: true, // Check cross-site Access-Control
-}
-
-const _axios = axios.create(config)
-
-_axios.interceptors.request.use(
-  (config) => {
-    // Do something before request is sent
-    return config
-  },
-  (error) => {
-    // Do something with request error
-    return Promise.reject(error)
-  },
-)
-
-// Add a response interceptor
-_axios.interceptors.response.use(
-  (response) => {
-    // Do something with response data
-    return response.data
-  },
-  (error) => {
-    // Do something with response error
-    return Promise.reject(error)
-  },
-)
-
-export default _axios
diff --git a/src/plugins/element.js b/src/plugins/element.js
deleted file mode 100644
index 3e66f98..0000000
--- a/src/plugins/element.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Vue from 'vue'
-import {
-  Breadcrumb, BreadcrumbItem,
-  Button, Checkbox,
-  CheckboxGroup, Dialog,
-  Drawer, Message,
-  Popover, Radio,
-  RadioGroup, TabPane,
-  Tabs,
-  Tree,
-} from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-Vue.use(Button)
-Vue.use(Popover)
-Vue.use(Dialog)
-Vue.use(Drawer)
-Vue.use(Tree)
-Vue.use(Radio)
-Vue.use(RadioGroup)
-Vue.use(Checkbox)
-Vue.use(CheckboxGroup)
-Vue.use(Breadcrumb)
-Vue.use(BreadcrumbItem)
-Vue.use(Tabs)
-Vue.use(TabPane)
-
-Vue.prototype.$message = {
-  error(msg) {
-    Message.closeAll()
-    Message.error(msg)
-  },
-  success(msg) {
-    Message.closeAll()
-    Message.success(msg)
-  },
-}

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
index 7108976..df043ca 100644
--- a/src/components/drawer/promoterDrawer.vue
+++ b/src/components/drawer/promoterDrawer.vue
@@ -1,7 +1,6 @@
 <!-- 发起人设置 -->
 <script setup>
 import { computed, ref, watch } from 'vue'
-import employeesDialog from '../dialog/employeesDialog.vue'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 const workFlowStore = useWorkFlowStore()
diff --git a/src/plugins/api.js b/src/plugins/api.js
deleted file mode 100644
index f736077..0000000
--- a/src/plugins/api.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import http from '@/plugins/axios'
-const baseUrl = import.meta.env.BASE_URL
-
-/**
- * 获取角色
- * @param {*} data
- * @returns
- */
-export function getRoles(data) {
-  return http.get(`${baseUrl}roles.json`, { params: data })
-}
-
-/**
- * 获取部门
- * @param {*} data
- * @returns
- */
-export function getDepartments(data) {
-  return http.get(`${baseUrl}departments.json`, { params: data })
-}
-
-/**
- * 获取职员
- * @param {*} data
- * @returns
- */
-export function getEmployees(data) {
-  return http.get(`${baseUrl}employees.json`, { params: data })
-}
-/**
- * 获取条件字段
- * @param {*} data
- * @returns
- */
-export function getConditions(data) {
-  return http.get(`${baseUrl}conditions.json`, { params: data })
-}
-
-/**
- * 获取审批数据
- * @param {*} data
- * @returns
- */
-export function getWorkFlowData(data) {
-  return http.get(`${baseUrl}data.json`, { params: data })
-}
-/**
- * 设置审批数据
- * @param {*} data
- * @returns
- */
-export function setWorkFlowData(data) {
-  return http.post(`${baseUrl}`, data)
-}
diff --git a/src/plugins/axios.js b/src/plugins/axios.js
deleted file mode 100644
index ca3c7e2..0000000
--- a/src/plugins/axios.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:43:53
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:02
- * @FilePath: /Workflow-Vue3/src/plugins/axios.js
- */
-'use strict'
-
-import axios from 'axios'
-
-// Full config:  https://github.com/axios/axios#request-config
-// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
-// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
-// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
-
-const config = {
-  // baseURL: process.env.baseURL || process.env.apiUrl || ""
-  // timeout: 60 * 1000, // Timeout
-  // withCredentials: true, // Check cross-site Access-Control
-}
-
-const _axios = axios.create(config)
-
-_axios.interceptors.request.use(
-  (config) => {
-    // Do something before request is sent
-    return config
-  },
-  (error) => {
-    // Do something with request error
-    return Promise.reject(error)
-  },
-)
-
-// Add a response interceptor
-_axios.interceptors.response.use(
-  (response) => {
-    // Do something with response data
-    return response.data
-  },
-  (error) => {
-    // Do something with response error
-    return Promise.reject(error)
-  },
-)
-
-export default _axios
diff --git a/src/plugins/element.js b/src/plugins/element.js
deleted file mode 100644
index 3e66f98..0000000
--- a/src/plugins/element.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Vue from 'vue'
-import {
-  Breadcrumb, BreadcrumbItem,
-  Button, Checkbox,
-  CheckboxGroup, Dialog,
-  Drawer, Message,
-  Popover, Radio,
-  RadioGroup, TabPane,
-  Tabs,
-  Tree,
-} from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-Vue.use(Button)
-Vue.use(Popover)
-Vue.use(Dialog)
-Vue.use(Drawer)
-Vue.use(Tree)
-Vue.use(Radio)
-Vue.use(RadioGroup)
-Vue.use(Checkbox)
-Vue.use(CheckboxGroup)
-Vue.use(Breadcrumb)
-Vue.use(BreadcrumbItem)
-Vue.use(Tabs)
-Vue.use(TabPane)
-
-Vue.prototype.$message = {
-  error(msg) {
-    Message.closeAll()
-    Message.error(msg)
-  },
-  success(msg) {
-    Message.closeAll()
-    Message.success(msg)
-  },
-}
diff --git a/src/plugins/lib.ts b/src/plugins/lib.ts
deleted file mode 100644
index cc6ab69..0000000
--- a/src/plugins/lib.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * @Date: 2022-08-25 15:35:18
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:04
- * @FilePath: /Workflow-Vue3/src/plugins/lib.js
- */
-import { computed } from 'vue'
-// import { useStore } from 'vuex'
-import useWorkFlowStore from '../../src/store/modules/workFlow'
-const store = useWorkFlowStore()
-
-const mapState = () => {
-  return Object.fromEntries(
-    Object.keys(store.$state).map(
-      key => [key, computed(() => store.$state[key])],
-    ),
-  )
-}
-
-const mapGetters = () => {
-  return Object.fromEntries(
-    Object.keys(store.getters).map(
-      getter => [getter, computed(() => store.getters[getter])],
-    ),
-  )
-}
-
-const mapMutations = () => {
-  return Object.fromEntries(
-
-    Object.keys(store._mutations).map(
-      mutation => [mutation, value => store.commit(mutation, value)],
-    ),
-  )
-}
-
-const mapActions = () => {
-  return Object.fromEntries(
-    Object.keys(store._actions).map(
-      action => [action, value => store.dispatch(action, value)],
-    ),
-  )
-}
-
-export { mapState, mapGetters, mapMutations, mapActions }

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
index 7108976..df043ca 100644
--- a/src/components/drawer/promoterDrawer.vue
+++ b/src/components/drawer/promoterDrawer.vue
@@ -1,7 +1,6 @@
 <!-- 发起人设置 -->
 <script setup>
 import { computed, ref, watch } from 'vue'
-import employeesDialog from '../dialog/employeesDialog.vue'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 const workFlowStore = useWorkFlowStore()
diff --git a/src/plugins/api.js b/src/plugins/api.js
deleted file mode 100644
index f736077..0000000
--- a/src/plugins/api.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import http from '@/plugins/axios'
-const baseUrl = import.meta.env.BASE_URL
-
-/**
- * 获取角色
- * @param {*} data
- * @returns
- */
-export function getRoles(data) {
-  return http.get(`${baseUrl}roles.json`, { params: data })
-}
-
-/**
- * 获取部门
- * @param {*} data
- * @returns
- */
-export function getDepartments(data) {
-  return http.get(`${baseUrl}departments.json`, { params: data })
-}
-
-/**
- * 获取职员
- * @param {*} data
- * @returns
- */
-export function getEmployees(data) {
-  return http.get(`${baseUrl}employees.json`, { params: data })
-}
-/**
- * 获取条件字段
- * @param {*} data
- * @returns
- */
-export function getConditions(data) {
-  return http.get(`${baseUrl}conditions.json`, { params: data })
-}
-
-/**
- * 获取审批数据
- * @param {*} data
- * @returns
- */
-export function getWorkFlowData(data) {
-  return http.get(`${baseUrl}data.json`, { params: data })
-}
-/**
- * 设置审批数据
- * @param {*} data
- * @returns
- */
-export function setWorkFlowData(data) {
-  return http.post(`${baseUrl}`, data)
-}
diff --git a/src/plugins/axios.js b/src/plugins/axios.js
deleted file mode 100644
index ca3c7e2..0000000
--- a/src/plugins/axios.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:43:53
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:02
- * @FilePath: /Workflow-Vue3/src/plugins/axios.js
- */
-'use strict'
-
-import axios from 'axios'
-
-// Full config:  https://github.com/axios/axios#request-config
-// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
-// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
-// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
-
-const config = {
-  // baseURL: process.env.baseURL || process.env.apiUrl || ""
-  // timeout: 60 * 1000, // Timeout
-  // withCredentials: true, // Check cross-site Access-Control
-}
-
-const _axios = axios.create(config)
-
-_axios.interceptors.request.use(
-  (config) => {
-    // Do something before request is sent
-    return config
-  },
-  (error) => {
-    // Do something with request error
-    return Promise.reject(error)
-  },
-)
-
-// Add a response interceptor
-_axios.interceptors.response.use(
-  (response) => {
-    // Do something with response data
-    return response.data
-  },
-  (error) => {
-    // Do something with response error
-    return Promise.reject(error)
-  },
-)
-
-export default _axios
diff --git a/src/plugins/element.js b/src/plugins/element.js
deleted file mode 100644
index 3e66f98..0000000
--- a/src/plugins/element.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Vue from 'vue'
-import {
-  Breadcrumb, BreadcrumbItem,
-  Button, Checkbox,
-  CheckboxGroup, Dialog,
-  Drawer, Message,
-  Popover, Radio,
-  RadioGroup, TabPane,
-  Tabs,
-  Tree,
-} from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-Vue.use(Button)
-Vue.use(Popover)
-Vue.use(Dialog)
-Vue.use(Drawer)
-Vue.use(Tree)
-Vue.use(Radio)
-Vue.use(RadioGroup)
-Vue.use(Checkbox)
-Vue.use(CheckboxGroup)
-Vue.use(Breadcrumb)
-Vue.use(BreadcrumbItem)
-Vue.use(Tabs)
-Vue.use(TabPane)
-
-Vue.prototype.$message = {
-  error(msg) {
-    Message.closeAll()
-    Message.error(msg)
-  },
-  success(msg) {
-    Message.closeAll()
-    Message.success(msg)
-  },
-}
diff --git a/src/plugins/lib.ts b/src/plugins/lib.ts
deleted file mode 100644
index cc6ab69..0000000
--- a/src/plugins/lib.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * @Date: 2022-08-25 15:35:18
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:04
- * @FilePath: /Workflow-Vue3/src/plugins/lib.js
- */
-import { computed } from 'vue'
-// import { useStore } from 'vuex'
-import useWorkFlowStore from '../../src/store/modules/workFlow'
-const store = useWorkFlowStore()
-
-const mapState = () => {
-  return Object.fromEntries(
-    Object.keys(store.$state).map(
-      key => [key, computed(() => store.$state[key])],
-    ),
-  )
-}
-
-const mapGetters = () => {
-  return Object.fromEntries(
-    Object.keys(store.getters).map(
-      getter => [getter, computed(() => store.getters[getter])],
-    ),
-  )
-}
-
-const mapMutations = () => {
-  return Object.fromEntries(
-
-    Object.keys(store._mutations).map(
-      mutation => [mutation, value => store.commit(mutation, value)],
-    ),
-  )
-}
-
-const mapActions = () => {
-  return Object.fromEntries(
-    Object.keys(store._actions).map(
-      action => [action, value => store.dispatch(action, value)],
-    ),
-  )
-}
-
-export { mapState, mapGetters, mapMutations, mapActions }
diff --git a/src/plugins/preload.js b/src/plugins/preload.js
deleted file mode 100644
index 10a66e2..0000000
--- a/src/plugins/preload.js
+++ /dev/null
@@ -1,141 +0,0 @@
-function All() {}
-All.prototype = {
-  timer: '',
-  debounce(fn, delay = 500) {
-    var _this = this
-    return function (arg) {
-      // 获取函数的作用域和变量
-      const that = this
-      const args = arg
-      clearTimeout(_this.timer) // 清除定时器
-      _this.timer = setTimeout(() => {
-        fn.call(that, args)
-      }, delay)
-    }
-  },
-  setCookie(val) { // cookie设置[{key:value}]、获取key、清除['key1','key2']
-    for (var i = 0, len = val.length; i < len; i++) {
-      for (var key in val[i]) {
-        document.cookie = `${key}=${encodeURIComponent(val[i][key])}; path=/`
-      }
-    }
-  },
-  getCookie(name) {
-    var strCookie = document.cookie
-    var arrCookie = strCookie.split('; ')
-    for (var i = 0, len = arrCookie.length; i < len; i++) {
-      var arr = arrCookie[i].split('=')
-      if (name == arr[0]) {
-        return decodeURIComponent(arr[1])
-      }
-    }
-  },
-  clearCookie(name) {
-    var myDate = new Date()
-    myDate.setTime(-1000) // 设置时间
-    for (var i = 0, len = name.length; i < len; i++) {
-      document.cookie = `${name[i]}=''; path=/; expires=${myDate.toGMTString()}`
-    }
-  },
-  // 将负责人的姓名挑出来做成字符串
-  arrToStr(arr) {
-    if (arr) {
-      return arr.map((item) => { return item.name }).toString()
-    }
-  },
-  toggleClass(arr, elem, key = 'id') {
-    return arr.some((item) => { return item[key] == elem[key] })
-  },
-  toChecked(arr, elem, key = 'id') {
-    console.log('toChecked')
-    var isIncludes = this.toggleClass(arr, elem, key)
-    !isIncludes ? arr.push(elem) : this.removeEle(arr, elem, key)
-  },
-  removeEle(arr, elem, key = 'id') {
-    var includesIndex
-    arr.map((item, index) => {
-      if (item[key] == elem[key]) {
-        includesIndex = index
-      }
-    })
-    arr.splice(includesIndex, 1)
-  },
-  // 设置审批节点的文字
-  setApproverStr(nodeConfig) {
-    let tempValue = '会签'
-    let strPeople = ' '
-    if (nodeConfig.selectCustomApprovalType === 'huoqian') {
-      tempValue = '或签'
-    }
-    if (nodeConfig.selectCustomApprovalMethod === 'normal') {
-      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
-        strPeople = `由${nodeConfig.nodeUserList[0].name}人负责`
-      }
-      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
-        strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（${tempValue}）`
-      }
-      return strPeople
-    }
-    else if (nodeConfig.selectCustomApprovalMethod === 'stepBYstep') {
-      let strPeople = ' '
-      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
-        strPeople = `由${nodeConfig.nodeUserList[0].name}人负责(逐级审批)`
-      }
-      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
-        strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（逐级审批-${tempValue}）`
-      }
-      return strPeople
-    }
-  },
-  dealStr(str, obj) {
-    const arr = []
-    const list = str.split(',')
-    for (var elem in obj) {
-      list.map((item) => {
-        if (item == elem) {
-          arr.push(obj[elem].value)
-        }
-      })
-    }
-    return arr.join('或')
-  },
-  // 设置条件节点的文字
-  conditionStr(nodeConfig, index) {
-    var { conditionList, nodeUserList } = nodeConfig.conditionNodes[index]
-    if (conditionList.length == 0) {
-      return (index == nodeConfig.conditionNodes.length - 1) && nodeConfig.conditionNodes[0].conditionList.length != 0 ? '其他条件进入此流程' : '请设置条件'
-    }
-    else {
-      let str = ''
-      for (var i = 0; i < conditionList.length; i++) {
-        var { columnId } = conditionList[i]
-        if (columnId == 0) {
-          if (nodeUserList.length != 0) {
-            str += '发起人属于：'
-            str += `${nodeUserList.map((item) => { return item.name }).join('、')} `
-          }
-        }
-      }
-      // return str ? str.substring(0, str.length - 4) : '请设置条件'
-      return str || '请设置条件'
-    }
-  },
-  // 设置抄送人节点文字
-  copyerStr(nodeConfig) {
-    if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length != 0) {
-      console.log(this.arrToStr(nodeConfig.nodeUserList))
-      return this.arrToStr(nodeConfig.nodeUserList)
-    }
-    // else {
-    //   if (nodeConfig.ccSelfSelectFlag == 1) {
-    //     return '发起人自选'
-    //   }
-    // }
-  },
-  toggleStrClass(item, key) {
-    const a = item.zdy1 ? item.zdy1.split(',') : []
-    return a.some((item) => { return item == key })
-  },
-}
-
-export default new All()

diff --git a/src/components/dialog/common.js b/src/components/dialog/common.js
deleted file mode 100644
index c7984c5..0000000
--- a/src/components/dialog/common.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:05:59
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:36:34
- * @FilePath: /Workflow-Vue3/src/components/dialog/common.js
- */
-import { ref } from 'vue'
-import { getDepartments, getEmployees, getRoles } from '@/plugins/api.js'
-import $func from '@/plugins/preload.js'
-export const searchVal = ref('')
-export const departments = ref({
-  titleDepartments: [],
-  childDepartments: [],
-  employees: [],
-})
-export const roles = ref({})
-export const getRoleList = async () => {
-  const { data: { list } } = await getRoles()
-  roles.value = list
-}
-export const getDepartmentList = async (parentId = 0) => {
-  const { data } = await getDepartments({ parentId })
-  departments.value = data
-}
-export const getDebounceData = (event, type = 1) => {
-  $func.debounce(async () => {
-    if (event.target.value) {
-      const data = {
-        searchName: event.target.value,
-        pageNum: 1,
-        pageSize: 30,
-      }
-      if (type == 1) {
-        departments.value.childDepartments = []
-        const res = await getEmployees(data)
-        departments.value.employees = res.data.list
-      }
-      else {
-        const res = await getRoles(data)
-        roles.value = res.data.list
-      }
-    }
-    else {
-      type == 1 ? await getDepartmentList() : await getRoleList()
-    }
-  })()
-}
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
deleted file mode 100644
index a52b2ae..0000000
--- a/src/components/dialog/employeesDialog.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { departments, getDebounceData, getDepartmentList, searchVal } from './common'
-import selectResult from '@/components/workFlow/selectResult.vue'
-import selectBox from '@/components/workFlow/selectBox.vue'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedDepartmentList = ref([])
-const checkedEmployessList = ref([])
-const list = computed(() => {
-  return [{
-    isDepartment: props.isDepartment,
-    type: 'department',
-    data: departments.value.childDepartments,
-    isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-    change: item => $func.toChecked(checkedDepartmentList.value, item),
-    next: item => getDepartmentList(item.id),
-  }, {
-    type: 'employee',
-    data: departments.value.employees,
-    isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-    change: item => $func.toChecked(checkedEmployessList.value, item),
-  }]
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.unshift({
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-
-const total = computed(() => checkedDepartmentList.value.length + checkedEmployessList.value.length)
-
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedDepartmentList.value,
-    ...checkedEmployessList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : 3,
-    targetId: item.id,
-    name: item.employeeName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedDepartmentList.value = []
-  checkedEmployessList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event)">
-        <p v-if="!searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
deleted file mode 100644
index 6dc859f..0000000
--- a/src/components/dialog/employeesRoleDialog.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { departments, getDebounceData, getDepartmentList, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  isDepartment: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set() {
-    closeDialog()
-  },
-})
-const checkedRoleList = ref([])
-const checkedEmployessList = ref([])
-const checkedDepartmentList = ref([])
-const activeName = ref('1')
-const list = computed(() => {
-  if (activeName.value === '2') {
-    return [{
-      type: 'role',
-      not: false,
-      data: roles.value,
-      isActiveItem: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-      change: item => $func.toChecked(checkedRoleList.value, item, 'roleId'),
-    }]
-  }
-  else {
-    return [{
-      isDepartment: props.isDepartment,
-      type: 'department',
-      data: departments.value.childDepartments,
-      isActive: item => $func.toggleClass(checkedDepartmentList.value, item),
-      change: item => $func.toChecked(checkedDepartmentList.value, item),
-      next: item => getDepartmentList(item.id),
-    }, {
-      type: 'employee',
-      data: departments.value.employees,
-      isActive: item => $func.toggleClass(checkedEmployessList.value, item),
-      change: item => $func.toChecked(checkedEmployessList.value, item),
-    }]
-  }
-})
-const resList = computed(() => {
-  const data = [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }, {
-    type: 'employee',
-    data: checkedEmployessList.value,
-    cancel: item => $func.removeEle(checkedEmployessList.value, item),
-  }]
-  if (props.isDepartment) {
-    data.splice(1, 0, {
-      type: 'department',
-      data: checkedDepartmentList.value,
-      cancel: item => $func.removeEle(checkedDepartmentList.value, item),
-    })
-  }
-  return data
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    activeName.value = '1'
-    getDepartmentList()
-    searchVal.value = ''
-    checkedEmployessList.value = props.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
-      employeeName: name,
-      id: targetId,
-    }))
-    checkedRoleList.value = props.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-    checkedDepartmentList.value = props.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
-      departmentName: name,
-      id: targetId,
-    }))
-  }
-})
-const total = computed(() => {
-  return checkedEmployessList.value.length
-    + checkedRoleList.value.length
-    + checkedDepartmentList.value.length
-})
-
-const handleClick = () => {
-  searchVal.value = ''
-  if (activeName.value === '1') {
-    getDepartmentList()
-  }
-  else {
-    getRoleList()
-  }
-}
-const saveDialog = () => {
-  const checkedList = [
-    ...checkedRoleList.value,
-    ...checkedEmployessList.value,
-    ...checkedDepartmentList.value,
-  ].map(item => ({
-    type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
-    targetId: item.id || item.roleId,
-    name: item.employeeName || item.roleName || item.departmentName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedEmployessList.value = []
-  checkedRoleList.value = []
-  checkedDepartmentList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择成员" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索成员" @input="getDebounceData($event, activeName)">
-        <el-tabs v-model="activeName" @tab-change="handleClick">
-          <el-tab-pane label="组织架构" name="1" />
-          <el-tab-pane label="角色列表" name="2" />
-        </el-tabs>
-        <p v-if="activeName === '1' && !searchVal" class="ellipsis tree_nav">
-          <span class="ellipsis" @click="getDepartmentList(0)">天下</span>
-          <span
-            v-for="(item, index) in departments.titleDepartments" :key="`${index}a`"
-            class="ellipsis" @click="getDepartmentList(item.id)"
-          >{{ item.departmentName }}</span>
-        </p>
-        <select-box :list="list" style="height: 360px;" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="$emit('update:visible', false)">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
deleted file mode 100644
index 9095fdf..0000000
--- a/src/components/dialog/roleDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue'
-import selectBox from '../workFlow/selectBox.vue'
-import selectResult from '../workFlow/selectResult.vue'
-import { getDebounceData, getRoleList, roles, searchVal } from './common'
-import $func from '@/plugins/preload.js'
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  data: {
-    type: Array,
-    default: () => [],
-  },
-})
-const emits = defineEmits(['update:visible', 'change'])
-const checkedRoleList = ref([])
-const list = computed(() => {
-  return [{
-    type: 'role',
-    not: true,
-    data: roles.value,
-    isActive: item => $func.toggleClass(checkedRoleList.value, item, 'roleId'),
-    change: (item) => {
-      checkedRoleList.value = [item]
-    },
-  }]
-})
-const resList = computed(() => {
-  return [{
-    type: 'role',
-    data: checkedRoleList.value,
-    cancel: item => $func.removeEle(checkedRoleList.value, item, 'roleId'),
-  }]
-})
-const closeDialog = () => {
-  emits('update:visible', false)
-}
-const visibleDialog = computed({
-  get() {
-    return props.visible
-  },
-  set(val) {
-    closeDialog()
-  },
-})
-watch(() => props.visible, (val) => {
-  if (val) {
-    getRoleList()
-    searchVal.value = ''
-    checkedRoleList.value = props.data.map(({ name, targetId }) => ({
-      roleName: name,
-      roleId: targetId,
-    }))
-  }
-})
-const total = computed(() => checkedRoleList.value.length)
-const saveDialog = () => {
-  const checkedList = checkedRoleList.value.map(item => ({
-    type: 2,
-    targetId: item.roleId,
-    name: item.roleName,
-  }))
-  emits('change', checkedList)
-}
-const delList = () => {
-  checkedRoleList.value = []
-}
-</script>
-
-<template>
-  <el-dialog v-model="visibleDialog" title="选择角色" width="600px" append-to-body custom-class="promoter_person">
-    <div class="person_body clear">
-      <div class="person_tree l">
-        <input v-model="searchVal" type="text" placeholder="搜索角色" @input="getDebounceData($event, 2)">
-        <select-box :list="list" />
-      </div>
-      <select-result :total="total" :list="resList" @del="delList" />
-    </div>
-    <template #footer>
-      <el-button @click="closeDialog">
-        取 消
-      </el-button>
-      <el-button type="primary" @click="saveDialog">
-        确 定
-      </el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<style>
-@import "@/css/dialog.css";
-</style>
diff --git a/src/components/dialog/selectEmployeesDialog.vue b/src/components/dialog/selectEmployeesDialog.vue
index a86c6bd..dc67b48 100644
--- a/src/components/dialog/selectEmployeesDialog.vue
+++ b/src/components/dialog/selectEmployeesDialog.vue
@@ -1,4 +1,4 @@
-<!-- 选择角色 -->
+<!-- 选择成员 -->
 <script setup>
 import { computed, getCurrentInstance, onMounted, reactive, ref, watch } from 'vue'
 import { getUserList } from '@/api/system/user'
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
index 0f8d5c0..042b4a8 100644
--- a/src/components/drawer/approverDrawer.vue
+++ b/src/components/drawer/approverDrawer.vue
@@ -2,9 +2,7 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-// import employeesDialog from '../dialog/employeesDialog.vue'
 import selectRoleDialog from '../dialog/selectRoleDialog.vue'
-import roleDialog from '../dialog/roleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 import $func from '@/plugins/preload.js'
 
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
index 57c3a92..d7d68ca 100644
--- a/src/components/drawer/conditionDrawer.vue
+++ b/src/components/drawer/conditionDrawer.vue
@@ -1,9 +1,7 @@
 <!-- 条件设置 -->
 <script setup>
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import $func from '@/plugins/preload'
-// import { mapMutations, mapState } from '@/plugins/lib.js'
 import useWorkFlowStore from '@/store/modules/workFlow'
 import { getConditions } from '@/plugins/api.js'
 
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
index d97284d..6a1bf01 100644
--- a/src/components/drawer/copyerDrawer.vue
+++ b/src/components/drawer/copyerDrawer.vue
@@ -2,7 +2,6 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { ElMessage } from 'element-plus'
-import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
 import selectEmployeesDialog from '../dialog/selectEmployeesDialog.vue'
 
 import $func from '@/plugins/preload'
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
index 7108976..df043ca 100644
--- a/src/components/drawer/promoterDrawer.vue
+++ b/src/components/drawer/promoterDrawer.vue
@@ -1,7 +1,6 @@
 <!-- 发起人设置 -->
 <script setup>
 import { computed, ref, watch } from 'vue'
-import employeesDialog from '../dialog/employeesDialog.vue'
 import $func from '@/plugins/preload'
 import useWorkFlowStore from '@/store/modules/workFlow'
 const workFlowStore = useWorkFlowStore()
diff --git a/src/plugins/api.js b/src/plugins/api.js
deleted file mode 100644
index f736077..0000000
--- a/src/plugins/api.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import http from '@/plugins/axios'
-const baseUrl = import.meta.env.BASE_URL
-
-/**
- * 获取角色
- * @param {*} data
- * @returns
- */
-export function getRoles(data) {
-  return http.get(`${baseUrl}roles.json`, { params: data })
-}
-
-/**
- * 获取部门
- * @param {*} data
- * @returns
- */
-export function getDepartments(data) {
-  return http.get(`${baseUrl}departments.json`, { params: data })
-}
-
-/**
- * 获取职员
- * @param {*} data
- * @returns
- */
-export function getEmployees(data) {
-  return http.get(`${baseUrl}employees.json`, { params: data })
-}
-/**
- * 获取条件字段
- * @param {*} data
- * @returns
- */
-export function getConditions(data) {
-  return http.get(`${baseUrl}conditions.json`, { params: data })
-}
-
-/**
- * 获取审批数据
- * @param {*} data
- * @returns
- */
-export function getWorkFlowData(data) {
-  return http.get(`${baseUrl}data.json`, { params: data })
-}
-/**
- * 设置审批数据
- * @param {*} data
- * @returns
- */
-export function setWorkFlowData(data) {
-  return http.post(`${baseUrl}`, data)
-}
diff --git a/src/plugins/axios.js b/src/plugins/axios.js
deleted file mode 100644
index ca3c7e2..0000000
--- a/src/plugins/axios.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * @Date: 2022-08-25 14:43:53
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:02
- * @FilePath: /Workflow-Vue3/src/plugins/axios.js
- */
-'use strict'
-
-import axios from 'axios'
-
-// Full config:  https://github.com/axios/axios#request-config
-// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
-// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
-// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
-
-const config = {
-  // baseURL: process.env.baseURL || process.env.apiUrl || ""
-  // timeout: 60 * 1000, // Timeout
-  // withCredentials: true, // Check cross-site Access-Control
-}
-
-const _axios = axios.create(config)
-
-_axios.interceptors.request.use(
-  (config) => {
-    // Do something before request is sent
-    return config
-  },
-  (error) => {
-    // Do something with request error
-    return Promise.reject(error)
-  },
-)
-
-// Add a response interceptor
-_axios.interceptors.response.use(
-  (response) => {
-    // Do something with response data
-    return response.data
-  },
-  (error) => {
-    // Do something with response error
-    return Promise.reject(error)
-  },
-)
-
-export default _axios
diff --git a/src/plugins/element.js b/src/plugins/element.js
deleted file mode 100644
index 3e66f98..0000000
--- a/src/plugins/element.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Vue from 'vue'
-import {
-  Breadcrumb, BreadcrumbItem,
-  Button, Checkbox,
-  CheckboxGroup, Dialog,
-  Drawer, Message,
-  Popover, Radio,
-  RadioGroup, TabPane,
-  Tabs,
-  Tree,
-} from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-Vue.use(Button)
-Vue.use(Popover)
-Vue.use(Dialog)
-Vue.use(Drawer)
-Vue.use(Tree)
-Vue.use(Radio)
-Vue.use(RadioGroup)
-Vue.use(Checkbox)
-Vue.use(CheckboxGroup)
-Vue.use(Breadcrumb)
-Vue.use(BreadcrumbItem)
-Vue.use(Tabs)
-Vue.use(TabPane)
-
-Vue.prototype.$message = {
-  error(msg) {
-    Message.closeAll()
-    Message.error(msg)
-  },
-  success(msg) {
-    Message.closeAll()
-    Message.success(msg)
-  },
-}
diff --git a/src/plugins/lib.ts b/src/plugins/lib.ts
deleted file mode 100644
index cc6ab69..0000000
--- a/src/plugins/lib.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * @Date: 2022-08-25 15:35:18
- * @LastEditors: StavinLi 495727881@qq.com
- * @LastEditTime: 2022-09-21 14:37:04
- * @FilePath: /Workflow-Vue3/src/plugins/lib.js
- */
-import { computed } from 'vue'
-// import { useStore } from 'vuex'
-import useWorkFlowStore from '../../src/store/modules/workFlow'
-const store = useWorkFlowStore()
-
-const mapState = () => {
-  return Object.fromEntries(
-    Object.keys(store.$state).map(
-      key => [key, computed(() => store.$state[key])],
-    ),
-  )
-}
-
-const mapGetters = () => {
-  return Object.fromEntries(
-    Object.keys(store.getters).map(
-      getter => [getter, computed(() => store.getters[getter])],
-    ),
-  )
-}
-
-const mapMutations = () => {
-  return Object.fromEntries(
-
-    Object.keys(store._mutations).map(
-      mutation => [mutation, value => store.commit(mutation, value)],
-    ),
-  )
-}
-
-const mapActions = () => {
-  return Object.fromEntries(
-    Object.keys(store._actions).map(
-      action => [action, value => store.dispatch(action, value)],
-    ),
-  )
-}
-
-export { mapState, mapGetters, mapMutations, mapActions }
diff --git a/src/plugins/preload.js b/src/plugins/preload.js
deleted file mode 100644
index 10a66e2..0000000
--- a/src/plugins/preload.js
+++ /dev/null
@@ -1,141 +0,0 @@
-function All() {}
-All.prototype = {
-  timer: '',
-  debounce(fn, delay = 500) {
-    var _this = this
-    return function (arg) {
-      // 获取函数的作用域和变量
-      const that = this
-      const args = arg
-      clearTimeout(_this.timer) // 清除定时器
-      _this.timer = setTimeout(() => {
-        fn.call(that, args)
-      }, delay)
-    }
-  },
-  setCookie(val) { // cookie设置[{key:value}]、获取key、清除['key1','key2']
-    for (var i = 0, len = val.length; i < len; i++) {
-      for (var key in val[i]) {
-        document.cookie = `${key}=${encodeURIComponent(val[i][key])}; path=/`
-      }
-    }
-  },
-  getCookie(name) {
-    var strCookie = document.cookie
-    var arrCookie = strCookie.split('; ')
-    for (var i = 0, len = arrCookie.length; i < len; i++) {
-      var arr = arrCookie[i].split('=')
-      if (name == arr[0]) {
-        return decodeURIComponent(arr[1])
-      }
-    }
-  },
-  clearCookie(name) {
-    var myDate = new Date()
-    myDate.setTime(-1000) // 设置时间
-    for (var i = 0, len = name.length; i < len; i++) {
-      document.cookie = `${name[i]}=''; path=/; expires=${myDate.toGMTString()}`
-    }
-  },
-  // 将负责人的姓名挑出来做成字符串
-  arrToStr(arr) {
-    if (arr) {
-      return arr.map((item) => { return item.name }).toString()
-    }
-  },
-  toggleClass(arr, elem, key = 'id') {
-    return arr.some((item) => { return item[key] == elem[key] })
-  },
-  toChecked(arr, elem, key = 'id') {
-    console.log('toChecked')
-    var isIncludes = this.toggleClass(arr, elem, key)
-    !isIncludes ? arr.push(elem) : this.removeEle(arr, elem, key)
-  },
-  removeEle(arr, elem, key = 'id') {
-    var includesIndex
-    arr.map((item, index) => {
-      if (item[key] == elem[key]) {
-        includesIndex = index
-      }
-    })
-    arr.splice(includesIndex, 1)
-  },
-  // 设置审批节点的文字
-  setApproverStr(nodeConfig) {
-    let tempValue = '会签'
-    let strPeople = ' '
-    if (nodeConfig.selectCustomApprovalType === 'huoqian') {
-      tempValue = '或签'
-    }
-    if (nodeConfig.selectCustomApprovalMethod === 'normal') {
-      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
-        strPeople = `由${nodeConfig.nodeUserList[0].name}人负责`
-      }
-      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
-        strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（${tempValue}）`
-      }
-      return strPeople
-    }
-    else if (nodeConfig.selectCustomApprovalMethod === 'stepBYstep') {
-      let strPeople = ' '
-      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
-        strPeople = `由${nodeConfig.nodeUserList[0].name}人负责(逐级审批)`
-      }
-      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
-        strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（逐级审批-${tempValue}）`
-      }
-      return strPeople
-    }
-  },
-  dealStr(str, obj) {
-    const arr = []
-    const list = str.split(',')
-    for (var elem in obj) {
-      list.map((item) => {
-        if (item == elem) {
-          arr.push(obj[elem].value)
-        }
-      })
-    }
-    return arr.join('或')
-  },
-  // 设置条件节点的文字
-  conditionStr(nodeConfig, index) {
-    var { conditionList, nodeUserList } = nodeConfig.conditionNodes[index]
-    if (conditionList.length == 0) {
-      return (index == nodeConfig.conditionNodes.length - 1) && nodeConfig.conditionNodes[0].conditionList.length != 0 ? '其他条件进入此流程' : '请设置条件'
-    }
-    else {
-      let str = ''
-      for (var i = 0; i < conditionList.length; i++) {
-        var { columnId } = conditionList[i]
-        if (columnId == 0) {
-          if (nodeUserList.length != 0) {
-            str += '发起人属于：'
-            str += `${nodeUserList.map((item) => { return item.name }).join('、')} `
-          }
-        }
-      }
-      // return str ? str.substring(0, str.length - 4) : '请设置条件'
-      return str || '请设置条件'
-    }
-  },
-  // 设置抄送人节点文字
-  copyerStr(nodeConfig) {
-    if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length != 0) {
-      console.log(this.arrToStr(nodeConfig.nodeUserList))
-      return this.arrToStr(nodeConfig.nodeUserList)
-    }
-    // else {
-    //   if (nodeConfig.ccSelfSelectFlag == 1) {
-    //     return '发起人自选'
-    //   }
-    // }
-  },
-  toggleStrClass(item, key) {
-    const a = item.zdy1 ? item.zdy1.split(',') : []
-    return a.some((item) => { return item == key })
-  },
-}
-
-export default new All()
diff --git a/src/plugins/preload.ts b/src/plugins/preload.ts
new file mode 100644
index 0000000..7edf0d7
--- /dev/null
+++ b/src/plugins/preload.ts
@@ -0,0 +1,104 @@
+function All() {}
+All.prototype = {
+  // 将负责人的姓名挑出来做成字符串
+  arrToStr(arr: any) {
+    if (arr) {
+      return arr.map((item: any) => { return item.name }).toString()
+    }
+  },
+  toggleClass(arr: any, elem: any, key = 'id') {
+    return arr.some((item: any) => { return item[key] == elem[key] })
+  },
+  toChecked(arr: any, elem: any, key = 'id') {
+    console.log('toChecked')
+    var isIncludes = this.toggleClass(arr, elem, key)
+    !isIncludes ? arr.push(elem) : this.removeEle(arr, elem, key)
+  },
+  removeEle(arr: any, elem: any, key = 'id') {
+    var includesIndex
+    arr.map((item: any, index: any) => {
+      if (item[key] == elem[key]) {
+        includesIndex = index
+      }
+    })
+    arr.splice(includesIndex, 1)
+  },
+  // 设置审批节点的文字
+  setApproverStr(nodeConfig: any) {
+    let tempValue = '会签'
+    let strPeople = ' '
+    if (nodeConfig.selectCustomApprovalType === 'huoqian') {
+      tempValue = '或签'
+    }
+    if (nodeConfig.selectCustomApprovalMethod === 'normal') {
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
+        strPeople = `由${nodeConfig.nodeUserList[0].name}人负责`
+      }
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
+        strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（${tempValue}）`
+      }
+      return strPeople
+    }
+    else if (nodeConfig.selectCustomApprovalMethod === 'stepBYstep') {
+      let strPeople = ' '
+      if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length === 1) {
+        strPeople = `由${nodeConfig.nodeUserList[0].name}人负责(逐级审批)`
+      }
+      else if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length > 1) {
+        strPeople = `由${this.arrToStr(nodeConfig.nodeUserList)}人负责（逐级审批-${tempValue}）`
+      }
+      return strPeople
+    }
+  },
+  dealStr(str: any, obj: any) {
+    const arr = []
+    const list = str.split(',')
+    for (var elem in obj) {
+      list.map((item) => {
+        if (item == elem) {
+          arr.push(obj[elem].value)
+        }
+      })
+    }
+    return arr.join('或')
+  },
+  // 设置条件节点的文字
+  conditionStr(nodeConfig: any, index: any) {
+    var { conditionList, nodeUserList } = nodeConfig.conditionNodes[index]
+    if (conditionList.length == 0) {
+      return (index == nodeConfig.conditionNodes.length - 1) && nodeConfig.conditionNodes[0].conditionList.length != 0 ? '其他条件进入此流程' : '请设置条件'
+    }
+    else {
+      let str = ''
+      for (var i = 0; i < conditionList.length; i++) {
+        var { columnId } = conditionList[i]
+        if (columnId == 0) {
+          if (nodeUserList.length != 0) {
+            str += '发起人属于：'
+            str += `${nodeUserList.map((item: any) => { return item.name }).join('、')} `
+          }
+        }
+      }
+      // return str ? str.substring(0, str.length - 4) : '请设置条件'
+      return str || '请设置条件'
+    }
+  },
+  // 设置抄送人节点文字
+  copyerStr(nodeConfig: any) {
+    if (nodeConfig.nodeUserList && nodeConfig.nodeUserList.length != 0) {
+      console.log(this.arrToStr(nodeConfig.nodeUserList))
+      return this.arrToStr(nodeConfig.nodeUserList)
+    }
+    // else {
+    //   if (nodeConfig.ccSelfSelectFlag == 1) {
+    //     return '发起人自选'
+    //   }
+    // }
+  },
+  toggleStrClass(item: any, key: any) {
+    const a = item.zdy1 ? item.zdy1.split(',') : []
+    return a.some((item: any) => { return item == key })
+  },
+}
+
+export default new All()