From d6d4f6a377edbeebba34b2ba65f5bc1eca47d144 Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Wed, 24 Sep 2025 10:35:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E5=88=97=E8=A1=A8=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../appPageForm/contentPresentation.vue       | 57 +++++++++++++++++++
 .../appPage/appPageForm/pageList.vue          |  2 +-
 .../lowcodepage/appPage/createAppFormPage.vue |  9 ++-
 3 files changed, 66 insertions(+), 2 deletions(-)
 create mode 100644 src/views/sysworkflow/lowcodepage/appPage/appPageForm/contentPresentation.vue

diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/contentPresentation.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/contentPresentation.vue
new file mode 100644
index 0000000..8afb099
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/contentPresentation.vue
@@ -0,0 +1,57 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-09-17 14:48:36
+@ 备注: 内容呈现模板
+-->
+<script lang='ts' setup>
+
+</script>
+<template>
+    <div class="contBox">
+        <div class="contBoxLeft">
+            <div class="contBox title">
+                <el-text>布局组件</el-text>
+                <el-text>版本</el-text>
+            </div>
+
+        </div>
+        <div class="contBoxBody">2</div>
+        <div class="contBoxRight">
+            <div class="contBox title">
+                <el-text>布局样式</el-text>
+                <el-text></el-text>
+            </div>
+        </div>
+    </div>
+</template>
+<style  lang='scss' scoped>
+.contBox{                                                                
+    width: 100%;
+    display: flex;
+
+    justify-content: space-between;
+    .contBoxLeft{
+        width: 200px;
+        height: calc(100vh - 40px);
+        border-right: 1px solid #4e4e4e;
+        overflow-y: auto;
+        overflow: hidden;
+        .title{
+            padding: 5px 5px;
+        }
+    }
+    .contBoxRight{
+        width: 200px;
+        height: calc(100vh - 40px);
+        border-left: 1px solid #4e4e4e;
+        overflow-y: auto;
+        overflow: hidden;
+        .title{
+            padding: 5px 5px;
+        }
+    }
+    .contBoxBody{
+        width: calc(100vh - 400px);;
+    }
+}
+</style>
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
index 40e22d5..7cd1a5f 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
@@ -877,7 +877,7 @@ const clearData = () => {
   tableAttrBut.value!.clearSelection();
   state.searchData = [];
   // state.tableData.controlBtn = []
-  // state.tableData.columns = []
+  state.tableData.columns = []
   state.tableData.operateBtn = [];
   state.tableData.config = {};
   if (formTableField.masterTable) {
diff --git a/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue b/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
index d237f3c..ba2e78d 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
@@ -15,6 +15,7 @@ import PageList from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageLi
 import PrintSetupPage from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage.vue";
 import AiPage from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/aiPage.vue";
 import DataBpard from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/dataBoard.vue";
+import ContentPresentation from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/contentPresentation.vue";
 
 const props = defineProps({
   appCont: {
@@ -226,6 +227,7 @@ onBeforeMount(() => {
               <el-tab-pane label="③ 列表设计" :name="3"> </el-tab-pane>
               <el-tab-pane label="④ 数据看板" :name="4"> </el-tab-pane>
               <el-tab-pane label="⑤ 打印设计" :name="5"> </el-tab-pane>
+              <el-tab-pane label="⑥ 内容呈现设计" :name="6"> </el-tab-pane>
             </el-tabs>
           </div>
           <div class="headRight">
@@ -287,6 +289,9 @@ onBeforeMount(() => {
             v-model:app-page-key="appPageKey"
             v-model:form-version="formVersion"
           />
+          <ContentPresentation 
+            v-if="tabsActive == 6"
+          />
         </el-container>
       </el-container>
     </div>
@@ -318,7 +323,9 @@ onBeforeMount(() => {
     ::v-deep .el-tabs__nav-scroll {
       margin: 0 auto !important;
     }
-
+    :deep .el-tabs__item{
+      padding: 0 5px;
+    }
     ::v-deep .el-drawer__body {
       padding: 0;
     }