11

src/views/project/list/adjust-excel.vue

@@ -1,6 +1,15 @@
 <template>
     <hc-drawer v-model="isShow" ui="hc-project-list-adjust-excel-drawer" to-id="hc-layout-box" is-close @close="drawerClose">
-        111111
+        <hc-page-split :fold="false" :options="splitOptions">
+            <template #left>
+                <hc-card>
+                    自定义左边的区域
+                </hc-card>
+            </template>
+            <hc-card>
+                其它内容
+            </hc-card>
+        </hc-page-split>
     </hc-drawer>
 </template>
 
@@ -38,6 +47,13 @@ watch(isShow, (val) => {
     if (val) getDataApi()
 })
 
+//页面分割
+const splitOptions = {
+    sizes: [70, 30],
+    snapOffset: 0,
+    minSize: [300, 300],
+}
+
 //处理相关数据
 const getDataApi = () => {