diff --git a/src/api/DesignForm/tableButton.ts b/src/api/DesignForm/tableButton.ts
index 346278d..7e6057a 100644
--- a/src/api/DesignForm/tableButton.ts
+++ b/src/api/DesignForm/tableButton.ts
@@ -382,6 +382,12 @@ export interface viewPageType {
 			}
 		}
 		,
+		group: {
+			status: boolean,
+			isClick: boolean,
+			form: {
+			},
+		},
 		time:{
 			status:boolean,
 			isClick:boolean,
diff --git a/src/components/DesignForm/app/groupPage.vue b/src/components/DesignForm/app/groupPage.vue
new file mode 100644
index 0000000..230af6d
--- /dev/null
+++ b/src/components/DesignForm/app/groupPage.vue
@@ -0,0 +1,286 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2024-07-08 10:43:52
+@ 备注: 自定义应用时间轴视图
+-->
+<script lang='ts' setup>
+import { gainFormPageListCont } from '@/api/DesignForm/requestapi'
+
+const props = defineProps({
+	searchSend:{
+		type:Object,
+		default(){
+			return {}
+		}
+	},
+	viewSetup:{
+		type:Object,
+		default(){
+			return {}
+		}
+	},
+	columnsFilter:{
+		type:Object,
+		default(){
+			return {}
+		}
+	},
+	drawerWith:{
+		type:Number,
+		default:0
+	}
+});
+
+//---------pagination configs------
+const totalNum = ref(0)
+const pageSize = ref(props.searchSend.pagesize)
+const selectedMergeKeys = ref<string[]>([]) 
+
+//------------------ by han2015:  支持表单排序功能----------------------
+const columnSortData = new Map();
+const setHeaderClass=(params:any)=>{
+  if(columnSortData.has(params.column.property)){
+    if(columnSortData.get(params.column.property)=="DESC"){
+      params.column.order="descending"
+      return "sorted-desc"
+    }else{
+      params.column.order="ascending"
+      return "sorted-asc"
+    }
+  }
+  return ""
+}
+// by han2015: 列表支持表头排序
+const onUpdateSort = (data: { prop: string; order: "ascending" | "descending" | null }) => {
+  if (data.order === "descending") {
+    columnSortData.set(data.prop, "DESC");
+  } else if (data.order === "ascending") {
+    columnSortData.set(data.prop, "ASC");
+  } else {
+    columnSortData.delete(data.prop);
+  }
+
+  selectedMergeKeys.value=Array.from(columnSortData.keys())
+  getPageData();
+}
+
+// 计算合并位置（预处理，避免每次渲染重复计算）
+const spanMap = computed(() => {
+  const map = {}
+  const pos = {}
+
+  // 按优先级排序的合并列，获取排序列
+  selectedMergeKeys.value.forEach((key, index) => {
+    map[key] = []
+    pos[key] = 0
+    
+    for (let i = 0; i < tableDataList.value.length; i++) {
+      if (i === 0) {
+        map[key][i] = 1  // 第一行总是 1
+        pos[key] = 0
+      } else {
+        // 检查：当前列及其所有前置列是否都相同
+        let shouldMerge = true
+        for (let j = 0; j <= index; j++) {
+          const checkKey = selectedMergeKeys.value[j]
+          if (tableDataList.value[i][checkKey] !== tableDataList.value[i-1][checkKey]) {
+            shouldMerge = false
+            break
+          }
+        }
+        
+        if (shouldMerge) {
+          // 合并：累加到合并起始位置，当前位置标记 0
+          map[key][pos[key]] += 1
+          map[key][i] = 0
+        } else {
+          // 不合并：新开一个合并组
+          map[key][i] = 1
+          pos[key] = i  // 更新合并起始位置
+        }
+      }
+    }
+  })
+  
+  return map
+})
+
+
+const objectSpanMethod = ({ row, column, rowIndex, columnIndex }) => {
+  const key = column.property
+  
+  if (spanMap.value[key]) {
+    const rowspan = spanMap.value[key][rowIndex]
+    return {
+      rowspan: rowspan,
+      colspan: rowspan > 0 ? 1 : 0
+    }
+  }
+  
+  return { rowspan: 1, colspan: 1 }
+}
+const tableDataList = ref([]) // 表格行数据
+
+const groupColumnSearch = (val:any,clas?:number) =>{
+  getPageData()
+}
+
+const handleSizeChange = (page: number) => {
+  // console.log("翻页操作",page)
+  pageSize.value = page;
+  getPageData();
+};
+const handleCurrentChange = (page: number) => {
+  props.searchSend.page = page
+  getPageData();
+};
+
+const getPageData=async ()=>{
+  // by han2015: 处理排序字段信息
+  let arr:string[]=[];
+  columnSortData.forEach((value, key) => {
+    arr.push(`${key} ${value}`)
+  });
+
+  let sendData = props.searchSend
+  sendData.sortData= arr.join(", ")
+  sendData.pagesize = 50
+  await gainFormPageListCont(sendData)
+		.then(({data})=>{
+			totalNum.value = data.total
+      tableDataList.value = data.list
+	})
+}
+
+onMounted(()=>{
+  nextTick(()=>{
+		getPageData()
+	})
+})
+
+defineExpose({
+	groupColumnSearch
+})
+
+
+</script>
+<template>
+	<div>
+		<el-row :gutter="20">
+      <el-table
+        :data="tableDataList"
+        :span-method="objectSpanMethod"
+        @sort-change="onUpdateSort"
+        :header-cell-class-name="setHeaderClass"
+        border
+      >
+        <template v-for="item in columnsFilter" :key="item.id || item.label">
+          <el-table-column
+            v-if="['-'].includes(item.fieldClass)"
+            :type="item.type"
+            :prop="item.field"
+            :label="item.label"
+            config=""
+            width="60"
+            fixed
+              header-align="center"
+            align="center"
+          >
+            <template v-if="item.help" #header="scope">
+              {{ scope.column.label }}
+              <tooltip :content="item.help" />
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-else-if="item.fieldClass == '_lableTitle'"
+            label="标题"
+            config=""
+            min-width="90"
+            header-align="center"
+            align="center"
+          >
+            <template #default="scope">
+              {{ scope.row[scope.column.property] }}
+            </template>
+          </el-table-column>
+          
+          <el-table-column
+            v-else-if="item.fieldClass == ''"
+            :prop="item.field"
+            :label="item.label"
+            :min-width="(item.label?.length || 2) * 15 + 30"
+            header-align="center"
+            sortable="custom"
+            align="center"
+          >
+            <template #default="scope">
+              <template v-for="sunItem in item.children" v-if="item.pattern == 'table'"> 
+                <el-table-column  v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label"  header-align="center"  align="center" :min-width="readerColumnSun(sunItem)">
+                  <template #default="scopeChilder">
+                    {{scopeChilder.row[item.field]}}
+                  </template>
+                </el-table-column>
+              </template>
+            </template>
+          </el-table-column>
+
+          
+          <el-table-column
+            v-else-if="item.fieldClass == '__control'"
+            :prop="item.field"
+            :label="item.label"
+            config=""
+            min-width="1"
+              header-align="center"
+            align="center"
+            fixed="right"
+          >
+            
+          </el-table-column>
+
+
+          <el-table-column
+            v-else
+            :prop="item.field"
+            :label="item.label"
+            config=""
+            :min-width="(item.label?.length || 2) * 15 + 30"
+            header-align="center"
+            sortable="custom"
+            align="center"
+          >
+            <template v-if="item.fieldClass == 'associatedForms'" #default="scope">
+              <el-link
+                key="primary"
+                type="primary"
+              >
+                {{ scope.row[scope.column.property] }}
+              </el-link>
+            </template>
+            <template v-else #default="scope">
+               {{ scope.row[scope.column.property] }}
+            </template>
+
+          </el-table-column>
+        </template>
+        
+      </el-table>
+		</el-row>
+		<div class="pageBox">
+			<el-pagination
+				v-model:current-page="props.searchSend.page"
+				v-model:page-size="pageSize"
+				:page-sizes="[3, 9, 12, 30, 50, 100]"
+				:background="true"
+				layout="total, sizes, prev, pager, next, jumper"
+				:total="totalNum"
+				class="page"
+				@size-change="handleSizeChange"
+				@current-change="handleCurrentChange"
+			/>
+		</div>
+	</div>
+</template>
+<style  lang='scss' scoped>
+
+</style>
diff --git a/src/components/DesignForm/app/index.vue b/src/components/DesignForm/app/index.vue
index c9af1b1..fc2ea9b 100644
--- a/src/components/DesignForm/app/index.vue
+++ b/src/components/DesignForm/app/index.vue
@@ -56,6 +56,7 @@ import NewTableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/newTableFlow.
 import TimeAxisPage from "@/components/DesignForm/app/timeAxis.vue";
 import CardPage from "@/components/DesignForm/app/cardPage.vue";
 import GanttPageIng from "@/components/DesignForm/app/gannttPage.vue";
+import GroupPage from "@/components/DesignForm/app/groupPage.vue";
 import MapPage from "@/components/DesignForm/app/mapPage.vue";
 import CalendarPage from "@/components/DesignForm/app/calendar/calendar1/calendarPage.vue";
 import SearchSelect from "@/components/DesignForm/app/calendar/selectSearch.vue";
@@ -1123,7 +1124,8 @@ watch(
 );
 watch(
   () => props.formId,
-  (_val: any) => {
+  (val: any) => {
+    tabsView(props.viewPage.list, 1)
     getPageData();
   },
   {
@@ -1131,9 +1133,10 @@ watch(
   }
 );
 
-const timeAxisRef = ref();
-const calendarPageRef = ref();
-const cardPageRef = ref();
+const timeAxisRef = ref(null);
+const groupPageRef = ref(null);
+const calendarPageRef = ref(null);
+const cardPageRef = ref(null);
 const searchSend = reactive({
   formId: props.formId,
   page: state.currentPage,
@@ -1150,13 +1153,20 @@ let asfQueryParams: any[] = [];
 @ 功能: 获取数据
 */
 const getPageData = () => {
+
+  // by han2015: 处理排序字段信息
+  let arr:string[]=[];
+  columnSortData.forEach((value, key) => {
+    arr.push(`${key} ${value}`)
+  });
+
   let sendData = {
     formId: props.formId,
     page: state.currentPage,
     pagesize: state.pageSize,
     searchData: json2string(props.searchData),
+    sortData: arr.join(", "),
   };
-  // console.log("获取列表详细信息",sendData)
 
   switch (viewType.value) {
     case 2:
@@ -1177,6 +1187,12 @@ const getPageData = () => {
       break;
     case 5:
       break;
+    case 8: //group 分组页面
+      nextTick(() => {
+        console.log("获取列表详细信息-------222---------->??????",);
+        groupPageRef.value.groupColumnSearch(sendData, 1);
+      });
+      break;
     case 6:
       nextTick(() => {
         cardPageRef.value.getCardList(sendData);
@@ -1184,6 +1200,7 @@ const getPageData = () => {
       break;
     default:
       state.loading = true;
+
       //by han2015, 抽成独立部分，方便其他功能调用
       doGainFormPageListCont(sendData)
         .then((datas) => {
@@ -1781,6 +1798,32 @@ const lookPageInfoIsShow = ref(false);
 const asflookPageInfoIsShow = ref(false);
 const pageInfoCont = ref<any>();
 
+//------------------ by han2015:  支持表单排序功能----------------------
+const columnSortData = new Map();
+const setHeaderClass=(params:any)=>{
+  if(columnSortData.has(params.column.property)){
+    if(columnSortData.get(params.column.property)=="DESC"){
+      params.column.order="descending"
+      return
+    }else{
+      params.column.order="ascending"
+      return
+    }
+  }
+}
+// by han2015: 列表支持表头排序
+const onUpdateSort = (data: { prop: string; order: "ascending" | "descending" | null }) => {
+  if (data.order === "descending") {
+    columnSortData.set(data.prop, "DESC");
+  } else if (data.order === "ascending") {
+    columnSortData.set(data.prop, "ASC");
+  } else {
+    columnSortData.delete(data.prop);
+  }
+  getPageData()
+}
+
+
 const lookPageInfo = (val: any) => {
    console.log("查看详细内容--------------------------->");
   console.log(val);
@@ -1869,6 +1912,24 @@ const recallSendMsg = (val: any) => {
     getPageData();
   });
 };
+
+//html 标签全屏操作，只支持现代浏览器
+const enterFullScreen=()=>{
+  const docEl= document.getElementById("special-table-container");
+  if(docEl){
+    //支持多种浏览器
+    if (docEl.requestFullscreen) {
+      docEl.requestFullscreen();
+    } else if (docEl.webkitRequestFullscreen) {
+        docEl.webkitRequestFullscreen();
+    } else if (docEl.mozRequestFullScreen) {
+        docEl.mozRequestFullScreen();
+    } else if (docEl.msRequestFullscreen) {
+        docEl.msRequestFullscreen();
+    }
+  }
+}
+
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 11:17:42
@@ -1907,7 +1968,7 @@ const viewType = ref(1);
 const viewLayout = ref<any>();
 const resetViewClickStates = (excludeView?: string) => {
     if (!props.viewPage || typeof props.viewPage !== 'object') return;
-    const views = ['list', 'date', 'time', 'gantt', 'map', 'card', 'chart'];
+    const views = ['list', 'date', 'time', 'gantt', 'map','group', 'card', 'chart'];
     views.forEach(view => {
         const viewObj = props.viewPage[view];
         if (view !== excludeView && viewObj && typeof viewObj === 'object') {
@@ -1943,6 +2004,9 @@ const tabsView = (val: any, types: number) => {
     case 6:
       resetViewClickStates('card');
       break;
+    case 8:
+      resetViewClickStates('group');
+      break;
     case 7:
       resetViewClickStates('chart');
       break;
@@ -2027,7 +2091,7 @@ const readerColumnSun = (column: any) => {
     if(labelLong > 6 ){
       return labelLong * 15;
     }else{
-      return labelLong * 30;
+      return labelLong * 20;
     }
     
   }else{
@@ -2095,7 +2159,7 @@ const getNonValue = () => {
 }
 </script>
 <template>
-  <div ref="container" v-loading="state.loading" class="table-list-comm">
+  <div ref="container" v-loading="state.loading" class="table-list-comm" >
     <el-row class="rowBox">
       <el-col :span="24">
         <el-form v-if="config.searchIsShow" ref="ruleSearchForm" class="seacherForm">
@@ -2212,6 +2276,14 @@ const getNonValue = () => {
           </div>
           <div>
             <el-button-group class="ml-4">
+              <el-tooltip
+                class="box-item"
+                effect="dark"
+                content="全屏"
+                placement="bottom"
+              >
+                <el-button size="small" @click="enterFullScreen" > 全屏</el-button>
+              </el-tooltip>
               <el-tooltip
                 class="box-item"
                 effect="dark"
@@ -2254,6 +2326,23 @@ const getNonValue = () => {
                   @click="tabsView(props.viewPage.card, 6)"
                 />
               </el-tooltip>
+              
+              <el-tooltip
+                v-if="props.viewPage.group && props.viewPage.group.status"
+                class="box-item"
+                effect="dark"
+                content="分组"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-list"
+                  :color="
+                    props.viewPage.group && props.viewPage.group.isClick ? '#a0cfff' : ''
+                  "
+                  @click="tabsView(props.viewPage.group, 8)"
+                />
+              </el-tooltip>
               <el-tooltip
                 v-if="viewPage.date.status"
                 class="box-item"
@@ -2329,14 +2418,15 @@ const getNonValue = () => {
         </div>
       </el-col>
 
-      <el-col v-if="viewType == 1" :span="24" class="tableTdClass">
-     
+      <el-col v-if="viewType == 1" :span="24" class="tableTdClass" id="special-table-container">
         <el-table
           v-bind="data.tableProps"
           ref="table"
           v-loading="state.loading"
           :data="tableDataList"
           table-layout="fixed"
+          @sort-change="onUpdateSort"
+          :header-cell-class-name="(params:any)=>{setHeaderClass(params)}"
           border
           @selection-change="selectionChange"
         >
@@ -2349,20 +2439,49 @@ const getNonValue = () => {
               config=""
               width="60"
               fixed
+               header-align="center"
+              align="center"
+            >
+              <template v-if="item.help" #header="scope">
+                {{ scope.column.label }}
+                <tooltip :content="item.help" />
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-else-if="item.fieldClass == '_lableTitle'"
+              label="标题"
+              config=""
+              min-width="20"
+               header-align="center"
+              align="center"
+            >
+              <template #default="scope">
+                {{ writeListTitle(scope.row, viewPage.list) }}
+              </template>
+            </el-table-column>
+            
+            <el-table-column
+              v-else-if="item.fieldClass == ''"
+              :prop="item.field"
+              :label="item.label"
+              :min-width="readerColumnSun(item)"
               header-align="center"
+              sortable="custom"
               align="center"
             >
               <template v-if="item.help" #header="scope">
                 <tooltip :content="item.help" />
               </template>
             </el-table-column>
+
+           
             <el-table-column
               v-else-if="item.fieldClass == '__control'"
               :prop="item.field"
               :label="item.label"
               config=""
-              width="200"
-              header-align="center"
+              min-width='220'
+               header-align="center"
               align="center"
               fixed="right"
             >
@@ -2542,8 +2661,9 @@ const getNonValue = () => {
               :prop="item.field"
               :label="item.label"
               config=""
-              min-width="220"
-              header-align="center"
+              :min-width="(item.label?.length || 2) * 14 + 20"
+               header-align="center"
+               sortable="custom"
               align="center"
             >
               <template v-if="item.help" #header="scope">
@@ -2649,6 +2769,16 @@ const getNonValue = () => {
           />
         </div>
       </el-col>
+      <el-col v-if="viewType == 8" :span="24">
+        <GroupPage
+          ref="groupPageRef"
+          :search-send="searchSend"
+          :columns-filter="columnsFilter"
+          :body-hight="265"
+          :drawer-with="drawerWith"
+          :view-setup="viewPage.date"
+        />
+      </el-col>
       <el-col v-if="viewType == 2" :span="24">
         <CalendarPage
           ref="calendarPageRef"
diff --git a/src/components/DesignForm/tableListPage/index.vue b/src/components/DesignForm/tableListPage/index.vue
index dc43dec..ab0741f 100644
--- a/src/components/DesignForm/tableListPage/index.vue
+++ b/src/components/DesignForm/tableListPage/index.vue
@@ -2026,6 +2026,24 @@ async function doGainFormPageListCont(sendData: any) {
                   @click="tabsView(props.viewPage.card, 6)"
                 />
               </el-tooltip>
+
+              <el-tooltip
+                v-if="props.viewPage.group && props.viewPage.group.status"
+                class="box-item"
+                effect="dark"
+                content="分组"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-table"
+                  :color="
+                    props.viewPage.group && props.viewPage.group.isClick ? '#a0cfff' : ''
+                  "
+                  @click="tabsView(props.viewPage.group, 8)"
+                />
+              </el-tooltip>
+
               <el-tooltip
                 v-if="viewPage.date.status"
                 class="box-item"
diff --git a/src/directive/permission/button.ts b/src/directive/permission/button.ts
index 10f2acf..cd0c267 100644
--- a/src/directive/permission/button.ts
+++ b/src/directive/permission/button.ts
@@ -79,13 +79,13 @@ export const hasAppGroup: Directive = {
 */
 export const appHasPower = (signCode:string,buttonKey:string) => {
   const userStore = useUserStore();
-  console.log("判断应用级权限--appSystemPower->",userStore.myPower.appSystemPower)
+  //console.log("判断应用级权限--appSystemPower->",userStore.myPower.appSystemPower)
   return userStore.myPower.appSystemPower.some((perm: any) => {
 
-      console.log(signCode,"判断应用级权限--->",buttonKey)
+      //console.log(signCode,"判断应用级权限--->",buttonKey)
       if(perm.AppId == signCode){
-        console.log("判断应用级权限-1111-->",perm.AppId,buttonKey)
-        console.log("判断应用级权限-222-->",perm.butPower && Array.isArray(perm.butPower))
+        // console.log("判断应用级权限-1111-->",perm.AppId,buttonKey)
+        // console.log("判断应用级权限-222-->",perm.butPower && Array.isArray(perm.butPower))
         if(perm.butPower && Array.isArray(perm.butPower)){
           // console.log("判断应用级权限--->",perm.AppId,buttonKey)
           return perm.butPower.includes(buttonKey)
@@ -101,15 +101,15 @@ export const appHasPower = (signCode:string,buttonKey:string) => {
 */
 export const formHasPower = (signCode:string,tormCode:string,buttonKey:string,classType:number) => {
   const userStore = useUserStore();
-  console.log("判断表单级权限-1111-->",signCode,userStore.myPower.appSystemPower)
+  //console.log("判断表单级权限-1111-->",signCode,userStore.myPower.appSystemPower)
   if(userStore.myPower.appSystemPower && Array.isArray(userStore.myPower.appSystemPower)){
 
     return userStore.myPower.appSystemPower.some((perm: any) => {
         if(perm.AppId == signCode){
-          console.log("判断表单级权限-1112-->",signCode)
-           console.log("判断表单级权限-1113-->",tormCode)
-            console.log("判断表单级权限-1114-->",perm.formPower)
-             console.log("判断表单级权限-1115-->",buttonKey)
+          // console.log("判断表单级权限-1112-->",signCode)
+          //  console.log("判断表单级权限-1113-->",tormCode)
+          //   console.log("判断表单级权限-1114-->",perm.formPower)
+          //    console.log("判断表单级权限-1115-->",buttonKey)
              if(perm.formPower && Array.isArray(perm.formPower)){
               return perm.formPower.some((formPerm: any) => {
                 switch(classType){
diff --git a/src/views/sysworkflow/lowCodeTasks/index.vue b/src/views/sysworkflow/lowCodeTasks/index.vue
index 28789ab..1ca5996 100644
--- a/src/views/sysworkflow/lowCodeTasks/index.vue
+++ b/src/views/sysworkflow/lowCodeTasks/index.vue
@@ -102,6 +102,13 @@ const stateList = reactive({
         title: [],
       },
     },
+    group: {
+      status: false,
+      isClick: false,
+      form: {
+        title: [],
+      },
+    },
     time: {
       status: false,
       isClick: false,
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue
index 5402bad..2a38643 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue
@@ -116,6 +116,13 @@ const stateList = reactive({
         dayType: 1,
       },
     },
+    group: {
+      status: false,
+      isClick: false,
+      form: {
+        title: [],
+      },
+    },
     time: {
       status: false,
       isClick: false,
@@ -381,6 +388,7 @@ const gainAppFormPageInit = () => {
           stateList.view.time = stateData.view.time;
           stateList.view.gantt = stateData.view.gantt;
           stateList.view.map = stateData.view.map;
+          stateList.view.group = stateData.view.group;
         }
         stateList.view.chart.status = data.data.chart;
         // console.log("开发---->", stateList.view);
@@ -537,7 +545,6 @@ defineExpose({
 
             <!-- {{ props.formKey }}
             {{ stateForm }} -->
-
             <ak-page-list
               v-if="activePage == 1"
               v-model:look-page-is-show="lookPageIsShow"
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
index 4596c66..e4c03e1 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
@@ -167,6 +167,13 @@ const state = reactive({
         title: [],
       },
     },
+    group: {
+      status: false,
+      isClick: false,
+      form: {
+        title: [],
+      },
+    },
     date: {
       status: false,
       isClick: false,
@@ -443,6 +450,16 @@ const getListInfo = () => {
             },
           };
         }
+
+        if(!state.view.group){
+          state.view.group={
+            status: false,
+            isClick: false,
+            form: {
+              title: [],
+            },
+          }
+        }
       }
     }
 
@@ -852,6 +869,8 @@ const saveFormListData = () => {
     data: json2string(state),
     id: props.appPageKey.toString(),
   };
+    console.log(params,"<<<<<<<<<<<<<<<<<<<<<<<<<<<<<")
+
   // console.log("添加自定义表单列表设定",params)
   editCustomerFormList(params).then((data) => {
     // console.log("添加自定义表单列表设定",data)
@@ -1656,6 +1675,16 @@ const delAllPick = () => {
               <el-button size="small" class="fa fa-id-card-o" />
             </el-tooltip>
 
+            <el-tooltip
+              v-if="state.view.group.status"
+              class="box-item"
+              effect="dark"
+              content="分组视图"
+              placement="top"
+            >
+              <el-button size="small" class="fa fa-table" />
+            </el-tooltip>
+
             <el-tooltip
               v-if="state.view.date.status"
               class="box-item"
@@ -2298,6 +2327,50 @@ const delAllPick = () => {
                 </el-form>
               </div>
             </el-collapse-item>
+
+            <el-collapse-item
+              title="Consistency"
+              name="group"
+  
+            >
+              <template #title>
+                <div class="collapse-title">
+                  <div>
+                    <i class="fa fa-table"></i>
+                    <el-text>分组视图</el-text>
+                  </div>
+                  <el-switch
+                    v-model="state.view.group.status"
+                    class="openOfClose"
+                    @click.stop="showCollapse"
+                  />
+                </div>
+              </template>
+              <div>
+                <el-form
+                  label-position="top"
+                  label-width="auto"
+                  :model="state.view.group.form"
+                  style="max-width: 600px"
+                >
+                  <el-form-item label="标题字段">
+                    <el-select
+                      v-model="state.view.group.form.title"
+                      multiple
+                      placeholder="请选择标题字段"
+                    >
+                      <el-option
+                        v-for="item in allKeyWords"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                </el-form> 
+              </div>
+            </el-collapse-item>
+
             <el-collapse-item
               title="Consistency"
               name="date"
diff --git a/src/views/sysworkflow/lowcodepage/pageList.vue b/src/views/sysworkflow/lowcodepage/pageList.vue
index 9c18567..d101c5c 100644
--- a/src/views/sysworkflow/lowcodepage/pageList.vue
+++ b/src/views/sysworkflow/lowcodepage/pageList.vue
@@ -755,6 +755,7 @@ const saveFormListData = () => {
     data: json2string(state),
     id: props.formKey.toString(),
   };
+  console.log(params,"<<<<<<<<<<<<<<<<<<<<<<<<<<<<<")
   // console.log("添加自定义表单列表设定",params)
   editCustomerFormList(params).then((data) => {
     // console.log("添加自定义表单列表设定",data)
diff --git a/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue b/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue
index 8144246..5144906 100644
--- a/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue
+++ b/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue
@@ -108,6 +108,13 @@ const stateList = reactive({
         title: [],
       },
     },
+    group: {
+      status: false,
+      isClick: false,
+      form: {
+        title: [],
+      },
+    },
     time: {
       status: false,
       isClick: false,
@@ -300,6 +307,7 @@ const initLoadData = () => {
           stateList.view.time = stateData.view.time;
           stateList.view.gantt = stateData.view.gantt;
           stateList.view.map = stateData.view.map;
+          stateList.view.group = stateData.view.group;
         }
         stateList.view.chart.status = data.data.chart;
       }