From d18b6c629475bebac5579abfa7d30dea7ccbaf30 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Fri, 4 Jul 2025 10:13:54 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E5=AE=89=E5=8D=93=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=A1=86=E4=B8=8A=E5=BC=B91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/homePage.vue | 48 +++++++++++++++++-------------------------------
 1 file changed, 17 insertions(+), 31 deletions(-)

diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index b381ce3..e0b1bc5 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -1,6 +1,6 @@
 <script setup>
 // 导入
-import { ref, computed, onMounted, watch, nextTick, onUnmounted } from "vue";
+import { ref, computed, onMounted, watch, nextTick, onUnmounted, h } from "vue";
 import { setHeight } from "../utils/setHeight";
 import { getUserCountAPI } from "../api/AIxiaocaishen";
 import { ElMessage } from "element-plus";
@@ -417,46 +417,32 @@ const goToRecharge = () => {
 };
 
 const adjustFooterPosition = (height) => {
-  console.log("调整底部位置", height);
-  const footer = document.querySelector(".el-footer");
-  const main = document.querySelector(".el-main");
-  const homePage = document.querySelector(".homepage");
-  const app = document.getElementById("app");
-  // Footer 的默认高度（假设为 60px）  // 动态推高 Footer
-  // footer.style.bottom = `${keyboardHeight}px`;
-  // 给 Main 区域留出 Footer + 键盘的空间
-  homePage.style.height = `${height}px`;
-  // app.style.height = `${height}px`;
-
-  void homePage.offsetHeight;
-
   const html = document.querySelector("html");
   const body = document.querySelector("body");
 
-  html.style.height = `${height}px`;
-  body.style.height = `${height}px`;
+  const isAndroid = /Android/i.test(navigator.userAgent);
+  if (isAndroid) {
+    console.log("是安卓设备");
+    console.log("window.visualViewport", window.visualViewport.height);
+    const homePage = document.querySelector(".homepage");
+
+    homePage.style.height = `${height}px`;
+    // homePage.style.height = `460px`;
 
-  html.scrollTop = 0;
+    html.scrollTop = 0;
+  } else {
+    console.log("非安卓设备");
+    console.log("调整底部位置", height);
+    const homePage = document.querySelector(".homepage");
+    homePage.style.height = `${height}px`;
 
+    html.scrollTop = 0;
+  }
   setTimeout(() => {
     // 隐藏滚动条
     html.style.overflow = "hidden";
     body.style.overflow = "hidden";
   }, 200);
-
-  // console.log(html.offsetHeight, 'html')
-  // console.log(html.clientHeight, 'html')
-  // console.log(html.scrollHeight, 'htmlScrollHeight')
-  // console.log(body.clientHeight, 'body')
-  // console.log(body.scrollHeight, 'bodyScrollHeight')
-  // console.log(homePage.offsetHeight, 'homePage')
-  // console.log(homePage.clientHeight, 'homePageClientHeight')
-  // console.log(homePage.scrollHeight, 'homePageScrollHeight')
-  // console.log(window.innerHeight, 'window.innerHeight')
-  // console.log(window.visualViewport.height, 'window.visualViewport.height')
-  // console.log(main.offsetHeight, 'main')
-  // console.log(main.clientHeight, 'mainClientHeight')
-  // console.log(main.scrollHeight, 'mainScrollHeight')
 };
 
 const onFocus = function () {

From 1e6f9bc1fa403ba7194f52cd1082cee495f53de6 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Tue, 8 Jul 2025 15:51:59 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E5=BD=93=E6=B2=A1=E6=9C=89=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=97=B6=EF=BC=8C=E4=B8=8D=E6=98=BE=E7=A4=BA=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AIchat.vue | 317 ++++++++++++++++++++++++++-------------------------
 1 file changed, 163 insertions(+), 154 deletions(-)

diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue
index 9b122bd..041c95d 100644
--- a/src/views/AIchat.vue
+++ b/src/views/AIchat.vue
@@ -580,8 +580,8 @@ watch(
           const env = import.meta.env.VITE_ENV;
           const result20 = await dataListAPI({
             token:
-            '8Csj5VVX1UbIb4C3oxrnbZi0+fEeMx8pywnIlrmTm45Cb/EllzWACLto9J9+fCFsfdgBOvKvyY94FvqlvM0',
-              // "8nkj4QBV1RPIb4CzoRTnbZi0+fEeMx8pywnIlrmTxdwROKkuwWqAWu9orpkpeXVqL98DPfeonNYpHv+mucA",
+              "8Csj5VVX1UbIb4C3oxrnbZi0+fEeMx8pywnIlrmTm45Cb/EllzWACLto9J9+fCFsfdgBOvKvyY94FvqlvM0",
+            // "8nkj4QBV1RPIb4CzoRTnbZi0+fEeMx8pywnIlrmTxdwROKkuwWqAWu9orpkpeXVqL98DPfeonNYpHv+mucA",
             market: codeData.value.market,
             code: codeData.value.code,
             language: "cn", //t.value.suoxie,
@@ -699,161 +699,170 @@ watch(
                 //   content: ac1,
                 // });
                 // 添加六色罗盘
-                const LiuSeData = JSON.parse(JSON.stringify(toRaw(HomePage)));
-                const sz = fnGetData(LiuSeData);
-                if (sz) {
-                  hasValidData.value = true;
-                  console.log("hasValidData设置为:", hasValidData.value);
+                if (HomePage) {
+                  const LiuSeData = JSON.parse(JSON.stringify(toRaw(HomePage)));
+                  const sz = fnGetData(LiuSeData);
+                  if (sz) {
+                    hasValidData.value = true;
+                    console.log("hasValidData设置为:", hasValidData.value);
+                  }
+                  // 先推送K线图消息
+                  const klineMessageId1 = `kline-${Date.now()}`;
+                  console.log("生成K线消息ID:", klineMessageId1);
+
+                  addTypingTask(
+                    {
+                      sender: "ai",
+                      class: "content1",
+                      type: "content1",
+                      kline: true,
+                      chartData: sz,
+                      messageId: klineMessageId1,
+                      hasValidData: true,
+                      klineType: 1,
+                    },
+                    "",
+                    50
+                  );
+                  // chatStore.messages.push({
+                  //   sender: "ai",
+                  //   class: "content1",
+                  //   type: "content1",
+                  //   kline: true,
+                  //   chartData: sz,
+                  //   messageId: klineMessageId1,
+                  //   hasValidData: true,
+                  //   klineType: 1,
+                  // });
+
+                  // console.log("六色罗盘消息已添加到聊天列表");
+
+                  // // 在渲染完成后初始化图表
+                  // nextTick(() => {
+                  //   console.log("nextTick开始 - 准备渲染图表");
+                  //   console.log("消息列表:", chatStore.messages);
+
+                  //   // 寻找最新添加的K线消息索引
+                  //   let klineIndex = -1;
+                  //   for (let i = 0; i < chatStore.messages.length; i++) {
+                  //     if (chatStore.messages[i].messageId === klineMessageId1) {
+                  //       klineIndex = i;
+                  //       break;
+                  //     }
+                  //   }
+
+                  //   console.log("找到的K线消息索引:", klineIndex);
+
+                  //   if (klineIndex !== -1) {
+                  //     const containerId = `kline-container-${klineIndex}`;
+                  //     console.log("图表容器ID:", containerId);
+
+                  //     // 确保DOM已经渲染完成
+                  //     setTimeout(() => {
+                  //       console.log("延时执行，确保DOM已渲染");
+                  //       KlineCanvsEcharts(containerId);
+                  //     }, 100); // 短暂延时确保DOM已渲染
+                  //   } else {
+                  //     console.warn("未找到K线消息");
+                  //   }
+                  // });
                 }
-                // 先推送K线图消息
-                const klineMessageId1 = `kline-${Date.now()}`;
-                console.log("生成K线消息ID:", klineMessageId1);
-
-                addTypingTask(
-                  {
-                    sender: "ai",
-                    class: "content1",
-                    type: "content1",
-                    kline: true,
-                    chartData: sz,
-                    messageId: klineMessageId1,
-                    hasValidData: true,
-                    klineType: 1,
-                  },
-                  "",
-                  50
-                );
-                // chatStore.messages.push({
-                //   sender: "ai",
-                //   class: "content1",
-                //   type: "content1",
-                //   kline: true,
-                //   chartData: sz,
-                //   messageId: klineMessageId1,
-                //   hasValidData: true,
-                //   klineType: 1,
-                // });
-
-                // console.log("六色罗盘消息已添加到聊天列表");
-
-                // // 在渲染完成后初始化图表
-                // nextTick(() => {
-                //   console.log("nextTick开始 - 准备渲染图表");
-                //   console.log("消息列表:", chatStore.messages);
-
-                //   // 寻找最新添加的K线消息索引
-                //   let klineIndex = -1;
-                //   for (let i = 0; i < chatStore.messages.length; i++) {
-                //     if (chatStore.messages[i].messageId === klineMessageId1) {
-                //       klineIndex = i;
-                //       break;
-                //     }
-                //   }
-
-                //   console.log("找到的K线消息索引:", klineIndex);
-
-                //   if (klineIndex !== -1) {
-                //     const containerId = `kline-container-${klineIndex}`;
-                //     console.log("图表容器ID:", containerId);
-
-                //     // 确保DOM已经渲染完成
-                //     setTimeout(() => {
-                //       console.log("延时执行，确保DOM已渲染");
-                //       KlineCanvsEcharts(containerId);
-                //     }, 100); // 短暂延时确保DOM已渲染
-                //   } else {
-                //     console.warn("未找到K线消息");
-                //   }
-                // });
-
                 // 度牛尺K线图
-                const AIGoldBullData = JSON.parse(
-                  JSON.stringify(toRaw(AIGoldBull))
-                );
-                const HomePageData = JSON.parse(
-                  JSON.stringify(toRaw(HomePage))
-                );
-                console.log("处理 K 线数据 - 开始");
-                console.log("AIGoldBullData", AIGoldBullData);
-                console.log("HomePageData", HomePageData);
-
-                const Kline20 = {
-                  name: HomePageData.StockInformation.Name,
-                  Kline: AIGoldBullData,
-                };
-
-                // 打印K线数据结构
-                console.log("K线数据结构:", Kline20);
-                console.log("K线数据名称:", Kline20.name);
-                console.log("K线数据:", Kline20.Kline ? Kline20.Kline : null);
-
-                // 设置数据有效标志
-                hasValidData.value = true;
-                console.log("hasValidData设置为:", hasValidData.value);
-
-                // chatStore.messages.pop();
-
-                // 先推送K线图消息
-                const klineMessageId2 = `kline-${Date.now() + 1}`;
-                console.log("生成K线消息ID:", klineMessageId2);
-
-                // chatStore.messages.push({
-                //   sender: "ai",
-                //   class: "content2",
-                //   type: "content2",
-                //   kline: true,
-                //   chartData: Kline20,
-                //   messageId: klineMessageId2,
-                //   hasValidData: true, // 添加hasValidData标志
-                //   klineType: 2,
-                // });
-
-                addTypingTask(
-                  {
-                    sender: "ai",
-                    class: "content2",
-                    type: "content2",
-                    kline: true,
-                    chartData: Kline20,
-                    messageId: klineMessageId2,
-                    hasValidData: true, // 添加hasValidData标志
-                    klineType: 2,
-                  },
-                  "",
-                  50
-                );
-
-                // console.log("K线消息已添加到聊天列表");
-
-                // // 在渲染完成后初始化图表
-                // nextTick(() => {
-                //   console.log("nextTick开始 - 准备渲染图表");
-                //   console.log("消息列表:", chatStore.messages);
-
-                //   // 寻找最新添加的K线消息索引
-                //   let klineIndex = -1;
-                //   for (let i = 0; i < chatStore.messages.length; i++) {
-                //     if (chatStore.messages[i].messageId === klineMessageId2) {
-                //       klineIndex = i;
-                //       break;
-                //     }
-                //   }
-
-                //   console.log("找到的K线消息索引:", klineIndex);
-
-                //   if (klineIndex !== -1) {
-                //     const containerId = `kline-container-${klineIndex}`;
-                //     console.log("图表容器ID:", containerId);
+                if (
+                  AIGoldBull.DNC &&
+                  AIGoldBull.FCX &&
+                  AIGoldBull.JN &&
+                  AIGoldBull.KLine20 &&
+                  AIGoldBull.QSXH
+                ) {
+                  const AIGoldBullData = JSON.parse(
+                    JSON.stringify(toRaw(AIGoldBull))
+                  );
+                  const HomePageData = JSON.parse(
+                    JSON.stringify(toRaw(HomePage))
+                  );
+                  console.log("处理 K 线数据 - 开始");
+                  console.log("AIGoldBullData", AIGoldBullData);
+                  console.log("HomePageData", HomePageData);
+
+                  const Kline20 = {
+                    name: HomePageData.StockInformation.Name,
+                    Kline: AIGoldBullData,
+                  };
+
+                  // 打印K线数据结构
+                  console.log("K线数据结构:", Kline20);
+                  console.log("K线数据名称:", Kline20.name);
+                  console.log("K线数据:", Kline20.Kline ? Kline20.Kline : null);
+
+                  // 设置数据有效标志
+                  hasValidData.value = true;
+                  console.log("hasValidData设置为:", hasValidData.value);
 
-                //     // 确保DOM已经渲染完成
-                //     setTimeout(() => {
-                //       console.log("延时执行，确保DOM已渲染");
-                //       KlineCanvsEcharts(containerId);
-                //     }, 100); // 短暂延时确保DOM已渲染
-                //   } else {
-                //     console.warn("未找到K线消息");
-                //   }
-                // });
+                  // chatStore.messages.pop();
+
+                  // 先推送K线图消息
+                  const klineMessageId2 = `kline-${Date.now() + 1}`;
+                  console.log("生成K线消息ID:", klineMessageId2);
+
+                  // chatStore.messages.push({
+                  //   sender: "ai",
+                  //   class: "content2",
+                  //   type: "content2",
+                  //   kline: true,
+                  //   chartData: Kline20,
+                  //   messageId: klineMessageId2,
+                  //   hasValidData: true, // 添加hasValidData标志
+                  //   klineType: 2,
+                  // });
+
+                  addTypingTask(
+                    {
+                      sender: "ai",
+                      class: "content2",
+                      type: "content2",
+                      kline: true,
+                      chartData: Kline20,
+                      messageId: klineMessageId2,
+                      hasValidData: true, // 添加hasValidData标志
+                      klineType: 2,
+                    },
+                    "",
+                    50
+                  );
+
+                  // console.log("K线消息已添加到聊天列表");
+
+                  // // 在渲染完成后初始化图表
+                  // nextTick(() => {
+                  //   console.log("nextTick开始 - 准备渲染图表");
+                  //   console.log("消息列表:", chatStore.messages);
+
+                  //   // 寻找最新添加的K线消息索引
+                  //   let klineIndex = -1;
+                  //   for (let i = 0; i < chatStore.messages.length; i++) {
+                  //     if (chatStore.messages[i].messageId === klineMessageId2) {
+                  //       klineIndex = i;
+                  //       break;
+                  //     }
+                  //   }
+
+                  //   console.log("找到的K线消息索引:", klineIndex);
+
+                  //   if (klineIndex !== -1) {
+                  //     const containerId = `kline-container-${klineIndex}`;
+                  //     console.log("图表容器ID:", containerId);
+
+                  //     // 确保DOM已经渲染完成
+                  //     setTimeout(() => {
+                  //       console.log("延时执行，确保DOM已渲染");
+                  //       KlineCanvsEcharts(containerId);
+                  //     }, 100); // 短暂延时确保DOM已渲染
+                  //   } else {
+                  //     console.warn("未找到K线消息");
+                  //   }
+                  // });
+                }
               }
             }
 

From 9b54d6c3490e139315f8507315f65e75714a3777 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Tue, 8 Jul 2025 15:56:43 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E8=83=BD=E9=87=8F=E7=BB=B4=E5=BA=A6?=
 =?UTF-8?q?=E5=B1=85=E4=B8=AD=E6=89=93=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/AIchat.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue
index 041c95d..d9de981 100644
--- a/src/views/AIchat.vue
+++ b/src/views/AIchat.vue
@@ -1041,7 +1041,7 @@ watch(
                 const ac44 = `${arr[2]},${arr[3]}</p>`;
                 const ac45 = `<p style="margin:0;color:#FADC0C;display:flex;justify-content:center;font-size:28px">【时间维度】</p><p style="display:flex;justify-content:center;">`;
                 const ac46 = `${result23.data.shijian}</p>`;
-                const ac47 = `<p style="margin:0;color:#FADC0C;display:flex;justify-content:center;font-size:28px">【能量维度】</p><p>`;
+                const ac47 = `<p style="margin:0;color:#FADC0C;display:flex;justify-content:center;font-size:28px">【能量维度】</p><p style="display:flex;justify-content:center;">`;
                 const ac48 = `${result23.data.nengliang}</p>`;
 
                 // const pc4 = marked(

From 3012597c761144266a79a946bc868769c9df8891 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Tue, 8 Jul 2025 16:03:47 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E5=8F=8D=E9=A6=88=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=A3=80=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Feedback.vue | 934 ++++++++++++++++++++++++++-----------------------
 1 file changed, 491 insertions(+), 443 deletions(-)

diff --git a/src/views/Feedback.vue b/src/views/Feedback.vue
index 7a10c33..32ed8a9 100644
--- a/src/views/Feedback.vue
+++ b/src/views/Feedback.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, onMounted, watch, nextTick, onUnmounted } from "vue";
-import { useDataStore } from '@/store/dataList.js'
-import { addFeedbackAPI, getFeedbackAPI } from "../api/AIxiaocaishen"
+import { useDataStore } from "@/store/dataList.js";
+import { addFeedbackAPI, getFeedbackAPI } from "../api/AIxiaocaishen";
 import feedback from "../assets/img/Feedback/feedback.png";
 import feedbackImg from "../assets/img/Feedback/feedbackImg.png";
 import feedbackSuccess from "../assets/img/Feedback/feedbackSuccess.png";
@@ -12,620 +12,668 @@ import failure from "../assets/img/Feedback/failure.png";
 import save from "../assets/img/Feedback/save.png";
 import back from "../assets/img/Feedback/back.png";
 import purpleDot from "../assets/img/Feedback/purpleDot.png";
-import moment from 'moment';
+import moment from "moment";
 
-const dataStore = useDataStore()
+const dataStore = useDataStore();
 
 const feedbackContent = ref("");
 const uploadUrl = import.meta.env.VITE_APP_IMG_API_BASE_URL;
 const feedbackFileList = ref([]);
 const isHistoryFeedback = ref(false);
 
-const submitSuccessDialogVisible = ref(false)
-const submitFailureDialogVisible = ref(false)
-const submitFailureContent = ref('')
+const submitSuccessDialogVisible = ref(false);
+const submitFailureDialogVisible = ref(false);
+const submitFailureContent = ref("");
 const feedbackSubmit = async () => {
-    console.log(feedbackContent.value)
-    console.log(feedbackFileList.value)
-    if (feedbackContent.value == '' && feedbackFileList.value.length == 0) {
-        submitFailureDialogVisible.value = true;
-        submitFailureContent.value = '请输入反馈内容或上传图片';
-    } else {
-        try {
-            let img1 = ''
-            let img2 = ''
-            let img3 = '';
-            if (feedbackFileList.value[0]) {
-                img1 = feedbackFileList.value[0].url;
-            }
-            if (feedbackFileList.value[1]) {
-                img2 = feedbackFileList.value[1].url;
-            }
-            if (feedbackFileList.value[2]) {
-                img3 = feedbackFileList.value[2].url;
-            }
-            console.log(img1, img2, img3);
-            const result = await addFeedbackAPI({
-                token: localStorage.getItem('localToken'),
-                content: feedbackContent.value,
-                image1: img1,
-                image2: img2,
-                image3: img3,
-
-            })
-
-            console.log(result)
-
-            feedbackHistory();
-
-            submitSuccessDialogVisible.value = true;
-        } catch (error) {
-            submitFailureDialogVisible.value = true;
-            submitFailureContent.value = '反馈提交异常(错误代码：' + error.response.status + '),建议尝试更换网络环境后重新提交。';
-        }
+  console.log(feedbackContent.value);
+  console.log(feedbackFileList.value);
+  const token = localStorage.getItem("localToken");
+  if (feedbackContent.value == "" && feedbackFileList.value.length == 0) {
+    submitFailureDialogVisible.value = true;
+    submitFailureContent.value = "请输入反馈内容或上传图片";
+  } else if (!token) {
+    submitFailureDialogVisible.value = true;
+    submitFailureContent.value = "token已失效，请重新登录！";
+  } else {
+    try {
+      let img1 = "";
+      let img2 = "";
+      let img3 = "";
+      if (feedbackFileList.value[0]) {
+        img1 = feedbackFileList.value[0].url;
+      }
+      if (feedbackFileList.value[1]) {
+        img2 = feedbackFileList.value[1].url;
+      }
+      if (feedbackFileList.value[2]) {
+        img3 = feedbackFileList.value[2].url;
+      }
+      console.log(img1, img2, img3);
+      const result = await addFeedbackAPI({
+        token: token,
+        content: feedbackContent.value,
+        image1: img1,
+        image2: img2,
+        image3: img3,
+      });
+
+      console.log(result);
+
+      feedbackHistory();
+
+      submitSuccessDialogVisible.value = true;
+    } catch (error) {
+      submitFailureDialogVisible.value = true;
+      submitFailureContent.value =
+        "反馈提交异常(错误代码：" +
+        error.response.status +
+        "),建议尝试更换网络环境后重新提交。";
     }
-}
+  }
+};
 
-const feedbackHistoryList = ref([])
+const feedbackHistoryList = ref([]);
 
 const feedbackHistory = async () => {
-    try {
-        const result = await getFeedbackAPI({
-            token: localStorage.getItem('localToken'),
-        })
-        console.log(result)
-
-        if (result.data.length > 0) {
-            isHistoryFeedback.value = true;
+  try {
+    const result = await getFeedbackAPI({
+      token: localStorage.getItem("localToken"),
+    });
+    console.log(result);
 
-            feedbackHistoryList.value = result.data;
+    if (result.data.length > 0) {
+      isHistoryFeedback.value = true;
 
-        } else {
-            isHistoryFeedback.value = false;
-        }
-
-    } catch (error) {
-        console.log(error)
+      feedbackHistoryList.value = result.data;
+    } else {
+      isHistoryFeedback.value = false;
     }
-}
+  } catch (error) {
+    console.log(error);
+  }
+};
 
 const submitSuccessConfirm = () => {
-    feedbackContent.value = '';
-    feedbackFileList.value = [];
-    if (localStorage.getItem('feedbackContent')) {
-        localStorage.removeItem('feedbackContent');
-    }
-    if (localStorage.getItem('feedbackFileList')) {
-        localStorage.removeItem('feedbackFileList');
-    }
-    submitSuccessDialogVisible.value = false;
-}
+  feedbackContent.value = "";
+  feedbackFileList.value = [];
+  if (localStorage.getItem("feedbackContent")) {
+    localStorage.removeItem("feedbackContent");
+  }
+  if (localStorage.getItem("feedbackFileList")) {
+    localStorage.removeItem("feedbackFileList");
+  }
+  submitSuccessDialogVisible.value = false;
+};
 const submitFailureConfirm = () => {
-    submitFailureDialogVisible.value = false;
-}
+  submitFailureDialogVisible.value = false;
+};
 // 字数限制提示弹窗
-const feedbackContentOverLengthDialogVisible = ref(false)
+const feedbackContentOverLengthDialogVisible = ref(false);
 
 const feedbackContentLengthJudge = () => {
-    console.log('字数判断');
-    console.log(feedbackContent.value.length)
-    if (feedbackContent.value.length >= 2000) {
-        feedbackContentOverLengthDialogVisible.value = true;
-    }
-}
+  console.log("字数判断");
+  console.log(feedbackContent.value.length);
+  if (feedbackContent.value.length >= 2000) {
+    feedbackContentOverLengthDialogVisible.value = true;
+  }
+};
 
 const feedbackContentOverLengthConfirm = () => {
-    feedbackContentOverLengthDialogVisible.value = false;
-}
+  feedbackContentOverLengthDialogVisible.value = false;
+};
 
 const feedbackContentChange = () => {
-    console.log('内容改变');
-    console.log(feedbackContent.value)
+  console.log("内容改变");
+  console.log(feedbackContent.value);
 
-    localStorage.setItem('feedbackContent', feedbackContent.value);
-}
+  localStorage.setItem("feedbackContent", feedbackContent.value);
+};
 
 const check = function (file, fileList) {
-    console.log('调用check方法');
-    console.log(fileList);
-    console.log(fileList.length);
-}
+  console.log("调用check方法");
+  console.log(fileList);
+  console.log(fileList.length);
+};
 
 const successChange = function (file, fileList) {
-    console.log('调用successChange方法');
-    console.log(fileList);
-    console.log(fileList.response);
-    if (fileList.response.code == 200) {
-        feedbackFileList.value.push(fileList.response.data)
-    }
-    console.log(feedbackFileList.value);
-    localStorage.setItem('feedbackFileList', JSON.stringify(feedbackFileList.value));
-}
-
-const dialogImageUrl = ref('')
-const dialogVisible = ref(false)
+  console.log("调用successChange方法");
+  console.log(fileList);
+  console.log(fileList.response);
+  if (fileList.response.code == 200) {
+    feedbackFileList.value.push(fileList.response.data);
+  }
+  console.log(feedbackFileList.value);
+  localStorage.setItem(
+    "feedbackFileList",
+    JSON.stringify(feedbackFileList.value)
+  );
+};
+
+const dialogImageUrl = ref("");
+const dialogVisible = ref(false);
 
 const handleRemove = (uploadFile, uploadFiles) => {
-    console.log(uploadFile, uploadFiles)
-    feedbackFileList.value = uploadFiles;
-    console.log('调用handleRemove方法');
-    console.log(feedbackFileList.value);
-    console.log(feedbackFileList.value.length);
-    localStorage.setItem('feedbackFileList', JSON.stringify(feedbackFileList.value));
-}
+  console.log(uploadFile, uploadFiles);
+  feedbackFileList.value = uploadFiles;
+  console.log("调用handleRemove方法");
+  console.log(feedbackFileList.value);
+  console.log(feedbackFileList.value.length);
+  localStorage.setItem(
+    "feedbackFileList",
+    JSON.stringify(feedbackFileList.value)
+  );
+};
 
 const handlePictureCardPreview = (uploadFile) => {
-    dialogImageUrl.value = uploadFile.url
-    dialogVisible.value = true
-}
+  dialogImageUrl.value = uploadFile.url;
+  dialogVisible.value = true;
+};
 
 // 返回弹窗
