From 59a4f02701ef3b232b9f1d54ba0b29a1e8764704 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期三, 03 十二月 2025 14:54:53 +0800
Subject: [PATCH] 修改
---
src/views/system/clauseManage/components/editDialog.vue | 34 ++++++++++++++++++++++++++++++----
1 files changed, 30 insertions(+), 4 deletions(-)
diff --git a/src/views/system/clauseManage/components/editDialog.vue b/src/views/system/clauseManage/components/editDialog.vue
index 8cb1680..b514f35 100644
--- a/src/views/system/clauseManage/components/editDialog.vue
+++ b/src/views/system/clauseManage/components/editDialog.vue
@@ -15,9 +15,20 @@
<el-form-item label="条款内容:" prop="name">
<el-input v-model.trim="state.form.name" :disabled="state.title =='查看'" placeholder="条款内容"></el-input>
</el-form-item>
- <el-form-item label="审核要点:" prop="points">
- <el-input v-model.trim="state.form.points" :disabled="state.title =='查看'" placeholder="审核要点"></el-input>
+ <el-form-item label="审核要点:" v-if="showEditor" >
+ <t-editor style="width: 500px" ref="myEditor" :toolbar="toolbar"
+ :value="state.form.points"></t-editor>
</el-form-item>
+ <el-form-item label="审核要点:" v-else>
+ <div class="ql-container ql-snow" style="height: 500px;width: 100%;margin-top: 10px;">
+ <div class="ql-editor">
+ <div class="reviewTable" v-html="state.form.points" ></div>
+ </div>
+ </div>
+ </el-form-item>
+<!-- <el-form-item label="审核要点:" prop="points">-->
+<!-- <el-input v-model.trim="state.form.points" :disabled="state.title =='查看'" placeholder="审核要点"></el-input>-->
+<!-- </el-form-item>-->
</el-form>
<template #footer v-if="state.title !='查看'">
<span class="dialog-footer">
@@ -35,10 +46,13 @@
import {Base64} from "js-base64"
import {getCompany} from "@/api/onlineEducation/company";
import {updateInfoPlatforms, updateSysClause} from "@/api/staffManage/staff";
+import TEditor from "@/components/Tinymce/Tinymce.vue";
const emit = defineEmits(["getList"]);
const dialogVisible = ref(false)
const superRef = ref()
+const toolbar = ref('fontsizeselect | undo redo')
+const showEditor = ref(true);
const state = reactive({
title: '',
form: {
@@ -51,7 +65,7 @@
formRules:{
clauseNum: [{ required: true, message: '请输入条款编码', trigger: 'blur' }],
name: [{ required: true, message: '请输入条款内容', trigger: 'blur' }],
- points: [{ required: true, message: '请输入审核要点', trigger: 'blur' }],
+ // points: [{ required: true, message: '请输入审核要点', trigger: 'blur' }],
}
})
onMounted(() => {
@@ -61,6 +75,7 @@
const openDialog = async (type, value,companyId) => {
state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看'
state.form.companyId = companyId
+ showEditor.value = false
if(state.title == '编辑'||state.title == '查看'){
Object.keys(state.form).forEach(key => {
if (key in value) {
@@ -68,11 +83,19 @@
}
})
}
+ if (state.title === '查看') {
+ showEditor.value = false
+
+ }
+ if (type === 'edit' || type === 'add') {
+ showEditor.value = true;
+ }
dialogVisible.value = true
}
const onSubmit = async () => {
+ state.form.points = tinyMCE.activeEditor.getContent();
const valid = await superRef.value.validate();
if(valid){
let data = {}
@@ -80,7 +103,8 @@
data = {
clauseNum: state.form.clauseNum,
name: state.form.name,
- companyId: state.form.companyId
+ companyId: state.form.companyId,
+ points:state.form.points
}
}else{
data = state.form
@@ -89,6 +113,7 @@
if(res.code == 200){
ElMessage.success(res.message)
emit('getList')
+ showEditor.value = false
handleClose()
dialogVisible.value = false;
}else{
@@ -106,6 +131,7 @@
companyId: null,
points:''
}
+ showEditor.value = false
superRef.value.clearValidate();
superRef.value.resetFields()
dialogVisible.value = false;
--
Gitblit v1.9.2