添加用户删除功能

zhangzengfei

2022-08-22 f14f98a263141d2f8ec0079866a758cc7a1c38d1

 src/views/personalCenter/components/Content.vue

@@ -1,64 +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" @gotolist="gotolist"></BasicInfo>
      <OrderMng v-if="activeIndex == 1"></OrderMng>
    <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 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">
@@ -68,6 +61,11 @@
  margin: 30px auto;
  display: flex;
  justify-content: center;

  .heart {
    display: flex;
  }

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