|
@@ -190,10 +190,16 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 添加设备 -->
|
|
|
- <div class="addbtn" @click="openAddEqupModle">
|
|
|
+ <div class="addbtn" v-show="equipmentTree.length" @click="openAddEqupModle">
|
|
|
<i class="el-icon-plus"></i>
|
|
|
添加设备示例
|
|
|
</div>
|
|
|
+ <!-- 没有任何设备的效果图 -->
|
|
|
+ <div class="no-equip" v-show="!equipmentTree.length">
|
|
|
+ <img src="./../../../assets/images/no-data.png" alt="">
|
|
|
+ <p>点击下方按钮,可添加实例对象</p>
|
|
|
+ <el-button @click="openAddEqupModle" type="primary">添加实例对象</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -496,6 +502,24 @@ li {
|
|
|
.caret-icon-active {
|
|
|
animation: whirling 0.2s linear forwards;
|
|
|
}
|
|
|
+ // 没有设备状态
|
|
|
+ .no-equip{
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%,-50%);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ img{
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
.choiceEquip {
|
|
|
li {
|