<template>
    <view class='basic'>
        <view class="grid-card">
            <view class="grid-card-title">电网侧</view>
            <view class="grid-card-content-5">
                <view class="item item-title">名称</view>
                <view class="item item-title">有功功率(kw)</view>
                <view class="item item-title">无功功率(kVar)</view>
                <view class="item item-title">视在功率(kVA)</view>
                <view class="item item-title">功率因数</view>
                <view class="item">L1</view>
                <view class="item">226.8</view>
                <view class="item">50.0</view>
                <view class="item">4.6</view>
                <view class="item">4.6</view>
                <view class="item">L2</view>
                <view class="item">226.8</view>
                <view class="item">50.0</view>
                <view class="item">50.0</view>
                <view class="item">4.6</view>
                <view class="item">L3</view>
                <view class="item">226.8</view>
                <view class="item">50.0</view>
                <view class="item">4.6</view>
                <view class="item">4.6</view>
            </view>
        </view>
        <view class="grid-card">
            <view class="grid-card-title">负载侧</view>
            <view class="grid-card-content-5">
                <view class="item item-title">名称</view>
                <view class="item item-title">有功功率(kw)</view>
                <view class="item item-title">无功功率(kVar)</view>
                <view class="item item-title">视在功率(kVA)</view>
                <view class="item item-title">功率因数</view>
                <view class="item">L1</view>
                <view class="item">226.8</view>
                <view class="item">50.0</view>
                <view class="item">4.6</view>
                <view class="item">4.6</view>
                <view class="item">L2</view>
                <view class="item">226.8</view>
                <view class="item">50.0</view>
                <view class="item">50.0</view>
                <view class="item">4.6</view>
                <view class="item">L3</view>
                <view class="item">226.8</view>
                <view class="item">50.0</view>
                <view class="item">4.6</view>
                <view class="item">4.6</view>
            </view>
        </view>
    </view>
</template>
<script>
export default {
    data () {
        return {
        }
    },
    methods: {
    }
}
</script>
<style lang='scss'>
.basic {}
</style>