| | |
| | | <div class="heart"> |
| | | <LeftMenu @mChange="mChange"> </LeftMenu> |
| | | <div class="right-content"> |
| | | <SubAccount v-if="activeIndex == 2"></SubAccount> |
| | | <BasicInfo v-if="activeIndex == 1" @gotolist="gotolist"></BasicInfo> |
| | | <OrderMng v-if="activeIndex == 0"></OrderMng> |
| | | <SubAccount v-if="activeIndex == 'subAccount'"></SubAccount> |
| | | <BasicInfo v-if="activeIndex == 'baseInfo'" @gotolist="gotolist"></BasicInfo> |
| | | <OrderMng v-if="activeIndex == 'order'"></OrderMng> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import SubAccount from "./SubAccount"; |
| | | import LeftMenu from "./LeftMenu"; |
| | | import BasicInfo from "./BasicInfo"; |
| | | import OrderMng from "./OrderMng"; |
| | | import SubAccount from "./SubAccount" |
| | | import LeftMenu from "./LeftMenu" |
| | | import BasicInfo from "./BasicInfo" |
| | | import OrderMng from "./OrderMng" |
| | | |
| | | export default { |
| | | created() { |
| | | window._AMapSecurityConfig = { |
| | | securityJsCode: "768ab79bdc4075aa082bc070c53bb3c4", |
| | | }; |
| | | if (this.$route.query && this.$route.query.id) { |
| | | this.activeIndex = this.$route.query.id; |
| | | } |
| | | }, |
| | | mounted() {}, |
| | | components: { |
| | | SubAccount, //表格 |
| | | LeftMenu, |
| | | BasicInfo, |
| | | OrderMng, |
| | | OrderMng |
| | | }, |
| | | data() { |
| | | return { |
| | | map: null, |
| | | AMap: null, |
| | | activeIndex: 0, |
| | | activeIndex: "baseInfo", |
| | | nodes: [], |
| | | isShowCard: false, |
| | | isFull: false, //是否全屏 |
| | | zoom: 4, //地图级别 |
| | | center: [116.06157, 39.66157], //地图中心 |
| | | activeNode: null, //选中的地图节点 |
| | | geocoder: {}, |
| | | }; |
| | | geocoder: {} |
| | | } |
| | | }, |
| | | |
| | | methods: { |
| | | //关闭设备详情弹层 |
| | | closeCard() { |
| | | this.isShowCard = false; |
| | | this.isShowCard = false |
| | | }, |
| | | mChange(i) { |
| | | this.activeIndex = i; |
| | | this.activeIndex = i |
| | | }, |
| | | gotolist() { |
| | | this.mChange(4); |
| | | }, |
| | | }, |
| | | }; |
| | | this.mChange(4) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | |
| | | width: 1036px; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |