add: equipNum

src/api/avoidanceSys/home.js

 import request from '@/utils/request'
 
 // 应急预案更新提醒
-export function listEmergencyPlans(query) {
+export function getEquipmentNum(query) {
   return request({
-    url: '/approval/plans/listEmergencyPlans',
+    url: '/slope/screen/equipmentNum',
     method: 'get',
     params: query
   })
 }
 
-// 应急演练到期提醒
-export function getTabMergencyDrillsList(query) {
-  return request({
-    url: '/system/drills/getTabMergencyDrillsList',
-    method: 'get',
-    params: query
-  })
-}
-
-
-// 物资到期提醒
-export function getTabMaterialInforList(query) {
-  return request({
-    url: '/material/info/getTabMaterialInforList',
-    method: 'get',
-    params: query
-  })
-}
-
-
-// 物资库存预警
-export function getTabMaterialInventory(query) {
-  return request({
-    url: '/material/info/getTabMaterialInventoryList',
-    method: 'get',
-    params: query
-  })
-}
-
-//我的待处理,已处理,已发起,收到的次数统计
-export function approvalVoList() {
-  return request({
-    url: '/approvalVo/list',
-    method: 'get',
-  })
-}
-//待处理列表
-export function pending() {
-  return request({
-    url: '/approvalVo/pending',
-    method: 'get',
-  })
-}
-//已处理列表
-export function processed() {
-  return request({
-    url: '/approvalVo/processed',
-    method: 'get',
-  })
-}
-//已发起列表
-export function initiated() {
-  return request({
-    url: '/approvalVo/initiated',
-    method: 'get',
-  })
-}
-//收到的列表
-export function received() {
-  return request({
-    url: '/approvalVo/received',
-    method: 'get',
-  })
-}
\ No newline at end of file

src/components/BigScreen/AiAnalysis.vue

@@ -77,6 +77,7 @@ export default {
       option = {
         legend: {
           top: 25,
+          right: '2%',       // 靠右
           icon: "rect", // 设置为圆形图标
           itemWidth: 10, // 图标宽度
           itemHeight: 10, // 图标高度
@@ -85,8 +86,6 @@ export default {
             // 图标样式
             color: "#fff", // 设置图标颜色
           },
-
-          left: "center",
           align: "left",
           textStyle: {
             color: "#fff", // 设置字体颜色
@@ -149,23 +148,23 @@ export default {
         ],
       };
       option.xAxis[0].data = this.chartData.xaxis;
-      // option.series = this.chartData.series.map((item)=>{
-      //   return  {
-      //       name: item.name,
-      //       type: "line",
-      //       stack: "Total",
-      //       lineStyle: {
-      //         color: "#1f8fff",
-      //       },
-      //       areaStyle: {
-      //         color: "#1e84e8",
-      //       },
-      //       emphasis: {
-      //         focus: "series",
-      //       },
-      //       data: item.data,
-      //     }
-      // });
+      option.series = this.chartData.series.map((item)=>{
+        return  {
+            name: item.name,
+            type: "line",
+            stack: "Total",
+            lineStyle: {
+              color: "#1f8fff",
+            },
+            areaStyle: {
+              color: "#1e84e8",
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: item.data,
+          }
+      });
       myChart.setOption(option);
     },
   },
@@ -347,7 +346,7 @@ export default {
 
   &.title4 {
     height: 5rem;
-    width: 4.76rem;
+    width: 4.65rem;
     background: no-repeat center center
       url("~@/assets/images/dpNew2/title4.png");
     background-size: 100% 100%;

src/views/bigscreen.vue

@@ -40,7 +40,7 @@
           </div>
           <div class="side b0_right">
             <div class="a-md34" id="amd34">
-              <!-- <QiaoliangMonitor/> -->
+              <QiaoliangMonitor/>
             </div>
             <div class="a-md34" id="amd34">
               <AiAnalysis />
@@ -50,8 +50,11 @@
       </section>
     </div>
     <section class="statistic_wrapper">
-
+      <p v-for="item in equipList" :key="item.name">
+        <span>{{item.name}}</span><span>{{item.count}}个</span>
+      </p>
     </section>
+
     <footer></footer>
   </div>
 </template>
@@ -61,6 +64,8 @@ qf.openCalcLayout({ dpr: 1 });
 import { getToken } from "@/utils/auth";
 
 import { listDrills } from "@/api/avoidanceSys/emergencyPlans";
+import { getEquipmentNum } from "@/api/avoidanceSys/home";
+
 
 /**模板 */
 import AiAnalysis from "@/components/BigScreen/AiAnalysis";
@@ -110,28 +115,7 @@ export default {
         md3: [], // 产品
       },
       incubatorId: "",
-      dataList: [
-        {
-          name: "综掘工作面",
-          y: 25,
-        },
-        {
-          name: "皮带机头",
-          y: 11,
-        },
-        {
-          name: "马头门",
-          y: 22,
-        },
-        {
-          name: "综采工作面",
-          y: 18,
-        },
-        {
-          name: "井底车场",
-          y: 23,
-        },
-      ],
+      equipList: [ ],
     };
   },
   // comgetListponents: { cuAmap },
@@ -144,6 +128,7 @@ export default {
     var that = this;
     this.$nextTick(() => {
       this.navActive = 0;
+      this.getEquipmentNum()
       // this.getPlans()
       // this.getLevelNum4plans()
       // this.getDrills()
@@ -156,6 +141,12 @@ export default {
     });
   },
   methods: {
+    getEquipmentNum() {
+      getEquipmentNum().then((response) => {
+        this.equipList = response.data || [];
+      });
+      
+    },
     amapInfor() {
       let that = this;
       // 初始化地图
@@ -297,8 +288,41 @@ footer{
 
 .statistic_wrapper{
   position: absolute;
-  bottom: 2rem;
+    bottom: 0.6rem;
+    width: 8rem;
+    height: 1.2rem;
+    z-index: 9999;
+    margin-left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
 
+    p{
+      width: 33.33%;
+      height: 100%;
+      display: flex;
+      justify-content: start;
+      gap: 0.02rem;
+      padding-top: 0.2rem;
+      align-items: center;
+      flex-direction: column;
+      background: pink;
+      background: url("../assets/images/dpNew3/icon5.png");
+      background-repeat: no-repeat;
+      span{
+        font-size: 0.16rem;
+        color: #fff;
+        
+        &:last-child{
+          font-family: YouSheBiaoTiHei;
+          font-weight: bold;
+          font-style: italic;
+          font-size: 0.24rem;
+          color: #05E4FE; 
+        }
+      }
+    }
 }
 
 
@@ -553,7 +577,7 @@ footer{
       .side {
         // display:none;
 
-        width: 5.44rem;
+        // width: 5.44rem;
         height: 0;
         display: flex;
         flex-direction: column;