-const feedbackBackDialogVisible = ref(false)
+const feedbackBackDialogVisible = ref(false);
 
 const feedbackBack = () => {
-    if(feedbackContent.value == '' && feedbackFileList.value.length == 0) {
-       dataStore.isFeedback = false;
-       return; 
-    }
-    feedbackBackDialogVisible.value = true;
-}
+  if (feedbackContent.value == "" && feedbackFileList.value.length == 0) {
+    dataStore.isFeedback = false;
+    return;
+  }
+  feedbackBackDialogVisible.value = true;
+};
 // 确人保存
 const feedbackBackConfirm = () => {
-    feedbackBackDialogVisible.value = false;
-    dataStore.isFeedback = false;
-}
+  feedbackBackDialogVisible.value = false;
+  dataStore.isFeedback = false;
+};
 // 取消保存
 const feedbackBackCancel = () => {
-    if (localStorage.getItem('feedbackContent')) {
-        localStorage.removeItem('feedbackContent');
-    }
-    if (localStorage.getItem('feedbackFileList')) {
-        localStorage.removeItem('feedbackFileList');
-    }
-    feedbackBackDialogVisible.value = false;
-    dataStore.isFeedback = false;
-}
-
+  if (localStorage.getItem("feedbackContent")) {
+    localStorage.removeItem("feedbackContent");
+  }
+  if (localStorage.getItem("feedbackFileList")) {
+    localStorage.removeItem("feedbackFileList");
+  }
+  feedbackBackDialogVisible.value = false;
+  dataStore.isFeedback = false;
+};
 
 onMounted(() => {
-    feedbackHistory()
-
-    if (localStorage.getItem('feedbackContent')) {
-        feedbackContent.value = localStorage.getItem('feedbackContent')
-    } else {
-        feedbackContent.value = '';
-    }
-    if (localStorage.getItem('feedbackFileList')) {
-        feedbackFileList.value = JSON.parse(localStorage.getItem('feedbackFileList'));
-    } else {
-        feedbackFileList.value = [];
-    }
-    console.log(uploadUrl)
-})
-
+  feedbackHistory();
+
+  if (localStorage.getItem("feedbackContent")) {
+    feedbackContent.value = localStorage.getItem("feedbackContent");
+  } else {
+    feedbackContent.value = "";
+  }
+  if (localStorage.getItem("feedbackFileList")) {
+    feedbackFileList.value = JSON.parse(
+      localStorage.getItem("feedbackFileList")
+    );
+  } else {
+    feedbackFileList.value = [];
+  }
+  console.log(uploadUrl);
+});
 </script>
 
 <template>
