提交

src/views/Account-management/components/uploadGw/index.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="pd10">
+    <el-row>
+      <el-col>
+        <el-tabs v-model.trim="activeName" @tab-click="handleClick" type="border-card">
+
+          <el-tab-pane label="主网监测点台帐" name="second" :style="'height:' + vh + ';'">
+            <Monitoringpoint v-if="activeName == 'second'"></Monitoringpoint>
+          </el-tab-pane>
+
+
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+
+import Monitoringpoint from '../../components/Monitoringpoint'
+
+
+export default {
+  name: 'uploadGw',
+  components: {
+    Monitoringpoint
+  },
+  data() {
+    return {
+      vh: '',
+      activeName: 'first',
+      device: ''
+    }
+  },
+  created() {},
+  mounted() {
+    this.setHeight()
+    window.addEventListener('resize', this.setHeight)
+  },
+  computed: {
+    //计算表格高度
+    // height(){
+    //   return '100vh'- this.$refs.form.offsetHeight +259;
+    // }
+  },
+  methods: {
+    setHeight() {
+      this.device = window.devicePixelRatio
+      this.vh = window.sessionStorage.getItem('appheight') - 80 + 'px'
+    },
+    handleClick(tab, event) {
+      // console.log(tab, event);
+    }
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.setHeight)
+  }
+}
+</script>
+<style lang="less" scoped>
+//@import url('@/styles/comStyle.less');
+// ::v-deep .el-table .cell {
+//   text-align: center;
+// }
+::v-deep .el-tabs--border-card > .el-tabs__content {
+  padding: 10px;
+}
+
+.block {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+}
+</style>