super-page-runtime 1.0.15 → 1.0.16

package/components/runtime/views/assemblys/data/component/configuration-value.vue

@@ -0,0 +1,206 @@
+<template>
+	<el-dialog
+			model-value
+			title="值设置"
+			width="600"
+			:before-close="beforeClose"
+	>
+		<el-form v-model="formData" label-width="100px">
+			<el-form-item label="分类" class="amb-design-attr-item">
+				<el-select v-model="formData.type" placeholder="请选择">
+					<el-option
+							label="键值对"
+							value="keyValuePair"
+					/>
+					<el-option
+							label="选项组"
+							value="optionGroup"
+					/>
+					<el-option
+							label="枚举类名"
+							value="enumname"
+					/>
+					<el-option
+							label="bean名称"
+							value="beanname"
+					/>
+					<el-option
+							label="动态数据源"
+							value="dynamicDataSource"
+					/>
+				</el-select>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'keyValuePair'"  label="键值对" class="amb-design-attr-item">
+				<el-input v-model="formData.name" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'optionGroup'" label="选项组" class="amb-design-attr-item">
+				<el-select
+						v-model="formData.name"
+						clearable
+						filterable
+						style="width: 100%"
+				>
+					<el-option
+							v-for="item in optionGroupArr"
+							:key="item.code"
+							:label="item.name"
+							:value="item.code"
+					/>
+				</el-select>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'enumname'"  label="枚举类名" class="amb-design-attr-item">
+				<el-input v-model="formData.name" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'beanname'"  label="bean名称" class="amb-design-attr-item">
+				<el-input v-model="formData.name" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'beanname'"  label="字段设置" class="amb-design-attr-item">
+				<el-button type="primary" plain @click="addValueSettingBeannameTable">添加</el-button>
+				<el-button type="primary" plain @click="deleteValueSettingBeannameTable">删除</el-button>
+				<el-table
+						:data="formData.valueSetOptions"
+						:row-class-name="tableRowClassNameTwo"
+						height="400px"
+						highlight-current-row
+						style="width: 100%;margin-top: 5px"
+						@current-change="currentChange"
+				>
+					<el-table-column label="来源字段">
+						<template #default="scope">
+							<el-input v-model="scope.row.columnName" />
+						</template>
+					</el-table-column>
+					<el-table-column label="值字段">
+						<template #default="scope">
+							<el-select
+									v-model="scope.row.valueColumn"
+									clearable
+									filterable
+							>
+								<el-option label="1" :value="1"/>
+							</el-select>
+						</template>
+					</el-table-column>
+				</el-table>
+			</el-form-item>
+
+			<el-form-item v-if="formData.type === 'dynamicDataSource'"  label="动态数据源" class="amb-design-attr-item">
+				<el-select
+						v-model="formData.dynamicDataSourceCode"
+						clearable
+						filterable
+						style="width: 100%"
+				>
+					<el-option label="数据源1" value="1"
+					/>
+				</el-select>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'dynamicDataSource'"  label="字段设置" class="amb-design-attr-item">
+				<el-button type="primary" plain @click="addValueSettingBeannameTable">添加</el-button>
+				<el-button type="primary" plain @click="deleteValueSettingBeannameTable">删除</el-button>
+				<el-table
+						:data="formData.valueSetOptions"
+						:row-class-name="tableRowClassNameTwo"
+						height="400px"
+						highlight-current-row
+						style="width: 100%;margin-top: 5px"
+						@current-change="currentChange"
+				>
+					<el-table-column label="来源字段">
+						<template #default="scope">
+							<el-select
+									v-model="scope.row.columnName"
+									clearable
+									filterable
+							>
+								<el-option label="1" :value="1"/>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column label="值字段">
+						<template #default="scope">
+							<el-select
+									v-model="scope.row.valueColumn"
+									clearable
+									filterable
+							>
+								<el-option label="1" :value="1"/>
+							</el-select>
+						</template>
+					</el-table-column>
+				</el-table>
+			</el-form-item>
+		</el-form>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="$emit('close')">取消</el-button>
+				<el-button type="primary" @click="addData">确认
+				</el-button>
+			</div>
+		</template>
+	</el-dialog>
+</template>
+
+<script lang="ts" setup>
+import Suffixmodule from '../../form/common/suffixmodule.vue'
+import IconSetDialog from '../../form/common/icon-set-dialog.vue'
+import {ref} from "vue";
+
+const props = defineProps({
+	configValue:{
+		type:Object,
+		default:{}
+	},
+})
+const emit =defineEmits(['close','add'])
+const formData = ref({
+	type:'',
+	valueSetOptions:[{
+		columnName:'',valueColumn:''
+	}]
+})
+// formData.value = props.configValue
+
+const optionGroupArr = ref([
+	{code:'code01',name:'选项组1'}
+])
+// bean选中当前行的数据
+const valueSettingBeannameTableSelect = ref({})
+
+// bean表格添加字段
+function addValueSettingBeannameTable(){
+	formData.value.valueSetOptions.push({
+		columnName:'',valueColumn:''
+	})
+}
+
+function addData(){
+	emit('add',formData.value)
+	emit('close')
+}
+
+// bean表格删除字段
+function deleteValueSettingBeannameTable(){
+	let arr = []
+	formData.value.valueSetOptions.forEach(item =>{
+		if (item['index'] != valueSettingBeannameTableSelect.value.index){
+			arr.push(item)
+		}
+	})
+	formData.value.valueSetOptions = arr
+}
+
+function currentChange(row:object) {
+	valueSettingBeannameTableSelect.value = row
+}
+
+function tableRowClassNameTwo({ row, rowIndex }) {
+	// 把每一行的索引放进row
+	row.index = rowIndex
+}
+
+function beforeClose(){
+	emit('close')
+}
+
+</script>

