|
|
@@ -54,21 +54,25 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="报告厅状态" align="center" prop="hallStatus">
|
|
|
+ <el-table-column label="报告厅状态" align="center" prop="hallStatus" width="120">
|
|
|
<template #default="scope">
|
|
|
<dict-tag :options="hall_status" :value="scope.row.hallStatus" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="报告厅描述" align="center" prop="hallDescription" />
|
|
|
+ <el-table-column label="报告厅描述" align="center" prop="hallDescription">
|
|
|
+ <template #default="scope">
|
|
|
+ <div class="description-cell">{{ scope.row.hallDescription }}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="240">
|
|
|
<template #default="scope">
|
|
|
<el-tooltip content="查看" placement="top">
|
|
|
<el-button
|
|
|
link
|
|
|
- type="info"
|
|
|
+ type="primary"
|
|
|
icon="View"
|
|
|
size="default"
|
|
|
- style="font-size: 16px; margin-right: 8px"
|
|
|
+ style="font-size: 16px; margin-right: 8px; color: blue"
|
|
|
@click="handleView(scope.row)"
|
|
|
v-hasPermi="['hq:hallInfo:query']"
|
|
|
></el-button>
|
|
|
@@ -477,4 +481,57 @@ onMounted(() => {
|
|
|
background-color: #fff;
|
|
|
margin-top: 0px !important;
|
|
|
}
|
|
|
+
|
|
|
+.el-popper.description-tooltip-popper {
|
|
|
+ width: 300px !important;
|
|
|
+ max-width: 300px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.el-popper.description-tooltip-popper .el-popper__content {
|
|
|
+ width: 300px !important;
|
|
|
+ max-width: 300px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.el-popper.description-tooltip-popper .el-tooltip__content {
|
|
|
+ width: 100% !important;
|
|
|
+ max-height: 200px !important;
|
|
|
+ overflow-y: auto !important;
|
|
|
+ white-space: pre-wrap !important;
|
|
|
+ word-break: break-all !important;
|
|
|
+ text-align: left !important;
|
|
|
+ line-height: 1.5 !important;
|
|
|
+ padding: 8px 12px !important;
|
|
|
+
|
|
|
+ /* 自定义滚动条样式 */
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 3px;
|
|
|
+ background-color: rgba(144, 147, 153, 0.3);
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background-color: rgba(144, 147, 153, 0.5);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &::-webkit-scrollbar-track {
|
|
|
+ border-radius: 3px;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.description-cell {
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ line-height: 1.5;
|
|
|
+ max-height: 4.5em;
|
|
|
+ text-align: left;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
</style>
|
