Web/operation-system
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

内容管理富文本编辑bug修改

Browse Source
This commit is contained in:
Xulinchuan 2025-06-26 09:21:06 +08:00
parent 36f9dc0169
commit ad42fca580
2 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/myUploadImage.vue
View File

@ -24,7 +24,7 @@
<!-- 自定义删除按钮（带文字） -->
<span class="custom-delete-btn" @click.stop="handleDelete(file)">
<span v-if="!disabled" class="custom-delete-btn" @click.stop="handleDelete(file)">
<el-icon>
<Delete />
</el-icon>

68
src/views/content/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="app-container customer-control">
<div class="app-container customer-control" :key="containerKey" >
<div class="container-custom">
<!-- 搜索栏 -->
<div ref="searchBarRef" class="search-box">
@ -106,9 +106,9 @@
:rowkey="'id'"
>
<!-- 自定义-图片 -->
<template #imgPath="slotProps">
<template #coverUrl="slotProps">
<div class="table-cell-img-box">
<img :src="slotProps.row.imgPath" class="table-cell-img" alt="" />
<img :src="slotProps.row.coverUrl" class="table-cell-img" alt="" />
</div>
</template>
<!-- 自定义-资讯分类 -->
@ -141,11 +141,14 @@
</div>
</div>
<!-- 添加/编辑 -->
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="500" :close-on-click-modal="false">
<el-dialog v-model="dialogFormVisible" :title="dialogTitle" width="800" :close-on-click-modal="false">
<el-form :disabled="disabled" :model="dialogForm" :label-width="'80'" :rules="dialogFormRules" ref="dialogRef">
<el-form-item label="标题" prop="title">
<el-input v-model="dialogForm.title" autocomplete="off" placeholder="请输入内容标题" />
</el-form-item>
<el-form-item label="封面" prop="coverUrl">
<myUploadImage v-model="dialogForm.coverUrl" :limit="1" :disabled="disabled" ></myUploadImage>
</el-form-item>
<el-form-item label="资讯分类" prop="category">
<el-select v-model="dialogForm.category" placeholder="请选择资讯分类">
<el-option
@ -175,7 +178,7 @@
:mode="mode"
:disabled="disabled"
v-model="dialogForm.content"
style="height: 300px; overflow-y: scroll"
style="height: 200px; overflow-y: scroll"
@onCreated="handleCreated"
@onChange="handleChange"
@onDestroyed="handleDestroyed"
@ -189,7 +192,7 @@
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="onSaveCategory">
<el-button v-if="!disabled" type="primary" @click="onSaveCategory">
保存
</el-button>
<el-button @click="cancelDialog">取消</el-button>
@ -265,6 +268,8 @@ defineExpose({
handleCreated
})
const containerKey = ref(0)
const formInline = reactive({
id: "",
title: "",//商品名称
@ -286,6 +291,7 @@ const disabled = ref(false);
let dialogForm = reactive({
id: "",
title: "",
coverUrl:"",
content:"",
category:"",
publishLocation:'',
@ -294,6 +300,9 @@ const dialogFormRules = ref({
title: [
{ required: true, message: "请输入品牌名称", trigger: "blur" },
],
coverUrl: [
{ required: true, message: "请上传封面", trigger: "blur" },
],
content: [
{ required: true, message: "请输入内容", trigger: "blur" },
],
@ -370,6 +379,7 @@ let nowClickRow = ref({});
// 列配置
const columns = ref([
{ prop: "title", label: "标题" },
{ prop: "coverUrl", label: "封面", slotName: "coverUrl",},
{ prop: "category", label: "资讯分类", slotName: "category",},
{ prop: "publishLocation", label: "发布位置", slotName: "publishLocation",},
{ prop: "createTime", label: "发布日期",},
@ -383,7 +393,7 @@ const getHeaderClass = ({ column }) => {
};
// 分页变化
const handlePaginationChange = ({ page, pageSize }) => {
console.log("分页变化:", page, pageSize);
// console.log("分页变化:", page, pageSize);
formInline.current = page;
formInline.size = pageSize;
// 这里可以调用API获取新数据
@ -391,7 +401,7 @@ const handlePaginationChange = ({ page, pageSize }) => {
};
// 多选框变化
const handleSelectionChange = (selection) => {
console.log("选中项:", selection);
// console.log("选中项:", selection);
selectedIds.value = [];
selection.forEach(element => {
selectedIds.value.push(element.id);
@ -415,7 +425,7 @@ const batchDelete = async () => {
};
const deleteGoods = async (param) => {
console.log("批量删除参数:", param);
// console.log("批量删除参数:", param);
try {
tableLoading.value = true;
@ -448,31 +458,27 @@ resetDlg();
};
//提交保存
const onSaveCategory = async () => {
console.log('dialogForm',dialogForm);
dialogRef.value.validate(async (valid) => {
if (valid) {
if(isADD.value){
let response = await addConten(dialogForm);
if (response.code === 200) {
dialogFormVisible.value = false;
ElMessage.success("新增成功！");
dialogRef.value.resetFields();
loadData();
} else {
ElMessage.error(response.message);
}
}else{
let response = await updateInformation(dialogForm);
if (response.code === 200) {
dialogFormVisible.value = false;
ElMessage.success("编辑成功！");
dialogRef.value.resetFields();
loadData();
} else {
ElMessage.error(response.message);
}
if(isADD.value){
let response = await addConten(dialogForm);
if (response.code === 200) {
dialogFormVisible.value = false;
ElMessage.success("新增成功！");
dialogRef.value.resetFields();
containerKey.value++ // 修改 key 值强制刷新
loadData();
}
} else {
let response = await updateInformation(dialogForm);
if (response.code === 200) {
dialogFormVisible.value = false;
ElMessage.success("编辑成功！");
dialogRef.value.resetFields();
containerKey.value++ // 修改 key 值强制刷新
loadData();
}
}
}
});
};