|
|
@@ -3,9 +3,10 @@
|
|
|
<el-row>
|
|
|
<el-col>
|
|
|
<!-- 搜索信息 -->
|
|
|
- <el-form ref="chartForm" :model="chartForm" :rules="chartFormRules" size="small" :inline="true">
|
|
|
+ <el-form ref="chartForm" :model="chartForm" :rules="chartFormRules" size="small" :inline="true"
|
|
|
+ label-width="78px">
|
|
|
<el-row>
|
|
|
- <el-col :span="4" :xs="8" :sm="6" :md="4" :lg="3" :xl="4">
|
|
|
+ <el-col :xl="4">
|
|
|
<el-form-item prop="trendType">
|
|
|
<el-radio-group v-model="chartForm.trendType">
|
|
|
<el-radio :label="0">实时趋势</el-radio>
|
|
|
@@ -13,13 +14,14 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col v-if="chartForm.trendType == 0" :span="4">
|
|
|
+ <el-col v-if="chartForm.trendType == 0" :xl="3">
|
|
|
<el-form-item label="更新频率" prop="frequencyValue">
|
|
|
- <el-input v-model="chartForm.frequencyValue" @change="changeFrequency"></el-input>
|
|
|
+ <el-input style="width: 115px;" v-model="chartForm.frequencyValue"
|
|
|
+ @change="changeFrequency"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col v-if="chartForm.trendType == 0" :span="1" :xl="2">
|
|
|
- <el-form-item prop="frequencyType">
|
|
|
+ <el-col v-if="chartForm.trendType == 0" :xl="2">
|
|
|
+ <el-form-item prop="frequencyType" style="width: 70px;">
|
|
|
<el-select v-model="chartForm.frequencyType" @change="changeFrequencyType">
|
|
|
<el-option v-for="timeType in timeTypeList" :key="timeType.value"
|
|
|
:label="timeType.label" :value="timeType.value">
|
|
|
@@ -27,28 +29,28 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col v-if="chartForm.trendType == 0" :span="4">
|
|
|
+ <el-col v-if="chartForm.trendType == 0" :xl="3">
|
|
|
<el-form-item label="时间长度" prop="timeValue">
|
|
|
- <el-input v-model="chartForm.timeValue"></el-input>
|
|
|
+ <el-input style="width: 115px;" v-model="chartForm.timeValue"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-if="chartForm.trendType == 0" :span="2">
|
|
|
<el-form-item prop="timeType">
|
|
|
- <el-select v-model="chartForm.timeType">
|
|
|
+ <el-select v-model="chartForm.timeType" style="width: 70px;">
|
|
|
<el-option v-for="timeType in timeTypeList" :key="timeType.value"
|
|
|
:label="timeType.label" :value="timeType.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col v-if="chartForm.trendType == 1" :span="6">
|
|
|
+ <el-col v-if="chartForm.trendType == 1" :span="5">
|
|
|
<el-form-item label="开始时间" prop="startTime">
|
|
|
<el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="chartForm.startTime"
|
|
|
type="datetime" placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col v-if="chartForm.trendType == 1" :span="6">
|
|
|
+ <el-col v-if="chartForm.trendType == 1" :span="5">
|
|
|
<el-form-item label="结束时间" prop="endTime">
|
|
|
<el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="chartForm.endTime"
|
|
|
type="datetime" placeholder="选择日期">
|
|
|
@@ -57,19 +59,25 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-form-item label="数据项" prop="itemListTitile">
|
|
|
- <el-input :title="chartForm.itemListTitile" v-model="chartForm.itemListTitile" disabled
|
|
|
- placeholder="请选择数据项" maxlength="10">
|
|
|
- <el-button type="primary" slot="append" icon="el-icon-search"
|
|
|
- @click="chooseItemEvent">选择</el-button>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="小数位" prop="decimalPlaces">
|
|
|
- <el-input v-model="chartForm.decimalPlaces"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="量程" prop="range">
|
|
|
- <el-input v-model="chartForm.range"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-col :xl="6">
|
|
|
+ <el-form-item label="数据项" prop="itemListTitile">
|
|
|
+ <el-input :title="chartForm.itemListTitile" v-model="chartForm.itemListTitile" disabled
|
|
|
+ placeholder="请选择数据项" maxlength="10">
|
|
|
+ <el-button size="mini" type="primary" slot="append" icon="el-icon-search"
|
|
|
+ @click="chooseItemEvent">选择</el-button>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="4">
|
|
|
+ <el-form-item label="小数位" prop="decimalPlaces">
|
|
|
+ <el-input style="width: 115px;" v-model="chartForm.decimalPlaces"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xl="4">
|
|
|
+ <el-form-item label="量程" prop="range">
|
|
|
+ <el-input style="width: 115px;" v-model="chartForm.range"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" plain icon="el-icon-search" size="mini"
|
|
|
@click="queryData">查询</el-button>
|
zhoupeng