-    <el-container>
-        <div>
-            <div @click="feedbackBack">
-                <img :src="back" alt="返回按钮" class="backImg">
-            </div>
+  <el-container>
+    <div>
+      <div @click="feedbackBack">
+        <img :src="back" alt="返回按钮" class="backImg" />
+      </div>
+    </div>
+    <el-scrollbar>
+      <el-header>
+        <div class="feedbackImgClass">
+          <img :src="feedback" alt="用户反馈" class="img" />
+          <img :src="feedbackImg" alt="用户反馈" class="img" />
+        </div>
+      </el-header>
+      <el-main>
+        <div class="card">
+          <div class="feedbackTitle header-item">填写反馈内容</div>
+          <div class="header-item">
+            <el-input
+              class="feedbackContent"
+              v-model="feedbackContent"
+              :rows="5"
+              type="textarea"
+              maxlength="2000"
+              show-word-limit
+              placeholder="请描写您想反馈的内容..."
+              @change="feedbackContentChange"
+              @input="feedbackContentLengthJudge"
+            />
+          </div>
+          <div class="feedbackTitle header-item">照片上传</div>
+          <div class="header-item">
+            <el-upload
+              class="uploadImg"
+              :action="uploadUrl"
+              list-type="picture-card"
+              :auto-upload="true"
+              :on-success="successChange"
+              accept=".png, .jpg, .jpeg, .ico,"
+              :on-change="check"
+              :file-list="feedbackFileList"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove"
+              :limit="3"
+            >
+              <el-icon>
+                <Plus />
+              </el-icon>
+              <template #tip>
+                <div class="el-upload__tip">最多上传三张</div>
+              </template>
+            </el-upload>
+          </div>
+          <div>
+            <div class="feedbackSubmitBtn" @click="feedbackSubmit">提 交</div>
+          </div>
         </div>
