scd_project/src/views/dashboard/index.vue

<template>
  <div class="container-bg">
    <el-container class="main-layout">
      <el-aside class="left-plate"><tree-list /></el-aside>
      <el-container class="right-plate">
        <el-header class="main-top">Header</el-header>
        <el-main class="main-cont">Main</el-main>
      </el-container>
    </el-container>
    <!-- 测试弹窗 注释掉即可隐藏弹窗 -->
    <BulletBox :windowWidth="'150rem'" :windowHeight="'72rem'"></BulletBox>
  </div>
</template>

<script>
import {basicAreaList } from '@/api/dashboard'
import BulletBox from "@/components/bulletBox/index.vue"
import TreeList from '@/components/tree-list.vue'
export default {
  components: { TreeList, BulletBox},
  data() {
    return {
        treeData:[
        {
            apmac: "",area_code: "pstype01/882",area_kind_cod: "154",area_level: "206",area_name: "安宁站",area_sort: "0",area_type: "pstype01",
        cr: "1",ct: "2023-06-19 13:51:38",id: "882",is_leaf: "0",jd: "0.0000000000000",live_num: "0",pi: "0",type_name: "变电站",wd: "0.0000000000000"
        },
        {
            apmac: "",area_code: "pstype01/888",area_kind_cod: "156",area_level: "152",area_name: "高丰变",area_sort: "0",area_type: "pstype01",
        cr: "1",ct: "2023-06-19 13:51:38",id: "888",is_leaf: "0",jd: "0.0000000000000",live_num: "0",pi: "0",type_name: "变电站",wd: "0.0000000000000"
        },

        {
            apmac: "",area_code: "pstype01/889",area_kind_cod: "156",area_level: "153",area_name: "海田变",area_sort: "0",area_type: "pstype01",
        cr: "1",ct: "2023-06-19 13:51:38",id: "889",is_leaf: "0",jd: "0.0000000000000",live_num: "0",pi: "0",type_name: "变电站",wd: "0.0000000000000"
        },
        {
            apmac: "",area_code: "pstype01/891",area_kind_cod: "154",area_level: "206",area_name: "红房变",area_sort: "0",area_type: "pstype01",
        cr: "1",ct: "2023-06-19 13:51:38",id: "890",is_leaf: "0",jd: "0.0000000000000",live_num: "0",pi: "0",type_name: "变电站",wd: "0.0000000000000"
        },
        ]
    };
  },

  mounted() {},
  created(){
    this.basicAreaList()
  },
  methods: {
    async basicAreaList() {
        // const result = await basicAreaList({pid: 0,}).catch((err) => (console.log('err', err)))
        // if (!result) return
        // console.log('first', result)
    },
  },
};
</script>

<style lang="scss" scoped>
@import "~@/styles/home.scss";
</style>