<template>
    <Cn-page :loading='loading'>
        <view slot='body'>
            <view class='detail'>
                <uni-forms :label-width="100" v-if="page.length">
                    <uni-forms-item :label="item.label" v-for="(item, index) in page" :key="index">
                        <view class="detail-text">{{ item.value }}</view>
                    </uni-forms-item>
                </uni-forms>
            </view>
        </view>
    </Cn-page>
</template>
<script>
export default {
    data () {
        return {
            loading: false,
            page: []
        }
    },
    onLoad (options) {
        this.page = [{
            label: '事件分段数',
            value: 1
        },
        {
            label: '波形起始点相位(°)',
            value: 'A相 3.23   B相 3.23   C相 3.23'
        },
        {
            label: '跳变段电压变化率(V/ms)',
            value: 'A相 3.23   B相 3.23   C相 3.23'
        },
        {
            label: '相位跳变(°)',
            value: 'A相 3.23   B相 3.23   C相 3.23'
        },
        {
            label: '特征幅值(V)',
            value: 'A相 3.23   B相 3.23   C相 3.23'
        },
        {
            label: '持续时间(ms)',
            value: '2521'
        },
        {
            label: '不平衡度(%)',
            value: '22'
        },
        {
            label: '暂降类型',
            value: '其他'
        },
        {
            label: '暂降原因',
            value: '其他'
        }]
    },
    methods: {

    }
}
</script>
<style lang='scss'>
.detail {
    margin: 34rpx;
    padding: 34rpx;
    background: #fff;
    border-radius: 12rpx;
    overflow: hidden;

    /deep/ .uni-easyinput__content-textarea {
        min-height: unset;
        color: #666;
    }

    .detail-text {
        color: #666;
        padding-top: 16rpx;
    }
    /deep/ .uni-forms-item:last-of-type{
        margin-bottom: 0;
    }
    /deep/ .uni-forms-item{
        margin-bottom: 30rpx;
    }

    /deep/ .uni-steps__column-text {
        padding: 10px 0;
    }

    /deep/ .uni-steps__column-desc {
        margin-top: 5px;
    }
}
</style>