From 9e3b944d22ef287cd6a957685bb75171e9c4f9a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=81=E5=8F=B6?= <yerz@shengshi.com.cn>
Date: Tue, 11 Oct 2022 10:20:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9C=A8=E7=BA=BF=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../activity/components/activity-item.vue     | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/views/sylive/activity/components/activity-item.vue b/src/views/sylive/activity/components/activity-item.vue
index 6c97a63..7563f4d 100644
--- a/src/views/sylive/activity/components/activity-item.vue
+++ b/src/views/sylive/activity/components/activity-item.vue
@@ -62,12 +62,14 @@
         />
       </el-form-item>
       <el-form-item label="商品简介:" prop="introduction">
-        <el-input
-          v-model="form.introduction"
-          placeholder="请输入商品简介"
-          :rows="5"
-          type="textarea"
-        />
+        <!-- 编辑器 -->
+        <div v-if="editversion">
+          <tinymce-editor
+            :init="editoption"
+            v-model="form.introduction"
+            placeholder="请输入商品简介"
+          />
+        </div>
       </el-form-item>
     </el-form>
     <template v-slot:footer>
@@ -80,11 +82,12 @@
 </template>
 
 <script>
+  import TinymceEditor from '@/components/TinymceEditor/index.vue';
   import EleImageUpload from 'ele-admin/es/ele-image-upload';
   import request from '@/utils/request';
   import { updateActivityItem } from '@/api/sylive/activity';
   export default {
-    components: { EleImageUpload },
+    components: { EleImageUpload, TinymceEditor },
     props: {
       // 弹窗是否打开
       visible: Boolean,
@@ -102,6 +105,10 @@
         introduction: ''
       };
       return {
+        editversion: false,
+        editoption: {
+          height: 300
+        },
         defaultForm,
         // 表单数据
         form: { ...defaultForm },
@@ -235,7 +242,9 @@
     },
     watch: {
       visible(visible) {
+        this.editversion = false;
         if (visible) {
+          this.editversion = true;
           if (this.data) {
             this.$util.assignObject(this.form, {
               ...this.data
@@ -258,4 +267,7 @@
     margin-top: 5px;
     margin-bottom: 5px;
   }
+  .tox-toolbar__group:last-child {
+    display: none !important;
+  }
 </style>