super-page-runtime 1.0.15 → 1.0.16

package/components/runtime/views/assemblys/workflow/component/event-dialog.vue

@@ -0,0 +1,278 @@
+<template>
+	<el-dialog
+			model-value
+			title="事件配置"
+			append-to-body
+			@before-close="$emit('close')"
+	>
+		<el-row style="padding-bottom: 8px">
+			<el-button
+					:icon="CirclePlus"
+					plain
+					type="primary"
+					@click="add"
+			>
+				添加
+			</el-button>
+			<el-button
+					:icon="Delete"
+					plain
+					type="primary"
+					@click="remove"
+			>
+				删除
+			</el-button>
+		</el-row>
+		<el-table highlight-current-row @current-change="handleCurrentChange" :data="list" style="width: 100%">
+			<el-table-column prop="name" label="事件" align="center">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.type"
+							size="default"
+					>
+						<el-option v-for="(item,index) in eventList" :key="index" :label="item.label" :value="item.function"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="JS脚本" align="center">
+				<template #default="scope">
+					<el-button type="primary" @click="opanJSscript(scope.row,scope.$index)">编辑</el-button>
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="是否显示" align="center">
+				<template #default="scope">
+					<el-switch v-model="scope.row.type" />
+				</template>
+			</el-table-column>
+			<el-table-column prop="date" label="按钮显示条件" align="center">
+				<template #default="scope">
+					<el-input size="default" @click="opencombinationDialog(scope.row)" />
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="是否启用必填校验" align="center">
+				<template #default="scope">
+					<el-switch v-model="scope.row.type" />
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="成功后" align="center">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.type"
+							size="default"
+					>
+						<el-option label="无操作" value="noOperation"/>
+						<el-option label="刷新" value="refresh"/>
+						<el-option label="关闭窗口" value="closeWindow"/>
+						<el-option label="关闭窗口并刷新列表" value="closeWindowAndRefresh"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="日志设置" align="center">
+				<template #default="scope">
+					<el-button type="primary" @click="journalSetVisible = true">编辑</el-button>
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="任务触发" align="center">
+				<template #default="scope">
+					<el-button type="primary" @click="openTaskTriggerDialog(scope.row)">编辑</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<el-dialog tittle="JS脚本" v-model="JSscriptVisible">
+			<Codemirror
+					v-model="jsData"
+					:options="codemirrorOptions"
+			/>
+			<template #footer>
+				<div class="dialog-footer">
+					<el-button @click="JSscriptVisible = true">取消</el-button>
+					<el-button type="primary" @click="JSscriptVisibleClose">
+						确定
+					</el-button>
+				</div>
+			</template>
+		</el-dialog>
+
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="$emit('close')">取消</el-button>
+				<el-button type="primary" @click="$emit('close')">
+					确定
+				</el-button>
+			</div>
+		</template>
+		<!--可配置条件-->
+		<combinationDialog
+			:list="combinationList"
+			@close="closeCombination"
+			v-if="combinationVisible" />
+
+		<!--日志设置-->
+		<journalSetDialog
+			@close="closeJournalSet"
+			v-if="journalSetVisible" />
+
+		<!--任务触发-->
+		<taskTriggerDialog
+			:list="taskList"
+			@close="closeTask"
+			v-if="taskVisible" />
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+import {CirclePlus,Delete} from '@element-plus/icons-vue'
+import combinationDialog from './combination.vue'
+import taskTriggerDialog from './task-trigger-dialog.vue'
+import journalSetDialog from './journal-set-dialog.vue'
+import {Codemirror} from 'vue-codemirror'
+import {ref} from "vue";
+
+const props = defineProps({
+	list:Array
+});
+const currentRow = ref({})
+const combinationVisible = ref(false)
+const combinationList = ref({})
+const taskVisible = ref(false)
+const taskList = ref({})
+const journalSetVisible = ref(false)
+const JSscriptVisible = ref(false)
+const jsData = ref('')
+const clickRowIndex = ref(null)
+
+const eventList = [
+	{
+		label: '保存',
+		function: 'startInstance',
+	},
+	{
+		label: '提交流程',
+		function: 'submitProcess',
+	},
+	{
+		label: '办理任务',
+		function: 'completeTask',
+	},
+	{
+		label: 'retrieveTask',
+		function: 'retrieveTask',
+	},
+	{
+		label: '指派',
+		function: 'assignTask',
+	},
+	{
+		label: '领取',
+		function: 'drawTask',
+	},
+	{
+		label: '放弃领取',
+		function: 'abandonDraw',
+	},
+	{
+		label: '驳回',
+		function: 'returnToPreviousTask',
+	},
+	{
+		label: '退回',
+		function: 'returnTaskTo',
+	},
+	{
+		label: '强制结束',
+		function: 'endInstance',
+	},
+	{
+		label: '加签',
+		function: 'addSigner',
+	},
+	{
+		label: '减签',
+		function: 'removeSigner',
+	},
+	{
+		label: '抄送',
+		function: 'createCopyTask',
+	},
+	{
+		label: '选择办理人',
+		function: 'selectTransactors',
+	},
+	{
+		label: '选择环节',
+		function: 'selectTaches',
+	},
+	{
+		label: '导出报告',
+		function: 'exportReport',
+	},
+]
+
+const codemirrorOptions = {
+	tabSize: 4,
+	styleActiveLine: true,
+	lineNumbers: true,
+	line: true,
+	mode: 'text/javascript',
+	lineWrapping: true, // 自动换行
+	theme: 'default',
+}
+
+function closeJournalSet(){
+	journalSetVisible.value = false
+}
+
+function closeCombination(){
+	combinationVisible.value = false
+}
+
+function opencombinationDialog(row:object){
+	combinationList.value = row.combination
+	combinationVisible.value = true
+}
+
+function openTaskTriggerDialog(row:object){
+	taskList.value = row.task
+	taskVisible.value = true
+}
+
+function closeTask (){
+	taskVisible.value = false
+}
+
+function opanJSscript(row:object,index){
+	JSscriptVisible.value = true
+	jsData.value = row.jsContent
+	clickRowIndex.value = index
+}
+
+function JSscriptVisibleClose() {
+	props.list.forEach((item,index) =>{
+		if (index === clickRowIndex.value){
+			item.jsContent = jsData.value
+		}
+	})
+}
+
+function remove(){
+	props.list = props.list.filter(item => item !== currentRow.value)
+}
+function handleCurrentChange(val){
+	currentRow.value = val
+}
+function add(){
+	props.list.push({
+		leftBracket:'',
+		propName:'',
+		operator:'',
+		propValueType:'',
+		rightBracket:'',
+		joinSign:'',
+		jsContent:''
+	})
+}
+</script>
+
+<style scoped>
+
+</style>

