| | |
| | | <label> 结束时间:</label> |
| | | <fks-date-picker v-model="endDate" type="date" placeholder="选择日期"> |
| | | </fks-date-picker> |
| | | <fks-button style="margin-left: 10px" type="primary" @click="query" |
| | | <fks-button style="margin-left: 10px" type="primary" icon="fks-icon-search" @click="query" |
| | | >搜索</fks-button |
| | | > |
| | | </div> |
| | |
| | | <div class="dialogBottomLeft"> |
| | | <titleBoxVue style="background-color: #fff" title="历史数据图"> |
| | | </titleBoxVue> |
| | | <div id="chartLeft" style="height: calc(100% - 40px)"></div> |
| | | <div id="chartLeftRecord" style="height: calc(100% - 40px)"></div> |
| | | </div> |
| | | <div class="dialogBottomRight"> |
| | | <titleBoxVue style="background-color: #fff" title="趋势预警图"> |
| | | </titleBoxVue> |
| | | <div id="chartRight" style="height: calc(100% - 40px)"></div> |
| | | <div id="chartRightRecord" style="height: calc(100% - 40px)"></div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <fks-button @click="editTrendFunVisible = false">取 消</fks-button> |
| | | <fks-button type="primary" @click="editTrendFunVisible = false" |
| | | >确 定</fks-button |
| | | > |
| | | </div> |
| | | </fks-dialog> |
| | | </div> |
| | |
| | | if (m_chartMain) { |
| | | m_chartMain.clear(); |
| | | } |
| | | m_chartMain = echarts.init(document.getElementById("chartLeft")); |
| | | m_chartMain = echarts.init(document.getElementById("chartLeftRecord")); |
| | | |
| | | let m_unitName = "MPa"; |
| | | let m_recordName = "压力"; |
| | |
| | | initChartRight() { |
| | | if (m_chartQH) { |
| | | m_chartQH.clear(); |
| | | } else { |
| | | m_chartQH = echarts.init(document.getElementById("chartRight")); |
| | | } |
| | | } |
| | | m_chartQH = echarts.init(document.getElementById("chartRightRecord")); |
| | | |
| | | let QH = []; |
| | | let data = testData.QH; |
| | |
| | | |
| | | var option = { |
| | | title: { |
| | | text: "流量-扬程", |
| | | text: "", |
| | | top: "5%", |
| | | right: "4%", |
| | | textStyle: { |