From 38166f105c16d2c715d050bb662dfc0c247d915d Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Wed, 9 Jul 2025 21:16:46 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E5=8E=85=E9=A2=84=E7=BA=A6=E7=95=8C=E9=9D=A2=E6=9A=82=E6=97=A0?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8D=A0=E4=BD=8D=E7=AC=A6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 使暂无图片占位符宽度与预约用途输入框保持一致(450px)
2. 增加响应式布局支持,在小屏幕上自动适应容器宽度
3. 更新变更记录文档
---
 .../code-adjust-record-2025-07-01-wuzilong.md | 26 +++++++++++++++++++
 web/src/views/hq/hallReservation/index.vue    |  7 ++---
 2 files changed, 30 insertions(+), 3 deletions(-)
 create mode 100644 docs/变更管理/code-adjust-record-2025-07-01-wuzilong.md

diff --git a/docs/变更管理/code-adjust-record-2025-07-01-wuzilong.md b/docs/变更管理/code-adjust-record-2025-07-01-wuzilong.md
new file mode 100644
index 00000000..b94aef81
--- /dev/null
+++ b/docs/变更管理/code-adjust-record-2025-07-01-wuzilong.md
@@ -0,0 +1,26 @@
+# 代码调整记录 2025-07-01
+
+## 报告厅预约界面样式优化
+
+### 调整内容
+- 优化了报告厅预约界面中暂无图片占位符的样式
+- 使暂无图片占位符宽度与预约用途输入框保持一致(450px)
+- 增加了响应式布局支持,在小屏幕上自动适应容器宽度
+
+### 具体修改
+- 文件: `web/src/views/hq/hallReservation/index.vue`
+- 修改了 `no-images-placeholder` 样式类:
+  - 将固定宽度改为响应式宽度 `width: 100%`
+  - 添加最大宽度限制 `max-width: 450px`
+  - 保持与预约用途输入框视觉统一
+
+### 优化效果
+- 提升了界面视觉统一性
+- 改善了响应式布局表现
+- 优化了用户体验
+
+### 相关文件
+- [x] web/src/views/hq/hallReservation/index.vue
+
+提交人: wuzilong
+完成时间: 2025-07-01 10:30:00 
\ No newline at end of file
diff --git a/web/src/views/hq/hallReservation/index.vue b/web/src/views/hq/hallReservation/index.vue
index 8c14ea30..14164106 100644
--- a/web/src/views/hq/hallReservation/index.vue
+++ b/web/src/views/hq/hallReservation/index.vue
@@ -4,9 +4,9 @@
       <div ref="searchRef" v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
-            <el-form-item label="报告厅ID" prop="hallId">
+            <!-- <el-form-item label="报告厅ID" prop="hallId">
               <el-input v-model="queryParams.hallId" placeholder="请输入报告厅ID" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
+            </el-form-item> -->
             <el-form-item label="报告厅名称" prop="hallName">
               <el-input v-model="queryParams.hallName" placeholder="请输入报告厅名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
@@ -1063,7 +1063,8 @@ onMounted(() => {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  width: 450px; /* 与预约用途保持一致 */
+  width: 100%;
+  max-width: 450px; /* 与预约用途保持一致 */
   height: 120px;
   background-color: #f5f7fa;
   border: 2px dashed #dcdfe6;