From 0b94a3233794a587b5d753b43b9a3146d799c25e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Mon, 3 Jun 2024 15:22:11 +0800
Subject: [PATCH] xg

---
 src/api/system/wangEditor.js                  |  9 ++++++
 src/views/system/components/message.vue       |  2 +-
 src/views/system/components/miniProgram.vue   |  2 +-
 .../system/components/officialAccount.vue     |  3 +-
 src/views/system/components/propaganda.vue    |  2 +-
 src/views/system/components/question.vue      |  2 +-
 src/views/system/components/script.vue        |  2 +-
 src/views/system/components/wangEditor.vue    | 30 ++++++++++++++++---
 8 files changed, 42 insertions(+), 10 deletions(-)

diff --git a/src/api/system/wangEditor.js b/src/api/system/wangEditor.js
index ba4db67..9b8ace9 100644
--- a/src/api/system/wangEditor.js
+++ b/src/api/system/wangEditor.js
@@ -6,4 +6,13 @@ export function labelFieldList(fieldType) {
         url: `/manage/labelfieldinfo/labelFieldList?fieldType=${fieldType}`,
         method: 'get',
     })
+}
+
+//上传图片
+export function richTextPictureUrl(data) {
+    return request({
+        url: `/common/richTextPictureUrl`,
+        method: 'post',
+        data
+    })
 }
\ No newline at end of file
diff --git a/src/views/system/components/message.vue b/src/views/system/components/message.vue
index ca88446..e2ca408 100644
--- a/src/views/system/components/message.vue
+++ b/src/views/system/components/message.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
+    <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
       :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName : '选择短信模板'
       }}</el-button>
     <el-dialog title="短信库模板选择" :visible.sync="classificationOpen" width="70%" :before-close="classificationOpenfalse">
diff --git a/src/views/system/components/miniProgram.vue b/src/views/system/components/miniProgram.vue
index d8af52a..f28ca97 100644
--- a/src/views/system/components/miniProgram.vue
+++ b/src/views/system/components/miniProgram.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
+        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '选择公众号模板' }}</el-button>
         <el-dialog title="公众号模板选择" :visible.sync="classificationOpen" width="70%"
diff --git a/src/views/system/components/officialAccount.vue b/src/views/system/components/officialAccount.vue
index 4f6c367..af64b95 100644
--- a/src/views/system/components/officialAccount.vue
+++ b/src/views/system/components/officialAccount.vue
@@ -1,6 +1,7 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
+        <el-button size="small" @click="classificationOpen = true"
+            style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '选择公众号模板' }}</el-button>
         <el-dialog title="公众号模板选择" :visible.sync="classificationOpen" width="70%"
diff --git a/src/views/system/components/propaganda.vue b/src/views/system/components/propaganda.vue
index b07d128..e792e92 100644
--- a/src/views/system/components/propaganda.vue
+++ b/src/views/system/components/propaganda.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
+        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '选择宣教模板' }}</el-button>
         <el-dialog title="宣教库模板选择" :visible.sync="classificationOpen" width="70%"
diff --git a/src/views/system/components/question.vue b/src/views/system/components/question.vue
index b7c097a..1e2f5cb 100644
--- a/src/views/system/components/question.vue
+++ b/src/views/system/components/question.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
+        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '选择问卷模板' }}</el-button>
         <el-dialog title="问卷库模板选择" :visible.sync="classificationOpen" width="70%"
diff --git a/src/views/system/components/script.vue b/src/views/system/components/script.vue
index ad17561..b0002e5 100644
--- a/src/views/system/components/script.vue
+++ b/src/views/system/components/script.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left"
+        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '请选择'
             }}</el-button>
diff --git a/src/views/system/components/wangEditor.vue b/src/views/system/components/wangEditor.vue
index 6848041..fb84175 100644
--- a/src/views/system/components/wangEditor.vue
+++ b/src/views/system/components/wangEditor.vue
@@ -34,7 +34,8 @@ import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
 import { Boot } from '@wangeditor/editor'
 import { h, VNode } from 'snabbdom'
 import {
-    labelFieldList
+    labelFieldList,
+    richTextPictureUrl
 } from '@/api/system/wangEditor.js'
 // import menuConf from "./ModalMenu";
 import { getToken } from "@/utils/auth";
@@ -63,7 +64,10 @@ export default ({
                     'codeBlock',
                     'todo',
                     'insertVideo',
-                    'insertImage'
+                    'insertImage',
+                    "emotion",
+                    "divider",
+                    "insertTable",
                 ],
             },
             editorConfig: {
@@ -81,9 +85,12 @@ export default ({
                             }
                         },
                     },
+                    uploadVideo: {  //上传视频配置
+                        customUpload: this.handleUpload
+                    },
                 },
             },
-            mode: 'simple', // or 'simple'
+            mode: 'default', // or 'simple'
             timer: '',
             html: `<p></p>`,
             addnode: {
@@ -95,6 +102,22 @@ export default ({
         }
     },
     methods: {
+        async handleUpload(file, insertFn) {
+            let form = new FormData();
+            form.append('file', file);
+            let res = await this.uploadFile(form);  //此方法返回上传后的id
+            console.log(res)
+            const videoUrl = URL.createObjectURL(file);
+            // this.content += '<video  poster=\"\"  controls=\"true\" width=\"auto\" height=\"auto\"><source src=\"'+ res +'\" type=\"video/mp4\"/></video>'
+            // 这快需要注意一下，我这res返回这快，应该是后端返回一个预览服务的url，才能直接在富文本，以及后续展示的地方展示这个视频
+            this.html += '<video  poster=\"\"  controls=\"true\" width=\"auto\" height=\"auto\"><source src=\"' + process.env.VUE_APP_BASE_API + res.fileName + '\" type=\"video/mp4\"/></video>'
+            // 如果没有预览服务可以让后端写一下下载接口，然后在这里直接拼，但是这个接口前缀最好使用项目中接口配置的前缀
+        },
+        async uploadFile(form) {
+            let res = await richTextPictureUrl(form);   //此处换为自己的上传接口地址
+            console.log(res)
+            return res
+        },
         emit() {
             this.$emit("on-nodeContent", { nodeContent: this.html });
         },
@@ -212,7 +235,6 @@ export default ({
     },
     watch: {
         nodeContent(newValue, oldValue) {
-            console.log(newValue, oldValue)
             this.html = newValue;
         }
     },