package/components/runtime/views/assemblys/workflow/component/journal-set-dialog.vue

@@ -0,0 +1,174 @@
+<template>
+	<el-dialog
+			model-value
+			title="自动设值"
+			append-to-body
+			width="40%"
+			@before-close="$emit('close')"
+	>
+		<el-tag
+			v-for="(item,index) in dynamicTags"
+			:key="index"
+			closable
+			size="large"
+			:type="getType(item)"
+			@close="removeTag(item)"
+		>
+			{{item.name}}
+		</el-tag>
+		<el-input
+				v-if="textStatr"
+				size="default"
+				style="width: 200px;margin-left: 10px"
+				v-model="inputTag"
+				@blur="handleInputConfirm"
+				@keyup.enter="handleInputConfirm"/>
+		<el-button-group v-else style="margin-left: 10px">
+			<el-button size="default" type="primary" :icon="EditPen" @click="tagText">输入文字</el-button>
+			<el-button size="default" type="primary" @click="fidldDialogVisible = true">
+				选择字段<el-icon class="el-icon--right"><Search /></el-icon>
+			</el-button>
+		</el-button-group>
+		<el-dialog
+		v-model="fidldDialogVisible"
+		width=30%
+		title="选择字段"
+		>
+			<el-tabs
+					v-model="activeName"
+					type="card"
+					class="demo-tabs"
+			>
+				<el-tab-pane label="标准字段" name="standard">
+					<el-radio-group v-model="selectField" class="ml-4">
+						<el-radio
+								v-for="(item,index) in standardData"
+								:value="item.value"
+								:key="index"
+								size="large">
+							{{ item.name }}
+						</el-radio>
+					</el-radio-group>
+				</el-tab-pane>
+				<el-tab-pane label="数据库字段" name="database">
+					<el-radio-group v-model="selectField" class="ml-4">
+						<el-radio
+								v-for="(item,index) in databaseField"
+								:value="item.value"
+								:key="index"
+								size="large">
+							{{ item.name }}
+						</el-radio>
+					</el-radio-group>
+				</el-tab-pane>
+			</el-tabs>
+			<template #footer>
+				<div class="dialog-footer">
+					<el-button @click="fidldDialogVisible = true">取消</el-button>
+					<el-button type="primary" @click="addRadioConfirm">
+						确定
+					</el-button>
+				</div>
+			</template>
+		</el-dialog>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="$emit('close')">取消</el-button>
+				<el-button type="primary" @click="$emit('close')">
+					确定
+				</el-button>
+			</div>
+		</template>
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+import {
+	EditPen,
+	Search,
+} from '@element-plus/icons-vue'
+import {ref} from "vue";
+const dynamicTags = ref([
+			{name:111,type:'1'},
+			{name:222,type:'2'},
+			{name:333,type:'2'},
+			{name:444,type:'2'},
+			{name:555,type:'1'},
+			{name:555,type:'1'},
+			{name:555,type:'1'},
+			{name:555,type:'1'},
+			{name:555,type:'1'},
+			{name:555,type:'1'},
+			{name:555,type:'1'},
+		])
+const standardData = [
+	{name:'当前时间',type:'2',value:'${context.currentTime}'},
+	{name:'当前用户登录名',type:'2',value:'${context.currentTransactor}'},
+	{name:'当前用户姓名',type:'2',value:'${context.currentTransactorName}'},
+	{name:'当前用户id',type:'2',value:'${context.currentTransactorId}'},
+	{name:'当前用户部门id',type:'2',value:'${context.currentTransactorMainDepartmentId}'},
+	{name:'当前用户部门名称',type:'2',value:'${context.currentTransactorMainDepartment}'},
+	{name:'当前用户角色id',type:'2',value:'${context.currentTransactorRoleId}'},
+	{name:'当前用户角色名称',type:'2',value:'${context.currentTransactorRole}'},
+	{name:'当前用户工作组id',type:'2',value:'${context.currentTransactorWorkGroupId}'},
+	{name:'当前用户工作组名称',type:'2',value:'${context.currentTransactorWorkGroup}'},
+	{name:'当前用户所属分支名称',type:'2',value:'${context.currentTransactorBranchName}'},
+	{name:'当前用户所属分支id',type:'2',value:'${context.currentTransactorBranchId}'},
+]
+const databaseField = [
+	{name:'数据库字段1',type:'2',value:'${context.database1}'},
+	{name:'数据库字段2',type:'2',value:'${context.database2}'},
+	{name:'数据库字段3',type:'2',value:'${context.database3}'},
+]
+const textStatr = ref(false)
+const inputTag = ref('')
+const fidldDialogVisible = ref(false)
+const selectField = ref('')
+const activeName = ref('standard')
+
+// 获取tag type
+function getType(tab:object){
+	if (tab.type === '2'){
+		return 'success'
+	}else {
+		return null
+	}
+}
+
+// 添加输入项
+function handleInputConfirm(){
+	if (inputTag.value != ''){
+		let obj = {name:inputTag.value}
+		dynamicTags.value.push(obj)
+		textStatr.value = false
+		inputTag.value = ''
+	}
+}
+// 添加选择项
+function addRadioConfirm(){
+	if (selectField.value != ''){
+		let obj = {name:selectField.value}
+		dynamicTags.value.push(obj)
+		fidldDialogVisible.value = false
+		selectField.value = ''
+	}else {
+		fidldDialogVisible.value = false
+	}
+}
+
+function removeTag(tagItem:object) {
+	dynamicTags.value = dynamicTags.value.filter(item => item!= tagItem)
+}
+
+// 获取文字
+function tagText(){
+	textStatr.value = true
+	inputTag.value = ''
+}
+</script>
+
+<style scoped>
+.el-tag{
+	margin-left: 10px;
+}
+</style>

