|
@@ -0,0 +1,83 @@
|
|
|
+<template>
|
|
|
+ <div class='asset-detail'>
|
|
|
+ <van-nav-bar title="设备详情" @click-left='backPage'>
|
|
|
+ <template #left>
|
|
|
+ <van-icon name="arrow-left" size="18" color="#333333" />
|
|
|
+ </template>
|
|
|
+ </van-nav-bar>
|
|
|
+ <van-tabs v-model='active' class='other-tabs' color='#025BAA' @change='changeTab' title-active-color='#025BAA'
|
|
|
+ :line-width='60'>
|
|
|
+ <van-tab title='设备信息'>
|
|
|
+ <Information />
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title='重要维保'>
|
|
|
+ <div>重要维保</div>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab title='重要维修'>
|
|
|
+ <div>重要维修</div>
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+/**
|
|
|
+ * 设备详情
|
|
|
+ */
|
|
|
+import Vue from 'vue'
|
|
|
+import { mapGetters } from 'vuex'
|
|
|
+import { NavBar, Tab, Tabs } from 'vant'
|
|
|
+import Information from "@/components/assetDetail/Information.vue"
|
|
|
+Vue.use(NavBar).use(Tab).use(Tabs)
|
|
|
+export default {
|
|
|
+ name: 'AssetDetail',
|
|
|
+ props: {},
|
|
|
+ components: { Information },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(['plazaId', 'fmapID', 'haveFengMap', 'bunkObj', 'floorsArr', 'categoryId']),
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ active: 0,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: {},
|
|
|
+ beforeMount() { },
|
|
|
+ mounted() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ backPage() {
|
|
|
+ this.$router.go(-1)
|
|
|
+ },
|
|
|
+ changeTab(active) {
|
|
|
+ console.log(active)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+
|
|
|
+ },
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang='less' scoped>
|
|
|
+.asset-detail {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ .other-tabs {
|
|
|
+ height: calc(100% - 46px);
|
|
|
+ /deep/ .van-tab__text {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ /deep/ .van-tabs__wrap {
|
|
|
+ height: 45px;
|
|
|
+ }
|
|
|
+ /deep/ .van-tabs__content {
|
|
|
+ height: calc(100% - 45px);
|
|
|
+ .van-tab__pane {
|
|
|
+ background: #F5F6F7;
|
|
|
+ height: 100%;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|