去掉文件头

ly
刘妍 2024-03-08 11:31:55 +08:00
parent ea04fee4a0
commit 5efd729366
33 changed files with 218 additions and 976 deletions

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-01-13 13:04:15
* @LastEditors: Do not edit
* @LastEditTime: 2024-02-05 16:06:58
* @Description:
*/
import { defHttp } from '@/utils/http/axios';
import { LoginParams, LoginResultModel, GetUserInfoModel } from './model/userModel';

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-03-01 15:55:24
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-02 16:08:00
* @Description:
*/
import { withInstall } from '@/utils';
import bWflowViewer from './src/bWflowViewer.vue'

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-01-25 10:05:50
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-26 09:52:37
* @Description:
-->
<template>
<div>
<template v-for="item in btnList">

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-03-04 13:39:52
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-05 16:07:51
* @Description:
*/
const hljs = require("highlight.js/lib/core");
hljs.registerLanguage("xml", require("highlight.js/lib/languages/xml"));
hljs.registerLanguage("json", require("highlight.js/lib/languages/json"));

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-05 17:09:44
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 14:52:13
* @Description:
-->
<template>
<div :class="prefixCls" :style="{ width: `${props.width}px` }">
<a-tabs v-model:activeKey="activeKey">
@ -20,6 +13,9 @@
<a-tab-pane key="4" tab="审核节点">
<user-task-option ref="task"></user-task-option>
</a-tab-pane>
<a-tab-pane key="3" tab="结束节点">
<end-event-option ref="end" :element="data.elementData"></end-event-option>
</a-tab-pane>
</a-tabs>
<!-- <el-tabs v-model="configActiveName" :stretch="true">
<el-tab-pane :label="$t(wfNodeName[currentWfNode.type])" name="tab01" v-if="currentWfNode != undefined">
@ -58,11 +54,17 @@
import userTaskOption from './userTask/index.vue'
//
import endEventOption from './config/endEvent.vue'
//
import gatewayAndOption from './config/gatewayAnd.vue'
//
import gatewayInclusiveOption from './config/gatewayInclusive.vue'
// Xor
import gatewayXorOption from './config/gatewayXor.vue'
//
import scriptTaskOption from './config/scriptTask.vue'
//
import subprocessOption from './config/subprocess.vue'
// 线
import mylineOption from './config/myline.vue'
/**
* 侧边栏
@ -89,7 +91,7 @@
provide('prefix', props.prefix)
provide('width', props.width)
const activeKey = ref("4")
const activeKey = ref("5")
const data = reactive({
configActiveName: 'tab02',
currentWfNode: undefined,

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-05 17:09:44
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 15:37:16
* @Description:
-->
<template>
<div class="auth-config">
<a-tabs v-model:activeKey="f_AuthType" type="card" size="small">

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-02-29 13:56:45
* @LastEditors: Do not edit
* @LastEditTime: 2024-02-29 14:34:53
* @Description:
-->
<!-- 开始节点配置 -->
<template>
<el-form

View File

@ -86,22 +86,6 @@
<a-space v-if="node.formType!=1">
<a-button @click="handleAddAuthField" width="100%" type="dashed" danger :icon="h(PlusOutlined)">添加字段</a-button>
</a-space>
<!-- <a-table :columns="data.columns" :data-source="node.authField" bordered :pagination="false">
<template #bodyCell="{ column, text, record }">
<template v-if="['name', 'type'].includes(column.dataIndex)">
<div>
<a-input
v-model:value="text"
style="margin: -5px 0"
/>
</div>
</template>
<template v-else-if="column.dataIndex === 'operation'">
<a>删除</a>
</template>
</template>
</a-table> -->
</a-form>
</div>
</template>

View File

@ -1,673 +0,0 @@
<!-- 开始节点配置 -->
<template>
<el-form label-width="96px" label-position="left" size="mini">
<el-collapse v-model="activeNames" accordion>
<el-collapse-item :title="$t('基础配置')" name="1">
<div style="padding:0 16px;">
<el-form-item label="节点标识">
<el-input v-model="node.id" readonly></el-input>
</el-form-item>
<el-form-item label="继承表单">
<el-switch :disabled="disabled" v-model="node.isInherit">
</el-switch>
</el-form-item>
<el-form-item label="允许加签">
<el-switch :disabled="disabled" v-model="node.isAddSign">
</el-switch>
</el-form-item>
<el-form-item label="允许转移">
<el-switch :disabled="disabled" v-model="node.isTransfer">
</el-switch>
</el-form-item>
<el-form-item label="允许批量审核">
<el-switch :disabled="disabled" v-model="node.isBatchAudit">
</el-switch>
</el-form-item>
<el-form-item label="自动同意规则">
<l-select multiple :disabled="disabled" v-model="node.autoAgree" :options="atuoAgreeOptions">
</l-select>
</el-form-item>
<el-form-item label="无对应处理人">
<l-select :disabled="disabled" v-model="node.noAuditor" :options="noAuditorOptions">
</l-select>
</el-form-item>
<el-form-item label="驳回策略">
<l-radio :disabled="disabled" v-model="node.rejectType"
:options="[{value:'1',label:'驳回节点固定'},{value:'2',label:'能驳回到任何执行过节点'}]">
</l-radio>
</el-form-item>
<el-form-item label="通知策略">
<l-checkbox :disabled="disabled" v-model="node.messageType"
:options="[{value:'1',label:'短信'},{value:'2',label:'邮箱'},{value:'3',label:'微信'},{value:'4',label:'站内消息'}]">
</l-checkbox>
</el-form-item>
</div>
</el-collapse-item>
<el-collapse-item :title="$t('审核人员设置')" name="2">
<el-button-group style="padding:0 0 8px 8px" v-if="!disabled">
<el-button size="mini" @click="handlePostClick(false)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleRoleClick(false)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleUserClick(false)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleLevelClick(false)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleNodeAuditorClick(false)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleAuditorSqlClick(false)">{{$t('')}}</el-button>
</el-button-group>
<l-table height="notset" :isShowNum="false" :columns="userColumns" :dataSource="node.auditUsers">
<template v-slot:type="scope">
{{typeFormat(scope.row.type)}}
</template>
<template v-slot:condition="scope">
<l-select :disabled="disabled" size="mini" v-if="scope.row.type == '2'"
:options="conditionOptions" v-model="scope.row.condition"></l-select>
</template>
<l-table-btns v-if="!disabled" :isFixed="false" :btns="tableBtns" @click="handleTableBtnClick">
</l-table-btns>
</l-table>
</el-collapse-item>
<el-collapse-item :title="$t('传阅人员设置')" name="3">
<el-button-group style="padding:0 0 8px 8px" v-if="!disabled">
<el-button size="mini" @click="handlePostClick(true)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleRoleClick(true)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleUserClick(true)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleLevelClick(true)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleNodeAuditorClick(true)">{{$t('')}}</el-button>
<el-button size="mini" @click="handleAuditorSqlClick(true)">{{$t('')}}</el-button>
</el-button-group>
<l-table height="notset" :isShowNum="false" :columns="userColumns" :dataSource="node.lookUsers">
<template v-slot:type="scope">
{{typeFormat(scope.row.type)}}
</template>
<template v-slot:condition="scope">
<l-select :disabled="disabled" size="mini" v-if="scope.row.type == '2'"
:options="conditionOptions" v-model="scope.row.condition"></l-select>
</template>
<l-table-btns v-if="!disabled" :isFixed="false" :btns="tableBtns" @click="handleTableBtnClick2">
</l-table-btns>
</l-table>
</el-collapse-item>
<el-collapse-item v-if="!node.isInherit" :title="$t('表单设置')" name="4">
<div style="padding:0 16px;">
<div style="text-align: center;margin-bottom:16px;">
<el-radio-group :disabled="disabled" v-model="node.formType" size="mini"
@change="handleFormTypeChange">
<el-radio-button label="1">自定义表单</el-radio-button>
<el-radio-button label="2">系统表单</el-radio-button>
</el-radio-group>
</div>
<div v-show="node.formType === '1'">
<el-form-item label-width="0px">
<l-custmerform-select v-model="node.formCode" @change="custmerformChange"
:disabled="disabled">
</l-custmerform-select>
</el-form-item>
<el-form-item label-width="0px">
<l-select v-model="node.formVerison" :disabled="disabled" :options="formVerisons"
@change="custmerformVerisonChange" placeholder="请选择表单版本">
</l-select>
</el-form-item>
<el-form-item label-width="0px">
<l-select v-model="node.formRelationId" :disabled="disabled" :options="node.formRelations"
placeholder="请选择流程关联字段">
</l-select>
</el-form-item>
</div>
<div v-show="node.formType === '2'">
<el-form-item label-width="0px">
<el-input v-model="node.formUrl" placeholder="请输入PC端表单地址" :readonly="disabled">
</el-input>
</el-form-item>
<el-form-item label-width="0px">
<el-input v-model="node.formAppUrl" placeholder="请输入APP端表单地址" :readonly="disabled">
</el-input>
</el-form-item>
</div>
<el-divider>表单字段权限</el-divider>
<template v-if="node.formType === '1'">
<l-table height="notset" :isShowNum="false" :columns="columns" :dataSource="node.authFields"
ref="authField">
<template v-slot:required="scope">
<el-switch v-model="scope.row.required"
:disabled="disabled || scope.row.type == 'grid'">
</el-switch>
</template>
<template v-slot:isEdit="scope">
<el-switch v-model="scope.row.isEdit"
:disabled="disabled || scope.row.type == 'gridrequired'">
</el-switch>
</template>
<template v-slot:isLook="scope">
<el-switch v-model="scope.row.isLook"
:disabled="disabled || scope.row.type == 'grid' || scope.row.type == 'gridrequired'">
</el-switch>
</template>
</l-table>
</template>
<template v-else>
<l-edit-table addBtnText="添加字段" :dataSource="node.authFields" :isShowNum="false"
:isAddBtn="!disabled" :isRemoveBtn="!disabled" @addRow="handleAddAuthField"
@deleteRow="handleDeleteAuthField">
<el-table-column prop="label" label="名称" minWidth="100">
<template slot-scope="scope">
<el-input :readonly="disabled" size="mini" v-model="scope.row.label"
placeholder="请输入名称"></el-input>
</template>
</el-table-column>
<el-table-column prop="field" label="字段" minWidth="100">
<template slot-scope="scope">
<el-input :readonly="disabled" size="mini" v-model="scope.row.field"
placeholder="请输入字段"></el-input>
</template>
</el-table-column>
<el-table-column prop="required" label="必填" width="64">
<template slot-scope="scope">
<el-switch v-model="scope.row.required" :disabled="disabled">
</el-switch>
</template>
</el-table-column>
<el-table-column prop="isEdit" label="编辑" width="64">
<template slot-scope="scope">
<el-switch v-model="scope.row.isEdit" :disabled="disabled">
</el-switch>
</template>
</el-table-column>
<el-table-column prop="isLook" label="查看" width="64">
<template slot-scope="scope">
<el-switch v-model="scope.row.isLook" :disabled="disabled">
</el-switch>
</template>
</el-table-column>
</l-edit-table>
</template>
</div>
</el-collapse-item>
<el-collapse-item :title="$t('按钮设置')" name="5">
<l-edit-table addBtnText="添加按钮" :dataSource="node.btnlist" :isShowNum="false"
:hasDeleteBtn="hasBtnsDeleteBtn" :isAddBtn="!disabled" :isRemoveBtn="!disabled"
@addRow="handleAddBtns" @deleteRow="handleDeleteBtns">
<el-table-column prop="name" label="名称" minWidth="100">
<template slot-scope="scope">
<el-input :readonly="disabled" v-if="!scope.row.isSys" size="mini" v-model="scope.row.name"
placeholder="请输入名称"></el-input>
<span v-else>{{scope.row.name}}</span>
</template>
</el-table-column>
<el-table-column prop="code" label="编码" minWidth="100">
<template slot-scope="scope">
<el-input :readonly="disabled" v-if="!scope.row.isSys" size="mini" v-model="scope.row.code"
placeholder="请输入编码"></el-input>
<span v-else>{{scope.row.code}}</span>
</template>
</el-table-column>
<el-table-column align="center" prop="hidden" label="隐藏" width="64">
<template slot-scope="scope">
<el-switch v-model="scope.row.hidden" :disabled="disabled">
</el-switch>
</template>
</el-table-column>
<el-table-column align="center" prop="isSign" label="签章" width="64">
<template slot-scope="scope">
<el-switch v-model="scope.row.isSign" :disabled="disabled">
</el-switch>
</template>
</el-table-column>
<el-table-column align="center" prop="isNextAuditor" label="下一审核人" width="80">
<template slot-scope="scope">
<el-switch v-if="scope.row.code != 'disagree'" v-model="scope.row.isNextAuditor"
:disabled="disabled">
</el-switch>
</template>
</el-table-column>
</l-edit-table>
</el-collapse-item>
<el-collapse-item :title="$t('会签设置')" name="6">
<div style="padding:0 16px">
<el-form-item label="是否会签">
<el-switch v-model="node.isCountersign" :disabled="disabled">
</el-switch>
</el-form-item>
<template v-if="node.isCountersign">
<el-form-item label="审核方式">
<l-radio :disabled="disabled" v-model="node.countersignType"
:options="[{value:'1',label:'并行'},{value:'2',label:'串行'}]">
</l-radio>
</el-form-item>
<el-form-item v-if="node.countersignType == '1'" label="是否等待">
<!--并行才有这个设置-->
<el-switch v-model="node.isCountersignAll" :disabled="disabled">
</el-switch>
</el-form-item>
<el-form-item v-if="node.countersignType == '1'" label="通过百分比">
<el-input-number :disabled="disabled" :min="1" :max="100" v-model="node.countersignAllType">
</el-input-number>
</el-form-item>
<el-form-item label="再次审核">
<l-radio :disabled="disabled" v-model="node.countersignAgian"
:options="[{value:'1',label:'已同意不需要审核'},{value:'2',label:'已同意需要审核'}]">
</l-radio>
</el-form-item>
</template>
</div>
</el-collapse-item>
<el-collapse-item :title="$t('超时设置')" name="7">
<div style="padding:0 16px">
<el-form-item label="超时通知">
<el-switch :disabled="disabled" v-model="node.isOvertimeMessage">
</el-switch>
</el-form-item>
<template v-if="node.isOvertimeMessage">
<el-form-item label="第一次通知(时)">
<el-input-number :disabled="disabled" :min="1" v-model="node.overtimeMessageStart">
</el-input-number>
</el-form-item>
<el-form-item label="通知间隔(时)">
<el-input-number :disabled="disabled" :min="1" v-model="node.overtimeMessageInterval">
</el-input-number>
</el-form-item>
<el-form-item label="超时流转时间(时)">
<el-input-number :disabled="disabled" :min="1" v-model="node.overtimeGo">
</el-input-number>
</el-form-item>
<el-form-item label="超时通知策略">
<l-checkbox :disabled="disabled" v-model="node.overtimeMessageType"
:options="[{value:'1',label:'短信'},{value:'2',label:'邮箱'},{value:'3',label:'微信'},{value:'4',label:'站内消息'}]">
</l-checkbox>
</el-form-item>
</template>
</div>
</el-collapse-item>
</el-collapse>
<l-dialog :title="$t('添加岗位')" :visible.sync="selectPostVisible" :height="480" width="1024px"
@ok="handlePostSelectOk" @closed="handlePostSelectClosed">
<l-post-select-panel ref="postSelectPanel"></l-post-select-panel>
</l-dialog>
<l-dialog :title="$t('添加角色')" :visible.sync="selectRoleVisible" :height="480" width="800px"
@ok="handleRoleSelectOk" @closed="handleRoleSelectClosed">
<l-role-select-panel ref="roleSelectPanel"></l-role-select-panel>
</l-dialog>
<l-dialog :title="$t('添加用户')" :visible.sync="selectUserVisible" :height="480" width="1024px"
@ok="handleUserSelectOk" @closed="handleUserSelectClosed">
<l-user-select-panel ref="userSelectPanel"></l-user-select-panel>
</l-dialog>
<!--上下级选择-->
<l-dialog :title="$t('上下级选择')" :visible.sync="levelVisible" :height="200" width="500px" @ok="handleLevelOk"
@closed="handleLevelClosed">
<!-- <auditor-level-form ref="auditorLevelForm"></auditor-level-form> -->
</l-dialog>
<!--流程节点选择-->
<l-dialog :title="$t('流程节点选择')" :visible.sync="nodeAuditorVisible" :height="200" width="500px"
@ok="handleNodeAuditorOk" @closed="handleNodeAuditorClosed" @opened="handleNodeAuditorOpened">
<!-- <node-auditor-form ref="nodeAuditorForm"></node-auditor-form> -->
</l-dialog>
<!--流程节点选择-->
<l-dialog :title="$t('数据表字段选择')" :visible.sync="auditorSqlVisible" width="500px" :height="300"
@ok="handleAuditorSqlOk" @closed="handleAuditorSqlClosed">
<!-- <auditor-sql-form ref="auditorSqlForm"></auditor-sql-form> -->
</l-dialog>
</el-form>
</template>
<script>
// const apiForm = window.$api.custmerForm.scheme
// import auditorLevelForm from './auditorLevel.vue'
// import nodeAuditorForm from './auditorNode.vue'
// import auditorSqlForm from './auditorSql.vue'
export default {
name: 'user-task-option',
props: {
disabled: {
type: Boolean,
default: false
}
},
components: {
// auditorLevelForm,
// nodeAuditorForm,
// auditorSqlForm
},
data() {
return {
activeNames: ['1'],
columns: [
{ label: '名称', prop: 'label', minWidth: '100' },
{ label: '字段', prop: 'field', minWidth: '100' },
{ label: '必填', prop: 'required', width: '64', align: 'center' },
{ label: '编辑', prop: 'isEdit', width: '64', align: 'center' },
{ label: '查看', prop: 'isLook', width: '64', align: 'center' },
],
tableBtns: [
{ prop: 'Delete', label: '删除' }
],
atuoAgreeOptions: [{ value: '1', label: '处理人就是提交人' }, { value: '2', label: '处理人和上一步的处理人相同' }, { value: '3', label: '处理人审批过' }],
noAuditorOptions: [{ value: '1', label: '超级管理员处理' }, { value: '2', label: '跳过此步骤' }, { value: '3', label: '不能提交' }],
userColumns: [
{ label: '类型', prop: 'type', width: '64' },
{ label: '名称', prop: 'name', minWidth: '100' },
{ label: '附加条件', prop: 'condition', minWidth: '100' }
],
conditionOptions: [{ value: '1', label: '同一个部门' }, { value: '2', label: '同一个公司' }, { value: '3', label: '发起人上级' }, { value: '4', label: '发起人下级' }],
selectPostVisible: false,
selectRoleVisible: false,
selectUserVisible: false,
levelVisible: false,
nodeAuditorVisible: false,
auditorSqlVisible: false,
isLooker: false,
}
},
asyncComputed: {
formVerisons: {
async get() {
let res = []
if (!this.$validatenull(this.node.formCode) && this.node.formType == '1') {
// res = await this.$awaitWraper(apiForm.getHistoryList(this.node.formCode))
}
return (res || []).map(t => { return { label: this.lr_dateFormat(t.f_CreateDate), value: t.f_Id } })
}
}
},
computed: {
node() {
return this.wfdesign.currentWfNode;
}
},
inject: ["wfdesign"],
methods: {
async custmerformChange(val) {
this.$set(this.node, 'formRelationId', '')
if (val == null) {
this.node.authFields = [];
this.node.formVerison = ''
return;
}
if (this.$validatenull(this.wfdesign.custmerformSchemes[val.f_SchemeId])) {
// const {f_SchemeInfoId,f_Scheme,f_Id} = (await this.$awaitWraper(apiForm.getHistory(val.f_SchemeId))) || {}
const { f_SchemeInfoId, f_Scheme, f_Id } = {}
this.wfdesign.custmerformSchemes[f_Id] = { f_Scheme }
if (this.node.formCode == f_SchemeInfoId) {
this.loadFormScheme(f_Scheme)
}
}
else {
this.loadFormScheme(this.wfdesign.custmerformSchemes[val.f_SchemeId].f_Scheme);
}
this.node.formVerison = val.f_SchemeId
},
async custmerformVerisonChange(val) {
this.$set(this.node, 'formRelationId', '')
if (this.$validatenull(val)) {
this.node.authFields = []
return
}
if (this.$validatenull(this.wfdesign.custmerformSchemes[val.value])) {
// const {f_Scheme,f_Id} = (await this.$awaitWraper(apiForm.getHistory(val.value))) || {}
const { f_Scheme, f_Id } = {}
this.wfdesign.custmerformSchemes[f_Id] = { f_Scheme }
if (this.node.formVerison == f_Id) {
this.loadFormScheme(f_Scheme)
}
}
else {
this.loadFormScheme(this.wfdesign.custmerformSchemes[val.value].f_Scheme);
}
},
loadFormScheme(strScheme) {
const scheme = JSON.parse(strScheme)
const fields = []
const rfields = []
scheme.formInfo.tabList.forEach(tab => {
tab.components.forEach(component => {
if (['guid'].includes(component.type)) {
rfields.push({ label: component.label, value: component.prop })
}
if (!['gridtable', 'divider'].includes(component.type) && component.display) {
fields.push({
prop: component.prop,
field: component.field,
label: component.label,
table: component.table,
required: component.required,
isEdit: true,
isLook: true
})
}
else if (['gridtable'].includes(component.type)) {
fields.push({
prop: `${component.prop}_add`,
label: `${component.label || '表格'}-添加按钮`,
required: false,
isEdit: true,
isLook: false,
type: 'grid'
})
fields.push({
prop: `${component.prop}_remove`,
label: `${component.label || '表格'}-删除按钮`,
required: false,
isEdit: true,
isLook: false,
type: 'grid'
})
fields.push({
prop: `${component.prop}_required`,
label: `${component.label || '表格'}-数据`,
required: component.required,
isEdit: false,
isLook: false,
type: 'gridrequired'
})
fields.push(...component.children.filter(t => t.display).map(t => {
return {
gridprop: component.prop,
prop: t.prop,
field: t.field,
label: `${component.label || '表格'}-${t.label}`,
table: component.table,
required: t.required,
isEdit: true,
isLook: true
}
}))
}
})
})
this.node.formRelations = rfields
this.node.authFields = fields
},
handleFormTypeChange() {
this.node.formCode = ''
this.node.formUrl = ''
this.node.formAppUrl = ''
this.node.authFields = []
this.node.formRelations = []
this.$set(this.node, 'formRelationId', '')
},
handleAddAuthField() {
this.node.authFields.push({
field: '',
label: '',
required: true,
isEdit: true,
isLook: true
})
},
handleDeleteAuthField(row) {
this.node.authFields.splice(row.index, 1);
},
handleTableBtnClick(btn) {
this.node.auditUsers.splice(btn.rowIndex, 1);
},
handleTableBtnClick2(btn) {
this.node.lookUsers.splice(btn.rowIndex, 1);
},
typeFormat(type) {
switch (type) {
case '1':
return '岗位'
case '2':
return '角色'
case '3':
return '用户'
case '4':
return '上下级'
case '5':
return '节点'
case '6':
return '表字段'
}
},
addTableData(selectData) {
if (this.isLooker) {
let addData2 = selectData.filter(t => this.node.lookUsers.findIndex(t2 => t2.id == t.id && t2.type == t.type) == -1);
this.node.lookUsers = this.node.lookUsers.concat(addData2);
}
else {
let addData = selectData.filter(t => this.node.auditUsers.findIndex(t2 => t2.id == t.id && t2.type == t.type) == -1);
this.node.auditUsers = this.node.auditUsers.concat(addData);
}
},
handlePostClick(isLooker) {
this.selectPostVisible = true;
this.isLooker = isLooker;
},
handlePostSelectClosed() {
this.$refs.postSelectPanel.resetForm();
},
handlePostSelectOk() {
let selectData = this.$refs.postSelectPanel.getForm().map(t => { return { type: '1', id: t.f_PostId, name: t.name } });
this.addTableData(selectData);
this.selectPostVisible = false;
},
handleRoleClick(isLooker) {
this.selectRoleVisible = true;
this.isLooker = isLooker;
},
handleRoleSelectClosed() {
this.$refs.roleSelectPanel.resetForm();
},
handleRoleSelectOk() {
let selectData = this.$refs.roleSelectPanel.getForm().map(t => { return { type: '2', id: t.f_RoleId, name: t.f_FullName, condition: '' } });
this.addTableData(selectData);
this.selectRoleVisible = false;
},
handleUserClick(isLooker) {
this.selectUserVisible = true;
this.isLooker = isLooker;
},
handleUserSelectClosed() {
this.$refs.userSelectPanel.resetForm();
},
handleUserSelectOk() {
let selectData = this.$refs.userSelectPanel.getForm().map(t => { return { type: '3', id: t.f_UserId, name: t.name } });
this.addTableData(selectData);
this.selectUserVisible = false;
},
handleLevelClick(isLooker) {
this.levelVisible = true;
this.isLooker = isLooker;
},
handleLevelClosed() {
this.$refs.auditorLevelForm.resetForm();
},
handleLevelOk() {
this.$refs.auditorLevelForm.validateForm(() => {
let data = this.$refs.auditorLevelForm.getForm();
this.addTableData([data]);
this.levelVisible = false;
});
},
handleNodeAuditorClick(isLooker) {
this.nodeAuditorVisible = true;
this.isLooker = isLooker;
},
handleNodeAuditorOk() {
this.$refs.nodeAuditorForm.validateForm(() => {
let data = this.$refs.nodeAuditorForm.getForm();
this.addTableData([data]);
this.nodeAuditorVisible = false;
});
},
handleNodeAuditorClosed() {
this.$refs.nodeAuditorForm.resetForm();
},
handleNodeAuditorOpened() {
let wfdata = this.wfdesign.handleGetWFData();
this.$refs.nodeAuditorForm.setForm(wfdata.filter(t => t.type = 'userTask' && t.id != this.node.id));
},
handleAuditorSqlClick(isLooker) {
this.auditorSqlVisible = true;
this.isLooker = isLooker;
},
handleAuditorSqlOk() {
this.$refs.auditorSqlForm.validateForm(() => {
let data = this.$refs.auditorSqlForm.getForm();
data.name = `${data.table}${data.auditorField}`
this.addTableData([data]);
this.auditorSqlVisible = false;
});
},
handleAuditorSqlClosed() {
this.$refs.auditorSqlForm.resetForm();
},
hasBtnsDeleteBtn(row) {
if (row.isSys) {
return false;
}
else {
return true;
}
},
handleAddBtns() {
this.node.btnlist.push({ code: '', name: '', hidden: false, isNextAuditor: false, isSign: false })
},
handleDeleteBtns(row) {
this.node.btnlist.splice(row.index, 1);
}
}
}
</script>
<style>
</style>

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-05 17:09:44
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 16:14:52
* @Description:
-->
<!-- 开始节点配置 -->
<template>
<div class="user-task">
@ -48,41 +41,133 @@
<a-collapse-panel key="2" header="审核人员设置">
<a-space>
<a-radio-group size="small">
<a-radio-button value="1" @click="handlePostClick"></a-radio-button>
<a-radio-button value="2" @click="handleRoleClick"></a-radio-button>
<a-radio-button value="3" @click="handleAccountClick"></a-radio-button>
<a-radio-button value="3" @click="handleLevelClick"></a-radio-button>
<a-radio-button value="3" @click="handleNodeAuditorClick"></a-radio-button>
<a-radio-button value="3" @click="handleAuditorSqlClick"></a-radio-button>
<a-radio-button value="1" @click="handlePostClick(false)"></a-radio-button>
<a-radio-button value="2" @click="handleRoleClick(false)"></a-radio-button>
<a-radio-button value="3" @click="handleAccountClick(false)"></a-radio-button>
<a-radio-button value="3" @click="handleLevelClick(false)"></a-radio-button>
<a-radio-button value="3" @click="handleNodeAuditorClick(false)"></a-radio-button>
<a-radio-button value="3" @click="handleAuditorSqlClick(false)"></a-radio-button>
</a-radio-group>
</a-space>
<a-table size="small" :columns="columns" :data-source="dataSource" bordered :pagination="false">
<a-table size="small" :columns="data.userColumns" :data-source="node.auditUsers" bordered
:pagination="false">
<template #bodyCell="{ column, text, record }">
<template v-if="['name', 'type'].includes(column.dataIndex)">
<div>
{{ text }}
</div>
</template>
<template v-else-if="['condition'].includes(column.dataIndex)">
<div>
<a-select v-model:value="record[column.dataIndex]" :options="data.conditionOptions">
</a-select>
</div>
</template>
<template v-else-if="column.dataIndex === 'operation'">
<a-popconfirm v-if="dataSource.length" title="Sure to delete?"
@confirm="onDelete(record.key)">
<a>Delete</a>
</a-popconfirm>
<delete-outlined two-tone-color='#eb2f96' @click='onDelete(record.name,false)' />
</template>
</template>
</a-table>
</a-collapse-panel>
<a-collapse-panel key="3" header="This is panel header 3">
<p>{{ text }}</p>
<a-collapse-panel key="3" header="传阅人员设置">
<a-space>
<a-radio-group size="small">
<a-radio-button value="1" @click="handlePostClick(true)"></a-radio-button>
<a-radio-button value="2" @click="handleRoleClick(true)"></a-radio-button>
<a-radio-button value="3" @click="handleAccountClick(true)"></a-radio-button>
<a-radio-button value="3" @click="handleLevelClick(true)"></a-radio-button>
<a-radio-button value="3" @click="handleNodeAuditorClick(true)"></a-radio-button>
<a-radio-button value="3" @click="handleAuditorSqlClick(true)"></a-radio-button>
</a-radio-group>
</a-space>
<a-table size="small" :columns="data.userColumns" :data-source="node.lookUsers" bordered
:pagination="false">
<template #bodyCell="{ column, text, record }">
<template v-if="['name', 'type'].includes(column.dataIndex)">
<div>
{{ text }}
</div>
</template>
<template v-else-if="['condition'].includes(column.dataIndex)">
<div>
<a-select v-model:value="record[column.dataIndex]" :options="data.conditionOptions">
</a-select>
</div>
</template>
<template v-else-if="column.dataIndex === 'operation'">
<delete-outlined two-tone-color='#eb2f96' @click='onDelete(record.name,true)' />
</template>
</template>
</a-table>
</a-collapse-panel>
<a-collapse-panel key="4" header="This is panel header 3">
<p>{{ text }}</p>
<a-collapse-panel key="4" header="按钮设置">
<a-table size="small" :columns="data.columns" :data-source="node.btnlist" bordered
:pagination="false">
<template #bodyCell="{ column, text, record }">
<template v-if="['name', 'code'].includes(column.dataIndex)">
<div>
<a-input v-model:value="record[column.dataIndex]" placeholder="请输入" />
</div>
</template>
<template v-else-if="['isNextAuditor', 'isSign','hidden'].includes(column.dataIndex)">
<div>
<a-switch v-model:checked="record[column.dataIndex]" />
</div>
</template>
<template v-else-if="column.dataIndex === 'operation'">
<delete-outlined two-tone-color='#eb2f96' @click='handleDeleteBtns(record.code)' />
</template>
</template>
</a-table>
<a-divider plain="true"></a-divider>
<a-space>
<a-button @click="handleAddBtns" width="100%" type="dashed" danger :icon="h(PlusOutlined)">
添加字段</a-button>
</a-space>
</a-collapse-panel>
<a-collapse-panel key="5" header="This is panel header 3">
<p>{{ text }}</p>
<a-collapse-panel key="5" header="会签设置">
<a-form-item label="是否会签">
<a-switch v-model:checked="node.isCountersign" />
</a-form-item>
<template v-if="node.isCountersign">
<a-form-item label="审核方式">
<a-radio-group v-model:value="node.countersignType" name="checkboxgroup"
:options="[{value:'1',label:'并行'},{value:'2',label:'串行'}]" />
</a-form-item>
<template v-if="node.countersignType == 1">
<a-form-item label="是否等待">
<a-switch v-model:checked="node.isCountersignAll" />
</a-form-item>
<a-form-item label="通过百分比">
<a-input-number id="inputNumber" v-model:value="node.countersignAllType" :min="1"
:max="100" />
</a-form-item>
</template>
<a-form-item label="再次审核">
<a-radio-group v-model:value="node.countersignAgian" name="checkboxgroup"
:options="[{value:'1',label:'已同意不需要审核'},{value:'2',label:'已同意需要审核'}]" />
</a-form-item>
</template>
</a-collapse-panel>
<a-collapse-panel key="6" header="This is panel header 3">
<p>{{ text }}</p>
<a-collapse-panel key="6" header="超时设置">
<a-form-item label="超时通知">
<a-switch v-model:checked="node.isOvertimeMessage" />
</a-form-item>
<template v-if="node.isOvertimeMessage">
<a-form-item label="第一次通知(时)">
<a-input-number id="inputNumber" v-model:value="node.overtimeMessageStart" :min="1" />
</a-form-item>
<a-form-item label="通知间隔(时)">
<a-input-number id="inputNumber" v-model:value="node.overtimeMessageInterval" :min="1" />
</a-form-item>
<a-form-item label="超时流转时间(时)">
<a-input-number id="inputNumber" v-model:value="node.overtimeGo" :min="1" />
</a-form-item>
<a-form-item label="超时通知策略">
<a-checkbox-group v-model:value="node.overtimeMessageType" name="checkboxgroup"
:options="[{value:'1',label:'短信'},{value:'2',label:'邮箱'},{value:'3',label:'微信'},{value:'4',label:'站内消息'}]" />
</a-form-item>
</template>
</a-collapse-panel>
</a-collapse>
@ -103,13 +188,14 @@
</template>
<script lang="ts" setup>
import { reactive, ref, onMounted, nextTick, unref } from 'vue';
import { reactive, ref, onMounted, nextTick, unref, h } from 'vue';
import { BasicTree, TreeItem } from '@/components/Tree';
import SelectPos from '@/components/SelectPos/index.vue';
import SelectRole from '@/components/SelectRole/index.vue';
import SelectAccount from '@/components/SelectAccount/index.vue';
import AuditorLevel from './src/auditorLevel.vue'
import { getOrgPositonTree, userOrgs } from '@/api/demo/system';
import { DeleteOutlined, PlusOutlined } from '@ant-design/icons-vue'
const labelCol = { span: 7 };
const wrapperCol = { span: 17 };
const data = reactive({
@ -118,8 +204,42 @@
postOpen: false,
roleOpen: false,
accountOpen: false,
levelOpen:false,
levelOpen: false,
userColumns: [
{ title: '类型', dataIndex: 'type' },
{ title: '名称', dataIndex: 'name' },
{ title: '附加条件', dataIndex: 'condition', width: 130 },
{ title: '操作', dataIndex: 'operation' }
],
columns: [
{
title: '名称',
dataIndex: 'name',
},
{
title: '编码',
dataIndex: 'code',
},
{
title: '隐藏',
dataIndex: 'hidden',
},
{
title: '签章',
dataIndex: 'isSign',
},
{
title: '下一审批人',
dataIndex: 'isNextAuditor',
},
{
title: '',
dataIndex: 'operation',
}
],
isLooker: false,
conditionOptions: [{ value: '1', label: '同一个部门' }, { value: '2', label: '同一个公司' }, { value: '3', label: '发起人上级' }, { value: '4', label: '发起人下级' }],
})
const node = reactive({
id: "edb713be-7a25-44a2-8048-1f9abc638680",
@ -171,61 +291,50 @@
overtimeMessageInterval: 1,
overtimeGo: 12,
isInherit: true,
isInit: true
isInit: true,
})
const columns = [
{
title: '名称',
dataIndex: 'name',
},
{
title: '类型',
dataIndex: 'type',
},
{
title: '操作',
dataIndex: 'operation',
},
];
const dataSource = [
{
id: 0,
name: "王五",
type: "管理员",
},
{
id: 1,
name: "王五",
type: "管理员",
},
]
//
const posRef = ref < any > ()
function handlePostClick() {
function handlePostClick(isLooker) {
data.postOpen = true;
data.isLooker = isLooker;
}
function postHandleOk() {
console.log(posRef.value.getRow())
}
//
const roleRef = ref < any > ()
function handleRoleClick() {
function handleRoleClick(isLooker) {
data.isLooker = isLooker;
data.roleOpen = true;
}
function roleHandleOk() {
console.log(roleRef.value.getRow())
var list = roleRef.value.getRow()
list.forEach(element => {
if (data.isLooker) {
//
node.lookUsers.push({
name: element.name,
type: '角色',
condition: ''
})
} else {
//
node.auditUsers.push({
name: element.name,
type: '角色',
condition: ''
})
}
});
data.roleOpen = false;
}
//
const accountRef = ref < any > ()
function handleAccountClick() {
function handleAccountClick(isLooker) {
data.isLooker = isLooker;
data.accountOpen = true;
}
function accountHandleOk() {
@ -233,17 +342,36 @@
}
//
const levelRef = ref < any > ()
function handleLevelClick() {
function handleLevelClick(isLooker) {
data.isLooker = isLooker;
data.levelOpen = true;
}
function levelHandleOk() {
console.log(levelRef.value.getRow())
}
//
function onDelete(key, isLook) {
if (isLook) {
node.lookUsers = node.lookUsers.filter(item => item.name !== key);
} else {
node.auditUsers = node.auditUsers.filter(item => item.name !== key);
}
}
//
function handleAddBtns() {
node.btnlist.push({ code: '', name: '', hidden: false, isNextAuditor: false, isSign: false })
}
function handleDeleteBtns(key) {
node.btnlist = node.btnlist.filter(item => item.code !== key);
}
</script>
<style lang="less" scoped>
::v-deep .ant-select-single {
width: 100%;
}
.site-space-compact-wrapper {
width: 100%;
@ -272,4 +400,16 @@
::v-deep .ant-table-content {
margin-top: 10px;
}
::v-deep .ant-collapse-content-box {
padding: 0;
}
::v-deep .ant-collapse .ant-collapse-content>.ant-collapse-content-box {
padding: 0;
}
::v-deep .ant-collapse>.ant-collapse-item>.ant-collapse-header {
padding: 12px 0;
}
</style>

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-07 10:43:34
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 10:49:15
* @Description:
-->
<template>
<div class="m-4 mr-0 overflow-hidden bg-white">
<BasicTree title="部门列表" toolbar treeWrapperClassName="h-[calc(100%-35px)] overflow-auto" loadData

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-03-07 10:43:34
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 10:48:39
* @Description:
*/
import { getAllRoleList, isAccountExist } from '@/api/demo/system';
import { BasicColumn, FormSchema } from '@/components/Table';

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-07 10:43:34
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 10:56:46
* @Description:
-->
<template>
<!-- <PageWrapper dense contentFullHeight fixedHeight contentClass="flex"> -->
<div class="select-account">

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-07 10:00:26
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 15:37:30
* @Description:
-->
<template>
<div>
<BasicTree ref="asyncExpandTreeRef" title="部门和职级列表" toolbar treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-07 10:00:26
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-07 10:50:39
* @Description:
-->
<template>
<div>
<BasicTable @register="registerTable" :searchInfo="searchInfo"> </BasicTable>

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-01-13 13:04:15
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-19 14:50:22
* @Description:
*/
/**
* @description: Request result set
*/

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-01-13 13:04:15
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-06 10:56:44
* @Description:
*/
import 'uno.css';
import '@/design/index.less';
import '@/components/VxeTable/src/css/index.scss';

