super-page-runtime 1.0.12 → 1.0.14

package/src/components/runtime/views/assemblys/workflow/component/combination.vue

@@ -0,0 +1,206 @@
+<template>
+	<el-dialog
+			model-value
+			title="组合条件"
+			width="70%"
+			@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="(">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.leftBracket"
+							clearable
+							size="default"
+					>
+						<el-option label="" value=""/>
+						<el-option label="(" value="("/>
+						<el-option label="((" value="(("/>
+						<el-option label="(((" value="((("/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="字段名(*)">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.propName"
+							clearable
+							size="default"
+					>
+						<el-option
+								v-for="(Ttime,index) in fieldNameList"
+								:key="index"
+								:label="Ttime.alias"
+								:value="Ttime.name"></el-option>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="address" label="操作符">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.operator"
+							clearable
+							size="default"
+					>
+						<el-option label="操作符1" value="1"/>
+						<el-option label="操作符1" value="2"/>
+						<el-option label="操作符1" value="3"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="address" label="值(*)">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.propValueType"
+							clearable
+							size="default"
+					>
+						<el-option label="值1" value="1"/>
+						<el-option label="值2" value="2"/>
+						<el-option label="值3" value="3"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="address" label="日期格式">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.date"
+							clearable
+							size="default"
+					>
+						<el-option label="年份" value="year"/>
+						<el-option label="季度" value="quarter"/>
+						<el-option label="月份" value="month"/>
+						<el-option label="日" value="day"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="address" label=")">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.rightBracket"
+							clearable
+							size="default"
+					>
+						<el-option label="" value=""/>
+						<el-option label=")" value=")"/>
+						<el-option label="))" value="))"/>
+						<el-option label=")))" value=")))"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="address" label="并且/或者">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.joinSign"
+							clearable
+							size="default"
+					>
+						<el-option
+								label="或者"
+								value="or"
+						/>
+						<el-option
+								label="并且"
+								value="and"
+						/>
+						<el-option label="并且" value="and"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="address" label="变量为空时">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.joinSign"
+							clearable
+							size="default"
+					>
+						<el-option
+								label="Null"
+								value="null"
+						/>
+						<el-option
+								label="忽略(1=1)"
+								value="1=1"
+						/>
+						<el-option
+								label="不符合(1<>1)"
+								value="1<>1"
+						/>
+						<el-option label="并且" value="and"/>
+					</el-select>
+				</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>
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+import {CirclePlus,Delete} from '@element-plus/icons-vue'
+import {ref} from "vue";
+const props = defineProps({
+	list:{
+		type:Array,
+		default:() =>{[]}
+	},
+	fieldNameList:{
+		type:Array,
+		default:() =>{[]}
+	}
+});
+const $emit = defineEmits(['remove'])
+const currentRow = ref({})
+
+function remove(){
+	$emit('remove',currentRow.value)
+}
+
+function handleCurrentChange(val){
+	currentRow.value = val
+}
+
+function add(){
+	props.list.push({
+		leftBracket:'',
+		propName:'',
+		operator:'',
+		propValueType:'',
+		rightBracket:'',
+		joinSign:''
+	})
+}
+
+function confirm(){
+
+}
+</script>
+
+<style>
+.el-select__selection{
+	display: flex;
+}
+</style>

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

@@ -0,0 +1,99 @@
+<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-input size="default" @click="opencombinationDialog(scope.row)" />
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" label="提示信息" align="center">
+				<template #default="scope">
+					<el-input size="default" v-model="scope.row.name" />
+				</template>
+			</el-table-column>
+			<el-table-column prop="address" label="国际化key" align="center">
+				<template #default="scope">
+					<el-input size="default" v-model="scope.row.type" />
+				</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" />
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+import {CirclePlus,Delete} from '@element-plus/icons-vue'
+import combinationDialog from './combination.vue'
+import {ref} from "vue";
+
+const props = defineProps({
+	list:Array
+});
+const currentRow = ref({})
+const combinationVisible = ref(false)
+const combinationList = ref({})
+
+function closeCombination(){
+	combinationVisible.value = false
+}
+
+function opencombinationDialog(row:object){
+	combinationList.value = row.combination
+	combinationVisible.value = true
+}
+
+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:''
+	})
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/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>