|
@@ -25,7 +25,12 @@
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</p>
|
|
</p>
|
|
|
<div class="screen-container">
|
|
<div class="screen-container">
|
|
|
- <vue-seamless-scroll :data="equipStatus" class="scrollwarp" :class-option="optionHover">
|
|
|
|
|
|
|
+ <vue-seamless-scroll
|
|
|
|
|
+ v-if="equipStatus.length > 0"
|
|
|
|
|
+ :data="equipStatus"
|
|
|
|
|
+ class="scrollwarp"
|
|
|
|
|
+ :class-option="optionHover"
|
|
|
|
|
+ >
|
|
|
<div class="status-box" v-for="(item, index) in equipStatus" :key="index">
|
|
<div class="status-box" v-for="(item, index) in equipStatus" :key="index">
|
|
|
<div class="status-item" v-for="(base, j) in item" :key="j">
|
|
<div class="status-item" v-for="(base, j) in item" :key="j">
|
|
|
<img class="float-left" :src="require('../assets/' + base.num + '.svg')" alt="" />
|
|
<img class="float-left" :src="require('../assets/' + base.num + '.svg')" alt="" />
|
|
@@ -39,11 +44,15 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</vue-seamless-scroll>
|
|
</vue-seamless-scroll>
|
|
|
|
|
+ <my-empty v-else class="empty" :style="{ height: 200 }">
|
|
|
|
|
+ <p class="text-title">暂无信息</p>
|
|
|
|
|
+ </my-empty>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+import MyEmpty from './empty.vue'
|
|
|
export default {
|
|
export default {
|
|
|
props: {
|
|
props: {
|
|
|
height: {
|
|
height: {
|
|
@@ -51,6 +60,7 @@ export default {
|
|
|
default: 200
|
|
default: 200
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ components: { MyEmpty },
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
selId: '',
|
|
selId: '',
|
|
@@ -164,8 +174,7 @@ export default {
|
|
|
console.log(err)
|
|
console.log(err)
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
- },
|
|
|
|
|
- components: {}
|
|
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|