|
|
|
@@ -82,13 +82,13 @@
|
|
|
|
|
<!-- 实时运行参数 -->
|
|
|
|
|
<div class="mb-12">
|
|
|
|
|
<common-card title="实时运行参数">
|
|
|
|
|
<template v-for="(item, index) in allData.realTimeRunningParamsList">
|
|
|
|
|
<template v-for="(item, index) in realTimeRunningParamsList">
|
|
|
|
|
<common-card-info :data="item"
|
|
|
|
|
:key="(item.id || item.channelNo) + 'info'"
|
|
|
|
|
:left-list="labelData.realTimeRunningParamsLeft || []"
|
|
|
|
|
:right-list="labelData.realTimeRunningParamsRight || []"/>
|
|
|
|
|
<div class="divider-horizontal"
|
|
|
|
|
v-if="index !== allData.realTimeRunningParamsList.length - 1"
|
|
|
|
|
v-if="index !== realTimeRunningParamsList.length - 1"
|
|
|
|
|
:key="(item.id || item.channelNo) + 'horizontal-line'"></div>
|
|
|
|
|
</template>
|
|
|
|
|
</common-card>
|
|
|
|
@@ -147,16 +147,14 @@
|
|
|
|
|
<span slot="label" class="vertical-label">场站<br/>门站</span>
|
|
|
|
|
<dict-picker :triggerChange="true"
|
|
|
|
|
class="search-input mb-8"
|
|
|
|
|
dictCode="wellhead_area"
|
|
|
|
|
@change="changeStationGateStation"
|
|
|
|
|
dictCode="gate_station"
|
|
|
|
|
v-model="queryParam.stationGateStation"
|
|
|
|
|
placeholder="请选择场站门站"/>
|
|
|
|
|
<select-picker class="search-input"
|
|
|
|
|
v-model="queryParam.dataAcquisitionEquipment"
|
|
|
|
|
placeholder="请选择数采设备"
|
|
|
|
|
label-key="wellheadName"
|
|
|
|
|
:list="singleWellList"
|
|
|
|
|
allowClear/>
|
|
|
|
|
<dict-picker :triggerChange="true"
|
|
|
|
|
class="search-input"
|
|
|
|
|
dictCode="data_acquisition_equipment"
|
|
|
|
|
v-model="queryParam.dataAcquisitionEquipment"
|
|
|
|
|
placeholder="请选择数采设备"/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col flex="0.8rem">
|
|
|
|
@@ -186,9 +184,15 @@ import CommonCard from '@comp/CommonCard'
|
|
|
|
|
import CommonCardInfo from '@comp/CommonCardInfo'
|
|
|
|
|
import ResponsiveChart from '@comp/ResponsiveChart'
|
|
|
|
|
import CommonEmpty from '@comp/CommonEmpty'
|
|
|
|
|
import { getOilWellRealTimeData, getWellheadList } from '@api/systemOverview'
|
|
|
|
|
import { getOilWellRealTimeData, getWellheadList, getRealTimeRunningParams } from '@api/systemOverview'
|
|
|
|
|
import { generateBaseOption } from '@/utils/charts'
|
|
|
|
|
import { deviceType, wellheadArea, wellheadType } from '@/enums/commonEnums'
|
|
|
|
|
import {
|
|
|
|
|
dataAcquisitionEquipmentEnum,
|
|
|
|
|
deviceType,
|
|
|
|
|
stationGateStationEnum,
|
|
|
|
|
wellheadArea,
|
|
|
|
|
wellheadType
|
|
|
|
|
} from '@/enums/commonEnums'
|
|
|
|
|
import DictPicker from '@comp/vant/DictPicker'
|
|
|
|
|
import SelectPicker from '@comp/vant/SelectPicker'
|
|
|
|
|
|
|
|
|
@@ -218,25 +222,12 @@ const staticData = {
|
|
|
|
|
comment: '当前工作状态良好，请按时检查',
|
|
|
|
|
pumpType: '常规泵',
|
|
|
|
|
// 门站信息
|
|
|
|
|
stationName: '济源1#2号站',
|
|
|
|
|
stationName: '白马门站',
|
|
|
|
|
region: '济宁区域',
|
|
|
|
|
terminalType: '电池供电设备',
|
|
|
|
|
flowmetersNumber: '30',
|
|
|
|
|
dataAcquisitionTerminals: '5',
|
|
|
|
|
equipmentInstallationTime: '2024-12-25',
|
|
|
|
|
// 实时运行参数
|
|
|
|
|
realTimeRunningParamsList: [
|
|
|
|
|
...new Array(2).fill(0).map((_, i) => {
|
|
|
|
|
return {
|
|
|
|
|
channelNo: '济源1#通道' + i,
|
|
|
|
|
cumulativeFlow: '1232222',
|
|
|
|
|
instantaneousStandardCondition: '236.33',
|
|
|
|
|
realTimeTemperature: '35',
|
|
|
|
|
realTimePressure: '1.23',
|
|
|
|
|
instantaneousWorkingConditions: '256.33'
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
]
|
|
|
|
|
equipmentInstallationTime: '2024-05-30'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
@@ -253,6 +244,8 @@ export default {
|
|
|
|
|
hasData: false, // 有没有请求到数据
|
|
|
|
|
// 油井实时数据
|
|
|
|
|
oilWellRealTimeData: {},
|
|
|
|
|
// 实时运行参数
|
|
|
|
|
realTimeRunningParamsList: [],
|
|
|
|
|
// 所有面板展示的数据
|
|
|
|
|
allData: {},
|
|
|
|
|
// 定时器，用于10秒请求一次
|
|
|
|
@@ -305,13 +298,13 @@ export default {
|
|
|
|
|
// 实时运行参数
|
|
|
|
|
realTimeRunningParamsLeft: [
|
|
|
|
|
{ label: '通道编号', valueField: 'channelNo', unit: '' },
|
|
|
|
|
{ label: '累计流量', valueField: 'cumulativeFlow', unit: 'm³' },
|
|
|
|
|
{ label: '标况瞬时', valueField: 'instantaneousStandardCondition', unit: 'm³/d' }
|
|
|
|
|
{ label: '累计流量', valueField: 'cumulativeFlow', unit: '' },
|
|
|
|
|
{ label: '标况瞬时', valueField: 'stdInstant', unit: '' }
|
|
|
|
|
],
|
|
|
|
|
realTimeRunningParamsRight: [
|
|
|
|
|
{ label: '实时温度', valueField: 'realTimeTemperature', unit: '℃' },
|
|
|
|
|
{ label: '实时压力', valueField: 'realTimePressure', unit: 'Mpa' },
|
|
|
|
|
{ label: '工况瞬时', valueField: 'instantaneousWorkingConditions', unit: 'm³/d' }
|
|
|
|
|
{ label: '实时温度', valueField: 'realTimeTemp', unit: '' },
|
|
|
|
|
{ label: '实时压力', valueField: 'realTimePressure', unit: '' },
|
|
|
|
|
{ label: '工况瞬时', valueField: 'operationalInstant', unit: '' }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
// 油井下拉
|
|
|
|
@@ -336,15 +329,11 @@ export default {
|
|
|
|
|
switch (params.deviceType + '') {
|
|
|
|
|
// 天然气数据远传终端
|
|
|
|
|
case deviceType.transmissionTerminal.value:
|
|
|
|
|
clearInterval(this.timer)
|
|
|
|
|
this.timer = null
|
|
|
|
|
// 默认回显井场和单井
|
|
|
|
|
this.$set(this.queryParam, 'stationGateStation', wellheadArea.tree101.value)
|
|
|
|
|
this.loadOilWellList(wellheadArea.tree101.value).then(() => {
|
|
|
|
|
this.$set(this.queryParam, 'dataAcquisitionEquipment', this.singleWellList[0].id)
|
|
|
|
|
// 查询数据
|
|
|
|
|
this.loadTransmissionTerminalData()
|
|
|
|
|
})
|
|
|
|
|
this.$set(this.queryParam, 'stationGateStation', stationGateStationEnum.baimamenStation.value)
|
|
|
|
|
this.$set(this.queryParam, 'dataAcquisitionEquipment', dataAcquisitionEquipmentEnum.mediumPressureOutputFlowMeter.value)
|
|
|
|
|
// 查询数据
|
|
|
|
|
this.loadTransmissionTerminalData()
|
|
|
|
|
break
|
|
|
|
|
// 井口设备
|
|
|
|
|
case deviceType.wellheadEquipment.value:
|
|
|
|
@@ -369,7 +358,12 @@ export default {
|
|
|
|
|
this.clearPageData()
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.loadOilWellRealTimeData()
|
|
|
|
|
// 每10秒请求一次实时数据
|
|
|
|
|
this.loadRealTimeRunningParams()
|
|
|
|
|
clearInterval(this.timer)
|
|
|
|
|
this.timer = setInterval(() => {
|
|
|
|
|
this.loadRealTimeRunningParams()
|
|
|
|
|
}, 1000 * 10)
|
|
|
|
|
},
|
|
|
|
|
// 获取井口设备页面数据
|
|
|
|
|
loadWellheadEquipment () {
|
|
|
|
@@ -408,6 +402,19 @@ export default {
|
|
|
|
|
}).finally(() => {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 加载天然气数据远传终端实施参数
|
|
|
|
|
loadRealTimeRunningParams () {
|
|
|
|
|
getRealTimeRunningParams().then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
const data = res.result || []
|
|
|
|
|
this.hasData = !!data.length
|
|
|
|
|
this.allData = Object.assign({}, staticData)
|
|
|
|
|
this.realTimeRunningParamsList = data
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.warning(res.message)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 初始化 实时示功图
|
|
|
|
|
initIndicatorDiagram (data) {
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
danshihao