super-page-runtime 1.0.12 → 1.0.14

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

package/src/components/runtime/views/assemblys/data/component/formatting.vue

@@ -0,0 +1,200 @@
+<template>
+	<el-dialog
+			model-value
+			title="格式设置"
+			width="40%"
+			:before-close="beforeClose"
+	>
+		<el-form v-model="formData" label-width="140px">
+			<el-form-item label="格式化分类" class="amb-design-attr-item">
+				<el-select v-model="formData.type" placeholder="请选择">
+					<el-option label="数值" value="number"/>
+					<el-option label="货币" value="currency"/>
+					<el-option label="日期" value="date"/>
+					<el-option label="时间" value="time"/>
+					<el-option label="百分比" value="percent"/>
+					<el-option label="自定义控件" value="customControl"/>
+					<el-option label="超链接" value="hyperlinks"/>
+					<el-option label="图标/标签" value="icon"/>
+					<el-option label="附件控件" value="files"/>
+					<el-option label="富文本" value="richEditor"/>
+					<el-option label="脱敏组件" value="secretInfo"/>
+					<el-option label="自定义方法" value="custom"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'number'|| formData.type === 'currency'|| formData.type === 'percent'"  label="小数位数" class="amb-design-attr-item">
+				<el-input v-model="formData.decimalDigit" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'number'" label="科学计数" class="amb-design-attr-item">
+				<el-switch
+						v-model="formData.scientific"
+						active-text="使用"
+						inactive-text="不使用"
+				/>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'number'" label="科学计数位数" class="amb-design-attr-item">
+				<el-input v-model="formData.scientificNum" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'number'" label="千位分隔符" class="amb-design-attr-item">
+				<el-switch
+						v-model="formData.thousandsSeparator"
+						active-text="使用"
+						inactive-text="不使用"
+				/>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'number'" label="数值符号" class="amb-design-attr-item">
+				<el-input v-model="formData.symbol" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'currency'" label="货币符号" class="amb-design-attr-item">
+				<el-select v-model="formData.currencySymbol" placeholder="Select">
+					<el-option label="$" value="$"/>
+					<el-option label="￥" value="￥"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'date'" label="日期类型" class="amb-design-attr-item">
+				<el-select v-model="formData.dataType" placeholder="Select">
+					<el-option label="yyyy-m-d" value="yyyy-m-d"/>
+					<el-option label="yyyy-m-d hh:mm:ss" value="yyyy-m-d hh:mm:ss"/>
+					<el-option label="yyyy-m" value="yyyy-m"/>
+					<el-option label="m-d" value="m-d"/>
+					<el-option label="yyyy" value="yyyy"/>
+					<el-option label="yyyy年m月d日" value="yyyy年m月d日"/>
+					<el-option
+							label="yyyy年m月d日hh时mm分ss秒"
+							value="yyyy年m月d日hh时mm分ss秒"
+					/>
+					<el-option label="yyyy年m月" value="yyyy年m月"/>
+					<el-option label="m月d日" value="m月d日"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'time'" label="时间类型" class="amb-design-attr-item">
+				<el-select v-model="formData.timeType" placeholder="Select">
+					<el-option label="HH:mm" value="HH:mm"/>
+					<el-option label="HH:mm:ss" value="HH:mm:ss"/>
+					<el-option label="HH时mm分" value="HH时mm分"/>
+					<el-option label="HH时mm分ss秒" value="HH时mm分ss秒"/>
+					<el-option label="hh:mm" value="hh:mm"/>
+					<el-option label="hh:mm:ss" value="hh:mm:ss"/>
+					<el-option label="hh时mm分" value="hh时mm分"/>
+					<el-option label="hh时mm分ss秒" value="hh时mm分ss秒"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'customControl'" label="自定义控件" class="amb-design-attr-item">
+				<el-input v-model="formData.customControl" />
+			</el-form-item>
+			<Suffixmodule v-if="formData.type === 'hyperlinks'" :suffixModule="formData.suffixModule"></Suffixmodule>
+			<el-form-item v-if="formData.type === 'icon'" label="图标" class="amb-design-attr-item">
+				<IconSetDialog v-model:modelValue="formData.icon" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'icon'" label="图标位置" class="amb-design-attr-item">
+				<el-switch
+						v-model="formData.position"
+						active-text="后缀"
+						inactive-text="前缀"
+						active-value="suf"
+						inactive-value="pre"
+				/>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'icon'" label="回调事件" class="amb-design-attr-item">
+				<el-input v-model="formData.event" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'custom'" label="自定义方法" class="amb-design-attr-item">
+				<el-input v-model="formData.customControl" />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'files'" label="是否多选">
+				<el-switch v-model="formData.multiple"/>
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'files'" label="接受上传的文件类型">
+				<el-input v-model="formData.accept"   />
+			</el-form-item>
+			<el-form-item v-if="formData.type === 'files'" label="文件限制大小(M)">
+				<el-input-number
+						v-model="formData.limitFileSize"
+						:min="1"
+				/>
+			</el-form-item>
+			<el-form-item
+					v-if="formData.type === 'files' && formData.multiple"
+					label="选择数据表"
+			>
+				<el-input
+						v-model="formData.childAnnexDataTableCode"
+						@click="openSelectDataTable"
+						clearable
+				>
+					<template #append>
+						<el-button :icon="Search" @click="openSelectDataTable" />
+					</template>
+				</el-input>
+			</el-form-item>
+			<el-form-item
+					v-if="formData.type === 'files'"
+					label="展示名称对应字段"
+			>
+				<el-select v-model="formData.showName" filterable   >
+					<el-option label="1" value="1"
+					/>
+				</el-select>
+			</el-form-item>
+			<el-form-item
+					v-if="formData.type === 'files'"
+					label="服务器名称对应字段"
+			>
+				<el-select v-model="formData.serverName" filterable   >
+					<el-option label="time" value="time"/>
+				</el-select>
+			</el-form-item>
+		</el-form>
+		<selectDataTable
+				@add="addSelectDataTable"
+				@close="closeSelectDataTable"
+				v-if="selectDataTableVisible" />
+		<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 selectDataTable from './select-data-table.vue'
+import { Search} from '@element-plus/icons-vue'
+import {ref} from "vue";
+
+const props = defineProps({
+	formatting:{
+		type:Object,
+		default:{}
+	},
+})
+const emit = defineEmits(['close','add'])
+const formData = ref({})
+formData.value = props.formatting
+
+function addData(){
+	emit('add',formData.value)
+	emit('close')
+}
+
+function beforeClose(){
+	emit('close')
+}
+
+function openSelectDataTable() {
+	selectDataTableVisible.value = true
+}
+
+const selectDataTableVisible = ref(false)
+function closeSelectDataTable() {
+	selectDataTableVisible.value = false
+}
+function addSelectDataTable(selectCode:string) {
+	 formData.value.childAnnexDataTableCode = selectCode
+}
+
+</script>

