From 5abe36e584db5b5c0e09c5bbe5949555e530399e Mon Sep 17 00:00:00 2001 From: ZZJ <10913410+zzj2100@user.noreply.gitee.com> Date: 星期五, 24 六月 2022 16:32:38 +0800 Subject: [PATCH] 统计查询 --- src/views/search/components/ModelCard.vue | 12 +++--- public/images/index/banner2.png | 0 src/views/search/components/CardItem.vue | 102 ++++++++++++++++++++++++++++++++++++++++----------- public/images/index/banner1.png | 0 src/main.ts | 4 +- 5 files changed, 88 insertions(+), 30 deletions(-) diff --git a/public/images/index/banner1.png b/public/images/index/banner1.png new file mode 100644 index 0000000..84605c8 --- /dev/null +++ b/public/images/index/banner1.png Binary files differ diff --git a/public/images/index/banner2.png b/public/images/index/banner2.png new file mode 100644 index 0000000..abf11e4 --- /dev/null +++ b/public/images/index/banner2.png Binary files differ diff --git a/src/main.ts b/src/main.ts index d327137..7363b3e 100644 --- a/src/main.ts +++ b/src/main.ts @@ -8,7 +8,7 @@ import numeral from 'numeral'; import preview from "vue-photo-preview"; import "vue-photo-preview/dist/skin.css"; -//import * as VueWindow from "@hscmap/vue-window"; +import * as VueWindow from "@hscmap/vue-window"; import VueAwesomeSwiper from "vue-awesome-swiper"; import ToggleButton from 'vue-js-toggle-button'; @@ -24,7 +24,7 @@ Vue.config.productionTip = false; Vue.mixin(Mixin); Vue.use(preview); -//Vue.use(VueWindow); +Vue.use(VueWindow); Vue.use(VueAwesomeSwiper as any); Vue.use(ToggleButton) Vue.use(ImageShow) diff --git a/src/views/search/components/CardItem.vue b/src/views/search/components/CardItem.vue index 44f2365..a430955 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 > <span class="fontStyle" - v-if="data.baseInfo[initialIndex].targetName" - >/ {{ data.baseInfo[initialIndex].targetName }}</span - > - <span class="fontStyle" v-if="data.baseInfo[initialIndex].labels" - >/ {{ data.baseInfo[initialIndex].labels | idCard }}</span + v-if=" + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].targetName + " + >/ {{ + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].targetName + }}</span > <span class="fontStyle" - v-if="data.baseInfo[initialIndex].monitorLevel" - >/ {{ data.baseInfo[initialIndex].monitorLevel }}</span + v-if=" + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].labels + " + >/ {{ + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].labels | idCard + }}</span + > + <span + class="fontStyle" + v-if=" + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].monitorLevel + " + >/ {{ + 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 > <span class="fontStyle" - v-if="data.baseInfo[initialIndex].targetName" - >/ {{ data.baseInfo[initialIndex].targetName }}</span - > - <span class="fontStyle" v-if="data.baseInfo[initialIndex].labels" - >/ {{ data.baseInfo[initialIndex].labels | idCard }}</span + v-if=" + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].targetName + " + >/ {{ + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].targetName + }}</span > <span class="fontStyle" - v-if="data.baseInfo[initialIndex].monitorLevel" - >/ {{ data.baseInfo[initialIndex].monitorLevel }}</span + v-if=" + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].labels + " + >/ {{ + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].labels | idCard + }}</span + > + <span + class="fontStyle" + v-if=" + data.baseInfo[initialIndex] && + data.baseInfo[initialIndex].monitorLevel + " + >/ {{ + 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 > <span v-if="data.baseInfo[0].labels" >/ {{ 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'"> diff --git a/src/views/search/components/ModelCard.vue b/src/views/search/components/ModelCard.vue index c96ab47..40d1386 100644 --- a/src/views/search/components/ModelCard.vue +++ b/src/views/search/components/ModelCard.vue @@ -182,7 +182,7 @@ :autoplay="false" indicator-position="none" :arrow="data.baseInfo.length > 1 ? 'always' : 'never'" - v-if="data.baseInfo[0].targetPicUrl != ''" + v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" class="card-img-box-compear-right" > <el-carousel-item @@ -198,7 +198,7 @@ </el-carousel> <div class="img-compareScore" - v-if="data.baseInfo[0].targetPicUrl != ''" + v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" :style=" data.baseInfo[initialIndex].bwType === '1' ? `background: red;` @@ -226,7 +226,7 @@ </div> <div class="baseInfo" - v-if="data.baseInfo && data.baseInfo[0].targetPicUrl != ''" + v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" > <div class="baseInfo_list"> <p> @@ -328,7 +328,7 @@ :initial-index="initialIndex" :autoplay="false" indicator-position="none" - v-if="data.baseInfo[0].targetPicUrl != ''" + v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" class="card-img-box-compear-right" :arrow="data.baseInfo.length > 1 ? 'always' : 'never'" > @@ -345,7 +345,7 @@ </el-carousel> <div class="img-compareScore" - v-if="data.baseInfo[0].targetPicUrl != ''" + v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" :style=" data.baseInfo[initialIndex].bwType === '1' ? `background: red;` @@ -370,7 +370,7 @@ </div> <div class="baseInfo" - v-if="data.baseInfo && data.baseInfo[0].targetPicUrl != ''" + v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" > <div class="baseInfo_list"> <p> -- Gitblit v1.8.0