Browse Source

fix:数据大屏优化

liziliang 1 month ago
parent
commit
0c4dbda668

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

@@ -26,21 +26,21 @@ onMounted(async () => {
   let res = await teamAttendance();
   if (res.data.length > 0) {
     let dicts = {
-      deptName: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>班组名称</span>`,
-      deptNum: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>班组人数</span>`,
-      answerNum: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>应出勤人数</span>`,
-      practicalNum: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>实际出勤人数</span>`,
-      attendanceRate: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>出勤率</span>`,
+      deptName: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>班组名称</span>`,
+      deptNum: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>班组人数</span>`,
+      answerNum: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>应出勤人数</span>`,
+      practicalNum: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>实际出勤人数</span>`,
+      attendanceRate: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>出勤率</span>`,
     };
 
     let bigData: any[] = [];
     res.data.forEach((item: any) => {
       let row = [
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.deptName}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.deptNum}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.answerNum}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.practicalNum}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.attendanceRate}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.deptName}</span>`,
+        `<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>`,
       ];
       bigData.push(row);
     });

+ 8 - 8
src/views/screens/screen-components/ChengPinRuKuQingKuang.vue

@@ -26,19 +26,19 @@ onMounted(async () => {
   let res = await productStorageFinishedSituation();
   if (res.data.length > 0) {
     let dicts = {
-      workOrderCode: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>批号</span>`,
-      materialModel: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>产品型号</span>`,
-      planNum: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>数量</span>`,
-      inventoryNum: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>入库数</span>`,
+      workOrderCode: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>批号</span>`,
+      materialModel: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>产品型号</span>`,
+      planNum: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>数量</span>`,
+      inventoryNum: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>入库数</span>`,
     };
 
     let bigData: any[] = [];
     res.data.forEach((item: any) => {
       let row = [
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.workOrderCode}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.materialModel}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.planNum}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.inventoryNum}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.workOrderCode}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.materialModel}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.planNum}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.inventoryNum}</span>`,
       ];
       bigData.push(row);
     });

+ 12 - 12
src/views/screens/screen-components/ShengChanJiHuaQingKuang.vue

@@ -27,23 +27,23 @@ onMounted(async () => {
   let res = await productionPlan();
   if (res.data.length > 0) {
     let dicts = {
-      workOrderCode: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>生产批号</span>`,
-      materialName: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>物料名称</span>`,
-      materialCode: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>物料编号</span>`,
-      number: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>生产数量</span>`,
-      operationName: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>工序名称</span>`,
-      stationName: `<span style='font-size:${bigScreenData.value.fontSize * 2.3}px'>工位名称</span>`,
+      workOrderCode: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>生产批号</span>`,
+      materialName: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>物料名称</span>`,
+      materialCode: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>物料型号</span>`,
+      number: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>生产数量</span>`,
+      operationName: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>工序名称</span>`,
+      stationName: `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>工位名称</span>`,
     };
 
     let bigData: any[] = [];
     res.data.forEach((item: any) => {
       let row = [
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.workOrderCode}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.materialName}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.materialCode}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.number}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.operationName}</span>`,
-        `<span style='font-size:${bigScreenData.value.fontSize * 2}px'>${item.stationName}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.workOrderCode}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.materialName}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.materialModel}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.number}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.operationName}</span>`,
+        `<span style='font-size:${bigScreenData.value.fontSize * 1.5}px'>${item.stationName}</span>`,
       ];
       bigData.push(row);
     });