feat: 🚀 优化富文本多张图片上传

.env.development

@@ -2,7 +2,7 @@ ENV = 'dev'
 
 VITE_APP_API_BASEURL =https://dev.ow.f2b211.com/admapi/v1
 #前端回显图片之类的地址
-VITE_APP_API_BASE_UPLOAD_URL =https://dev.ow.f2b211.com
+VITE_APP_API_BASE_UPLOAD_URL =https://dev.ow.f2b211.com/
 # 本地环境
 VITE_USER_NODE_ENV = development
 

.env.production

@@ -1,11 +1,10 @@
 ENV = 'production'
-VITE_APP_API_BASEURL =  https://opsscmapi.f2b211.com/api/ #请求地址
+VITE_APP_API_BASEURL =https://orico.com.cn/admapi/v1
-
+#前端回显图片之类的地址
-
 # 线上环境
 VITE_USER_NODE_ENV = production
 #前端回显图片之类的地址
-VITE_APP_API_BASE_UPLOAD_URL =https://dev.ow.f2b211.com/
+VITE_APP_API_BASE_UPLOAD_URL =https://orico.com.cn/
 
 # 是否启用 gzip 或 brotli 压缩打包，如果需要多个压缩规则，可以使用 “,” 分隔
 # Optional: gzip | brotli | none

src/components/Editor/index.vue

@@ -2,12 +2,12 @@
     <el-upload
         :id="uuid"
         action="#"
-        :multiple="false"
+        :multiple="true"
         :show-file-list="false"
         :http-request="handleHttpUpload"
         :before-upload="handleBeforeUpload"
         class="editor-img-uploader"
-        accept=".jpeg,.jpg,.png"
+        accept=".jpeg,.jpg,.png,.gif"
     >
         <i ref="uploadRef" class="Plus editor-img-uploader"></i>
     </el-upload>

src/components/WangEditor/index.vue

@@ -29,7 +29,6 @@ const handleCreated = (editor: any) => {
     editorRef.value = editor;
 };
 
-console.log(editorRef.value, "=editorRef.value=");
 const $router = useRouter();
 const routerValueName: string = $router.currentRoute.value.name as string;
 const routerObj: any = {

src/styles/element.scss

@@ -271,5 +271,5 @@
     white-space: nowrap;
 }
 .el-message__wrapper {
-    z-index: 9999; /* 一个较大的值，确保在抽屉之上 */
+    z-index: 9999 !important; /* 一个较大的值，确保在抽屉之上 */
 }

src/utils/outLogin.ts

