super-page-runtime 1.0.13 → 1.0.14

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

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

@@ -0,0 +1,130 @@
+<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.type"
+							clearable
+							size="default"
+					>
+						<el-option label="覆盖" value="cover"/>
+						<el-option label="追加" value="append"/>
+						<el-option label="插入最前面" value="prepend"/>
+					</el-select>
+				</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 label="执行方法时设置" align="center">
+				<el-table-column prop="name" label="字段" align="center">
+					<template #default="scope">
+						<el-select
+								v-model="scope.row.type"
+								clearable
+								size="default"
+						>
+							<el-option label="1" value="1"/>
+						</el-select>
+					</template>
+				</el-table-column>
+				<el-table-column prop="address" label="值" align="center">
+					<template #default="scope">
+						<el-select
+								v-model="scope.row.type"
+								clearable
+								size="default"
+						>
+							<el-option label="手动填写" value="input"/>
+							<el-option label="环境变量" value="context"/>
+							<el-option label="请求参数" value="request"/>
+							<el-option label="数据库字段" value="obj"/>
+						</el-select>
+					</template>
+				</el-table-column>
+			</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:Object
+});
+const currentRow = ref({})
+const combinationVisible = ref(false)
+const combinationList = ref({})
+
+function closeCombination(){
+	combinationVisible.value = false
+	console.log('%c描述-154646','color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px',props.list);
+}
+
+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/task-trigger-dialog.vue

@@ -0,0 +1,96 @@
+<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.eventName">
+						<el-option label="1" value="1"></el-option>
+					</el-select>
+				</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>
+		<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/picture-flow/pictureflow-attr-base.vue

@@ -0,0 +1,43 @@
+<template>
+	<el-form label-width="80px" size="small">
+		<el-collapse v-model="openCollapseItems" style="margin-top:6px;">
+			<el-collapse-item
+					title="基本"
+					name="base"
+					class="amb-design-attr-group-header">
+				<div style="padding:8px 0px 0px 0px;">
+					<el-form-item label="组件类型" class="amb-design-attr-item">
+						<el-select v-model="configure.name" placeholder="请选择" >
+							<el-option
+									v-for="item in getFormComponentOptions()"
+									:key="item.name"
+									:label="item.label"
+									:value="item.name"
+							/>
+						</el-select>
+					</el-form-item>
+					<el-form-item label="组件名" class="amb-design-attr-item">
+						<el-input v-model="configure.props.base.name" placeholder="请输入" />
+					</el-form-item>
+					<el-form-item label="任务变量" class="amb-design-attr-item">
+						<el-input v-model="configure.props.base.prop" placeholder="请输入" />
+					</el-form-item>
+				</div>
+			</el-collapse-item>
+			<CommonAttrSize :size="configure.props.size" />
+		</el-collapse>
+	</el-form>
+</template>
+<script lang='ts' setup>
+import { ref } from 'vue';
+import { getFormComponentOptions } from '../../../../utils/assemblys-config.js'
+import CommonAttrSize from '../../common/common-attr-size.vue'
+import Title from '../../form/common/title.vue'
+
+defineProps({
+	configure: Object,
+	default: () => ({props: {}})
+});
+const openCollapseItems = ref("")
+
+</script>

package/src/components/runtime/views/assemblys/workflow/picture-flow/pictureflow-attr-event.vue

@@ -0,0 +1,14 @@
+<template>
+	<el-form label-width="80px" size="small">
+		<AttrEvent :events="events"></AttrEvent>
+	</el-form>
+</template>
+<script lang='ts' setup>
+import { ref, computed, defineEmits } from 'vue';
+import AttrEvent from '../../form/common/attr-event.vue'
+import {getFormComponentOptions} from '../../../../utils/assemblys-config.js'
+defineProps({
+	configure:Object
+});
+const events = ['show', 'hidden']
+</script>

package/src/components/runtime/views/assemblys/workflow/picture-flow/pictureflow-attr-style.vue

@@ -0,0 +1,27 @@
+<template>
+	<el-form label-width="80px" size="small">
+		<el-collapse v-model="openCollapseItems" style="margin-top:6px;">
+			<AttrStyle :blankOption="blankOption" :configure="configure"></AttrStyle>
+		</el-collapse>
+	</el-form>
+</template>
+<script lang='ts' setup>
+import { defineProps } from 'vue';
+import AttrStyle from '../../form/common/attr-style.vue'
+defineProps({
+	configure:Object
+});
+
+const blankOption = {
+	showTittleFont:false, // 是否显示标题字体
+	showBackground:false, // 是否显示背景
+	showPosition:true, // 是否显示定位
+	showMargin:true, // 是否显示外边距
+	showPadding:true, // 是否显示内边距
+	showBorder:false, // 是否显示边框
+	showShadow:false, // 是否显示阴影
+	showCursor:false, // 是否显示鼠标手势
+	showCustom:false, // 是否显示自定义
+}
+
+</script>