|
|
@@ -51,7 +51,7 @@
|
|
|
<el-table-column label="类型" align="center" prop="categoryName" />
|
|
|
<el-table-column label="新闻标题" align="center" prop="title" />
|
|
|
<el-table-column label="引言" align="center" prop="summary" />
|
|
|
- <el-table-column label="正文内容" align="center" prop="contentText" />
|
|
|
+ <el-table-column label="正文内容" align="center" prop="contentText" :show-overflow-tooltip="true" />
|
|
|
<el-table-column label="位置编码" align="center" prop="positionText" />
|
|
|
<el-table-column label="时间" align="center" prop="createdAt" width="180">
|
|
|
<template #default="scope">
|
|
|
@@ -61,7 +61,7 @@
|
|
|
<el-table-column label="状态" align="center" prop="statusText" />
|
|
|
<el-table-column label="新闻类型" align="center" prop="newsTypeText" />
|
|
|
<el-table-column label="外部链接" align="center" prop="externalLink" />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template #default="scope">
|
|
|
<el-tooltip content="修改" placement="top">
|
|
|
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['business:info:edit']">修改</el-button>
|
|
|
@@ -70,7 +70,16 @@
|
|
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['business:info:remove']">删除</el-button>
|
|
|
</el-tooltip>
|
|
|
<el-tooltip content="确认发布" placement="top">
|
|
|
- <el-button link type="primary" icon="Upload" @click="handlePublish(scope.row)" v-hasPermi="['business:info:edit']">确认发布</el-button>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ icon="Upload"
|
|
|
+ @click="handlePublish(scope.row)"
|
|
|
+ v-hasPermi="['business:info:edit']"
|
|
|
+ v-show="scope.row.status !== 'published'"
|
|
|
+ >
|
|
|
+ 确认发布
|
|
|
+ </el-button>
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -439,3 +448,22 @@ const handleIconRemove = (file, updatedFileList) => {
|
|
|
competitionIcon.value = ''; // 如果需要清除后台加载的图标,可以在这里设置为空字符串
|
|
|
};
|
|
|
</script>
|
|
|
+<style>
|
|
|
+.custom-editor-content .ql-editor {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 500px; /* 固定宽度 */
|
|
|
+ white-space: pre-wrap !important;
|
|
|
+ word-wrap: break-word;
|
|
|
+ overflow-wrap: break-word;
|
|
|
+}
|
|
|
+.el-form-item .el-form {
|
|
|
+ white-space: normal;
|
|
|
+}
|
|
|
+
|
|
|
+/* 确保 .ql-editor 是你的富文本编辑器的内容区域类名 */
|
|
|
+.ql-editor {
|
|
|
+ white-space: pre-wrap !important; /* 允许自动换行 */
|
|
|
+ word-wrap: break-word; /* 长单词或 URL 自动换行 */
|
|
|
+ overflow-wrap: break-word; /* 另一种方式实现自动换行 */
|
|
|
+}
|
|
|
+</style>
|