隐藏主页和大屏菜单页

zhangzengfei

2022-08-23 bd6b0405a89e66f80ca777599b035d4ea7f3ea6a

 src/views/personalCenter/components/Content.vue

@@ -1,72 +1,57 @@
<template>
  <div class="whiteContent Content">
    <LeftMenu @mChange="mChange"> </LeftMenu>
    <div class="right-content">
      <SubAccount v-if="activeIndex == 4"></SubAccount>
      <BasicInfo v-if="activeIndex == 3"></BasicInfo>
    <div class="heart">
      <LeftMenu @mChange="mChange"> </LeftMenu>
      <div class="right-content">
        <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 { findDevList } from "@/api/device";
import SubAccount from "./SubAccount";
import LeftMenu from "./LeftMenu";
import BasicInfo from "./BasicInfo";
import SubAccount from "./SubAccount"
import LeftMenu from "./LeftMenu"
import BasicInfo from "./BasicInfo"
import OrderMng from "./OrderMng"

export default {
  created() {
    window._AMapSecurityConfig = {
      securityJsCode: "768ab79bdc4075aa082bc070c53bb3c4",
    };
  },
  mounted() {
    this.searchingBtn();
  },
  components: {
    SubAccount, //表格
    LeftMenu,
    BasicInfo,
    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
    },
    // 查询列表
    searchingBtn() {
      let param = {
        page: 1,
        size: 999,
        inputText: "",
      };
      findDevList(param)
        .then((res) => {
          this.nodes = res.data.list;
        })
        .catch((err) => {
          console.log(err);
        });
    },
  },
};
    gotolist() {
      this.mChange(4)
    }
  }
}
</script>

<style scoped lang="scss">
@@ -76,6 +61,11 @@
  margin: 30px auto;
  display: flex;
  justify-content: center;

  .heart {
    display: flex;
  }

  .left-menu {
    margin-right: 24px;
  }
@@ -88,7 +78,7 @@
    min-height: 856px;
    box-sizing: border-box;
    background-color: #fff;
    width: 1196px;
    width: 1036px;
  }
}
</style>
</style>