package/components/runtime/views/assemblys/data/component/data-origin-tree.vue

@@ -0,0 +1,117 @@
+<template>
+	<el-collapse-item
+			title="数据源"
+			name="dataOrigin"
+			class="amb-design-attr-group-header">
+		<div style="padding:8px 0px 0px 0px;">
+			<slot name="top" :row="dataOrigin"></slot>
+			<el-form-item label="数据来源" class="amb-design-attr-item">
+				<el-radio-group v-model="dataOrigin.optionValueSetType">
+					<el-radio value="static">静态数据</el-radio>
+					<el-radio value="dataTable">数据表/视图</el-radio>
+					<el-radio value="service">服务</el-radio>
+				</el-radio-group>
+			</el-form-item>
+			<Codemirror
+					v-if="dataOrigin.optionValueSetType === 'static'"
+					v-model="dataOrigin.staticData"
+					:options="cmOptions"
+					placeholder="请输入"
+			/>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="数据表视图" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="dataOrigin.dataTable"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="主键字段" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="dataOrigin.primaryKey"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="父级字段" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="dataOrigin.parentKey"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="选项值格式化" class="amb-design-attr-item-linefeed-two">
+				<dataoriginInputtable v-model:modelValue="dataOrigin.formattingValue"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="选项名格式化" class="amb-design-attr-item-linefeed-two">
+				<el-input v-model="dataOrigin.formattingName"/>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="排序1" class="amb-design-attr-item">
+				<div class="amb-design-attr-item-inline">
+					<el-select v-model="dataOrigin.sortOneField" placeholder="请选择">
+						<el-option label="1" value="1"></el-option>
+					</el-select>
+					<el-select v-model="dataOrigin.sortOneWay" style="margin-left: 10px" placeholder="请选择">
+						<el-option label="升序" value="asc"></el-option>
+						<el-option label="降序" value="des"></el-option>
+					</el-select>
+				</div>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="排序2" class="amb-design-attr-item">
+				<div class="amb-design-attr-item-inline">
+					<el-select v-model="dataOrigin.sortTwoField" placeholder="请选择">
+						<el-option label="1" value="1"></el-option>
+					</el-select>
+					<el-select v-model="dataOrigin.sortTwoWay" style="margin-left: 10px" placeholder="请选择">
+						<el-option label="升序" value="asc"></el-option>
+						<el-option label="降序" value="des"></el-option>
+					</el-select>
+				</div>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="同级节点数量" class="amb-design-attr-item-linefeed-two">
+				<el-input v-model="dataOrigin.brotherNodeNumber"/>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'dataTable'" label="过滤条件" class="amb-design-attr-item">
+				<el-button type="primary" @click="combinationVisible = true">编辑</el-button>
+			</el-form-item>
+			<el-form-item v-show="dataOrigin.optionValueSetType === 'service'" label="服务名" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="dataOrigin.serveName"></dataoriginInputtable>
+			</el-form-item>
+		</div>
+		<combinationDialog
+			:list="dataOrigin.querySetList"
+			@close="closeCombination"
+			v-if="combinationVisible" />
+	</el-collapse-item>
+</template>
+
+<script setup lang="ts">
+import dataoriginInputtable from '../../form/common/dataorigin-input-table.vue'
+import condition from '../../form/common/condition.vue'
+import RowUlLi from '../../form/common/row-ul-li.vue'
+import {Codemirror} from 'vue-codemirror'
+import combinationDialog from '../../workflow/component/combination.vue'
+import returnSetTable from './return-set-table.vue'
+
+import {ref} from "vue";
+const props = defineProps({
+	dataOrigin: {
+		type:Object,
+		default:{}
+	},
+	// 是否模糊查询
+	remote:{
+		type:Boolean,
+		default:true
+	},
+});
+
+const cmOptions = {
+	tabSize: 4,
+	lineNumbers: true,
+	mode: 'application/json', // 或者其他模式，例如 'python'、'markdown' 等
+	theme: 'default', // 或者其他主题，例如 'monokai'、'solarized' 等
+	line: true, // 显示行号
+	styleActiveLine: true, // 高亮显示当前行
+	matchBrackets: true, // 括号匹配高亮
+}
+
+const combinationVisible = ref(false)
+
+function closeCombination(){
+	combinationVisible.value = false
+}
+
+</script>
+<style scoped>
+:deep(.el-select__selection){
+	display: inline-block;
+}
+</style>

