1

pages/index/index.vue

 <template>
 	<view>
-		<button @click="openinfo('../test/test-er/test-er')">组件</button>
-		<button @click="openinfo('../test/test-er/component')">实体</button>
+		<button @click="openinfo('../test/test-er/test-er')">实体</button>
+		<button @click="openinfo('../test/test-er/component')">组件</button>
 	</view>
 </template>
 

pages/test/test-er/component.vue

@@ -4,7 +4,7 @@
 		<view class="main-box">
 			<view ref="componentView" class="component-view">
 				<view class="title-bar">组件信息</view>
-				<thirdlucky-data-view class="component-view"></thirdlucky-data-view>
+				<thirdlucky-data-view style="height: 97%;" :columns="columns" :datas="datas" :tableNames="tableNames"></thirdlucky-data-view>
 			</view>
 			<view ref="moduleView" class="module-view"><view class="title-bar">模型信息</view></view>
 			<view ref="templateView" class="template-view"><view class="title-bar">模板信息</view></view>
@@ -17,22 +17,44 @@ export default {
 	data() {
 		return {
 			menuContent: [{ text: '加载' }, { text: '保存' }],
-			schemas: [
+			columns: [
 				{
 					name: 'id',
-					info: '主键'
+					info: '主键',
+					type: 'text',
+					tips: '主键'
 				},
 				{
 					name: 'name',
-					info: '名称'
+					info: '名称',
+					type: 'text',
+					tips: '名称'
 				},
 				{
-					name: 'comment',
-					info: '描述'
+					name: 'info',
+					info: '信息',
+					type: 'text',
+					tips: '信息'
 				}
 			],
-			columns: [],
-			columnSchemas:[]
+			datas: [
+				{
+					id: 101,
+					name: '张三',
+					info: '一班'
+				},
+				{
+					id: 102,
+					name: '李四',
+					info: '一班'
+				},
+				{
+					id: 103,
+					name: '王五',
+					info: '一班'
+				}
+			],
+			tableNames: ['id', 'name']
 		};
 	}
 };
@@ -47,36 +69,22 @@ $title-bar-backcolor: #000000;
 	justify-content: space-between;
 	height: $window-height;
 }
-.component-view {
-	flex: 1;
-	border: solid;
-	display: flex;
-	flex-direction: column;
-}
-.module-view {
-	flex: 1;
-	border: solid;
-}
-.template-view {
-	flex: 1;
-	border: solid;
-}
 .title-bar {
 	width: 100%;
 	background-color: $title-bar-backcolor;
 	color: white;
 }
-.property-info {
-	order: 2;
+.module-view {
 	flex: 1;
-	position: absolute;
-	bottom: -30rpx;
+	border: 1rpx solid black;
 }
-.property-table {
-	order: 1;
-	height: 30%;
+.template-view {
+	flex: 1;
+	border: 1rpx solid black;
 }
-.component-view{
+.component-view {
+	flex: 1;
+	border: 1rpx solid black;
 	width: 100%;
 	height: 100%;
 }

pages/test/test-er/propertyView/propertyView.vue

@@ -81,10 +81,10 @@ export default {
 .main-box {
 	display: flex;
 	flex-direction: row;
-	height: 93vh;
+	width: 100vw;
+	height: 94vh;
 }
 .sub-box {
 	flex: 1;
-	border: 1rpx solid black;
 }
 </style>