瀏覽代碼

fix:数据大屏优化

liziliang 1 月之前
父節點
當前提交
0ef5c10ead

+ 1 - 1
src/views/screens/screen-components/BanZuChuQinTongJi.vue

@@ -40,7 +40,7 @@ onMounted(async () => {
         `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.deptNum}</span>`,
         `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.answerNum}</span>`,
         `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.practicalNum}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.attendanceRate}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.attendanceRate}%</span>`,
       ];
       bigData.push(row);
     });

+ 5 - 0
src/views/screens/screen-components/ProductionSituation.vue

@@ -45,6 +45,11 @@ onMounted(async () => {
       {
         data: res?.data?.map((item: any) => item.number),
         type: "bar",
+        label: {
+          show: true,          // 开启显示
+          position: 'top',     // 标签位置(top/inside/outside等)
+          formatter: res?.data?.map((item: any) => item.number)     // 显示数据值({c} 代表当前数据值)
+        }
       },
     ],
   };

+ 1 - 1
src/views/screens/screen-components/WeiDianZiCheJianGongGao.vue

@@ -38,7 +38,7 @@ onMounted(async () => {
                 <span style="color: blue;font-size:150%;">${item.title}</span>
             <span>${item.updated}</span>
             </div>
-            <div id="scroll-table-id" style="word-break: break-all;white-space: normal;display: flex;flex-direction: column;align-items: start;justify-content: start;width: 100%;height: 100%;overflow: hidden;font-size: ${bigScreenData.value.fontSize * 2}px;line-height: ${bigScreenData.value.fontSize * 2 + 5}px">
+            <div id="scroll-table-id" style="word-break: break-all;white-space: normal;display: flex;flex-direction: column;align-items: start;justify-content: start;width: 100%;height: 100%;overflow: hidden;font-size: ${bigScreenData.value.fontSize * 1.5}px;line-height: ${bigScreenData.value.fontSize * 2 + 5}px">
                 ${item.content}
             </div>
         </div>`,