From 1c5e8edc159d5ed1eadafe4eb842ffccd618d1ab Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Mon, 25 Aug 2025 17:12:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=B4=E9=83=A8=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/noticeMarquee.vue              | 119 ++++++------------
 1 file changed, 38 insertions(+), 81 deletions(-)

diff --git a/src/views/trials/trials-layout/components/noticeMarquee.vue b/src/views/trials/trials-layout/components/noticeMarquee.vue
index 7ca5949..0f66449 100644
--- a/src/views/trials/trials-layout/components/noticeMarquee.vue
+++ b/src/views/trials/trials-layout/components/noticeMarquee.vue
@@ -1,125 +1,82 @@
 <template>
   <div class="notice-marquee_wrapper">
-    <marquee ref="mar" hspace="0" direction="left" :width="isEN ? '400' : '500'" @mouseout="start()" @mouseover="stop()">
+    <marquee ref="mar" hspace="0" direction="left" width="100%" @mouseout="start()" @mouseover="stop()">
       <!-- <i class="el-icon-message-solid" /> -->
       <svg-icon v-if="noticeList.length > 0" icon-class="speaker" />
-      <span v-for="item in noticeList" :key="item.Id" style="cursor: pointer" @click="showDetail(item)">
+      <span v-for="item in noticeList" :key="item.Id" style="cursor:pointer;" @click="showDetail(item)">
         {{ item.Content }}
       </span>
     </marquee>
   </div>
 </template>
 <script>
-import { setSystemNoticeHaveRead } from "@/api/global";
-import { getBasicDataSelects } from "@/api/dictionary/dictionary";
+import { setSystemNoticeHaveRead } from '@/api/global'
+import { getBasicDataSelects } from '@/api/dictionary/dictionary'
 export default {
-  name: "NoticeMarquee",
+  name: 'NoticeMarquee',
   data() {
     return {
-      noteType: [],
-    };
+      noteType: []
+    }
   },
   computed: {
     noticeList() {
-      return this.$store.state.global.noticeList || [];
-    },
-    isEN() {
-      return this.$i18n.locale !== 'zh'
+      return this.$store.state.global.noticeList || []
     }
   },
   mounted() {
-    this.getDicData();
+    this.getDicData()
   },
   methods: {
     start() {
-      this.$refs["mar"].start();
+      this.$refs['mar'].start()
     },
     stop() {
-      this.$refs["mar"].stop();
+      this.$refs['mar'].stop()
     },
     showDetail(item) {
-      var currentNoticeType = "";
-      const i = this.noteType.findIndex(
-        (note) => note.Code * 1 === item.NoticeTypeEnum
-      );
+      var currentNoticeType = ''
+      const i = this.noteType.findIndex(note => note.Code * 1 === item.NoticeTypeEnum)
       if (i > -1) {
-        currentNoticeType = this.noteType[i].Value;
+        currentNoticeType = this.noteType[i].Value
       }
-      const h = this.$createElement;
-      let _this = this;
+      const h = this.$createElement
       this.$msgbox({
         title: currentNoticeType,
-        message: h("div", null, [
-          h("span", null, item.Content),
-          item.Path
-            ? h(
-              "div",
-              {
-                style: {
-                  marginTop: "10px",
-                },
-              },
-              _this.$t("trials:notice:message:tipTitle")
-            )
-            : "",
-          item.Path
-            ? h(
-              "a",
-              {
-                attrs: {
-                  href: _this.OSSclientConfig.basePath + item.Path,
-                  target: "_blank",
-                },
-                style: {
-                  color: "#428bca",
-                },
-              },
-              item.FileName
-            )
-            : "",
-        ]),
+        message: h('span', null, item.Content),
         beforeClose: (action, instance, done) => {
-          if (action === "confirm") {
-            instance.confirmButtonLoading = true;
-            setSystemNoticeHaveRead(item.Id)
-              .then(async (res) => {
-                if (res.IsSuccess) {
-                  await this.$store.dispatch("global/getNoticeList");
-                }
-                instance.confirmButtonLoading = false;
-                done();
-              })
-              .catch(() => {
-                instance.confirmButtonLoading = false;
-              });
+          if (action === 'confirm') {
+            instance.confirmButtonLoading = true
+            setSystemNoticeHaveRead(item.Id).then(async res => {
+              if (res.IsSuccess) {
+                await this.$store.dispatch('global/getNoticeList')
+              }
+              instance.confirmButtonLoading = false
+              done()
+            }).catch(() => { instance.confirmButtonLoading = false })
           } else {
-            done();
+            done()
           }
-        },
-      });
+        }
+      })
     },
     getDicData() {
-      getBasicDataSelects(["NoteType"]).then((res) => {
-        this.noteType = res.Result.NoteType;
-      });
-    },
-  },
-};
+      getBasicDataSelects(['NoteType']).then(res => {
+        this.noteType = res.Result.NoteType
+      })
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
-.notice-marquee_wrapper {
+.notice-marquee_wrapper{
+  width: 100%;
   display: flex;
   align-items: center;
-
-  span {
-    font-size: 20px;
-  }
-
-  >>>.el-dialog__header {
+  ::v-deep .el-dialog__header{
     padding: 10px;
   }
-
-  >>>.el-dialog__body {
+  ::v-deep .el-dialog__body{
     padding: 10px 20px;
     line-height: 25px;
   }