From 7faa374524973ca31053af821a7e9679f5f3c53f Mon Sep 17 00:00:00 2001
From: gaoyunqi <gaoyunqi@gdyd.com>
Date: Thu, 18 Apr 2024 11:22:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=8F=AA=E8=AF=BB?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E5=AF=8C=E6=96=87=E6=9C=AC=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8=E7=9A=84=E5=80=BC=E6=97=A0=E6=B3=95=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Form/src/components/Readonly.vue          | 20 ++++++++++++++++++-
 .../src/components/SimpleFormItem.vue         |  2 +-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/Form/src/components/Readonly.vue b/src/components/Form/src/components/Readonly.vue
index 4585423..d69d8f7 100644
--- a/src/components/Form/src/components/Readonly.vue
+++ b/src/components/Form/src/components/Readonly.vue
@@ -1,5 +1,8 @@
 <template>
-    <div class="field-readonly">{{ fieldValue }}</div>
+    <div class="field-readonly">
+        <div v-if="schema.component === 'RichTextEditor'" v-html="htmlValue"> </div>
+        {{ fieldValue }}
+    </div>
 </template>
 
 <script setup>
@@ -13,6 +16,7 @@
 
     const textComponents = ['Input', 'AutoCodeRule', 'DatePicker', 'TimePicker', 'Text', 'InputTextArea', 'InputNumber'];
     const fieldValue = ref(genFieldValue(props.value));
+    const htmlValue = ref(getHtmlValue(props.value));
 
     function parseRangeVal(val, component) {
         if (component !== 'RangePicker' || !val) {
@@ -21,10 +25,22 @@
         return val.split(' ')[0];
     }
 
+    function getHtmlValue(val) {
+        const schema = props.schema;
+        const { component } = schema;
+        if (component === 'RichTextEditor') {
+            return val;
+        }
+        return ''
+    }
+
     function genFieldValue(val) {
         const schema = props.schema;
         const model = props.model;
         const { componentProps, component } = schema;
+        if (component === 'RichTextEditor') {
+            return '';
+        }
         if (model && (component === 'TimeRangePicker' || component === 'RangePicker')) {
             const fieldArr = schema.field.split(',');
             const valStart = parseRangeVal(model[fieldArr[0]], component);
@@ -46,12 +62,14 @@
         () => props.value,
         (newValue) => {
             fieldValue.value = genFieldValue(newValue);
+            htmlValue.value = getHtmlValue(newValue);
         }
     );
     watch(
         () => props.model,
         (newValue) => {
             fieldValue.value = genFieldValue(newValue);
+            htmlValue.value = getHtmlValue(newValue);
         },
         { deep: true }
     );
diff --git a/src/components/SimpleForm/src/components/SimpleFormItem.vue b/src/components/SimpleForm/src/components/SimpleFormItem.vue
index d58a186..39605e3 100644
--- a/src/components/SimpleForm/src/components/SimpleFormItem.vue
+++ b/src/components/SimpleForm/src/components/SimpleFormItem.vue
@@ -417,7 +417,7 @@
     }
 
     function readonlySupport(name) {
-        return /Input|AutoCodeRule|DatePicker|Text|TimePicker|Range/.test(name);
+        return /^(Input|AutoCodeRule|DatePicker|Text|TimePicker|Range|RichTextEditor)$/.test(name);
     }
 
     function getShow(schema: FormSchema): boolean {