add: footer

src/components/BigScreen/AiAnalysis.vue

@@ -5,21 +5,16 @@
     </div>
     <div class="m-body">
       <div class="warehouse-info">
-        <el-carousel height="1.4rem" indicator-position="none"  :interval="0" trigger="none">
-          <el-carousel-item
-            v-for="Warehose in 10"
-            :key="Warehose.id"
-          >
+  
             <div class="warehouse-cover">
-              <div v-for="item in 10">
+              <div v-for="item in 3">
                 <div class="liquid-chart" :id="`liquidfill${item}`">
                   {{ item }}
                 </div>
                 <p>{{ item }}哈哈</p>
               </div>
             </div>
-          </el-carousel-item>
-        </el-carousel>
+        
         <div class="chart-wrapper">
           <div id="chart" ref="chart" style="width: 4.5rem; height: 3rem;"></div>
         </div>
@@ -116,7 +111,7 @@ export default {
   height: 5.81rem;
   .warehouse-cover {
     width: 3.8rem;
-    height: 100%;
+    height: 1.22rem;
     margin: 0 auto;
 
     position: relative;

src/components/BigScreen/QiaoliangMonitor.vue

@@ -39,7 +39,7 @@ import Highcharts from "highcharts/highcharts";
 import highcharts3d from "highcharts/highcharts-3d";
 highcharts3d(Highcharts);
 
-import { listPlans } from "@/api/avoidanceSys/qiaoliang";
+import { getChartData, getListData } from "@/api/avoidanceSys/qiaoliang";
 
 export default {
   props: {
@@ -195,14 +195,14 @@ export default {
   },
 
   methods: {
-    getQiaoliangList(){
+    getQiaoliangList(type){
 
     },
     generatePieData() {
 
       return this.dataList.map((item, index) => ({
         name: item.name,
-        y: item.y,
+        y: item.value,
         color: this.colors[index] || "#27BAFF", // Default color if no color is provided
       }));
     },

src/views/bigscreen.vue

@@ -43,12 +43,14 @@
               <QiaoliangMonitor/>
             </div>
             <div class="a-md34" id="amd34">
-              <AiAnalysis />
+              <!-- <AiAnalysis /> -->
             </div>
           </div>
         </div>
       </section>
     </div>
+
+    <footer></footer>
   </div>
 </template>
   
@@ -276,6 +278,21 @@ export default {
 </script>
   
   <style lang="scss" scope>
+
+footer{
+  width: 19.2rem;
+  height: 0.35rem;
+  background-image: url("../assets/images/dpNew3/bottom_title.png");
+  // background-repeat: no-repeat;
+  // background-position-x:2rem;
+  background-position: bottom;
+  background-size: cover;
+  position: absolute;
+  bottom: 0;
+  z-index: 99;
+  // background-color: pink;
+}
+
   .amap-logo, .amap-copyright {
     display: none !important;
   }