-        <el-scrollbar>
-            <el-header>
-                <div class="feedbackImgClass">
-                    <img :src="feedback" alt="用户反馈" class="img">
-                    <img :src="feedbackImg" alt="用户反馈" class="img">
+        <div class="card">
+          <div class="feedbackTitle">历史反馈内容</div>
+          <div v-if="isHistoryFeedback">
+            <div
+              v-for="(item, index) in feedbackHistoryList"
+              :key="index"
+              class="feedbackHistory"
+            >
+              <div class="feedbackHistoryItem">
+                <div class="feedbackHistoryTitle">
+                  <img :src="purpleDot" alt="紫点" class="purpleDot" />
+                  {{ moment(item.created_at).format("YYYY-MM-DD HH:mm") }}
+                  <div class="feedbackSuccess">
+                    <div class="feedbackSuccessWord">反馈成功</div>
+                    <img
+                      class="feedbackSuccessImg"
+                      :src="feedbackSuccess"
+                      alt="成功"
+                    />
+                  </div>
                 </div>
-            </el-header>
-            <el-main>
-                <div class="card">
-                    <div class="feedbackTitle header-item">
-                        填写反馈内容
-                    </div>
-                    <div class="header-item">
-                        <el-input class="feedbackContent" v-model="feedbackContent" :rows="5" type="textarea"
-                            maxlength="2000" show-word-limit placeholder="请描写您想反馈的内容..." @change="feedbackContentChange"
-                            @input="feedbackContentLengthJudge" />
-                    </div>
-                    <div class="feedbackTitle header-item">
-                        照片上传
-                    </div>
-                    <div class="header-item">
-                        <el-upload class="uploadImg" :action="uploadUrl" list-type="picture-card" :auto-upload="true"
-                            :on-success="successChange" accept=".png, .jpg, .jpeg, .ico," :on-change="check"
-                            :file-list="feedbackFileList" :on-preview="handlePictureCardPreview"
-                            :on-remove="handleRemove" :limit="3">
-                            <el-icon>
-                                <Plus />
-                            </el-icon>
-                            <template #tip>
-                                <div class="el-upload__tip">
-                                    最多上传三张
-                                </div>
-                            </template>
-                        </el-upload>
-                    </div>
-                    <div>
-                        <div class="feedbackSubmitBtn" @click="feedbackSubmit">提 交</div>
-                    </div>
+                <div class="feedbackHistoryContent">
+                  {{ item.content }}
                 </div>
