diff --git a/web/src/views/hq/hallAudit/index.vue b/web/src/views/hq/hallAudit/index.vue
index 7b06d4f5..02d4aaf4 100644
--- a/web/src/views/hq/hallAudit/index.vue
+++ b/web/src/views/hq/hallAudit/index.vue
@@ -4,9 +4,9 @@
-
+
@@ -53,7 +53,14 @@
-
+
@@ -80,13 +87,9 @@
:hide-after="100"
effect="dark"
>
-
- {{
- scope.row.reservationPurpose && scope.row.reservationPurpose.length > 100
- ? scope.row.reservationPurpose.substring(0, 100) + '...'
- : scope.row.reservationPurpose
- }}
-
+
+ {{ scope.row.reservationPurpose }}
+
@@ -112,17 +115,13 @@
:hide-after="100"
effect="dark"
>
-
+
-
+
@@ -180,9 +179,9 @@
{{ viewForm.hallName }}
-
+
-
+
@@ -190,6 +189,10 @@
+
@@ -430,7 +433,7 @@ const getHallList = async () => {
const getHallImages = (imageUrl: string): string[] => {
if (!imageUrl || imageUrl.trim() === '') return [];
// 支持多种分隔符:逗号、分号、空格
- const separators = /[,;|\s]+/;
+ const separators = /[,;|\\s]+/;
const images = imageUrl
.split(separators)
.map((url) => url.trim())
@@ -855,22 +858,31 @@ onMounted(() => {
/* 表格中预约用途文本样式 */
.purpose-text {
- display: inline-block;
- max-width: 100%;
+ display: -webkit-box;
word-break: break-all;
word-wrap: break-word;
line-height: 1.4;
cursor: pointer;
+ padding: 0 4px;
}
/* 表格中审核备注文本样式 */
.audit-remark-text {
- display: inline-block;
- max-width: 100%;
+ display: -webkit-box;
word-break: break-all;
word-wrap: break-word;
line-height: 1.4;
cursor: pointer;
+ padding: 0 4px;
+}
+
+/* 三行省略样式 */
+.line-clamp-3 {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ max-height: 4.2em;
}
/* 查看详情表单样式 */
@@ -920,11 +932,6 @@ onMounted(() => {
width: 100%;
}
-/* 选中报告厅的图片展示区域 */
-.selected-hall-images {
- width: 100%;
-}
-
.image-gallery {
display: flex;
flex-wrap: wrap;
@@ -977,6 +984,30 @@ onMounted(() => {
font-size: 20px;
}
+/* 暂无图片占位样式 */
+.no-images-placeholder {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ max-width: 450px;
+ height: 120px;
+ background-color: #f5f7fa;
+ border: 2px dashed #dcdfe6;
+ border-radius: 8px;
+ color: #909399;
+}
+
+.no-images-placeholder .el-icon {
+ font-size: 32px;
+ margin-bottom: 8px;
+}
+
+.no-images-placeholder span {
+ font-size: 14px;
+}
+
/* 审核对话框样式 */
.audit-form .form-text {
color: #303133;