静态大屏标题和link跳转链接

src/views/bigscreenDesigner/viewer/components/static.vue

@@ -6,10 +6,13 @@
       <div class="logo-section">
         <div class="logo-icon"></div>
         <div class="title-text">
-          <h1 class="main-title">驾驶仓总屏-销售分析-生产组态</h1>
+          <h1 class="main-title">国瑞药业工业互联网</h1>
-          <span class="sub-title">Energy consumption monitoring platform-visualization of carbon peak indicatorsm</span>
+          <!-- <span class="sub-title">Energy consumption monitoring platform-visualization of carbon peak indicatorsm</span> -->
         </div>
       </div>
+      <div class="link-section">
+        <a v-for="item in Object.keys(linkList)" :key="item" :href="linkList[item]" target="_blank" rel="noopener noreferrer">{{item}}</a>
+      </div>
       <div class="time-display">{{ currentTime }}</div>
     </header>
 
@@ -166,6 +169,7 @@ export default {
       charts: {},
       powerData: [],
       peakData: {},
+      linkList: {},
       topStats: [
 
       ]
@@ -183,6 +187,7 @@ export default {
     this.getPowerData()
     this.getTopStatsData()
     this.getPeakData()
+    this.getlink()
   },
   beforeDestroy() {
     window.removeEventListener('resize', this.handleResize)
@@ -191,6 +196,16 @@ export default {
     })
   },
   methods: {
+    getlink(){
+      const {widgets} = this.dashboard
+      if(widgets && widgets.length > 0){
+        widgets.forEach(widget => {
+          if(['销售分析','生产组态'].includes(widget.value.setup.layerName)){
+           this.linkList[widget.value.setup.layerName] = widget.value.setup.linkAdress
+          }
+        })
+      }
+    },
     async getPeakData(){
       const params={"chartProperties":{"本年存货周期":"text"},"setCode":"zp_cxxt_zb","chartType":"widget-text","contextData":{"qyear":"2026","reportCode":"ddddd"}}
       const params2={"chartProperties":{"平均销售交付周期_天":"text"},"setCode":"ping_jun_xiao_tian","chartType":"widget-text","contextData":{"reportCode":"ddddd"}}
@@ -1064,13 +1079,23 @@ export default {
 }
 
 .main-title {
-  font-size:24px;
+  font-size:32px;
   font-weight: bold;
   margin: 0;
 
   background-clip: text;
 }
-
+.link-section{
+  position: absolute;
+  right: 200px;
+  top: 10px;
+  font-size: 14px;
+  font-weight: bold;
+  font-family: 'Courier New', monospace;
+  a{
+    margin-left: 16px;
+  }
+}
 .sub-title {
   font-size: 10px;