zhangzengfei
2023-04-10 69cfa80854939d9c62cf9c954dc83613710b2eae
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
43
44
45
46
47
48
49
50
51
52
53
54
<template>
  <div style="padding: 20px;">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane name="device">
        <span slot="label"><i class="el-icon-coin"></i> 设备信息维护</span>
        <device></device>
      </el-tab-pane>
      <el-tab-pane name="point">
        <span slot="label"><i class="el-icon-place"></i> 点位信息维护</span>
        <point></point>
      </el-tab-pane>
      <el-tab-pane name="alarmPush">
        <span slot="label"><i class="el-icon-position"></i> 报警上报日志</span>
        <alarmPush></alarmPush>
      </el-tab-pane>
      <el-tab-pane name="smsLog">
        <span slot="label"><i class="el-icon-chat-line-square"></i> 短信推送日志</span>
        <smsLog></smsLog>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
 
<script>
import device from "./device.vue"
import point from "./point.vue"
import alarmPush from "./alarmPush.vue"
import smsLog from "./smsLog.vue"
 
export default {
  components: {
    device,
    point,
    alarmPush,
    smsLog
  },
  data() {
    return {
      activeName: "device"
    }
  },
  created() {},
  mounted() {},
  methods: {
    handleClick(tab, event) {
      // console.log(tab, event, this.activeName)
    }
  }
}
</script>
 
<style scoped lang="scss"></style>
 
<style></style>