feat: 房型管理接口对接

src/renderer/views/knowledge/components/EventManager/index.vue

@@ -1,43 +1,37 @@
-<!--
- * @Author: kongbeiwu lishaohua-520@qq.com
- * @Date: 2025-12-22 01:11:57
- * @LastEditors: kongbeiwu lishaohua-520@qq.com
- * @LastEditTime: 2026-01-04 10:43:47
- * @FilePath: /project/zn-ai/src/renderer/views/knowledge/components/EventManagement/index.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
 <template>
   <div>
-    <el-button class="button" type="primary" :icon="Plus" @click="dialogVisible = true">添加事件</el-button>
-    <div class="zn-table mt-[20px]">
-      <el-table :data="tableData" class="zn-table" style="width: 100%" show-overflow-tooltip>
-        <el-table-column prop="date" label="事件名称" width="180" align="center" />
-        <el-table-column prop="name" label="事件描述" width="180" align="center" />
-        <el-table-column prop="address" label="生效时间" align="center" />
-        <el-table-column prop="address" label="结束事件" align="center" />
-        <el-table-column prop="address" label="关联图片" align="center" />
-        <el-table-column prop="address" label="启用/停用" align="center">
-          <template #default="scope">
-            <el-switch v-model="scope.row.switch" size="small" />
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" align="center" width="150">
-          <template #default="scope">
-            <el-button link size="small" type="primary" @click="emits('change', '查看图片', scope.row)">
-              查看图片
-            </el-button>
-            <el-button link size="small" type="primary" @click="uploadImageChange(scope.row)">
-              上传图片
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
+    <el-row class="mb-[20px]">
+      <el-button class="button" type="primary" :icon="Plus" @click="dialogVisible = true">添加事件</el-button>
+    </el-row>
+
+    <el-table :data="tableData" show-overflow-tooltip border>
+      <el-table-column prop="date" label="事件名称" width="180" align="center" />
+      <el-table-column prop="name" label="事件描述" width="180" align="center" />
+      <el-table-column prop="address" label="生效时间" align="center" />
+      <el-table-column prop="address" label="结束事件" align="center" />
+      <el-table-column prop="address" label="关联图片" align="center" />
+      <el-table-column prop="address" label="启用/停用" align="center">
+        <template #default="scope">
+          <el-switch v-model="scope.row.switch" size="small" />
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="150">
+        <template #default="scope">
+          <el-button link size="small" type="primary" @click="emits('change', '查看图片', scope.row)">
+            查看图片
+          </el-button>
+          <el-button link size="small" type="primary" @click="uploadImageChange(scope.row)">
+            上传图片
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 添加事件弹窗 -->
+    <AddDialog v-model="dialogVisible" />
+    <!-- 上传图片弹窗 -->
+    <UploadImage v-model="dialogVisibleUploadImage" width="80%" />
   </div>
-  <!-- 添加事件弹窗 -->
-  <AddDialog v-model="dialogVisible" />
-  <!-- 上传图片弹窗 -->
-  <UploadImage v-model="dialogVisibleUploadImage" width="80%" />
 </template>
 
 <script setup lang="ts">
@@ -74,7 +68,7 @@ const tableData: TableData[] = [
 // 上传图片弹窗
 const dialogVisibleUploadImage = ref(false);
 const uploadImageChange = (row) => {
-  dialogVisibleUploadImage.value = true;  
+  dialogVisibleUploadImage.value = true;
 }
 </script>