Przeglądaj źródła

综合管理大屏公告布局。

jxq 1 miesiąc temu
rodzic
commit
32ad952fbf

+ 4 - 10
src/views/screens/screen-components/WeiDianZiCheJianGongGao.vue

@@ -28,24 +28,17 @@ const props = defineProps({
 const bigScreenData: any = inject("bigScreenData");
 onMounted(async () => {
   let res = await microelectronicWorkshopNotice();
-  res.data = [
-    {
-      title: "微电子车间公告",
-      content: "多发点附近大方好 粉随爱豆阿飞是啊都非常啊说的非常是啊都非常",
-      updateTime: "2022-03-10 10:00:00",
-    },
-  ];
   if (res.data.length > 0) {
     let bigData: any[] = [];
     res.data.forEach((item: any) => {
       let row = [
-        `<div  style='font-size:${bigScreenData.value.fontSize * 2}px;width: 100%;height: 100%;border: 1px solid red;'>
+        `<div  style='font-size:${bigScreenData.value.fontSize * 2}px;width: 100%;height: 100%;'>
             <div style="display: flex;align-items: center;justify-content: space-between;height: 60px">
                 <span >${item.title}</span>
                 <span >${item.updateTime}</span>
             </div>
-            <div style="display: flex;align-items: start;justify-content: start;border: 2px solid orange;width: 100%;height: 100%;overflow: hidden">
-                <div style="border: 1px solid deeppink">${item.content}</div>
+            <div style="word-break: break-all;white-space: normal;display: flex;align-items: start;justify-content: start;width: 100%;height: 100%;overflow: hidden;line-height: ${bigScreenData.value.fontSize * 2 + 5}px">
+                ${item.content}
             </div>
         </div>`,
       ];
@@ -57,6 +50,7 @@ onMounted(async () => {
       rowNum: 1,
       // index: true,
       // columnWidth: [50],
+      waitTime: 5,
       align: ["left"],
       carousel: "page",
       click: (row: any, index: number) => {