Blame view

src/components/project/ProjectTab.vue 1.05 KB
a42b3256   wuxw   HC小区管理系统前段vue版正在开发中
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
  <template>
      <div class="group-content">
          <el-menu :default-active="currentProjectId" class="group-menu" @select="handleGroupSelect">
              <el-menu-item v-for="item in projectList" :key="item.projectId" :index="item.projectId">
                  <span>{{ item.projectName }}</span>
              </el-menu-item>
          </el-menu>
      </div>
  </template>
  <script>
  import { getProjectList } from '@/api/project/projectApi'
  export default {
      name: 'ProjectTab',
      data() {
          return {
              projectList: [],
              currentProjectId: ''
          }
      },
      mounted() {
          this.getProjectList()
      },
      methods: {
          handleGroupSelect(projectId) {
              this.currentProjectId = projectId;
              this.$emit('selectProject', projectId)
          },
          getProjectList() {
              getProjectList({
                  page: 1,
                  row: 1000
              }).then(res => {
                  console.log(res)
                  this.projectList = res.data
              })
          }
      }
  }
  </script>
  <style scoped>
  
  </style>