|
@@ -36,57 +36,10 @@
|
|
|
:visible="true"
|
|
|
/>
|
|
|
<div class="lr left-box"></div>
|
|
|
- <div class="lr right-box">
|
|
|
- <div class="item-box sensor-container">
|
|
|
- <ventBox1 class="vent-margin-t-10">
|
|
|
- <template #title>
|
|
|
- <div>泵站远程集中控制</div>
|
|
|
- </template>
|
|
|
- <template #container>
|
|
|
- <div class="top-btn">
|
|
|
- <div class="btn-group">
|
|
|
- <a-button class="btn-item" type="primary" @click="handlerFn('zfw')">总复位</a-button>
|
|
|
- <a-button class="btn-item" type="default" disabled @click="handlerFn('change')">一键切换</a-button>
|
|
|
- </div>
|
|
|
- <div class="btn-group">
|
|
|
- <a-button style="width: calc(100% - 16px); padding: 0 8px" type="primary" @click="openModal">瓦斯泵控制</a-button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="control-item">
|
|
|
- <div class="control-title">控制模式:</div>
|
|
|
- <div class="control-container">
|
|
|
- <a-radio-group v-model:value="selectData['ykjdqh']">
|
|
|
- <a-radio :value="'0'">就地</a-radio>
|
|
|
- <a-radio :value="'1'">远程</a-radio>
|
|
|
- </a-radio-group>
|
|
|
- <div class="btn-box">
|
|
|
- <div class="btn btn1" @click="changeCtr(0)">就地</div>
|
|
|
- <div class="btn btn1" @click="changeCtr(1)">远程</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="control-item">
|
|
|
- <div class="control-title">检修模式:</div>
|
|
|
- <div class="control-container">
|
|
|
- <a-radio-group v-model:value="selectData['jxmsqh']">
|
|
|
- <a-radio :value="'0'">关闭</a-radio>
|
|
|
- <a-radio :value="'1'">开启</a-radio>
|
|
|
- </a-radio-group>
|
|
|
- <div class="btn-box">
|
|
|
- <div class="btn btn1" @click="changeMode(0)">关闭</div>
|
|
|
- <div class="btn btn1" @click="changeMode(1)">开启</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </ventBox1>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="lr right-box"></div>
|
|
|
<div ref="playerRef" class="player-box"></div>
|
|
|
</div>
|
|
|
- <DetailModal @register="register" :device-type="deviceType" :device-id="deviceId" />
|
|
|
+ <!-- <DetailModal @register="register" :device-type="deviceType" :device-id="deviceId" /> -->
|
|
|
<PasswordModal
|
|
|
:modal-is-show="passwordModalIsShow"
|
|
|
modal-title="密码检验"
|
|
@@ -97,47 +50,28 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
- import { ref, onMounted, onUnmounted, reactive, defineProps, watch, inject, nextTick, onBeforeUnmount } from 'vue';
|
|
|
- import ventBox1 from '/@/components/vent/ventBox1.vue';
|
|
|
+ import { ref, onMounted, onUnmounted, defineProps, watch, inject, nextTick, computed } from 'vue';
|
|
|
+ // import ventBox1 from '/@/components/vent/ventBox1.vue';
|
|
|
import ModuleCommon from '../../../home/configurable/components/ModuleCommon.vue';
|
|
|
import { setModelType, playAnimate } from '../gasPump.threejs';
|
|
|
- import ListItem from '@/views/vent/gas/components/list/listItem.vue';
|
|
|
- import {
|
|
|
- stateWarningHeader,
|
|
|
- valveWarningState,
|
|
|
- pumpMonitorData,
|
|
|
- waterPumpData,
|
|
|
- dewateringPumpData,
|
|
|
- modelMonitor,
|
|
|
- getModelMonitorTags,
|
|
|
- valveCtrlType,
|
|
|
- } from '../gasPump.data';
|
|
|
- import { list } from '../gasPump.api';
|
|
|
- import { SvgIcon } from '/@/components/Icon';
|
|
|
- import { formatNum } from '/@/utils/ventutil';
|
|
|
- import DetailModal from './DetailModal.vue';
|
|
|
- import { useModal } from '/@/components/Modal';
|
|
|
+ import { getModelMonitorTags } from '../gasPump.data';
|
|
|
+ // import { useModal } from '/@/components/Modal';
|
|
|
import { deviceControlApi } from '/@/api/vent/index';
|
|
|
import PasswordModal from '../../comment/components/PasswordModal.vue';
|
|
|
import { message } from 'ant-design-vue';
|
|
|
- import fourBorderBg from '/@/components/vent/fourBorderBg.vue';
|
|
|
- import { useCamera } from '/@/hooks/system/useCamera';
|
|
|
- import { Config } from '../../../deviceManager/configurationTable/types';
|
|
|
+ // import { useCamera } from '/@/hooks/system/useCamera';
|
|
|
+ // import { Config } from '../../../deviceManager/configurationTable/types';
|
|
|
+ // import DetailModal from './DetailModal.vue';
|
|
|
+ import { set } from 'lodash-es';
|
|
|
+ import { list } from '../gasPump.api';
|
|
|
import { useInitConfigs } from '../../../home/configurable/hooks/useInit';
|
|
|
|
|
|
- const globalConfig = inject('globalConfig');
|
|
|
+ const { configs: rawConfigs, fetchConfigs } = useInitConfigs();
|
|
|
|
|
|
- const props = defineProps({
|
|
|
- deviceId: {
|
|
|
- type: String,
|
|
|
- require: true,
|
|
|
- },
|
|
|
- deviceType: {
|
|
|
- type: String,
|
|
|
- require: true,
|
|
|
- },
|
|
|
- });
|
|
|
- const [register, { openModal }] = useModal();
|
|
|
+ const globalConfig = inject<any>('globalConfig');
|
|
|
+
|
|
|
+ const props = defineProps<{ deviceId: string; deviceType: string }>();
|
|
|
+ // const [register, { openModal }] = useModal();
|
|
|
const modelMonitorTags = getModelMonitorTags();
|
|
|
const loading = ref(false);
|
|
|
const passwordModalIsShow = ref(false);
|
|
@@ -145,30 +79,9 @@
|
|
|
const playerRef = ref();
|
|
|
|
|
|
// 监测数据
|
|
|
- const selectData = ref({
|
|
|
- pump1: false,
|
|
|
- pump2: false,
|
|
|
- pump3: false,
|
|
|
- pump4: false,
|
|
|
- waterPump1: false,
|
|
|
- waterPump2: false,
|
|
|
- waterPump3: false,
|
|
|
- waterPump4: false,
|
|
|
- inValve1: false,
|
|
|
- outValve1: false,
|
|
|
- inValve2: false,
|
|
|
- outValve2: false,
|
|
|
- inValve3: false,
|
|
|
- outValve3: false,
|
|
|
- inValve4: false,
|
|
|
- outValve4: false,
|
|
|
- jxmsqh: '1',
|
|
|
- ykjdqh: '1',
|
|
|
- FlowSensor_InputFlux: '-',
|
|
|
- deviceType: '',
|
|
|
- });
|
|
|
+ const selectData = ref<any>({});
|
|
|
|
|
|
- const { getCamera, removeCamera } = useCamera();
|
|
|
+ // const { getCamera, removeCamera } = useCamera();
|
|
|
|
|
|
// https获取监测数据
|
|
|
let timer: null | NodeJS.Timeout = null;
|
|
@@ -177,65 +90,10 @@
|
|
|
return new Promise((resolve) => {
|
|
|
timer = setTimeout(
|
|
|
async () => {
|
|
|
- if (props.deviceId) {
|
|
|
- const data = await getDataSource(props.deviceId);
|
|
|
- selectData.value = data;
|
|
|
- selectData.value = {
|
|
|
- msgType: null,
|
|
|
- deviceID: '1917403438771486722',
|
|
|
- strname: '康孙62联巷变电所19号分站',
|
|
|
- strinstallpos: '康孙62联巷变电所19号分站',
|
|
|
- fsectarea: 'null',
|
|
|
- stationname: '瓦斯抽放',
|
|
|
- stationtype: 'more_txt_com',
|
|
|
- deviceType: 'gasdrainage_bd',
|
|
|
- typeName: '瓦斯抽放-保德',
|
|
|
- netStatus: 1,
|
|
|
- warnFlag: 0,
|
|
|
- warnLevel: 0,
|
|
|
- warnLevel_str: '正常',
|
|
|
- syswarnLevel: null,
|
|
|
- syswarnLevel_str: null,
|
|
|
- syswarnLevel_des: null,
|
|
|
- warnTime: null,
|
|
|
- readTime: '2025-05-08 16:01:40',
|
|
|
- warnDes: '',
|
|
|
- frontGateOpenCtrl: null,
|
|
|
- rearGateOpenCtrl: null,
|
|
|
- readData: {
|
|
|
- value_status: '交流正常',
|
|
|
- unit: '',
|
|
|
- dataTypeName: '701001',
|
|
|
- sign: '0',
|
|
|
- dataTypeName_str: '分站',
|
|
|
- time: '2025-05-08 16:00:35',
|
|
|
- id: '019F00',
|
|
|
- isRun: '-2',
|
|
|
- value: '2',
|
|
|
- },
|
|
|
- readDataDes: null,
|
|
|
- summaryHour: [],
|
|
|
- summaryDay: [],
|
|
|
- history: [],
|
|
|
- dayhistory: [],
|
|
|
- totalInfo: null,
|
|
|
- sign: null,
|
|
|
- cameras: [],
|
|
|
- links: [],
|
|
|
- avgParam: {},
|
|
|
- other1: null,
|
|
|
- other2: null,
|
|
|
- other3: null,
|
|
|
- remarkInfo: null,
|
|
|
- linkInfo: null,
|
|
|
- addrIndex: null,
|
|
|
- warnLogNotOkCount: 0,
|
|
|
- otherInfo: null,
|
|
|
- orderNum: 0,
|
|
|
- };
|
|
|
- playAnimate(data);
|
|
|
- // Object.assign(selectData, data);
|
|
|
- }
|
|
|
+ const data = await getDataSource();
|
|
|
+ selectData.value = data;
|
|
|
+ playAnimate(data);
|
|
|
+ // Object.assign(selectData, data);
|
|
|
if (timer) {
|
|
|
timer = null;
|
|
|
}
|
|
@@ -249,10 +107,16 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- async function getDataSource(systemID) {
|
|
|
- const res = await list({ devicetype: props.deviceType, ids: systemID });
|
|
|
- const result = res.msgTxt[0]['datalist'][0];
|
|
|
- Object.assign(result, result['readData']);
|
|
|
+ async function getDataSource() {
|
|
|
+ const res = await list({
|
|
|
+ devicetype: 'gasdrainage',
|
|
|
+ pagetype: 'normal',
|
|
|
+ });
|
|
|
+ const datalist = res.msgTxt[0]['datalist'];
|
|
|
+
|
|
|
+ const result = datalist.reduce((obj, e) => {
|
|
|
+ return set(obj, e.readData.id, e);
|
|
|
+ }, {});
|
|
|
return result;
|
|
|
}
|
|
|
|
|
@@ -272,45 +136,18 @@
|
|
|
value: value,
|
|
|
};
|
|
|
deviceControlApi(data)
|
|
|
- .then((res) => {
|
|
|
+ .then(() => {
|
|
|
if (globalConfig.History_Type == 'remote') {
|
|
|
message.success('指令已下发至生产管控平台成功!');
|
|
|
} else {
|
|
|
message.success('指令已下发成功!');
|
|
|
}
|
|
|
})
|
|
|
- .catch((err) => {
|
|
|
+ .catch(() => {
|
|
|
message.success('控制异常');
|
|
|
});
|
|
|
}
|
|
|
|
|
|
- function changeCtr(e) {
|
|
|
- if (e == 1) {
|
|
|
- // 就地
|
|
|
- handlerType.value = 'jxmsqh';
|
|
|
- } else if (e == 2) {
|
|
|
- // 远程
|
|
|
- handlerType.value = 'jxmsqh';
|
|
|
- }
|
|
|
- passwordModalIsShow.value = true;
|
|
|
- }
|
|
|
-
|
|
|
- function changeMode(e) {
|
|
|
- if (e == 1) {
|
|
|
- // 检修开
|
|
|
- handlerType.value = 'ykjdqh';
|
|
|
- } else if (e == 2) {
|
|
|
- // 检修关
|
|
|
- handlerType.value = 'ykjdqh';
|
|
|
- }
|
|
|
- passwordModalIsShow.value = true;
|
|
|
- }
|
|
|
-
|
|
|
- function handlerFn(paramcode) {
|
|
|
- handlerType.value = paramcode;
|
|
|
- passwordModalIsShow.value = true;
|
|
|
- }
|
|
|
-
|
|
|
function handleOK(passWord, handlerState) {
|
|
|
handler(passWord, handlerState);
|
|
|
passwordModalIsShow.value = false;
|
|
@@ -322,10 +159,14 @@
|
|
|
handlerType.value = '';
|
|
|
}
|
|
|
|
|
|
+ const configs = computed(() => {
|
|
|
+ return rawConfigs.value.filter((c) => c.deviceType === props.deviceId);
|
|
|
+ });
|
|
|
+
|
|
|
watch(
|
|
|
() => props.deviceType,
|
|
|
() => {
|
|
|
- removeCamera();
|
|
|
+ // removeCamera();
|
|
|
nextTick(async () => {
|
|
|
if (props.deviceType == 'pump_over') {
|
|
|
setModelType('gasPump');
|
|
@@ -335,315 +176,499 @@
|
|
|
});
|
|
|
}
|
|
|
);
|
|
|
- watch(
|
|
|
- () => props.deviceId,
|
|
|
- async (deviceID) => {
|
|
|
- removeCamera();
|
|
|
- if (deviceID) await getCamera(deviceID, playerRef.value);
|
|
|
- }
|
|
|
- );
|
|
|
+ // watch(
|
|
|
+ // () => props.deviceId,
|
|
|
+ // async (deviceID) => {
|
|
|
+ // removeCamera();
|
|
|
+ // if (deviceID) await getCamera(deviceID, playerRef.value);
|
|
|
+ // }
|
|
|
+ // );
|
|
|
|
|
|
onMounted(async () => {
|
|
|
timer = null;
|
|
|
await getMonitor(true);
|
|
|
- // fetchConfigs("gasPumpMonitor")
|
|
|
+ fetchConfigs('gasPumpMonitor');
|
|
|
// if (selectData && selectData['deviceID']) await getCamera(selectData['deviceID'], playerRef.value);
|
|
|
});
|
|
|
|
|
|
- onBeforeUnmount(() => {
|
|
|
- removeCamera();
|
|
|
- });
|
|
|
+ // onBeforeUnmount(() => {
|
|
|
+ // removeCamera();
|
|
|
+ // });
|
|
|
|
|
|
onUnmounted(() => {
|
|
|
- removeCamera();
|
|
|
+ // removeCamera();
|
|
|
if (timer) {
|
|
|
clearTimeout(timer);
|
|
|
- timer = undefined;
|
|
|
+ timer = null;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- // const { configs, fetchConfigs } = useInitConfigs();
|
|
|
- const configs = ref<Config[]>([
|
|
|
- {
|
|
|
- deviceType: '',
|
|
|
- moduleName: '瓦斯泵',
|
|
|
- pageType: '',
|
|
|
- moduleData: {
|
|
|
- header: {
|
|
|
- show: false,
|
|
|
- readFrom: '',
|
|
|
- selector: {
|
|
|
- show: false,
|
|
|
- value: '${strinstallpos}',
|
|
|
- },
|
|
|
- slot: {
|
|
|
- show: false,
|
|
|
- value: '',
|
|
|
- },
|
|
|
- },
|
|
|
- background: {
|
|
|
- show: false,
|
|
|
- type: 'image',
|
|
|
- link: '',
|
|
|
- },
|
|
|
- layout: {
|
|
|
- direction: 'column',
|
|
|
- items: [
|
|
|
- {
|
|
|
- name: 'list',
|
|
|
- basis: '100%',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- complex_list: [],
|
|
|
- chart: [],
|
|
|
- table: [],
|
|
|
- gallery: [],
|
|
|
- list: [
|
|
|
- {
|
|
|
- type: 'K',
|
|
|
- readFrom: '',
|
|
|
- items: [
|
|
|
- {
|
|
|
- label: '状态',
|
|
|
- value: '${readData.value_status}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- ],
|
|
|
- gallery_list: [],
|
|
|
- preset: [],
|
|
|
- to: '',
|
|
|
- },
|
|
|
- showStyle: {
|
|
|
- size: 'width:348px;height:300px;',
|
|
|
- version: '原版',
|
|
|
- position: 'top:30px;left:10px;',
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- deviceType: '',
|
|
|
- moduleName: '注水泵',
|
|
|
- pageType: '',
|
|
|
- moduleData: {
|
|
|
- header: {
|
|
|
- show: false,
|
|
|
- readFrom: '',
|
|
|
- selector: {
|
|
|
- show: false,
|
|
|
- value: '${strinstallpos}',
|
|
|
- },
|
|
|
- slot: {
|
|
|
- show: false,
|
|
|
- value: '',
|
|
|
- },
|
|
|
- },
|
|
|
- background: {
|
|
|
- show: false,
|
|
|
- type: 'image',
|
|
|
- link: '',
|
|
|
- },
|
|
|
- layout: {
|
|
|
- direction: 'column',
|
|
|
- items: [
|
|
|
- {
|
|
|
- name: 'list',
|
|
|
- basis: '100%',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- complex_list: [],
|
|
|
- chart: [],
|
|
|
- table: [],
|
|
|
- gallery: [],
|
|
|
- list: [
|
|
|
- {
|
|
|
- type: 'K',
|
|
|
- readFrom: '',
|
|
|
- items: [
|
|
|
- {
|
|
|
- label: '阀门2开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '阀门3开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '阀门1开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- ],
|
|
|
- gallery_list: [],
|
|
|
- preset: [],
|
|
|
- to: '',
|
|
|
- },
|
|
|
- showStyle: {
|
|
|
- size: 'width:348px;height:200px;',
|
|
|
- version: '原版',
|
|
|
- position: 'top:340px;left:10px;',
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- deviceType: '',
|
|
|
- moduleName: '排水泵',
|
|
|
- pageType: '',
|
|
|
- moduleData: {
|
|
|
- header: {
|
|
|
- show: false,
|
|
|
- readFrom: '',
|
|
|
- selector: {
|
|
|
- show: false,
|
|
|
- value: '${strinstallpos}',
|
|
|
- },
|
|
|
- slot: {
|
|
|
- show: false,
|
|
|
- value: '',
|
|
|
- },
|
|
|
- },
|
|
|
- background: {
|
|
|
- show: false,
|
|
|
- type: 'image',
|
|
|
- link: '',
|
|
|
- },
|
|
|
- layout: {
|
|
|
- direction: 'column',
|
|
|
- items: [
|
|
|
- {
|
|
|
- name: 'list',
|
|
|
- basis: '100%',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- complex_list: [],
|
|
|
- chart: [],
|
|
|
- table: [],
|
|
|
- gallery: [],
|
|
|
- list: [
|
|
|
- {
|
|
|
- type: 'K',
|
|
|
- readFrom: '',
|
|
|
- items: [
|
|
|
- {
|
|
|
- label: '阀门2开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '阀门3开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '阀门1开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- ],
|
|
|
- gallery_list: [],
|
|
|
- preset: [],
|
|
|
- to: '',
|
|
|
- },
|
|
|
- showStyle: {
|
|
|
- size: 'width:348px;height:200px;',
|
|
|
- version: '原版',
|
|
|
- position: 'top:550px;left:10px;',
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- deviceType: '',
|
|
|
- moduleName: '泵站检测详情',
|
|
|
- pageType: '',
|
|
|
- moduleData: {
|
|
|
- header: {
|
|
|
- show: false,
|
|
|
- readFrom: '',
|
|
|
- selector: {
|
|
|
- show: false,
|
|
|
- value: '${strinstallpos}',
|
|
|
- },
|
|
|
- slot: {
|
|
|
- show: false,
|
|
|
- value: '',
|
|
|
- },
|
|
|
- },
|
|
|
- background: {
|
|
|
- show: false,
|
|
|
- type: 'image',
|
|
|
- link: '',
|
|
|
- },
|
|
|
- layout: {
|
|
|
- direction: 'column',
|
|
|
- items: [
|
|
|
- {
|
|
|
- name: 'list',
|
|
|
- basis: '100%',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- complex_list: [
|
|
|
- // {
|
|
|
- // type: 'G',
|
|
|
- // readFrom: '',
|
|
|
- // items: [
|
|
|
- // {
|
|
|
- // title: 'datalist细则',
|
|
|
- // contents: [
|
|
|
- // {
|
|
|
- // label: '阀门2开度',
|
|
|
- // value: '${readData.Fan1fI}',
|
|
|
- // color: 'blue',
|
|
|
- // },
|
|
|
- // ],
|
|
|
- // },
|
|
|
- // ],
|
|
|
- // },
|
|
|
- ],
|
|
|
- chart: [],
|
|
|
- table: [],
|
|
|
- gallery: [],
|
|
|
- list: [
|
|
|
- {
|
|
|
- type: 'K',
|
|
|
- readFrom: '',
|
|
|
- items: [
|
|
|
- {
|
|
|
- label: '阀门2开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '阀门3开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '阀门1开度',
|
|
|
- value: '${readData.Fan1fI}',
|
|
|
- color: 'blue',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- ],
|
|
|
- gallery_list: [],
|
|
|
- preset: [],
|
|
|
- to: '',
|
|
|
- },
|
|
|
- showStyle: {
|
|
|
- size: 'width:348px;height:490px;',
|
|
|
- version: '原版',
|
|
|
- position: 'top:220px;right:0px;',
|
|
|
- },
|
|
|
- },
|
|
|
- ]);
|
|
|
+ // const rawConfigs = ref<Config[]>([
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773229143920641',
|
|
|
+ // moduleName: '瓦斯泵',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701001传感器的值',
|
|
|
+ // value: '${701001.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:300px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:30px;left:10px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773229143920641',
|
|
|
+ // moduleName: '注水泵',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701001传感器的值',
|
|
|
+ // value: '${701001.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:200px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:340px;left:10px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773229143920641',
|
|
|
+ // moduleName: '排水泵',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701001传感器的值',
|
|
|
+ // value: '${701001.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:200px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:550px;left:10px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773229143920641',
|
|
|
+ // moduleName: '泵站检测详情',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701001传感器的值',
|
|
|
+ // value: '${701001.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:490px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:30px;right:0px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773300489031682',
|
|
|
+ // moduleName: '瓦斯泵',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701004传感器的值',
|
|
|
+ // value: '${701004.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:300px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:30px;left:10px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773300489031682',
|
|
|
+ // moduleName: '注水泵',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701004传感器的值',
|
|
|
+ // value: '${701004.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:200px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:340px;left:10px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773300489031682',
|
|
|
+ // moduleName: '排水泵',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701004传感器的值',
|
|
|
+ // value: '${701004.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:200px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:550px;left:10px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // deviceType: '1709773300489031682',
|
|
|
+ // moduleName: '泵站检测详情',
|
|
|
+ // pageType: 'gasPumpMonitor',
|
|
|
+ // moduleData: {
|
|
|
+ // header: {
|
|
|
+ // show: false,
|
|
|
+ // readFrom: '',
|
|
|
+ // selector: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // slot: {
|
|
|
+ // show: false,
|
|
|
+ // value: '',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // background: {
|
|
|
+ // show: false,
|
|
|
+ // type: 'image',
|
|
|
+ // link: '',
|
|
|
+ // },
|
|
|
+ // layout: {
|
|
|
+ // direction: 'column',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // name: 'list',
|
|
|
+ // basis: '100%',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // complex_list: [],
|
|
|
+ // chart: [],
|
|
|
+ // table: [],
|
|
|
+ // gallery: [],
|
|
|
+ // list: [
|
|
|
+ // {
|
|
|
+ // type: 'K',
|
|
|
+ // readFrom: '',
|
|
|
+ // items: [
|
|
|
+ // {
|
|
|
+ // label: '701004传感器的值',
|
|
|
+ // value: '${701004.readData.value}',
|
|
|
+ // color: 'blue',
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ // gallery_list: [],
|
|
|
+ // preset: [],
|
|
|
+ // to: '',
|
|
|
+ // },
|
|
|
+ // showStyle: {
|
|
|
+ // size: 'width:348px;height:490px;',
|
|
|
+ // version: '原版',
|
|
|
+ // position: 'top:30px;right:0px;',
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ // ]);
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
@import '/@/design/theme.less';
|