package/src/components/runtime/views/assemblys/data/component/in-parameter.vue

@@ -0,0 +1,56 @@
+<template>
+	<el-collapse-item
+			title="入参"
+			name="parameter"
+			class="amb-design-attr-group-header">
+		<div style="padding:8px 0px 0px 0px;">
+			<el-form-item label="入参" class="amb-design-attr-item">
+				<el-button @click="parameterVisible = true" type="primary">查看</el-button>
+			</el-form-item>
+			<slot name="body" :row="parameter"></slot>
+		</div>
+		<el-dialog
+				v-model="parameterVisible"
+				title="入参"
+		>
+			<el-table border highlight-current-row @current-change="handleCurrentChange" :data="parameter.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>
+	</el-collapse-item>
+</template>
+
+<script lang="ts" setup>
+import {ref} from "vue";
+
+
+const props = defineProps({
+	parameter: {
+		type:Object,
+		default:{
+			parameterList:[]
+		}
+	},
+});
+
+const parameterVisible = ref(false)
+
+function handleCurrentChange() {
+
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/runtime/views/assemblys/data/component/querySetting.vue

@@ -0,0 +1,52 @@
+<template>
+	<el-dialog
+			model-value
+			title="查询设置"
+			width="600"
+			:before-close="beforeClose"
+	>
+		<el-form v-model="selectQuerySetting" label-width="150">
+			<el-form-item label="查询设置控件宽度">
+				<el-input v-model="selectQuerySetting.width" placeholder="请输入" />
+			</el-form-item>
+			<el-form-item label="查询设置Label宽度">
+				<el-input v-model="selectQuerySetting.labelWidth" placeholder="请输入" />
+			</el-form-item>
+			<el-form-item label="查询设置显示宽度">
+				<el-input v-model="selectQuerySetting.label" placeholder="请输入" />
+			</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({
+	formatting:{
+		type:Object,
+		default:{}
+	},
+})
+const emit =defineEmits(['close','add'])
+const selectQuerySetting = ref({})
+selectQuerySetting.value = props.formatting
+
+function addData(){
+	emit('add',selectQuerySetting.value)
+	emit('close')
+}
+
+function beforeClose(){
+	emit('close')
+}
+</script>

package/src/components/runtime/views/assemblys/data/component/return-set-table.vue

@@ -0,0 +1,91 @@
+<template>
+	<el-dialog
+			model-value
+			title="组合条件"
+			width="70%"
+			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 type="index" align="center" label="序号"/>
+			<el-table-column prop="date" align="center" label="返回字段">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.returnName"
+							clearable
+							size="default"
+					>
+						<el-option label="字段1" value="1"/>
+						<el-option label="字段2" value="2"/>
+					</el-select>
+				</template>
+			</el-table-column>
+			<el-table-column prop="name" align="center" label="设置到">
+				<template #default="scope">
+					<el-select
+							v-model="scope.row.setName"
+							clearable
+							size="default"
+					>
+						<el-option label="字段1" value="1"/>
+						<el-option label="字段2" value="2"/>
+					</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:Array
+});
+const $emit = defineEmits(['remove'])
+const currentRow = ref({})
+
+function remove(){
+	$emit('remove',currentRow.value)
+}
+
+function handleCurrentChange(val){
+	currentRow.value = val
+}
+
+function add(){
+	props.list.push({
+		returnName:'',
+		setName:'',
+	})
+}
+
+function confirm(){
+
+}
+</script>
+