From e3c785bd490835eacee8c236d4cf62f2405420ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Mon, 20 Feb 2023 13:26:11 +0800
Subject: [PATCH] =?UTF-8?q?=E9=98=B3=E5=85=89=E6=9D=91=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/sunVillage_info/list_contract_add.vue  | 13 +++++++++----
 .../sunVillage_info/list_contract_detail.vue     | 11 +++++++++++
 src/views/sunVillage_info/list_contract_edit.vue | 16 ++++++++++++++++
 3 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/views/sunVillage_info/list_contract_add.vue b/src/views/sunVillage_info/list_contract_add.vue
index ebcc16e0..f99120e1 100644
--- a/src/views/sunVillage_info/list_contract_add.vue
+++ b/src/views/sunVillage_info/list_contract_add.vue
@@ -105,7 +105,8 @@
             <p style="margin-left: 5px;">公开内容</p>
           </template>
         </van-field>
-        <vue-html5-editor :content="content" :height="400" @change="updateData" style="margin-top: 10px;"></vue-html5-editor>
+
+        <vue-html5-editor :content="form.openContent" :height="400" @change="updateData" style="margin-top: 10px;"></vue-html5-editor>
 
         <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
           <template #label>
@@ -139,7 +140,8 @@
           openAt:this.format(new Date(),'yyyy-MM-dd'),
           openPic:'',
           openFile:'',
-          otherName:''
+          otherName:'',
+          openContent:''
         },
         openPic:[],
         otherGkTypeOptions:[],
@@ -170,8 +172,10 @@
     },
     methods: {
       updateData(e = ''){
-        this.content = e;
-        console.info(e);
+        let c1 = e.replace(/<img width="100%"/g, '<img');
+        let c2 = c1.replace(/<img/g, '<img width="100%"');
+        this.form.openContent = c2;
+        console.log()
       },
       onSubmit(){
         var that = this;
@@ -201,6 +205,7 @@
         this.openFile2.splice(index,1);
       },
       afterRead(file) {
+        console.log(file)
         // 此时可以自行将文件上传至服务器
         file.map(res=>{
           this.openPic.push(res.file);
diff --git a/src/views/sunVillage_info/list_contract_detail.vue b/src/views/sunVillage_info/list_contract_detail.vue
index e9bb8f18..c6a0f185 100644
--- a/src/views/sunVillage_info/list_contract_detail.vue
+++ b/src/views/sunVillage_info/list_contract_detail.vue
@@ -96,6 +96,16 @@
 <!--            <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />-->
 <!--          </van-uploader>-->
         </div>
+
+        <van-field readonly input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+            <p style="margin-left: 5px;">公开内容</p>
+          </template>
+        </van-field>
+
+        <div id="openContent"></div>
+
         <van-field readonly v-model="form.remark" placeholder="备注" input-align="right" :border="false" >
           <template #label>
             <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
@@ -189,6 +199,7 @@
               this.openPic[i] = {url:'/api'+rrr}
             })
           }
+          document.getElementById('openContent').innerHTML = res.data.openContent
           that.form = res.data;
         })
       },
diff --git a/src/views/sunVillage_info/list_contract_edit.vue b/src/views/sunVillage_info/list_contract_edit.vue
index 77d3d34d..01c02ef4 100644
--- a/src/views/sunVillage_info/list_contract_edit.vue
+++ b/src/views/sunVillage_info/list_contract_edit.vue
@@ -99,6 +99,16 @@
             <img src="../../assets/images/sunVillage_info/addFile.png" width="120" />
           </van-uploader>
         </div>
+
+        <van-field readonly input-align="right" :border="false" >
+          <template #label>
+            <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
+            <p style="margin-left: 5px;">公开内容</p>
+          </template>
+        </van-field>
+
+        <vue-html5-editor :content="form.openContent" :height="400" @change="updateData" style="margin-top: 10px;"></vue-html5-editor>
+
         <van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" >
           <template #label>
             <img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18">
@@ -158,6 +168,12 @@
       this.getDetail();
     },
     methods: {
+      updateData(e = ''){
+        let c1 = e.replace(/<img width="100%"/g, '<img');
+        let c2 = c1.replace(/<img/g, '<img width="100%"');
+        this.form.openContent = c2;
+        console.log()
+      },
       getDetail(id){
         otherPublicDetail(this.queryParams).then((res) => {
           var that = this ;