mark
2022-10-25 f20a554bdb24e9dfde9dc6a69d78595944f61d15
src/views/personalCenter/components/Content.vue
@@ -1,31 +1,37 @@
<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 == 2"></SubAccount>
        <BasicInfo v-if="activeIndex == 1" @gotolist="gotolist"></BasicInfo>
        <OrderMng v-if="activeIndex == 0"></OrderMng>
      </div>
    </div>
  </div>
</template>
<script>
import { findDevList } from "@/api/device";
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() {
    this.searchingBtn();
  },
  mounted() {},
  components: {
    SubAccount, //表格
    LeftMenu,
    BasicInfo,
    OrderMng,
  },
  data() {
    return {
@@ -50,20 +56,8 @@
    mChange(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);
    },
  },
};
@@ -76,6 +70,11 @@
  margin: 30px auto;
  display: flex;
  justify-content: center;
  .heart {
    display: flex;
  }
  .left-menu {
    margin-right: 24px;
  }
@@ -88,7 +87,7 @@
    min-height: 856px;
    box-sizing: border-box;
    background-color: #fff;
    width: 1196px;
    width: 1036px;
  }
}
</style>