@@ -4,8 +4,8 @@ import { useUserStore } from "@/stores/modules/user";
 //不同环境的login地址
 const LOGIN_OBJ: any = {
     development: "http://localhost:8080/admin/login", //开发环境
-    test: "https://dev.ow.admin.f2b211.com/", //测试环境
+    test: "https://dev.orico.com.cn/admin/login", //测试环境
-    production: "http://localhost:8080/login" //生产环境
+    production: "https://orico.com.cn/admin/login" //生产环境
 };
 /**
 /**

src/views/articleManagement/class/index.vue

@@ -6,13 +6,7 @@
         </div>
         <div class="card table-main">
             <SearchForm :search="search" :reset="reset" :formData="dataStore.formData" :search-param="dataStore.ruleForm" />
-            <el-table
+            <el-table :data="dataStore.tableData" style="width: 100%; margin-bottom: 20px; font-size: 14px" row-key="id" border>
-                :data="dataStore.tableData"
-                style="width: 100%; margin-bottom: 20px; font-size: 14px"
-                row-key="id"
-                border
-                default-expand-all
-            >
                 <el-table-column prop="id" label="id" />
                 <el-table-column prop="name" label="分类名称" />
                 <el-table-column prop="sort" label="分类排序">

src/views/bannerManagement/list/index.vue

@@ -189,10 +189,10 @@ const getSystemUrls = async (node: any, resolve: any) => {
         }
     } else {
         //第二次请求
-        if (node.data.children) {
+        if (node?.data?.children) {
-            resolve(node.data.children);
+            resolve(node?.data?.children);
         }
-        if (!node.data.children.length && !node.data.url && node.level > 1) {
+        if (!node?.data?.children?.length && !node?.data?.url && node?.level > 1) {
             const [link_to, id] = node?.data?.value?.split("/");
             const result = await getSystemUrlsApi({ link_to, id });
             if (result?.code === 0) {
@@ -222,17 +222,16 @@ const getBannerRead = async (id: any) => {
     dataStore.visible = true;
     const result = await getBannerReadApi(id);
     if (result?.code === 0) {
-        dataStore.editRuleForm = result?.data;
+        setImgOrVideo(result);
-        // setImgOrVideo(result);
-        await setImgOrVideo(result);
-        dataStore.editRuleForm = await result?.data;
         getProductCategoryList();
-
+        nextTick(() => {
+            dataStore.editRuleForm = result?.data;
             if (dataStore.editRuleForm.link && dataStore.editRuleForm.link_to) {
                 let { id, name, link } = dataStore.editRuleForm.link_echo_data;
                 if (!id || !name || !link) {
                     return;
                 }
+                console.log("1232323");
                 let obj: any = {
                     label: name, // 确保这里的name是你想要显示的文本
                     value: `${dataStore.editRuleForm.link_to}` + "/" + `${id}` + "/" + `${name}`,
@@ -245,6 +244,7 @@ const getBannerRead = async (id: any) => {
                 selectedNodes.value = obj.value;
                 dataStore.data = data;
             }
+        });
     }
 };
 const handleCheck = (checkedNodes: any, values: any) => {
@@ -335,7 +335,6 @@ const resetFields = () => {
 // 抽屉重置
 const handleResetClick = () => {
     if (dataStore.title === "添加Banner") {
-        console.log("12323");
         resetFields();
     } else {
         getBannerRead(dataStore.editRuleForm.id);

src/views/downloadManagement/class/index.vue

@@ -7,13 +7,7 @@
 
         <div class="card table-main">
             <SearchForm :search="search" :reset="reset" :formData="dataStore.formData" :search-param="dataStore.ruleForm" />
-            <el-table
+            <el-table :data="dataStore.tableData" style="width: 100%; margin-bottom: 20px; font-size: 14px" row-key="id" border>
-                :data="dataStore.tableData"
-                style="width: 100%; margin-bottom: 20px; font-size: 14px"
-                row-key="id"
-                border
-                default-expand-all
-            >
                 <el-table-column prop="id" label="id" />
                 <el-table-column prop="name" label="下载分类名称" />
                 <el-table-column prop="sort" label="下载分类排序">

src/views/productManagement/classList/index.vue

@@ -8,13 +8,8 @@
                 :formData="dataStore.searchFormData"
                 :search-param="dataStore.searchParam"
             />
-            <el-table
+            <!-- default-expand-all -->
-                :data="dataStore.tableData"
+            <el-table :data="dataStore.tableData" style="width: 100%; margin-bottom: 20px; font-size: 14px" row-key="id" border>
-                style="width: 100%; margin-bottom: 20px; font-size: 14px"
-                row-key="id"
-                border
-                default-expand-all
-            >
                 <el-table-column prop="id" label="id" />
                 <el-table-column prop="name" label="分类名称" />
                 <el-table-column prop="sort" label="分类排序">
@@ -154,7 +149,6 @@ const getArticleCategorySave = async (params: any) => {
 };
 
 const handleSelectChangeEmits = (value: any) => {
-    console.log(value, "===============value1111111============");
     if (value.prop === "pid") {
         dataStore.ruleForm.pid = value.id;
     }

src/views/productManagement/list/utils/edit/submit.ts

@@ -69,7 +69,7 @@ export const handleSubmit = async (infoRef: any, imgInfoRef: any, dataStore: any
         video_url,
         video_img,
         skus: skusCloneStr,
-        detail: dataStore.details,
+        detail: dataStore.detail,
         related: JSON.stringify(relatedData) || []
     };