<template>
|
<div class="component-container">
|
<Row>
|
<i-col :xl="10" :xxl="7" span="14">
|
<div class="mrl12 mrr12">
|
<divider-card title="接口通道">
|
|
</divider-card>
|
<divider-card title="通道定义">
|
<div class="card-content">
|
<div class="content-item mrt8">
|
<span class="mrr16">CH05</span>
|
<span class="mrr16">程控电源输出+</span>
|
<span class="mrr16">设定值</span>
|
<radius-input></radius-input>
|
</div>
|
<div class="content-item mrt8">
|
<span class="mrr16">CH06</span>
|
<span class="mrr16">程控电源输出-</span>
|
<span class="mrr16">设定值</span>
|
<radius-input></radius-input>
|
</div>
|
</div>
|
</divider-card>
|
</div>
|
</i-col>
|
<i-col :xl="14" :xxl="17" span="10">
|
<divider-card
|
title="通道状态"
|
style="margin-right:16px;"
|
maxHeight="20000px" paddingBottom="8px">
|
<line-graph class="h300 bg-white"
|
ref="channel1"
|
unit=""
|
min="0"
|
max="100"
|
title="测试折线1"></line-graph>
|
<line-graph class="h300 bg-white"
|
ref="channel2"
|
unit=""
|
min="0"
|
max="100"
|
title="测试折线2"></line-graph>
|
</divider-card>
|
</i-col>
|
</Row>
|
</div>
|
</template>
|
<script>
|
import LineGraph from '../../components/LineGraph';
|
import DividerCard from '../../components/DividerCard';
|
import RadiusInput from '../../components/RadiusInput';
|
export default {
|
components:{
|
LineGraph,
|
DividerCard,
|
RadiusInput
|
},
|
mounted: function() {
|
// console.log(2);
|
}
|
}
|
</script>
|
<style scoped>
|
.card-content .content-item{
|
font-size: 16px;
|
text-align: center;
|
}
|
</style>
|
