linweidong
/
besure_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
main
jason 2 years ago
parent 05b408d107
commit ee12e691be
3 changed files with 0 additions and 287 deletions
Show Stats Download Patch File Download Diff File

283
src/components/SimpleProcessDesigner/src/drawer/approverDrawer.vue
Unescape Escape View File

@ -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>

1
src/components/SimpleProcessDesigner/src/nodeWrap.vue
Unescape Escape View File

@ -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>

3
src/views/bpm/simpleWorkflow/index.vue
Unescape Escape View File

@ -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');

Write Preview
Loading…
Cancel
Save