View File

@ -1,18 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-01-17 15:24:04
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-18 08:41:32
* @Description:
-->
<!--
* @Author: 滕嵩
* @Date: 2024-01-25 08:59:36
* @LastEditors: 滕嵩
* @LastEditTime: 2024-01-25 10:55:02
* @FilePath: \vue-vben-admin\src\mars\components\mars-work\main-view.vue
* @Description:
-->
<template>
<ConfigProvider :locale="locale">
<div class="mars-main-view" id="mars-main-view">

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-01-17 15:24:04
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-18 08:40:39
* @Description:
-->
<template>
<KeepAlive>
<div :style="{ height: height + 'px' }">

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-01-13 13:04:15
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-25 09:30:23
* @Description:
*/
import type { AppRouteRecordRaw, AppRouteModule } from '@/router/types';
import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic';

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-01-13 13:04:15
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-01 14:24:28
* @Description:
*/
import type { AppRouteModule } from '@/router/types';
import { LAYOUT } from '@/router/constant';

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-01-13 13:04:15
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-22 08:55:09
* @Description:
*/
import { isObject, isString } from '@/utils/is';
const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-01-16 13:48:53
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-17 16:53:26
* @Description:
-->
<template>
<div id="mars3dContainer" class="mars3d-container"></div>
</template>

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-01-27 10:58:29
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-27 14:15:31
* @Description:
-->
<template>
<BasicModal v-bind="$attrs" @register="registerModal" title="分配角色" @ok="handleSubmit">
<BasicForm @register="registerForm" >

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-01-29 08:58:01
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-30 08:44:07
* @Description:
-->
<template>
<BasicModal v-bind="$attrs" @register="registerModal" title="分配部门和职级" @ok="handleSubmit">
<BasicTree ref="asyncExpandTreeRef" title="部门和职级列表" toolbar treeWrapperClassName="h-[calc(100%-35px)] overflow-auto"

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-02-01 09:07:48
* @LastEditors: Do not edit
* @LastEditTime: 2024-02-01 16:55:15
* @Description:
-->
<template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<BasicTable @register="registerTable" :searchInfo="searchInfo"/>

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-01-29 08:58:01
* @LastEditors: Do not edit
* @LastEditTime: 2024-01-30 13:39:08
* @Description:
-->
<template>
<div>
<BasicModal v-bind="$attrs" @register="registerModal" title="分配菜单" @ok="handleSubmit">

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-02-26 13:22:28
* @LastEditors: Do not edit
* @LastEditTime: 2024-02-26 13:23:09
* @Description:
-->
<template>
流程发起
</template>

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-02-27 09:06:43
* @LastEditors: Do not edit
* @LastEditTime: 2024-02-27 10:49:01
* @Description:
-->
<template>
<BasicDrawer v-bind="$attrs" @register="registerDrawer" showFooter :title="getTitle" width="500px" @ok="handleSubmit">
<BasicForm @register="registerForm" />

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-02-27 09:06:43
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-05 16:00:45
* @Description:
-->
<template>
<div class="m-4 mr-0 overflow-hidden bg-white">
<BasicTree ref="asyncExpandTreeRef" title="流程分类" toolbar search

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-03-01 14:18:39
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-05 10:18:49
* @Description:
-->
<template>
<!-- <process-viewer :key="`designer-${processView.index}`" :xml="processView.xmlData" :style="{height: '400px'}" /> -->
<process-designer :key="designerOpen" style="border:1px solid rgba(0, 0, 0, 0.1);" ref="modelDesigner"

View File

@ -1,10 +1,3 @@
<!--
* @Author: 刘妍
* @Date: 2024-02-26 13:22:28
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-05 15:59:12
* @Description:
-->
<template>
流程任务
</template>

View File

@ -1,10 +1,3 @@
/*
* @Author:
* @Date: 2024-01-13 13:04:15
* @LastEditors: Do not edit
* @LastEditTime: 2024-03-05 15:57:29
* @Description:
*/
import { defineApplicationConfig } from '@vben/vite-config';
import { mars3dPlugin } from 'vite-plugin-mars3d';
import path, { resolve } from 'path';