修复富文本

This commit is contained in:
WUSIJIAN
2025-12-08 14:54:23 +08:00
parent eba8a924a9
commit 38473ab30a
9 changed files with 136 additions and 113 deletions

View File

@@ -286,7 +286,7 @@ const onOpenAddRole = () => {
/**
* 打开编辑客服对话框
*/
const onOpenEditRole = (row: TableDataItem) => {
const onOpenEditRole = (row: any) => {
editRoleRef.value?.openDialog(row);
};

View File

@@ -81,7 +81,10 @@ const state = reactive<ComponentState>({
// 表单验证规则
const rules: FormRules = {
name: [{ required: true, message: '产品名称不能为空', trigger: 'blur' }, { max: 64, message: '产品名称长度最多 64 个字符', trigger: 'blur' }, 1],
name: [
{ required: true, message: '产品名称不能为空', trigger: 'blur' },
{ max: 64, message: '产品名称长度最多 64 个字符', trigger: 'blur' },
],
description: [
{ required: true, message: '产品详情不能为空', trigger: 'blur' },
{ max: 8126, message: '产品详情长度最多8126 个字符', trigger: 'blur' },
@@ -120,7 +123,7 @@ const openDialog = async (row?: ProductFormData) => {
* 处理编辑模式的数据获取
* @param id - 产品ID
*/
const handleEditMode = async (row) => {
const handleEditMode = async (row: ProductFormData) => {
try {
state.formData.id = row.id;
state.formData.description = row.description;

View File

@@ -1,22 +1,24 @@
<template>
<el-dialog title="导出报表数据" v-model="isShowDialog" width="450px" align-center>
<div class="report-export-content">
<div class="export-icon">
<el-icon class="icon-download"><Download /></el-icon>
<div class="product-export-dialog">
<el-dialog title="导出数据报表" v-model="isShowDialog" width="450px" align-center>
<div class="export-content">
<div class="export-icon">
<el-icon class="icon-download"><Download /></el-icon>
</div>
<p class="export-text">确定要导出数据数据报表吗</p>
<p class="export-tip">导出的文件将包含所有数据信息</p>
</div>
<p class="export-text">确定要导出报表数据吗</p>
<p class="export-tip">导出的文件将包含所有报表信息</p>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="isShowDialog = false">取消</el-button>
<el-button type="primary" @click="handleExport" :loading="loading">
<el-icon><Download /></el-icon>
导出
</el-button>
</div>
</template>
</el-dialog>
<template #footer>
<div class="dialog-footer">
<el-button @click="isShowDialog = false">取消</el-button>
<el-button type="primary" @click="handleExport" :loading="loading">
<el-icon><Download /></el-icon>
导出
</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script lang="ts" setup>

View File

@@ -11,7 +11,7 @@
<!-- 富文本编辑器 -->
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="话术" prop="content">
<Editor v-model="formData.content" height="400px" :key="editorKey" placeholder="请输入产品详情" />
<Editor v-model="formData.content" height="400px" :key="editorKey" placeholder="请输入产品详情" :disableExceptEmotion="true" />
</el-form-item>
</el-col>
</el-row>