|
@@ -2,7 +2,7 @@
|
|
|
<template>
|
|
|
<div class="lengend-list">
|
|
|
<!-- 基础图例 -->
|
|
|
- <div class="base-item-list" v-if="chiceStatus==0">
|
|
|
+ <div class="base-item-list" v-if="chiceStatus == 0">
|
|
|
<Input
|
|
|
class="baseItemInput"
|
|
|
:width="188"
|
|
@@ -10,29 +10,43 @@
|
|
|
v-model="baseItemVal"
|
|
|
@pressEnter="pressEnter"
|
|
|
/>
|
|
|
- <div class="lengend-item" v-for="(item,index) in baseEditItems" :key="index">
|
|
|
- <span class="legend-title">{{item.title}}</span>
|
|
|
- <div class="legend-content" v-for="(itemList,i) in item.itemList" :key="i">
|
|
|
- <div class="title">{{itemList.title}}</div>
|
|
|
+ <div
|
|
|
+ class="lengend-item"
|
|
|
+ v-for="(item, index) in baseEditItems"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <span class="legend-title">{{ item.title }}</span>
|
|
|
+ <div
|
|
|
+ class="legend-content"
|
|
|
+ v-for="(itemList, i) in item.itemList"
|
|
|
+ :key="i"
|
|
|
+ >
|
|
|
+ <div class="title">{{ itemList.title }}</div>
|
|
|
<ul>
|
|
|
<li
|
|
|
- :class="{ 'btn-active': choiceLegend== baseItem.id }"
|
|
|
- v-for="(baseItem,k) in itemList.itemList"
|
|
|
+ :class="{ 'btn-active': choiceLegend == baseItem.id }"
|
|
|
+ v-for="(baseItem, k) in itemList.itemList"
|
|
|
:key="k"
|
|
|
@click="drawItem(baseItem.id)"
|
|
|
:title="baseItem.name"
|
|
|
>
|
|
|
<img class="icon" :src="baseItem.icon" />
|
|
|
- <span class="iconName">{{baseItem.name}}</span>
|
|
|
+ <span class="iconName">{{ baseItem.name }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 设备类 -->
|
|
|
- <equipmentList v-if="chiceStatus==1"></equipmentList>
|
|
|
+ <equipmentList
|
|
|
+ v-if="chiceStatus == 1"
|
|
|
+ @openAddEqupModle="xx"
|
|
|
+ ></equipmentList>
|
|
|
<!-- 管线类 -->
|
|
|
- <pipeList v-if="chiceStatus==3" @getPipe="drawItem"></pipeList>
|
|
|
+ <pipeList v-if="chiceStatus == 3" @getPipe="drawItem"></pipeList>
|
|
|
+
|
|
|
+ <!-- 新增实例对象 -->
|
|
|
+ <addItemModel></addItemModel>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -40,8 +54,9 @@ import { baseEditItems } from "./data";
|
|
|
import { mapMutations, mapState } from "vuex";
|
|
|
import pipeList from "./pipeList.vue";
|
|
|
import equipmentList from "./equipmentList.vue";
|
|
|
+import addItemModel from "./addItemModel.vue";
|
|
|
export default {
|
|
|
- components: { pipeList, equipmentList },
|
|
|
+ components: { pipeList, equipmentList, addItemModel },
|
|
|
props: ["chiceStatus"],
|
|
|
data() {
|
|
|
return {
|
|
@@ -56,7 +71,7 @@ export default {
|
|
|
methods: {
|
|
|
...mapMutations(["SETCHOICELEHEND"]),
|
|
|
drawItem(item) {
|
|
|
- console.log('getPipe',item)
|
|
|
+ console.log("getPipe", item);
|
|
|
this.SETCHOICELEHEND(item);
|
|
|
},
|
|
|
pressEnter() {},
|
|
@@ -66,6 +81,7 @@ export default {
|
|
|
<style scoped lang="less">
|
|
|
.lengend-list {
|
|
|
width: 100%;
|
|
|
+ height: 100%;
|
|
|
.base-item-list {
|
|
|
.baseItemInput {
|
|
|
margin: 12px 0;
|