super-page-runtime 1.0.13 → 1.0.14

package/src/components/runtime/views/assemblys/data/component/row-backgroud-color.vue

@@ -0,0 +1,58 @@
+<template>
+	<div class="row-backgroud-header-tittle">
+		<div>判断条件</div>
+		<div>{{ showStyleTittle?'显示的样式':'' }}</div>
+	</div>
+	<div v-for="(item,index) in list" :key="index">
+		<el-input v-model="item.condition" style="margin-top: 8px" class="amb-design-attr-item" />
+		<el-input
+				v-model="item.style"
+				:autosize="{ minRows: 4 }"
+				class="amb-design-attr-item"
+				type="textarea"
+				placeholder="Please input"
+		/>
+		<div>
+			<el-icon style="width: 100%">
+				<Plus @click="addOrgFieldsItem" />
+				<Minus @click="reomveOrgFieldsItem(index)" />
+			</el-icon>
+		</div>
+	</div>
+	<el-icon v-if="!list ||list.length === 0" style="width: 100%">
+		<Plus @click="addOrgFieldsItem" />
+	</el-icon>
+</template>
+
+<script lang="ts" setup>
+import {Plus,Minus} from '@element-plus/icons-vue'
+const props = defineProps({
+	list:{
+		type:Array,
+		default:[]
+	},
+	showStyleTittle:{
+		type:Boolean,
+		default:true
+	}
+});
+
+function addOrgFieldsItem(){
+	props.list.push({type:'',model:''})
+}
+
+function reomveOrgFieldsItem(index:number) {
+	props.list.splice(index,1)
+}
+</script>
+
+<style scoped>
+.row-backgroud-header-tittle{
+	display: flex;
+	justify-content: space-between;
+	text-align: center
+}
+.row-backgroud-header-tittle > div{
+	width: 100%
+}
+</style>

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

@@ -0,0 +1,86 @@
+<template>
+	<el-dialog
+			model-value
+			title="选择数据表"
+			width="45%"
+			append-to-body
+			:before-close="() =>{$emit('close')}"
+	>
+		<el-form class="form" :model="queryForm" inline label-width="90">
+			<el-row>
+				<el-col :span="8">
+					<el-form-item label="数据表名">
+						<el-input v-model="queryForm.name" />
+					</el-form-item>
+				</el-col>
+				<el-col :span="8">
+					<el-form-item label="数据表别名">
+						<el-input v-model="queryForm.name" />
+					</el-form-item>
+				</el-col>
+				<el-col :span="8" style="text-align: center">
+					<el-button type="primary">查询</el-button>
+					<el-button>重置</el-button>
+				</el-col>
+			</el-row>
+		</el-form>
+		<el-table class="table" :data="tableData" @selection-change="handleSelectionChange" style="width: 100%;margin: 30px 0;">
+			<el-table-column type="selection" width="55" />
+			<el-table-column type="index" label="序号" />
+			<el-table-column prop="name" label="数据表名" />
+			<el-table-column prop="alias" label="数据表别名" />
+		</el-table>
+		<div style="display: flex;justify-content: flex-end">
+			<el-pagination
+					v-model:current-page="queryForm.page"
+					v-model:page-size="queryForm.pageSize"
+					:page-sizes="[10, 20, 40, 60]"
+					background
+					small
+					layout="total, sizes, prev, pager, next, jumper"
+					:total="400"
+					@change="queryList"
+			/>
+		</div>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button size="default" @click="$emit('close')">取消</el-button>
+				<el-button size="default" type="primary" @click="confirm">
+					确定
+				</el-button>
+			</div>
+		</template>
+	</el-dialog>
+</template>
+
+<script setup lang="ts">
+
+import {ref} from "vue";
+const emit = defineEmits(['add','close'])
+
+const queryForm = ref({})
+const tableData = ref([{name:'222',alias:'11',code:'TEST_CODE'}])
+const selectData = ref([])
+
+function queryList() {
+
+}
+
+function handleSelectionChange(newSelection: any[]) {
+	selectData.value = newSelection
+}
+
+function confirm() {
+	if (selectData.value.length > 0){
+		emit('add',selectData.value[0].code)
+	}else {
+		emit('add','')
+	}
+	emit('close')
+}
+
+</script>
+
+<style scoped>
+
+</style>