暂时去掉原有设计器的审批人设置, 避免缺少资源报错。后续需要改造

src/components/SimpleProcessDesigner/src/drawer/approverDrawer.vue

@@ -1,283 +0,0 @@
-<template>
-  <el-drawer
-    :append-to-body="true"
-    title="审批人设置"
-    v-model="visible"
-    class="set_promoter"
-    :show-close="false"
-    :size="550"
-    :before-close="saveApprover"
-  >
-    <div class="demo-drawer__content">
-      <div class="drawer_content">
-        <div class="approver_content">
-          <el-radio-group v-model="approverConfig.settype" class="clear" @change="changeType">
-            <el-radio v-for="{ value, label } in setTypes" :key="value" :label="value">{{
-              label
-            }}</el-radio>
-          </el-radio-group>
-          <el-button type="primary" @click="addApprover" v-if="approverConfig.settype == 1"
-            >添加/修改成员</el-button
-          >
-          <p class="selected_list" v-if="approverConfig.settype == 1">
-            <span v-for="(item, index) in approverConfig.nodeUserList" :key="index"
-              >{{ item.name }}
-              <img
-                src="@/assets/images/add-close1.png"
-                @click="removeEle(approverConfig.nodeUserList, item, 'targetId')"
-              />
-            </span>
-            <a
-              v-if="approverConfig.nodeUserList.length != 0"
-              @click="approverConfig.nodeUserList = []"
-              >清除</a
-            >
-          </p>
-        </div>
-        <div class="approver_manager" v-if="approverConfig.settype == 2">
-          <p>
-            <span>发起人的：</span>
-            <select v-model="approverConfig.directorLevel">
-              <option v-for="item in directorMaxLevel" :value="item" :key="item"
-                >{{ item == 1 ? '直接' : '第' + item + '级' }}主管</option
-              >
-            </select>
-          </p>
-          <p class="tip">找不到主管时，由上级主管代审批</p>
-        </div>
-        <div class="approver_self" v-if="approverConfig.settype == 5">
-          <p>该审批节点设置“发起人自己”后，审批人默认为发起人</p>
-        </div>
-        <div class="approver_self_select" v-show="approverConfig.settype == 4">
-          <el-radio-group v-model="approverConfig.selectMode" style="width: 100%">
-            <el-radio v-for="{ value, label } in selectModes" :label="value" :key="value">{{
-              label
-            }}</el-radio>
-          </el-radio-group>
-          <h3>选择范围</h3>
-          <el-radio-group
-            v-model="approverConfig.selectRange"
-            style="width: 100%"
-            @change="changeRange"
-          >
-            <el-radio v-for="{ value, label } in selectRanges" :label="value" :key="value">{{
-              label
-            }}</el-radio>
-          </el-radio-group>
-          <template v-if="approverConfig.selectRange == 2 || approverConfig.selectRange == 3">
-            <el-button type="primary" @click="addApprover" v-if="approverConfig.selectRange == 2"
-              >添加/修改成员</el-button
-            >
-            <el-button type="primary" @click="addRoleApprover" v-else>添加/修改角色</el-button>
-            <p class="selected_list">
-              <span v-for="(item, index) in approverConfig.nodeUserList" :key="index"
-                >{{ item.name }}
-                <img
-                  src="@/assets/images/add-close1.png"
-                  @click="removeEle(approverConfig.nodeUserList, item, 'targetId')"
-                />
-              </span>
-              <a
-                v-if="approverConfig.nodeUserList.length != 0 && approverConfig.selectRange != 1"
-                @click="approverConfig.nodeUserList = []"
-                >清除</a
-              >
-            </p>
-          </template>
-        </div>
-        <div class="approver_manager" v-if="approverConfig.settype == 7">
-          <p>审批终点</p>
-          <p style="padding-bottom: 20px">
-            <span>发起人的：</span>
-            <select v-model="approverConfig.examineEndDirectorLevel">
-              <option v-for="item in directorMaxLevel" :value="item" :key="item"
-                >{{ item == 1 ? '最高' : '第' + item }}层级主管</option
-              >
-            </select>
-          </p>
-        </div>
-        <div
-          class="approver_some"
-          v-if="
-            (approverConfig.settype == 1 && approverConfig.nodeUserList.length > 1) ||
-            approverConfig.settype == 2 ||
-            (approverConfig.settype == 4 && approverConfig.selectMode == 2)
-          "
-        >
-          <p>多人审批时采用的审批方式</p>
-          <el-radio-group v-model="approverConfig.examineMode" class="clear">
-            <el-radio :label="1">依次审批</el-radio>
-            <br />
-            <el-radio :label="2" v-if="approverConfig.settype != 2"
-              >会签(须所有审批人同意)</el-radio
-            >
-          </el-radio-group>
-        </div>
-        <div
-          class="approver_some"
-          v-if="approverConfig.settype == 2 || approverConfig.settype == 7"
-        >
-          <p>审批人为空时</p>
-          <el-radio-group v-model="approverConfig.noHanderAction" class="clear">
-            <el-radio :label="1">自动审批通过/不允许发起</el-radio>
-            <br />
-            <el-radio :label="2">转交给审核管理员</el-radio>
-          </el-radio-group>
-        </div>
-      </div>
-      <div class="demo-drawer__footer clear">
-        <el-button type="primary" @click="saveApprover">确 定</el-button>
-        <el-button @click="closeDrawer">取 消</el-button>
-      </div>
-    </div>
-  </el-drawer>
-</template>
-<script lang="ts" setup>
-import { ref, watch, computed } from 'vue'
-import { useWorkFlowStoreWithOut } from '@/store/modules/simpleWorkflow'
-import { setTypes, selectModes, selectRanges } from '../util'
-import { removeEle, setApproverStr } from '../util'
-let props = defineProps({
-  directorMaxLevel: {
-    type: Number,
-    default: 0
-  }
-})
-let approverConfig = ref({})
-let approverVisible = ref(false)
-let approverRoleVisible = ref(false)
-let checkedRoleList = ref([])
-let checkedList = ref([])
-let store = useWorkFlowStoreWithOut()
-let { setApproverConfig, setApprover } = store
-let approverConfig1 = computed(() => store.approverConfig1)
-let approverDrawer = computed(() => store.approverDrawer)
-let visible = computed({
-  get() {
-    return approverDrawer.value
-  },
-  set() {
-    closeDrawer()
-  }
-})
-watch(approverConfig1, (val: any) => {
-  approverConfig.value = val.value
-})
-let changeRange = () => {
-  approverConfig.value.nodeUserList = []
-}
-const changeType = (val) => {
-  approverConfig.value.nodeUserList = []
-  approverConfig.value.examineMode = 1
-  approverConfig.value.noHanderAction = 2
-  if (val == 2) {
-    approverConfig.value.directorLevel = 1
-  } else if (val == 4) {
-    approverConfig.value.selectMode = 1
-    approverConfig.value.selectRange = 1
-  } else if (val == 7) {
-    approverConfig.value.examineEndDirectorLevel = 1
-  }
-}
-const addApprover = () => {
-  approverVisible.value = true
-  checkedList.value = approverConfig.value.nodeUserList
-}
-const addRoleApprover = () => {
-  approverRoleVisible.value = true
-  checkedRoleList.value = approverConfig.value.nodeUserList
-}
-const sureApprover = (data) => {
-  approverConfig.value.nodeUserList = data
-  approverVisible.value = false
-}
-const sureRoleApprover = (data) => {
-  approverConfig.value.nodeUserList = data
-  approverRoleVisible.value = false
-}
-const saveApprover = () => {
-  approverConfig.value.error = !setApproverStr(approverConfig.value)
-  setApproverConfig({
-    value: approverConfig.value,
-    flag: true,
-    id: approverConfig1.value.id
-  })
-  closeDrawer()
-}
-const closeDrawer = () => {
-  setApprover(false)
-}
-</script>
-<style lang="scss" scoped>
-.set_promoter {
-  .approver_content {
-    padding-bottom: 10px;
-    border-bottom: 1px solid #f2f2f2;
-  }
-
-  .approver_self_select,
-  .approver_content {
-    .el-button {
-      margin-bottom: 20px;
-    }
-  }
-
-  .approver_content,
-  .approver_some,
-  .approver_self_select {
-    .el-radio-group {
-      display: unset;
-    }
-
-    .el-radio {
-      width: 27%;
-      margin-bottom: 20px;
-      height: 16px;
-    }
-  }
-
-  .approver_manager p {
-    line-height: 32px;
-  }
-
-  .approver_manager select {
-    width: 420px;
-    height: 32px;
-    background: rgba(255, 255, 255, 1);
-    border-radius: 4px;
-    border: 1px solid rgba(217, 217, 217, 1);
-  }
-
-  .approver_manager p.tip {
-    margin: 10px 0 22px 0;
-    font-size: 12px;
-    line-height: 16px;
-    color: #f8642d;
-  }
-
-  .approver_self {
-    padding: 28px 20px;
-  }
-
-  .approver_self_select,
-  .approver_manager,
-  .approver_content,
-  .approver_some {
-    padding: 20px 20px 0;
-  }
-
-  .approver_manager p:first-of-type,
-  .approver_some p {
-    line-height: 19px;
-    font-size: 14px;
-    margin-bottom: 14px;
-  }
-
-  .approver_self_select h3 {
-    margin: 5px 0 20px;
-    font-size: 14px;
-    font-weight: bold;
-    line-height: 19px;
-  }
-}
-</style>

src/components/SimpleProcessDesigner/src/nodeWrap.vue

@@ -55,7 +55,6 @@
                     class="ant-input editable-title-input"
                     @blur="blurEvent(index)"
                     @focus="$event.currentTarget.select()"
-                    v-focus
                     v-model="item.nodeName"
                   />
                   <span v-else class="editable-title" @click="clickEvent(index)">{{ item.nodeName }}</span>

src/views/bpm/simpleWorkflow/index.vue

@@ -10,11 +10,9 @@
       </div>
     </section>
   </div>
-  <approverDrawer :directorMaxLevel="directorMaxLevel" />
 </template>
 <script lang="ts" setup>
 import nodeWrap from '@/components/SimpleProcessDesigner/src/nodeWrap.vue'
-import approverDrawer from '@/components/SimpleProcessDesigner/src/drawer/approverDrawer.vue'
 defineOptions({ name: 'SimpleWorkflowDesignEditor' })
 let nodeConfig = ref({
   nodeName: '发起人',
@@ -24,7 +22,6 @@ let nodeConfig = ref({
   nodeUserList: [],
   childNode: {}
 })
-let directorMaxLevel = ref(0)
 </script>
 <style>
 @import url('@/components/SimpleProcessDesigner/theme/workflow.css');