-                <div class="card">
-                    <div class="feedbackTitle">
-                        历史反馈内容
-                    </div>
-                    <div v-if="isHistoryFeedback">
-
-                        <div v-for="(item, index) in feedbackHistoryList" :key="index" class="feedbackHistory">
-                            <div class="feedbackHistoryItem">
-                                <div class="feedbackHistoryTitle">
-                                    <img :src="purpleDot" alt="紫点" class="purpleDot">
-                                    {{ moment(item.created_at).format('YYYY-MM-DD HH:mm') }}
-                                    <div class="feedbackSuccess">
-                                        <div class="feedbackSuccessWord">
-                                            反馈成功
-                                        </div>
-                                        <img class="feedbackSuccessImg" :src="feedbackSuccess" alt="成功">
-                                    </div>
-                                </div>
-                                <div class="feedbackHistoryContent">
-                                    {{ item.content }}
-                                </div>
-                                <div class="feedbackHistoryImg">
-                                    <el-image v-if="item.image1" :src="item.image1" alt="图片错误"
-                                        class="feedbackHistoryImgItem" :preview-src-list="[item.image1]" />
-                                    <el-image v-if="item.image2" :src="item.image2" alt="图片错误"
-                                        class="feedbackHistoryImgItem" :preview-src-list="[item.image2]" />
-                                    <el-image v-if="item.image3" :src="item.image3" alt="图片错误"
-                                        class="feedbackHistoryImgItem" :preview-src-list="[item.image3]" />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div v-else>
-                        <div class="noFeedback">
-                            <img class="noFeedbackImg" :src="noFeedback" alt="暂无历史提交">
-                            暂无记录
-                        </div>
-                    </div>
+                <div class="feedbackHistoryImg">
+                  <el-image
+                    v-if="item.image1"
+                    :src="item.image1"
+                    alt="图片错误"
+                    class="feedbackHistoryImgItem"
+                    :preview-src-list="[item.image1]"
+                  />
+                  <el-image
+                    v-if="item.image2"
+                    :src="item.image2"
+                    alt="图片错误"
+                    class="feedbackHistoryImgItem"
+                    :preview-src-list="[item.image2]"
+                  />
+                  <el-image
+                    v-if="item.image3"
+                    :src="item.image3"
+                    alt="图片错误"
+                    class="feedbackHistoryImgItem"
+                    :preview-src-list="[item.image3]"
+                  />
                 </div>
