大屏更改

src/views/report/statistics/screens/repertoryStatistic/index.vue

@@ -1,5 +1,9 @@
 <template>
-  <div :key="viewKey" class="screen-container">
+  <div
+    :key="viewKey"
+    class="screen-container"
+    @click.stop="animationState = !animationState"
+  >
     <common-header title="线边库库存统计" />
     <div class="screen-content">
       <div class="chartsCarouselBox itemBackgroud">
@@ -10,7 +14,7 @@
           <div class="a2 center1Text">出库数量</div>
           <div class="a2 center1Text">库存预警</div>
         </div>
-        <div class="carouselBody">
+        <div v-if="animationState" class="carouselBody">
           <TransitionGroup name="list" tag="ul">
             <li
               class="carouselItem tableStyle"
@@ -45,6 +49,41 @@
             </li>
           </TransitionGroup>
         </div>
+        <div v-else class="carouselBody">
+          <div name="list" tag="ul">
+            <li
+              class="carouselItem tableStyle"
+              :key="item"
+              style="height: 9.6vh"
+              v-for="item in showDatas"
+            >
+              <div class="a1 infoBackgroud centerText textComent">
+                {{ item.materialName }}
+              </div>
+              <div class="a2 infoBackgroud centerText textComent">
+                {{ item.allNum }}
+              </div>
+              <div
+                class="a2 infoBackgroud centerText textComent"
+                style="font-weight: bolder"
+              >
+                {{ item.inNum }}
+              </div>
+              <div
+                class="a2 infoBackgroud centerText textComent"
+                style="font-weight: bolder"
+              >
+                {{ item.outNum }}
+              </div>
+              <div
+                class="a2 infoBackgroud centerText textComent"
+                style="font-weight: bolder"
+              >
+                {{ item.warningNum }}
+              </div>
+            </li>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -54,6 +93,7 @@
 import CommonHeader from "@/views/report/statistics/screens/common-header.vue";
 import { getLineSideStock, getOffLineInfo } from "@/api/bigScreen";
 import { useTimeInterval } from "@/hooks/timeInterval";
+const animationState = ref(true);
 const viewKey = ref(false);
 const checkFullscreen = () => {
   viewKey.value = !viewKey.value;

src/views/report/statistics/screens/tasks/index.vue

@@ -282,28 +282,39 @@
               </div>
               <div class="box">
                 <div style="display: flex; align-items: center">
-                  <dv-digital-flop
-                    :config="completeNumConfigs[index]"
-                    class="flop"
-                  />
+                  <span class="flopStatic" style="color: rgb(58, 223, 195)">{{
+                    completeNumConfigs[index].number[0]
+                  }}</span>
                   <span class="plan-num">/</span>
-                  <dv-digital-flop
-                    :config="taskNumConfigs[index]"
-                    class="flop"
-                  />
+                  <span class="flopStatic" style="color: white">{{
+                    taskNumConfigs[index].number[0]
+                  }}</span>
                 </div>
                 <div class="desc">完成数量 / 计划数量</div>
               </div>
             </div>
             <div class="right-chart">
-              <dv-water-level-pond
+              <div
                 :config="{
                   data: [setPondNumber(item.rate)],
                   shape: 'round',
                 }"
                 :key="sum1"
-                style="width: 16vh; height: 16vh"
-              />
+                style="
+                  width: 16vh;
+                  height: 16vh;
+                  border: 0.6vh solid #24d4de;
+                  border-radius: 8vh;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  color: #24d4de;
+                  font-size: 4vh;
+                  font-weight: bolder;
+                "
+              >
+                {{ setPondNumber(item.rate) }}%
+              </div>
             </div>
           </div>
         </div>
@@ -326,28 +337,39 @@
               </div>
               <div class="box">
                 <div style="display: flex; align-items: center">
-                  <dv-digital-flop
-                    :config="completeNumConfigs[index + 3]"
-                    class="flop"
-                  />
+                  <span class="flopStatic" style="color: rgb(58, 223, 195)">{{
+                    completeNumConfigs[index + 3].number[0]
+                  }}</span>
                   <span class="plan-num">/</span>
-                  <dv-digital-flop
-                    :config="taskNumConfigs[index + 3]"
-                    class="flop"
-                  />
+                  <span class="flopStatic" style="color: white">{{
+                    taskNumConfigs[index + 3].number[0]
+                  }}</span>
                 </div>
                 <div class="desc">完成数量 / 计划数量</div>
               </div>
             </div>
             <div class="right-chart">
-              <dv-water-level-pond
+              <div
                 :config="{
                   data: [setPondNumber(item.rate)],
                   shape: 'round',
                 }"
                 :key="sum1"
-                style="width: 16vh; height: 16vh"
-              />
+                style="
+                  width: 16vh;
+                  height: 16vh;
+                  border: 0.6vh solid #24d4de;
+                  border-radius: 8vh;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  color: #24d4de;
+                  font-size: 4vh;
+                  font-weight: bolder;
+                "
+              >
+                {{ setPondNumber(item.rate) }}%
+              </div>
             </div>
           </div>
         </div>
@@ -772,6 +794,10 @@ onUnmounted(() => {
   display: block;
   font-size: 4vh;
 }
+.flopStatic {
+  font-size: 4vh;
+  margin: 0 3.5vh;
+}
 .screen-content {
   height: 84vh;
   margin-top: 2vh;