|
@@ -117,6 +117,29 @@
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
+ <div
|
|
|
+ v-show="activeName == 'second' && this.checkedList.length"
|
|
|
+ class="choiced"
|
|
|
+ @mouseenter="showTip = true"
|
|
|
+ @mouseleave="showTip = false"
|
|
|
+ >
|
|
|
+ <div v-show="showTip" class="transition-box">
|
|
|
+ <transition v-show="showTip" name="el-zoom-in-bottom">
|
|
|
+ <div v-show="showTip" class="transition">
|
|
|
+ <el-tag
|
|
|
+ v-for="(tag, index) in this.checkedList"
|
|
|
+ :key="index"
|
|
|
+ closable
|
|
|
+ @close="closeTag(tag)"
|
|
|
+ type="info"
|
|
|
+ >
|
|
|
+ {{ tag.name }}
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
+ </transition>
|
|
|
+ </div>
|
|
|
+ <span> 已选信息点 {{ this.checkedList.length }} </span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -148,6 +171,8 @@ export default {
|
|
|
local: "", //局部加载
|
|
|
localName: "", //设备本地名称
|
|
|
anotherMsg: "", // 附加信息
|
|
|
+ showTip: "", //显示已选信息
|
|
|
+ checkedList: [], //已经选信息点
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -264,6 +289,20 @@ export default {
|
|
|
equipId: this.EquipData.attachObjectIds[0],
|
|
|
});
|
|
|
bus.$emit("changeEquipMsgPoint", item);
|
|
|
+ //同步选中信息点
|
|
|
+ if (!item.checked) {
|
|
|
+ let trueList = [];
|
|
|
+ trueList = this.checkedList.filter((item) => {
|
|
|
+ return item.checked == true;
|
|
|
+ });
|
|
|
+ this.checkedList = trueList;
|
|
|
+ } else {
|
|
|
+ this.checkedList.push(item);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 删除tag标签
|
|
|
+ closeTag(tag) {
|
|
|
+ this.changeCheck(tag);
|
|
|
},
|
|
|
// 搜索回车操作
|
|
|
pressEnter() {
|
|
@@ -303,7 +342,6 @@ export default {
|
|
|
queryDict(data)
|
|
|
.then((res) => {
|
|
|
let arr = [];
|
|
|
- console.log('InfoPointList',this.InfoPointList)
|
|
|
// 勾选设备中选中的对象
|
|
|
const msgData = res.content;
|
|
|
// 设置已经勾选数据
|
|
@@ -383,6 +421,11 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
this.msgData = arr;
|
|
|
+ const checkedList = []
|
|
|
+ this.InfoPointList.forEach(item=>{
|
|
|
+ checkedList.push(item)
|
|
|
+ });
|
|
|
+ this.checkedList = checkedList;
|
|
|
this.$loading.close(this.local);
|
|
|
})
|
|
|
.catch((err) => {
|
|
@@ -412,6 +455,7 @@ p {
|
|
|
list-style-type: none;
|
|
|
}
|
|
|
#equip_pro {
|
|
|
+ position: relative;
|
|
|
.title {
|
|
|
height: 47px;
|
|
|
border-bottom: 1px solid #979797;
|
|
@@ -541,5 +585,32 @@ p {
|
|
|
-o-transform: rotate(-90deg); /* Opera */
|
|
|
}
|
|
|
}
|
|
|
+ .choiced {
|
|
|
+ width: 240px;
|
|
|
+ padding: 20px;
|
|
|
+ height: 50px;
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.11);
|
|
|
+ font-size: 14px;
|
|
|
+ color: #646a73;
|
|
|
+ line-height: 18px;
|
|
|
+ position: relative;
|
|
|
+ bottom: 0;
|
|
|
+ //更多信息点浮框
|
|
|
+ .transition-box {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 50px;
|
|
|
+ right: 0px;
|
|
|
+ width: 480px;
|
|
|
+ height: 200px;
|
|
|
+ .transition {
|
|
|
+ width: 100%;
|
|
|
+ height: 200px;
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: scroll;
|
|
|
+ background: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|