Changes

src/views/dashboard-screen/screen/sjdr/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <el-card class="content-z">
+      <a-tabs v-model="activeKey">
+        <a-tab-pane
+          v-for="item in tabs"
+          :key="item.name"
+          :tab="item.title"
+        >
+          <component
+            :is="item.name"
+            v-if="activeKey === item.name"
+          />
+        </a-tab-pane>
+      </a-tabs>
+    </el-card>
+  </div>
+
+</template>
+<script>
+
+import Tab1 from './tab1.vue'
+import Tab2 from './tab2.vue'
+import Tab3 from './tab3.vue'
+import Tab4 from './tab4.vue'
+import Tab5 from './tab5.vue'
+import Tab6 from './tab6.vue'
+
+export default {
+  name: 'ScreenSjdr',
+  components: {
+    Tab1,
+    Tab2,
+    Tab3,
+    Tab4,
+    Tab5,
+    Tab6
+  },
+  data() {
+    return {
+      activeKey: 'Tab1',
+      tabs: [{
+        title: '异常信息（变电）',
+        name: 'Tab1'
+      }, {
+        title: '异常信息（电力）',
+        name: 'Tab2'
+      },
+        {
+          title: '变配电所检修兑现情况',
+          name: 'Tab3'
+        },
+        {
+          title: '实验计划兑现情况',
+          name: 'Tab4'
+        },
+        {
+          title: '电力远动调试',
+          name: 'Tab5'
+        },
+        {
+          title: '牵变、电力设备巡视兑现（本月）',
+          name: 'Tab6'
+        }
+
+      ]
+    }
+  },
+  computed: {},
+  methods: {}
+}
+</script>
+<style scoped>
+@import '~@/assets/less/common.less'
+</style>