<template>
    <Cn-page :loading='loading'>
        <view slot='body'>
            <view class='detail'>
                <view class="detail-content " style="font-size:32rpx">
                    <!-- <view class="detail-content-title mb20">发生时间</view> -->
                    <view>2023-02-14</view>
                </view>
                <view class="detail-content ">
                    <view class="detail-content-title mb20">基础信息</view>
                    <view class="mb10">CN_NPQS682</view>
                    <view>发生暂降事件，特征幅值：88%，持续时间：0.047s</view>
                    <view>
                        南京市 灿能园区
                    </view>
                    <view>
                        电压等级：0.38kV
                    </view>
                    <view>
                        网路参数：00-B7-8D-A8-00-D3
                    </view>
                    <!-- <view class="space-between">请您评价本次事件是否对设备造成影响
                        
                    </view> -->
                </view>
                <view class="detail-content ">
                    <view class="detail-content-title mb20">瞬时波形图</view>
                    <image style="width:100%" src="/static/boxing1.jpeg" mode="widthFix" />
                </view>
                <view class="detail-content ">
                    <view class="detail-content-title mb20">RMS波形图</view>
                    <image style="width:100%" src="/static/boxing2.jpeg" mode="widthFix" />
                </view>
            </view>
        </view>
    </Cn-page>
</template>
<script>
export default {
    data () {
        return {
            loading: false
        }
    },
    methods: {
    }
}
</script>
<style lang='scss'>
.detail {
    padding: 20rpx 0;

    .detail-content {
        padding: 20rpx;
        background: #fff;
        margin-bottom: 20rpx;
        font-size: 26rpx;

        .detail-content-title {
            font-size: 32rpx;
            color: #111;
            font-weight: 700;
        }
    }
}
</style>