提交

src/views/Account-management/accountquery.vue

@@ -0,0 +1,130 @@
+l<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="first"
+            :style="'height:' + vh + ';'"
+          >
+           <Index></Index>
+          </el-tab-pane>
+
+          <el-tab-pane
+            label="变电站台账"
+            name="second"
+            :style="'height:' + vh + ';'" 
+          >
+          <Substationaccount></Substationaccount>
+          </el-tab-pane>
+
+          <el-tab-pane
+            label="10kV线路台账"
+            name="third"
+            :style="'height:' + vh + ';'"
+          >
+          <Lineaccount></Lineaccount> 
+          </el-tab-pane>
+
+          <el-tab-pane
+            label="台区台账"
+            name="fourth"
+            :style="'height:' + vh + ';'"
+          >
+          <Stationaccount></Stationaccount>
+          </el-tab-pane>
+
+          <el-tab-pane
+            label="分布式光伏台账"
+            name="fifth"
+            :style="'height:' + vh + ';'"
+          >
+          <Photovoltaicaccount></Photovoltaicaccount>
+          </el-tab-pane>
+
+          <el-tab-pane
+            label="低压用户台账"
+            name="sixth"
+            :style="'height:' + vh + ';'"
+          >
+          <LowVoltageUserAccount></LowVoltageUserAccount>
+          </el-tab-pane>
+
+          <el-tab-pane
+            label="监测终端台账"
+            name="seventh"
+            :style="'height:' + vh + ';'"
+          >
+          <Terminalaccount></Terminalaccount>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+// import { tableheight } from "@/assets/commjs/common";
+// import { getWholeNetworkData ,getPlatformAreaData } from "@/api/evaluate";
+import Index from "../components/Accountquery/Index";
+import Substationaccount from "../components/Accountquery/Substationaccount";
+import Lineaccount from "../components/Accountquery/Lineaccount";
+import Stationaccount from "../components/Accountquery/Stationaccount";
+import Photovoltaicaccount from "../components/Accountquery/Photovoltaicaccount";
+import LowVoltageUserAccount from "../components/Accountquery/LowVoltageUserAccount";
+import Terminalaccount from "../components/Accountquery/Terminalaccount";
+export default {
+    components: { Index, Substationaccount, Lineaccount, Stationaccount, Photovoltaicaccount, LowVoltageUserAccount, Terminalaccount },
+    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>