From 193dc97a51c18133e4bfc145d6b3a8fb63eeb614 Mon Sep 17 00:00:00 2001
From: 15133876896-BGG25 <2233720980@qq.com>
Date: Thu, 15 Jun 2023 15:54:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E6=9C=BA=E6=A2=B0=E5=88=86?=
 =?UTF-8?q?=E5=8E=82=E6=96=B0=E5=A4=A7=E5=B1=8F=E4=B8=AA=E5=88=AB=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=8D=E8=83=BD=E5=BE=AA=E7=8E=AF=E8=BD=AE=E6=92=AD?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Mechanics/components/devStatusTip.vue     | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/views/Mechanics/components/devStatusTip.vue b/src/views/Mechanics/components/devStatusTip.vue
index 7f26b52..08d743e 100644
--- a/src/views/Mechanics/components/devStatusTip.vue
+++ b/src/views/Mechanics/components/devStatusTip.vue
@@ -11,7 +11,7 @@
   <div style="height: 100%; width: 100%">
     <h2 class="components-header">{{ title }}</h2>
     <div class="components-content" :key="keynum">
-      <swiper-container :slidesPerView="props.per_view" :loop="true" :spaceBetween="0" direction="vertical" :autoplay="{
+      <swiper-container :slidesPerView="props.per_view" :loop="true" :initialSlide="0"  :spaceBetween="0" direction="vertical" :autoplay="{
         delay: 3000,
         disableOnInteraction: false,
       }" autoHeight=true observer=true observeParents=true @progress="onProgress" :loopAdditionalSlides="1" @slidechange="onSlideChange">
@@ -33,6 +33,26 @@
             </el-row>
           </div>
         </swiper-slide>
+      <template v-if="props.tipList.length>=props.per_view && props.tipList.length<props.per_view*2">
+        <swiper-slide v-for="(res, index) in props.tipList" :key="res.id">
+          <div class="itemclass">
+            <el-row :gutter="5" class="row-flex">
+              <el-col :span="2" class="col-flex" style="color: #fff; font-size: 18px;">
+                {{ index + 1 }}
+              </el-col>
+              <el-col :span="18" class="col-flex"
+                style="flex-direction: column; font-size: 18px; color: #fff; align-items: flex-start;">
+                <p><span>{{ label.name }} ：</span><span>{{ res.name }}</span></p>
+                <p style="margin-top: 10px 0;">
+                  <span>{{ label.date }}：</span><span>{{ res.date }}</span> &nbsp;
+                  <span>{{ label.duration }}：</span><span>{{ res.duration }}</span>
+                </p>
+              </el-col>
+              <el-col :span="4" class="col-flex" style="font-size: 25px;font-weight: bold;" :style="{color:compare[res.status]?compare[res.status]:'red'}"> {{res.status}} </el-col>
+            </el-row>
+          </div>
+        </swiper-slide>
+      </template>
       </swiper-container>
     </div>
   </div>