-            </el-main>
-        </el-scrollbar>
-    </el-container>
-
-    <el-dialog v-model="dialogVisible">
-        <img w-full :src="dialogImageUrl" alt="Preview Image" />
-    </el-dialog>
-
-    <el-dialog v-model="feedbackBackDialogVisible" class="save-dialog">
-        <div class="imgLine">
-            <img class="dialogImg" :src="save" alt="保存">
-        </div>
-        <div class="feedbackBackTitle">
-            系统提示
-        </div>
-        <div class="feedbackBackAttention">
-            检测到为保存内容，离开将丢失修改，请选择是否保留此次编辑？
-        </div>
-        <div class="feedbackBackBtnGroup">
-            <el-button class="feedbackBackBtn nosave" plain @click="feedbackBackCancel" type="primary">不保留</el-button>
-            <el-button class="feedbackBackBtn save" @click="feedbackBackConfirm" type="primary">保留</el-button>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="feedbackContentOverLengthDialogVisible" class="save-dialog">
-        <div class="feedbackContentOverLengthTitle">
-            温馨提示
-        </div>
-        <div class="feedbackContentOverLengthContent">
-            当前输入字数已达上限！
-        </div>
-        <div class="feedbackBackBtnGroup">
-            <el-button class="feedbackContentOverLengthBtn confirm" type="primary"
-                @click="feedbackContentOverLengthConfirm">确认</el-button>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="submitSuccessDialogVisible" class="save-dialog">
-        <div class="imgLine">
-            <img class="dialogImg" :src="success" alt="成功">
-        </div>
-        <div class="feedbackSuccessTitle">
-            提交成功
-        </div>
-        <div class="feedbackBackAttention">
-            ——感谢您的反馈——
-        </div>
-        <div class="feedbackBackBtnGroup">
-            <el-button class="feedbackBackBtn confirm" @click="submitSuccessConfirm" type="primary">确定</el-button>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="submitFailureDialogVisible" class="save-dialog">
-        <div class="imgLine">
-            <img class="dialogImg" :src="failure" alt="失败">
-        </div>
-        <div class="feedbackFailureTitle">
-            提交失败
-        </div>
-        <div class="feedbackBackAttention">
-            {{ submitFailureContent }}
-        </div>
-        <div class="feedbackBackBtnGroup">
-            <el-button class="feedbackBackBtn confirm" @click="submitFailureConfirm" type="primary">确定</el-button>
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <div class="noFeedback">
+              <img class="noFeedbackImg" :src="noFeedback" alt="暂无历史提交" />
+              暂无记录
+            </div>
+          </div>
         </div>
