设置页面

src/components/DesignForm/layoutPage/index.vue

@@ -104,7 +104,7 @@
     </script>
     <template>
         <div class="jhk_kjh">
-        当前组件类别======>{{props.place}}
+       
             <el-collapse v-model="activeName" accordion>
     
                 <el-collapse-item title="边框设置" name="1">

src/views/sysworkflow/lowcodepage/pageList.vue

@@ -889,7 +889,7 @@ const getListInfo = () => {
 							</template>
 						</el-table-column> -->
 					</el-table>
-					<el-divider content-position="left">查询条件</el-divider>
+					<!-- <el-divider content-position="left">查询条件</el-divider> -->
 				</el-tab-pane>
 				<el-tab-pane label="列表设置" :name="2">
 					

src/views/sysworkflow/lowcodepage/setUpPage.vue

@@ -11,13 +11,26 @@
 		<el-container>
 			<el-aside class="asideBox">
 				<el-card class="setUpPageMenue" shadow="always">
-				11
-					
+					<el-scrollbar class=" boxScroll">
+						<el-menu
+							default-active="2"
+							class="el-menu-vertical-demo"
+							@open="handleOpen"
+							@close="handleClose"
+						>
+							<el-menu-item index="1">
+								<el-icon><icon-menu /></el-icon>
+								<span>可见范围</span>
+							</el-menu-item>
+						</el-menu>
+					</el-scrollbar>
 				</el-card>
 			</el-aside>
 			<el-main>
 				<el-card class="setUpPageMenue" shadow="always">
-					
+					<el-scrollbar class="boxScroll">
+						
+					</el-scrollbar>
 				</el-card>
 			</el-main>
 		</el-container>
@@ -28,7 +41,7 @@
 	height: calc(100vh - 40px);
 	.el-main{
 		height: calc(100vh - 40px);
-		padding:0 10px 0 0;
+		padding:0 10px 0 10px;
 		.setUpPageMenue{
 			height: calc(100vh - 60px);
 			margin: 10px 0px 0 0 ;
@@ -50,5 +63,21 @@
 			}
 		}
 	}
+	.boxScroll{
+		height: calc(100vh - 70px);
+		margin-top: 5px;
+			.menuBox {
+				display: flex;
+				align-items: center;
+				width:100%;
+				height: 40px;
+				line-height:40px;
+				border-left: 5px solid #409EFF;
+				padding-left: 25px;
+			}
+			.menuBox.active{
+				border-left: 5px solid #FFFFFF;
+			}
+	}
 }
 </style>