super-page-runtime 1.0.16 → 1.0.17

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

@@ -1,206 +0,0 @@
-<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

@@ -1,117 +0,0 @@
-<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

@@ -1,260 +0,0 @@
-<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>