feat

apps/web-antd/src/views/property/room/index.vue

@@ -120,65 +120,61 @@ function handleDownloadExcel() {
 </script>
 
 <template>
-  <div style="display: grid;grid-template-columns: 1fr 5fr;">
-    <div style="padding: 15px 0 15px 15px;background-color: red">
+  <Page :auto-content-height="true" style="width: 100%">
+    <div class="flex h-full gap-[15px]">
       <FloorTree></FloorTree>
-    </div>
-    <div>
-      <Page :auto-content-height="true">
-        <BasicTable table-title="房间信息列表">
-          <template #toolbar-tools>
-            <Space>
-              <a-button
-                v-access:code="['property:room:export']"
-                @click="handleDownloadExcel"
-              >
-                {{ $t('pages.common.export') }}
-              </a-button>
-              <a-button
-                :disabled="!vxeCheckboxChecked(tableApi)"
-                danger
-                type="primary"
-                v-access:code="['property:room:remove']"
-                @click="handleMultiDelete">
-                {{ $t('pages.common.delete') }}
-              </a-button>
-              <a-button
-                type="primary"
-                v-access:code="['property:room:add']"
-                @click="handleAdd"
-              >
-                {{ $t('pages.common.add') }}
-              </a-button>
-            </Space>
-          </template>
-          <template #action="{ row }">
-            <Space>
+      <BasicTable class="flex-1 overflow-hidden" table-title="房间信息列表">
+        <template #toolbar-tools>
+          <Space>
+            <a-button
+              v-access:code="['property:room:export']"
+              @click="handleDownloadExcel"
+            >
+              {{ $t('pages.common.export') }}
+            </a-button>
+            <a-button
+              :disabled="!vxeCheckboxChecked(tableApi)"
+              danger
+              type="primary"
+              v-access:code="['property:room:remove']"
+              @click="handleMultiDelete">
+              {{ $t('pages.common.delete') }}
+            </a-button>
+            <a-button
+              type="primary"
+              v-access:code="['property:room:add']"
+              @click="handleAdd"
+            >
+              {{ $t('pages.common.add') }}
+            </a-button>
+          </Space>
+        </template>
+        <template #action="{ row }">
+          <Space>
+            <ghost-button
+              v-access:code="['property:room:edit']"
+              @click.stop="handleEdit(row)"
+            >
+              {{ $t('pages.common.edit') }}
+            </ghost-button>
+            <Popconfirm
+              :get-popup-container="getVxePopupContainer"
+              placement="left"
+              title="确认删除？"
+              @confirm="handleDelete(row)"
+            >
               <ghost-button
-                v-access:code="['property:room:edit']"
-                @click.stop="handleEdit(row)"
+                danger
+                v-access:code="['property:room:remove']"
+                @click.stop=""
               >
-                {{ $t('pages.common.edit') }}
+                {{ $t('pages.common.delete') }}
               </ghost-button>
-              <Popconfirm
-                :get-popup-container="getVxePopupContainer"
-                placement="left"
-                title="确认删除？"
-                @confirm="handleDelete(row)"
-              >
-                <ghost-button
-                  danger
-                  v-access:code="['property:room:remove']"
-                  @click.stop=""
-                >
-                  {{ $t('pages.common.delete') }}
-                </ghost-button>
-              </Popconfirm>
-            </Space>
-          </template>
-        </BasicTable>
-        <RoomModal @reload="tableApi.query()" />
-      </Page>
+            </Popconfirm>
+          </Space>
+        </template>
+      </BasicTable>
     </div>
-  </div>
+    <RoomModal @reload="tableApi.query()" />
+  </Page>
 </template>