package/components/runtime/views/assemblys/workflow/component/logical-setup-dialog.vue

@@ -0,0 +1,155 @@
+<template>
+	<el-dialog
+			model-value
+			title="逻辑设置"
+			append-to-body
+			@before-close="$emit('close')"
+	>
+		<el-row style="padding-bottom: 8px">
+			<el-button
+					:icon="CirclePlus"
+					plain
+					type="primary"
+					@click="add"
+			>
+				添加
+			</el-button>
+			<el-button
+					:icon="Delete"
+					plain
+					type="primary"
+					@click="remove"
+			>
+				删除
+			</el-button>
+		</el-row>
+		<el-table highlight-current-row @current-change="handleCurrentChange" :data="list" style="width: 100%">
+			<el-table-column prop="date" label="节点" align="center">
+			<template #default="scope">
+				<el-select
+						v-model="scope.row.nodeId"
+						clearable
+				>
+					<el-option label="1" value="1"/>
+				</el-select>
+			</template>
+			</el-table-column>
+			<el-table-column label="可执行条件" align="center">
+				<template #default="scope">
+					<el-button type="primary" @click="opencombinationDialog(scope.row)">编辑</el-button>
+				</template>
+			</el-table-column>
+			<el-table-column label="自动赋值" align="center">
+				<template #default="scope">
+					<el-button type="primary" @click="openSetVisible(scope.row)">编辑</el-button>
+				</template>
+			</el-table-column>
+			<el-table-column label="转换规则" align="center">
+				<template #default="scope">
+					<el-button type="primary" @click="openRuleVisible(scope.row)">编辑</el-button>
+				</template>
+			</el-table-column>
+			<el-table-column prop="date" label="不同意时意见是否必填" align="center">
+				<template #default="scope">
+					<el-switch v-model="scope.row.isOpinionRequired" />
+				</template>
+			</el-table-column>
+		</el-table>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="$emit('close')">取消</el-button>
+				<el-button type="primary" @click="$emit('close')">
+					确定
+				</el-button>
+			</div>
+		</template>
+
+		<!--可执行条件-->
+		<combinationDialog
+			:list="combinationList"
+			@close="closeCombination"
+			v-if="combinationVisible" />
+
+		<!--自动赋值-->
+		<setDialog
+			:list="setList"
+			v-if="setVisible"
+			@close="closeSetDialog"/>
+
+		<!--转换规则-->
+		<ruleDialog
+			:list="ruleList"
+			v-if="ruleVisible"
+			@close="closeRuleDialog"/>
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+import {ref} from "vue";
+import {CirclePlus,Delete} from '@element-plus/icons-vue'
+import combinationDialog from './combination.vue'
+import setDialog from '../component/set-dialog.vue'
+import ruleDialog from '../component/rule-dialog.vue'
+
+const props = defineProps({
+	list:Array
+});
+const $emit = defineEmits(['remove'])
+const currentRow = ref({})
+const combinationVisible = ref(false)
+const combinationList = ref([])
+const setVisible = ref(false)
+const setList = ref([])
+const ruleVisible = ref(false)
+const ruleList = ref([])
+
+function opencombinationDialog(row:object){
+	combinationList.value = row.executable
+	combinationVisible.value = true
+}
+
+function openSetVisible(row:object) {
+	setList.value = row.voluntarily
+	setVisible.value = true
+}
+
+function openRuleVisible(row:object) {
+	ruleList.value = row.transition
+	ruleVisible.value = true
+}
+
+function closeCombination(){
+	combinationVisible.value = false
+}
+
+function remove(){
+	$emit('remove',currentRow.value)
+}
+
+function closeSetDialog(){
+	setVisible.value = false
+}
+
+function closeRuleDialog() {
+	ruleVisible.value = false
+}
+
+function add(){
+	props.list.push({
+		leftBracket:'',
+		propName:'',
+		operator:'',
+		propValueType:'',
+		rightBracket:'',
+		joinSign:''
+	})
+}
+
+function handleCurrentChange(val){
+	currentRow.value = val
+}
+</script>
+
+<style scoped>
+
+</style>

package/components/runtime/views/assemblys/workflow/component/rule-dialog.vue

@@ -0,0 +1,47 @@
+<template>
+	<el-dialog
+			model-value
+			title="转换规则"
+			append-to-body
+			@before-close="$emit('close')"
+	>
+		<el-table highlight-current-row @current-change="handleCurrentChange" :data="list" style="width: 100%">
+			<el-table-column type="selection" width="55" />
+			<el-table-column type="index" label="序号" />
+			<el-table-column prop="date" label="规则编号" align="center" />
+			<el-table-column prop="date" label="规则名称" align="center" />
+		</el-table>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="$emit('close')">取消</el-button>
+				<el-button type="primary" @click="$emit('close')">
+					确定
+				</el-button>
+			</div>
+		</template>
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+import {ref} from "vue";
+
+const props = defineProps({
+	list:Array
+});
+const currentRow = ref({})
+const combinationVisible = ref(false)
+const combinationList = ref({})
+
+function opencombinationDialog(row:object){
+	combinationList.value = row.combination
+	combinationVisible.value = true
+}
+
+function handleCurrentChange(val){
+	currentRow.value = val
+}
+</script>
+
+<style scoped>
+
+</style>