From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期二, 25 十月 2022 14:53:57 +0800
Subject: [PATCH] 设备管理 样式调整

---
 src/views/search/components/CardItem.vue |  102 ++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 80 insertions(+), 22 deletions(-)

diff --git a/src/views/search/components/CardItem.vue b/src/views/search/components/CardItem.vue
index f192109..6f9e32e 100644
--- a/src/views/search/components/CardItem.vue
+++ b/src/views/search/components/CardItem.vue
@@ -36,10 +36,15 @@
           class="s-card-left-isCompare-div compareScore111"
           :style="{
             bottom: '0',
-            background: getUrl(data.baseInfo[initialIndex].bwType),
+            background: getUrl(
+              data.baseInfo[initialIndex] && data.baseInfo[initialIndex].bwType
+            ),
           }"
         >
-          <b>{{ data.baseInfo[initialIndex].compareScore | percentage }}</b>
+          <b>{{
+            data.baseInfo[initialIndex] &&
+            data.baseInfo[initialIndex].compareScore | percentage
+          }}</b>
         </div>
       </div>
     </div>
@@ -155,21 +160,47 @@
             <p>
               <span
                 class="fontStyle"
-                v-if="data.baseInfo[initialIndex].tableName"
-                >{{ data.baseInfo[initialIndex].tableName }}</span
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].tableName
+                "
+                >{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].tableName
+                }}</span
               >&nbsp;
               <span
                 class="fontStyle"
-                v-if="data.baseInfo[initialIndex].targetName"
-                >/&nbsp;{{ data.baseInfo[initialIndex].targetName }}</span
-              >&nbsp;
-              <span class="fontStyle" v-if="data.baseInfo[initialIndex].labels"
-                >/&nbsp;{{ data.baseInfo[initialIndex].labels | idCard }}</span
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].targetName
+                "
+                >/&nbsp;{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].targetName
+                }}</span
               >&nbsp;
               <span
                 class="fontStyle"
-                v-if="data.baseInfo[initialIndex].monitorLevel"
-                >/&nbsp;{{ data.baseInfo[initialIndex].monitorLevel }}</span
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].labels
+                "
+                >/&nbsp;{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].labels | idCard
+                }}</span
+              >&nbsp;
+              <span
+                class="fontStyle"
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].monitorLevel
+                "
+                >/&nbsp;{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].monitorLevel
+                }}</span
               >
             </p>
           </div>
@@ -188,6 +219,7 @@
           >
             <span
               :style="
+                data.baseInfo[initialIndex] &&
                 data.baseInfo[initialIndex].bwType === '1'
                   ? 'color: red;font-size:12px;line-height:20px'
                   : 'font-size:12px;line-height:20px'
@@ -195,21 +227,47 @@
             >
               <span
                 class="fontStyle"
-                v-if="data.baseInfo[initialIndex].tableName"
-                >{{ data.baseInfo[initialIndex].tableName }}</span
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].tableName
+                "
+                >{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].tableName
+                }}</span
               >&nbsp;
               <span
                 class="fontStyle"
-                v-if="data.baseInfo[initialIndex].targetName"
-                >/&nbsp;{{ data.baseInfo[initialIndex].targetName }}</span
-              >&nbsp;
-              <span class="fontStyle" v-if="data.baseInfo[initialIndex].labels"
-                >/&nbsp;{{ data.baseInfo[initialIndex].labels | idCard }}</span
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].targetName
+                "
+                >/&nbsp;{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].targetName
+                }}</span
               >&nbsp;
               <span
                 class="fontStyle"
-                v-if="data.baseInfo[initialIndex].monitorLevel"
-                >/&nbsp;{{ data.baseInfo[initialIndex].monitorLevel }}</span
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].labels
+                "
+                >/&nbsp;{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].labels | idCard
+                }}</span
+              >&nbsp;
+              <span
+                class="fontStyle"
+                v-if="
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].monitorLevel
+                "
+                >/&nbsp;{{
+                  data.baseInfo[initialIndex] &&
+                  data.baseInfo[initialIndex].monitorLevel
+                }}</span
               >
             </span>
           </el-button>
@@ -260,7 +318,7 @@
           {{ data.baseInfo[0].tableName }}
         </p>
         <p :style="data.baseInfo[0].bwType == '0' ? '' : 'color:red'">
-          <span>{{ data.baseInfo[0].targetName }}</span
+          <span>{{ data.baseInfo[0] && data.baseInfo[0].targetName }}</span
           >&nbsp;&nbsp;
           <span v-if="data.baseInfo[0].labels"
             >/&nbsp;{{ data.baseInfo[0].labels | idCard }}</span
@@ -485,7 +543,7 @@
         <el-tooltip
           placement="right"
           popper-class="atooltip"
-          v-if="data.baseInfo && data.baseInfo[0].targetName != ''"
+          v-if="data.baseInfo[0] && data.baseInfo[0].targetName != ''"
         >
           <div slot="content">
             <p v-for="(item, index) in data.baseInfo" :key="index + 'base1'">

--
Gitblit v1.8.0