fix:ai css

src/components/BigScreen/AiAnalysis.vue

@@ -21,7 +21,7 @@
           </el-carousel-item>
         </el-carousel>
         <div class="chart-wrapper">
-          <div id="chart" ref="chart" style="width: 4.5rem; height: 4rem;"></div>
+          <div id="chart" ref="chart" style="width: 4.5rem; height: 3rem;"></div>
         </div>
       </div>
     </div>

src/components/BigScreen/SuidaoMonitor.vue

@@ -16,11 +16,11 @@
           <div class="list-wrap">
             <div class="list-content">
             <dd
-                v-for="(item, index) in 5"
+                v-for="(item, index) in dataList"
                 :key="index"
                 class="suidao-item"
               >
-                <span>{{ item.monName }}</span>
+                <span class="ellipsis">{{ item.monName }}时间框里东方红路水电费收快递费就</span>
                 <span>{{ item.monDate }}</span>
                 <span>{{ item.monNumber }}</span>
               </dd>
@@ -120,6 +120,12 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.ellipsis {
+  width: 100%; /* 设置容器宽度 */
+  white-space: nowrap; /* 防止文本换行 */
+  overflow: hidden; /* 隐藏超出容器的文本 */
+  text-overflow: ellipsis; /* 当文本溢出容器时显示省略号 */
+}
 .abs-full {
   position: relative;
   display: flex;
@@ -186,8 +192,8 @@ export default {
         font-family: PingFang SC;
         font-weight: 500;
         font-size: 0.18rem;
-        text-align: center;
-        grid-template-columns: 1.5rem 1.5rem  0.9rem;
+        text-align: right;
+        grid-template-columns: 1.4rem 1.8rem 1rem;
 
         border-radius: 4px 4px 0px 0px;
       }
@@ -217,14 +223,6 @@ export default {
       overflow: hidden;
       border: none;
       margin: 0;
-      dt {
-        position: absolute;
-        z-index: 1;
-        border: none;
-        padding-left: 0.45rem;
-        margin-top: -0.1rem;
-        grid-template-columns: 1.5rem 1.5rem 0.9rem;
-      }
       .list-wrap {
         position: relative;
         height: 2.7rem;
@@ -238,12 +236,13 @@ export default {
       dd {
         background-image: url("~@/assets/images/dpNew2/bg1.png");
         background-size: cover;
-        padding-left: 0.45rem;
+        padding-left: 0.9rem;
         position: relative;
-        grid-template-columns: 1.5rem 1.5rem 0.9rem;
+        grid-template-columns: 1.2rem 1.5rem 0.9rem;
         margin-top: 0.1rem;
         height: 0.57rem;
         border: none;
+        text-align: left;
         &::before {
           content: "";
           position: absolute;

src/views/bigscreen.vue

@@ -40,10 +40,10 @@
           </div>
           <div class="side b0_right">
             <div class="a-md34" id="amd34">
-              <!-- <QiaoliangMonitor/> -->
+              <QiaoliangMonitor/>
             </div>
             <div class="a-md34" id="amd34">
-              <!-- <AiAnalysis /> -->
+              <AiAnalysis />
             </div>
           </div>
         </div>