-    </el-dialog>
-
+      </el-main>
+    </el-scrollbar>
+  </el-container>
+
+  <el-dialog v-model="dialogVisible">
+    <img w-full :src="dialogImageUrl" alt="Preview Image" />
+  </el-dialog>
+
+  <el-dialog v-model="feedbackBackDialogVisible" class="save-dialog">
+    <div class="imgLine">
+      <img class="dialogImg" :src="save" alt="保存" />
+    </div>
+    <div class="feedbackBackTitle">系统提示</div>
+    <div class="feedbackBackAttention">
+      检测到为保存内容，离开将丢失修改，请选择是否保留此次编辑？
+    </div>
+    <div class="feedbackBackBtnGroup">
+      <el-button
+        class="feedbackBackBtn nosave"
+        plain
+        @click="feedbackBackCancel"
+        type="primary"
+        >不保留</el-button
+      >
+      <el-button
+        class="feedbackBackBtn save"
+        @click="feedbackBackConfirm"
+        type="primary"
+        >保留</el-button
+      >
+    </div>
+  </el-dialog>
+
+  <el-dialog
+    v-model="feedbackContentOverLengthDialogVisible"
+    class="save-dialog"
+  >
+    <div class="feedbackContentOverLengthTitle">温馨提示</div>
+    <div class="feedbackContentOverLengthContent">当前输入字数已达上限！</div>
+    <div class="feedbackBackBtnGroup">
+      <el-button
+        class="feedbackContentOverLengthBtn confirm"
+        type="primary"
+        @click="feedbackContentOverLengthConfirm"
+        >确认</el-button
+      >
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="submitSuccessDialogVisible" class="save-dialog">
+    <div class="imgLine">
+      <img class="dialogImg" :src="success" alt="成功" />
+    </div>
+    <div class="feedbackSuccessTitle">提交成功</div>
+    <div class="feedbackBackAttention">——感谢您的反馈——</div>
+    <div class="feedbackBackBtnGroup">
+      <el-button
+        class="feedbackBackBtn confirm"
+        @click="submitSuccessConfirm"
+        type="primary"
+        >确定</el-button
+      >
+    </div>
+  </el-dialog>
+
+  <el-dialog v-model="submitFailureDialogVisible" class="save-dialog">
+    <div class="imgLine">
+      <img class="dialogImg" :src="failure" alt="失败" />
+    </div>
+    <div class="feedbackFailureTitle">提交失败</div>
+    <div class="feedbackBackAttention">
+      {{ submitFailureContent }}
+    </div>
+    <div class="feedbackBackBtnGroup">
+      <el-button
+        class="feedbackBackBtn confirm"
+        @click="submitFailureConfirm"
+        type="primary"
+        >确定</el-button
+      >
+    </div>
+  </el-dialog>
 </template>
 
 <style scoped>
