Files
app-govern/pages/home/zantaishijianDetail.vue
2023-01-13 16:32:56 +08:00

97 lines
2.1 KiB
Vue

<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>