From 432e7de74f716b5f2a74bc756859494870f81120 Mon Sep 17 00:00:00 2001
From: hongchao <3228015117@qq.com>
Date: Tue, 17 Dec 2024 16:45:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=90=8C=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/contract-manage/index.vue | 39 +++++++++++-------------
 1 file changed, 17 insertions(+), 22 deletions(-)

diff --git a/src/views/user/contract-manage/index.vue b/src/views/user/contract-manage/index.vue
index d263e05..ee4989b 100644
--- a/src/views/user/contract-manage/index.vue
+++ b/src/views/user/contract-manage/index.vue
@@ -214,19 +214,18 @@
              ref="addAndEditFormRef"
              label-position="right"
              :model="addAndEditForm"
-             :rules="addAndEditFormRules"
          >
       <el-row>
         <el-col :span="12">
-          <el-form-item label="合同模板名称" prop="xwbt">
-            <el-input v-model="dataForm.xwbt" placeholder="请输入合同模板名称"></el-input>
+          <el-form-item label="合同模板名称" prop="contractName">
+            <el-input v-model="addAndEditForm.contractName" placeholder="请输入合同模板名称"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
-          <el-form-item label="内容" prop="nr" class="form-item-content">
-            <quill-editor  v-model="dataForm.nr" class="editor"  :options="editorOption"   ></quill-editor>
+          <el-form-item label="内容" prop="content" >
+            <QuillEditor  v-model="addAndEditForm.content" class="editor"  :options="editorOption"   @ready="onEditorReady($event)"></QuillEditor>
           </el-form-item>
         </el-col>
       </el-row>
@@ -300,9 +299,6 @@ const addAndEditForm = ref<any>({
     contractName: '',
     content:'',
     contentId:'',
-    fileInfoList: [],
-    fileInfoTempList: [],
-    bmFileInfoList: [],
 })
 
 // 获取列表
@@ -389,7 +385,8 @@ const handleSelectChange = (selectedId:number) => {
 const onContract = (row: any) => {
     addAndEditForm.value.id = row.id
     addAndEditForm.value.contractName = row.contractName
-    console.log('2222',addAndEditForm.value.contractName)
+    addAndEditForm.value.content = row.content
+    console.log('2222',addAndEditForm.value.content)
     settleinTitle.value = '合同修改'
     dialogVisibleSettleinEdit.value = true
 }
@@ -403,18 +400,6 @@ const onDialogClose = () => {
     addAndEditForm.value.contractName = ''
 }
 
-// 自定义事件
-const onFileChange = (fileList: any) => {
-    addAndEditForm.value.fileInfoTempList = []
-    const fileListTemp = fileList.map((e: any) => {
-        return {
-            fileName: e.name,
-            fileUrl: e.url,
-        }
-    })
-
-    addAndEditForm.value.fileInfoTempList.push(...fileListTemp)
-}
 
 const addAndEditFormRules = reactive({
     contractName: [{ required: true, message: '请输入合同名称', trigger: 'blur' }],
@@ -423,6 +408,7 @@ const addAndEditFormRules = reactive({
 
 // 提交
 const onSubmit = () => {
+    console.log('sad',addAndEditForm.value)
     addAndEditFormRef.value.validate(async (valid: any) => {
         if (valid) {
             const SEN_API = settleinTitle.value === '合同修改' ? editContractApi : addContractApi
@@ -483,7 +469,7 @@ const toolbarOptions = ref<any>([
 
 const editorOption = ref<any>({ // 编辑框操作事件
         theme: 'snow', // or 'bubble'
-        // placeholder: '请输入资讯内容...',
+         placeholder: '请输入资讯内容...',
         modules: {
           toolbar: {
             container: toolbarOptions,
@@ -497,6 +483,15 @@ const  dataForm = ref<any>( {
         nr: '222222',
         flag: '',
       })
+
+const editorInstance = ref(null);
+const onEditorReady = (editor) => {
+  editorInstance.value = editor;
+  // 如果 addAndEditForm.content 已经有值，手动设置编辑器内容
+  if (addAndEditForm.content) {
+    editorInstance.value.setContents(addAndEditForm.content);
+  }
+};
 onMounted(() => {
     getContractListData()
     // getEquipmentTypeApi().then((res: any) => {