设备管理 样式调整

mark

2022-10-25 f20a554bdb24e9dfde9dc6a69d78595944f61d15

 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'">
@@ -733,7 +791,7 @@
        return "";
      }
      return (
        "http://" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160"
        "/httpImage/" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160"
      );
    },
  },