package/components/runtime/views/assemblys/data/component/data-origin.vue

@@ -0,0 +1,260 @@
+<template>
+	<el-collapse-item
+			title="数据"
+			name="dataOrigin"
+			class="amb-design-attr-group-header">
+		<div style="padding:8px 0px 0px 0px;">
+			<el-form-item label="数据来源" class="amb-design-attr-item">
+				<el-radio-group v-model="configure.props.dataOrigin.optionValueSetType">
+					<!--<el-radio value="static">静态数据</el-radio>-->
+					<!--<el-radio value="optionGroup" style="margin-right: 0px">选项组</el-radio>-->
+					<el-radio value="dataTable">数据表/视图</el-radio>
+					<el-radio value="service">服务</el-radio>
+				</el-radio-group>
+			</el-form-item>
+			<Codemirror
+					v-if="configure.props.dataOrigin.optionValueSetType === 'static'"
+					v-model="configure.props.dataOrigin.json"
+					:options="cmOptions"
+					style="margin-bottom: 8px"
+					placeholder="请输入"
+			/>
+			<el-form-item v-show="configure.props.dataOrigin.optionValueSetType === 'optionGroup'" label="选项组名" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="configure.props.dataOrigin.optionGroup"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-show="configure.props.dataOrigin.optionValueSetType === 'optionGroup'" label="选项值绑定" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="configure.props.dataOrigin.optionValue"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-show="configure.props.dataOrigin.optionValueSetType === 'optionGroup'" label="选项名绑定" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="configure.props.dataOrigin.optionName"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-show="configure.props.dataOrigin.optionValueSetType === 'dataTable'" label="数据表视图" class="amb-design-attr-item">
+				<!--<dataoriginInputtable v-model:modelValue="dataOrigin.dataTable"></dataoriginInputtable>-->
+				<el-input v-model="configure.props.dataOrigin.dataTable" :title="configure.props.dataOrigin.dataTable" clearable readonly="true">
+					<template #append>
+						<el-button :icon="Search" @click="selectTable" size="small"/>
+						<el-button :icon="Close" @click="clearTable" title="Clear" size="small"/>
+					</template>
+				</el-input>
+			</el-form-item>
+			<el-form-item v-if="configure.props.dataOrigin.optionValueSetType === 'dataTable' && configure.props.dataOrigin.dataTable" label="快捷设置" class="amb-design-attr-item">
+				<el-button type="primary" @click="columnConfigVisible = true">编辑</el-button>
+			</el-form-item>
+			<el-form-item v-if="configure.props.dataOrigin.optionValueSetType === 'dataTable'" label="编辑排序" class="amb-design-attr-item">
+				<el-button type="primary" @click="addSortField">添加</el-button>
+				<el-button @click="removeSortField">删除</el-button>
+				<div
+						v-for="(item,index) in configure.props.dataOrigin.sortField"
+						:key="index"
+						@click="seleteSort(index)"
+						:class="atPresentSortIndex === index?'amb-design-attr-item-inline seleteSort':'amb-design-attr-item-inline'">
+					<el-select
+							v-model="item.name"
+							placeholder="请选择">
+						<el-option
+								v-for="(Ttime,index) in configure.props.dataOrigin.modelFields"
+								:key="index"
+								:label="Ttime.alias"
+								:value="Ttime.name"></el-option>
+					</el-select>
+					<el-select v-model="item.type" style="margin-left: 10px" placeholder="请选择">
+						<el-option label="升序" value="asc"></el-option>
+						<el-option label="降序" value="des"></el-option>
+					</el-select>
+				</div>
+			</el-form-item>
+			<el-form-item v-show="configure.props.dataOrigin.optionValueSetType === 'dataTable'" label="查询设置" class="amb-design-attr-item">
+				<el-button type="primary" @click="combinationVisible = true">编辑</el-button>
+			</el-form-item>
+			<el-form-item v-show="configure.props.dataOrigin.optionValueSetType === 'service'" label="服务名" class="amb-design-attr-item">
+				<dataoriginInputtable v-model:modelValue="configure.props.dataOrigin.serveName"></dataoriginInputtable>
+			</el-form-item>
+			<el-form-item v-if="configure.props.dataOrigin.optionValueSetType === 'service' && configure.props.dataOrigin.serveName" label="快捷设置" class="amb-design-attr-item">
+				<el-button type="primary" @click="columnConfigVisible = true">编辑</el-button>
+			</el-form-item>
+			<el-form-item v-show="remote && (configure.props.dataOrigin.optionValueSetType === 'dataTable' || configure.props.dataOrigin.optionValueSetType === 'service')" label="模糊查询" class="amb-design-attr-item">
+				<el-radio-group v-model="configure.props.dataOrigin.remote" class="ml-4">
+					<el-radio :value="false">否</el-radio>
+					<el-radio :value="true">是</el-radio>
+				</el-radio-group>
+			</el-form-item>
+			<el-form-item v-if="configure.props.dataOrigin.optionValueSetType === 'service'" label="入参" class="amb-design-attr-item">
+				<el-button @click="parameterVisible = true" type="primary">查看</el-button>
+			</el-form-item>
+			<el-form-item v-if="configure.props.dataOrigin.optionValueSetType === 'service'" label="返回值设置" class="amb-design-attr-item">
+				<el-button @click="returnVisible = true" type="primary">查看</el-button>
+			</el-form-item>
+			<slot name="bottom" :row="configure.props.dataOrigin"></slot>
+		</div>
+
+		<el-dialog
+				v-model="parameterVisible"
+				title="入参"
+		>
+			<el-table border highlight-current-row @current-change="handleCurrentChange" :data="configure.props.dataOrigin.parameterList" style="width: 100%">
+				<el-table-column align="center" type="index" label="序号" width="80" />
+				<el-table-column align="center" prop="code" label="参数名" />
+				<el-table-column align="center" prop="required" label="必填" />
+				<el-table-column align="center" prop="name" label="取值" />
+			</el-table>
+			<template #footer>
+				<div class="dialog-footer">
+					<el-button @click="parameterVisible = false">取消</el-button>
+					<el-button type="primary" @click="parameterVisible = false">
+						确定
+					</el-button>
+				</div>
+			</template>
+		</el-dialog>
+
+		<commonSelectTableDialog
+				ref="selectTableDialog"
+				@select-table="onSelectTable"
+				:systemCode="configure.systemCode"
+				:systemVersion="configure.systemVersion" />
+
+		<ReturnSetTable
+				:list="configure.props.dataOrigin.returnSetList"
+				@close="closeReturnSet"
+				v-if="returnVisible" />
+
+		<combinationDialog
+			:list="configure.props.dataOrigin.querySetList"
+			:fieldNameList="configure.props.dataOrigin.modelFields"
+			@close="closeCombination"
+			v-if="combinationVisible" />
+
+		<ColumnConfig
+				v-if="columnConfigVisible"
+				@close="columnConfigClose" />
+
+	</el-collapse-item>
+</template>
+
+<script setup lang="ts">
+import dataoriginInputtable from '../../form/common/dataorigin-input-table.vue'
+import condition from '../../form/common/condition.vue'
+import RowUlLi from '../../form/common/row-ul-li.vue'
+import {Codemirror} from 'vue-codemirror'
+import CombinationDialog from '../../workflow/component/combination.vue'
+import ReturnSetTable from './return-set-table.vue'
+import ColumnConfig from './column-config.vue'
+import commonSelectTableDialog from '../../common/common-select-table.vue';
+import {Search,Close} from '@element-plus/icons';
+import {ref, watch} from "vue";
+import {queryTableFields} from '../../../../../design/utils/page-table-util';
+const props = defineProps({
+	configure: {
+		type:Object,
+		default:{}
+	},
+	// 是否模糊查询
+	remote:{
+		type:Boolean,
+		default:true
+	},
+});
+
+const cmOptions = {
+	tabSize: 4,
+	lineNumbers: true,
+	mode: 'application/json', // 或者其他模式，例如 'python'、'markdown' 等
+	theme: 'default', // 或者其他主题，例如 'monokai'、'solarized' 等
+	line: true, // 显示行号
+	styleActiveLine: true, // 高亮显示当前行
+	matchBrackets: true, // 括号匹配高亮
+}
+const columnConfigVisible = ref(false)
+const combinationVisible = ref(false)
+const parameterVisible = ref(false)
+const returnVisible = ref(false)
+const selectTableDialog = ref(null)
+
+const atPresentSortIndex = ref('')
+
+function seleteSort(index:string) {
+	atPresentSortIndex.value = index
+}
+
+/**
+ * 选择表名
+ */
+function selectTable(){
+	selectTableDialog.value.openDialog();
+}
+
+function clearTable(){
+	props.configure.props.dataOrigin.dataTable='';
+	props.configure.props.dataOrigin.alias='';
+	props.configure.props.dataOrigin.modelFields = [];
+}
+
+/**
+ * 选择数据表时
+ * @param tableInfo
+ */
+function onSelectTable(tableInfo:any){
+	//检查选择的数据表与之前的字段是否一致
+	let hisKey = props.configure.tableSysCode?props.configure.tableSysCode:'';
+	hisKey += '_';
+	hisKey += props.configure.tableSysVersion?props.configure.tableSysVersion:'';
+	hisKey += '_';
+	hisKey += props.configure.tableName?props.configure.tableName:'';
+	let newKey = tableInfo.systemCode?tableInfo.systemCode:'';
+	newKey += '_';
+	newKey += tableInfo.systemVersion?tableInfo.systemVersion:'';
+	newKey += '_';
+	newKey += tableInfo.name?tableInfo.name:'';
+	if(newKey!=hisKey){
+		props.configure.tableSysCode = tableInfo.systemCode;
+		props.configure.tableSysVersion = tableInfo.systemVersion;
+		props.configure.props.dataOrigin.dataTable = tableInfo.name;
+		props.configure.props.dataOrigin.alias = tableInfo.alias;
+
+		const systemCode = tableInfo.systemCode?tableInfo.systemCode:props.configure.systemCode;
+		const systemVersion = tableInfo.systemVersion?tableInfo.systemVersion:props.configure.systemVersion;
+		//查询表字段,设置到页面对象中
+		queryTableFields(systemCode,systemVersion,tableInfo.name)
+				.then((tableFields)=>{
+					props.configure.props.dataOrigin.modelFields = tableFields;
+					console.log("queryTableFields",tableFields)
+				});
+	}
+}
+
+function closeReturnSet(){
+	returnVisible.value = false
+}
+
+function columnConfigClose() {
+	columnConfigVisible.value = false
+}
+
+function closeCombination(){
+	combinationVisible.value = false
+}
+
+function handleCurrentChange() {
+
+}
+// 添加排序字段
+function addSortField() {
+	props.configure.props.dataOrigin.sortField.push({name:'',type:''})
+	atPresentSortIndex.value = ''
+}
+// 删除排序字段
+function removeSortField() {
+	props.configure.props.dataOrigin.sortField.splice(atPresentSortIndex,1)
+}
+
+</script>
+<style scoped>
+:deep(.el-select__selection){
+	display: inline-block;
+}
+
+.seleteSort{
+	border-radius: 5px;
+	border: 1px solid rgba(88, 147, 239);
+}
+</style>