-
-.backImg{
-    width: 40px;
-    height: 40px;
-    margin-left: 10px;
+.backImg {
+  width: 40px;
+  height: 40px;
+  margin-left: 10px;
 }
 
 .el-container {
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
 }
 
 .el-header {
-    height: auto;
-    padding: 0;
+  height: auto;
+  padding: 0;
 }
 
 .el-main {
-    height: auto;
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    overflow: hidden;
+  height: auto;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  overflow: hidden;
 }
 
 .card {
-    background-color: white;
-    padding: 20px;
-    height: auto;
-    border-radius: 15px;
+  background-color: white;
+  padding: 20px;
+  height: auto;
+  border-radius: 15px;
 }
 
 .header-item {
-    margin: 10px 0;
+  margin: 10px 0;
 }
 
 .feedbackImgClass {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin: 0 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0 20px;
 }
 
 .img {
-    max-width: 50%;
-    height: auto;
-    object-fit: contain;
+  max-width: 50%;
+  height: auto;
+  object-fit: contain;
 }
 
 .feedbackSubmitBtn {
-    width: 60%;
-    height: 50px;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto;
-    background: linear-gradient(90deg, #cac4fe, #b9d0fc, #a7dbfc);
-    border-radius: 60px;
-
-    color: #4423FF;
-    font-weight: bold;
-    font-size: 25px;
+  width: 60%;
+  height: 50px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto;
+  background: linear-gradient(90deg, #cac4fe, #b9d0fc, #a7dbfc);
+  border-radius: 60px;
 
-    cursor: pointer;
+  color: #4423ff;
+  font-weight: bold;
+  font-size: 25px;
 
+  cursor: pointer;
 }
 
 .feedbackTitle {
-    font-size: 25px;
-    font-weight: bold;
-
+  font-size: 25px;
+  font-weight: bold;
 }
 
 .feedbackContent {
-    font-size: 20px;
+  font-size: 20px;
 }
 
 @media (max-width: 768px) {
-    .feedbackTitle {
-        font-size: 20px;
-    }
+  .feedbackTitle {
+    font-size: 20px;
+  }
 
-    .feedbackContent {
-        font-size: 15px;
-    }
+  .feedbackContent {
+    font-size: 15px;
+  }
 }
 
 .noFeedback {
-    margin: 20px 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+  margin: 20px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 .noFeedbackImg {
-    width: 200px;
-    height: 200px;
+  width: 200px;
+  height: 200px;
 }
 
-
-
 .feedbackBackTitle {
-    width: 100%;
-    text-align: center;
-    font-size: 25px;
-    font-weight: bold;
-    color: #2961FF
+  width: 100%;
+  text-align: center;
+  font-size: 25px;
+  font-weight: bold;
+  color: #2961ff;
 }
 
 .feedbackBackAttention {
-    font-size: 15px;
-    font-weight: bold;
-    margin: 10px 5px;
-    text-align: center;
+  font-size: 15px;
+  font-weight: bold;
+  margin: 10px 5px;
+  text-align: center;
 }
 
 .feedbackBackBtnGroup {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 20px auto;
-    width: 75%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 20px auto;
+  width: 75%;
 }
 
 .feedbackBackBtn {
-    margin: 0 auto;
-    font-weight: bold;
-    border-radius: 20px;
+  margin: 0 auto;
+  font-weight: bold;
+  border-radius: 20px;
 }
 
 .save {
-    background: #816CF6;
-    border: none;
+  background: #816cf6;
+  border: none;
 }
 
 .nosave {
-    color: #816CF6;
-    background: white;
-    border: none;
+  color: #816cf6;
+  background: white;
+  border: none;
 }
 
 .confirm {
-    background: #816CF6;
-    border: none;
+  background: #816cf6;
+  border: none;
 }
 
 .feedbackContentOverLengthTitle {
-    font-size: 25px;
-    font-weight: bold;
-    width: 100%;
-    text-align: center;
-    margin: 20px 0;
-    color: #2961FF;
+  font-size: 25px;
+  font-weight: bold;
+  width: 100%;
+  text-align: center;
+  margin: 20px 0;
+  color: #2961ff;
 }
 
 .feedbackContentOverLengthContent {
-    font-size: 15px;
-    font-weight: bold;
-    width: 100%;
-    text-align: center;
-    margin: 20px 0;
+  font-size: 15px;
+  font-weight: bold;
+  width: 100%;
+  text-align: center;
+  margin: 20px 0;
 }
 
 .imgLine {
-    width: 100%;
-    display: flex;
+  width: 100%;
+  display: flex;
 }
 
 .dialogImg {
-    max-width: 300px;
-    width: 50%;
-    height: 50%;
-    margin: 0 auto;
+  max-width: 300px;
+  width: 50%;
+  height: 50%;
+  margin: 0 auto;
 }
 
 .feedbackSuccessTitle {
-    width: 100%;
-    text-align: center;
-    font-size: 25px;
-    font-weight: bold;
-    color: #2961FF
+  width: 100%;
+  text-align: center;
+  font-size: 25px;
+  font-weight: bold;
+  color: #2961ff;
 }
 
 .feedbackFailureTitle {
-    width: 100%;
-    text-align: center;
-    font-size: 25px;
-    font-weight: bold;
-    color: #ff4646
+  width: 100%;
+  text-align: center;
+  font-size: 25px;
+  font-weight: bold;
+  color: #ff4646;
 }
 
 .purpleDot {
-    margin: 0px 5px 0px 0px;
-    width: 20px;
-    height: 20px;
+  margin: 0px 5px 0px 0px;
+  width: 20px;
+  height: 20px;
 }
 
 .feedbackHistoryTitle {
-    display: flex;
+  display: flex;
 }
 
 .feedbackSuccess {
-    margin-left: auto;
-    display: flex;
-
+  margin-left: auto;
+  display: flex;
 }
 
 .feedbackSuccessWord {
-    padding: 3px 0 0 0;
-    color: #4221FF;
-    font-weight: bold;
+  padding: 3px 0 0 0;
+  color: #4221ff;
+  font-weight: bold;
 }
 
 .feedbackSuccessImg {
-    width: 30px;
-    height: auto;
-    margin: 0 5px;
+  width: 30px;
+  height: auto;
+  margin: 0 5px;
 }
 
 .feedbackHistoryContent {
-    min-height: 50px;
-    margin: 0 0 0 25px;
-    font-weight: bold;
+  min-height: 50px;
+  margin: 0 0 0 25px;
+  font-weight: bold;
 }
 
 .feedbackHistoryImg {
-    display: flex;
-    margin: 0px 0px 0px 20px;
+  display: flex;
+  margin: 0px 0px 0px 20px;
 }
 
 .feedbackHistoryImgItem {
-    width: 100px;
-    height: auto;
-    margin: 5px 10px;
+  width: 100px;
+  height: auto;
+  margin: 5px 10px;
 }
 </style>
 <style>
 .uploadImg .el-upload {
-    width: 150px;
-    height: 150px;
+  width: 150px;
+  height: 150px;
 }
 
 @media (max-width: 768px) {
-    .uploadImg .el-upload {
-        width: 100px;
-        height: 100px;
-    }
+  .uploadImg .el-upload {
+    width: 100px;
+    height: 100px;
+  }
 }
 
 .feedbackContentOverLengthBtn {
-    margin: 0 auto;
-    color: white;
+  margin: 0 auto;
+  color: white;
 
-    &:hover,
-    &:active,
-    &:focus {
-        color: white !important;
-    }
+  &:hover,
+  &:active,
+  &:focus {
+    color: white !important;
+  }
 }
 
 .save-dialog {
-    background: linear-gradient(90deg, #cac4fe, #b9d0fc, #a7dbfc);
-    border-radius: 20px;
+  background: linear-gradient(90deg, #cac4fe, #b9d0fc, #a7dbfc);
+  border-radius: 20px;
 }
 </style>
\ No newline at end of file