From a2f959cb6112250287f10775312912aac6dc6c80 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期四, 20 八月 2020 11:45:39 +0800
Subject: [PATCH] 调整统计查询信息比对
---
src/components/subComponents/ModelCard.vue | 98 ++++++++++++++++---------------------------------
1 files changed, 32 insertions(+), 66 deletions(-)
diff --git a/src/components/subComponents/ModelCard.vue b/src/components/subComponents/ModelCard.vue
index febadaf..1b68375 100644
--- a/src/components/subComponents/ModelCard.vue
+++ b/src/components/subComponents/ModelCard.vue
@@ -131,56 +131,30 @@
</div>
</div>
<div class="baseInfo" v-if="data.baseInfo && data.baseInfo[0].targetPicUrl != ''">
- <div class="baseInfo_left">
+ <div class="baseInfo_list">
<p>
<span class="labelInfo">搴曞簱</span>
+ <span class="val" :title="data.baseInfo[initialIndex].tableName">{{data.baseInfo[initialIndex].tableName}}</span>
</p>
<p>
<span class="labelInfo">濮撳悕</span>
+ <span class="val" :title="data.baseInfo[initialIndex].targetName">{{data.baseInfo[initialIndex].targetName}}</span>
</p>
<p>
<span class="labelInfo">鎬у埆</span>
+ <span class="val" >{{data.baseInfo[initialIndex].labels.split("/")[0]}}</span>
</p>
<p>
<span class="labelInfo">韬唤璇佸彿</span>
+ <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[1]}}</span>
</p>
<p>
<span class="labelInfo">鎵嬫満鍙�</span>
+ <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[2]}}</span>
</p>
<p>
<span class="labelInfo">浜哄憳绛夌骇</span>
- </p>
- </div>
- <div class="baseInfo_right">
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].tableName"
- >{{ data.baseInfo[initialIndex].tableName }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].targetName"
- >{{ data.baseInfo[initialIndex].targetName }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].labels.split('/')[1]"
- >{{ data.baseInfo[initialIndex].labels.split("/")[1] }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].labels.split('/')[2]"
- >{{ data.baseInfo[initialIndex].labels.split("/")[2] }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].labels.split('/')[0]"
- >{{ data.baseInfo[initialIndex].labels.split("/")[0] }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].monitorLevel"
- >{{ data.baseInfo[initialIndex].monitorLevel }}</span>
+ <span class="val" :title="data.baseInfo[initialIndex].monitorLevel">{{data.baseInfo[initialIndex].monitorLevel}}</span>
</p>
</div>
</div>
@@ -255,56 +229,30 @@
</div>
</div>
<div class="baseInfo" v-if="data.baseInfo && data.baseInfo[0].targetPicUrl != ''">
- <div class="baseInfo_left">
+ <div class="baseInfo_list">
<p>
<span class="labelInfo">搴曞簱</span>
+ <span class="val" :title="data.baseInfo[initialIndex].tableName">{{data.baseInfo[initialIndex].tableName}}</span>
</p>
<p>
<span class="labelInfo">濮撳悕</span>
+ <span class="val" :title="data.baseInfo[initialIndex].targetName">{{data.baseInfo[initialIndex].targetName}}</span>
</p>
<p>
<span class="labelInfo">鎬у埆</span>
+ <span class="val" >{{data.baseInfo[initialIndex].labels.split("/")[0]}}</span>
</p>
<p>
<span class="labelInfo">韬唤璇佸彿</span>
+ <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[1]}}</span>
</p>
<p>
<span class="labelInfo">鎵嬫満鍙�</span>
+ <span class="val">{{data.baseInfo[initialIndex].labels.split("/")[2]}}</span>
</p>
<p>
<span class="labelInfo">浜哄憳绛夌骇</span>
- </p>
- </div>
- <div class="baseInfo_right">
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].tableName"
- >{{ data.baseInfo[initialIndex].tableName }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].targetName"
- >{{ data.baseInfo[initialIndex].targetName }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].labels.split('/')[1]"
- >{{ data.baseInfo[initialIndex].labels.split("/")[1] }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].labels.split('/')[2]"
- >{{ data.baseInfo[initialIndex].labels.split("/")[2] }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].labels.split('/')[0]"
- >{{ data.baseInfo[initialIndex].labels.split("/")[0] }}</span>
- </p>
- <p class="valueInfo">
- <span
- :title="data.baseInfo[initialIndex].monitorLevel"
- >{{ data.baseInfo[initialIndex].monitorLevel }}</span>
+ <span class="val" :title="data.baseInfo[initialIndex].monitorLevel">{{data.baseInfo[initialIndex].monitorLevel}}</span>
</p>
</div>
</div>
@@ -339,6 +287,8 @@
}
},
mounted() {
+ console.log(this.data.baseInfo)
+ console.log(this.initialIndex)
this.VideoPhotoData.activeName = "pic"
},
data() {
@@ -393,6 +343,22 @@
.baseInfo {
margin-top: 5px;
text-align: left;
+ .baseInfo_list{
+ p{
+ display: flex;
+ .labelInfo{
+ width: 80px;
+ color: #999;
+ }
+ .val{
+ font-size: 12px;
+ color: #101010;
+ letter-spacing: 0.28px;
+ line-height: 20px;
+ }
+ }
+
+ }
.baseInfo_left {
float: left;
width: 30%;
--
Gitblit v1.8.0