|
|
@@ -340,868 +340,848 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
- import { onBeforeUnmount, onUnmounted, onMounted, ref, reactive, nextTick, inject, unref } from 'vue';
|
|
|
- import MonitorTable from '../comment/MonitorTable.vue';
|
|
|
- import HistoryTable from '../comment/HistoryTable.vue';
|
|
|
- import AlarmHistoryTable from '../comment/AlarmHistoryTable.vue';
|
|
|
- import HandlerHistoryTable from '../comment/HandlerHistoryTable.vue';
|
|
|
- import AlarmHistoryTableHj from './components/AlarmHistoryTableHj.vue';
|
|
|
- import HandleModal from './modal.vue';
|
|
|
- import DeviceBaseInfo from '../comment/components/DeviceBaseInfo.vue';
|
|
|
- import { mountedThree, addMonitorText, play, destroy, setModelType, computePlay } from './gate.threejs';
|
|
|
- import { deviceControlApi } from '/@/api/vent/index';
|
|
|
- import { message } from 'ant-design-vue';
|
|
|
- import { list, getTableList, cameraList, cameraAddrList } from './gate.api';
|
|
|
- import { chartsColumns } from './gate.data';
|
|
|
- import lodash from 'lodash';
|
|
|
- import { setDivHeight } from '/@/utils/event';
|
|
|
- import { BorderBox8 as DvBorderBox8 } from '@kjgl77/datav-vue3';
|
|
|
- import { useRouter } from 'vue-router';
|
|
|
- import LivePlayer from '@liveqing/liveplayer-v3';
|
|
|
- import { useModal } from '/@/components/Modal';
|
|
|
- import { useCamera } from '/@/hooks/system/useCamera';
|
|
|
- import { usePermission } from '/@/hooks/web/usePermission';
|
|
|
- import { getDictItems } from '/@/api/common/api';
|
|
|
- import { render } from '/@/utils/common/renderUtils';
|
|
|
- import { useGlobSetting } from '/@/hooks/setting';
|
|
|
- import { getDictItemsByCode } from '/@/utils/dict';
|
|
|
- import { defHttp } from '/@/utils/http/axios';
|
|
|
- import BarAndLine from '/@/components/chart/BarAndLine.vue';
|
|
|
- import HistoryTableChart from '../comment/HistoryTableChart.vue';
|
|
|
- const { hasPermission } = usePermission();
|
|
|
- const { sysOrgCode } = useGlobSetting();
|
|
|
- const globalConfig = inject('globalConfig');
|
|
|
+import { onBeforeUnmount, onUnmounted, onMounted, ref, reactive, nextTick, inject, unref } from 'vue';
|
|
|
+import MonitorTable from '../comment/MonitorTable.vue';
|
|
|
+import HistoryTable from '../comment/HistoryTable.vue';
|
|
|
+import AlarmHistoryTable from '../comment/AlarmHistoryTable.vue';
|
|
|
+import HandlerHistoryTable from '../comment/HandlerHistoryTable.vue';
|
|
|
+import AlarmHistoryTableHj from './components/AlarmHistoryTableHj.vue';
|
|
|
+import HandleModal from './modal.vue';
|
|
|
+import DeviceBaseInfo from '../comment/components/DeviceBaseInfo.vue';
|
|
|
+import { mountedThree, addMonitorText, play, destroy, setModelType, computePlay } from './gate.threejs';
|
|
|
+import { deviceControlApi } from '/@/api/vent/index';
|
|
|
+import { message } from 'ant-design-vue';
|
|
|
+import { list, getTableList, cameraList, cameraAddrList } from './gate.api';
|
|
|
+import { chartsColumns } from './gate.data';
|
|
|
+import lodash from 'lodash';
|
|
|
+import { setDivHeight } from '/@/utils/event';
|
|
|
+import { BorderBox8 as DvBorderBox8 } from '@kjgl77/datav-vue3';
|
|
|
+import { useRouter } from 'vue-router';
|
|
|
+import LivePlayer from '@liveqing/liveplayer-v3';
|
|
|
+import { useModal } from '/@/components/Modal';
|
|
|
+import { useCamera } from '/@/hooks/system/useCamera';
|
|
|
+import { usePermission } from '/@/hooks/web/usePermission';
|
|
|
+import { getDictItems } from '/@/api/common/api';
|
|
|
+import { render } from '/@/utils/common/renderUtils';
|
|
|
+import { useGlobSetting } from '/@/hooks/setting';
|
|
|
+import { getDictItemsByCode } from '/@/utils/dict';
|
|
|
+import { defHttp } from '/@/utils/http/axios';
|
|
|
+import BarAndLine from '/@/components/chart/BarAndLine.vue';
|
|
|
+import HistoryTableChart from '../comment/HistoryTableChart.vue';
|
|
|
+const { hasPermission } = usePermission();
|
|
|
+const { sysOrgCode } = useGlobSetting();
|
|
|
+const globalConfig = inject('globalConfig');
|
|
|
|
|
|
- const { currentRoute } = useRouter();
|
|
|
- const MonitorDataTable = ref();
|
|
|
- let contrlValue = '';
|
|
|
- const playerRef = ref();
|
|
|
- const deviceType = ref('gate');
|
|
|
- const activeKey = ref('1'); // tab
|
|
|
- const loading = ref(false);
|
|
|
- const stationType = ref('plc1');
|
|
|
- const scroll = reactive({
|
|
|
- y: 230,
|
|
|
- });
|
|
|
- const modelList = ref<{ text: string; value: string }[]>([]);
|
|
|
- const frontDoorIsOpen = ref(false); //前门是否开启
|
|
|
- const backDoorIsOpen = ref(false); //后门是否开启
|
|
|
- const midDoorIsOpen = ref(false); //中间门是否开启
|
|
|
+const { currentRoute } = useRouter();
|
|
|
+const MonitorDataTable = ref();
|
|
|
+let contrlValue = '';
|
|
|
+const playerRef = ref();
|
|
|
+const deviceType = ref('gate');
|
|
|
+const activeKey = ref('1'); // tab
|
|
|
+const loading = ref(false);
|
|
|
+const stationType = ref('plc1');
|
|
|
+const scroll = reactive({
|
|
|
+ y: 230,
|
|
|
+});
|
|
|
+const modelList = ref<{ text: string; value: string }[]>([]);
|
|
|
+const frontDoorIsOpen = ref(false); //前门是否开启
|
|
|
+const backDoorIsOpen = ref(false); //后门是否开启
|
|
|
+const midDoorIsOpen = ref(false); //中间门是否开启
|
|
|
|
|
|
- const modalIsShow = ref<boolean>(false); // 是否显示模态框
|
|
|
- const modalTitle = ref(''); // 模态框标题显示内容，根据设备操作类型决定
|
|
|
- const modalType = ref(''); // 模态框内容显示类型，设备操作类型
|
|
|
+const modalIsShow = ref<boolean>(false); // 是否显示模态框
|
|
|
+const modalTitle = ref(''); // 模态框标题显示内容，根据设备操作类型决定
|
|
|
+const modalType = ref(''); // 模态框内容显示类型，设备操作类型
|
|
|
|
|
|
- const selectRowIndex = ref(-1); // 选中行
|
|
|
- const dataSource = ref([]);
|
|
|
- const sharedData = ref([]);
|
|
|
- const deviceBaseList = ref([]); // 设备基本信息
|
|
|
- const updateSharedData = (data) => {
|
|
|
- sharedData.value = data;
|
|
|
- };
|
|
|
- const Option = {
|
|
|
- grid: {
|
|
|
- top: '20%',
|
|
|
- left: '5%',
|
|
|
- right: '5%',
|
|
|
- bottom: '3%',
|
|
|
- containLabel: true,
|
|
|
- },
|
|
|
- toolbox: {
|
|
|
- feature: null,
|
|
|
- },
|
|
|
- };
|
|
|
- const [registerModal, { openModal, closeModal }] = useModal();
|
|
|
+const selectRowIndex = ref(-1); // 选中行
|
|
|
+const dataSource = ref([]);
|
|
|
+const sharedData = ref([]);
|
|
|
+const deviceBaseList = ref([]); // 设备基本信息
|
|
|
+const updateSharedData = (data) => {
|
|
|
+ sharedData.value = data;
|
|
|
+};
|
|
|
+const Option = {
|
|
|
+ grid: {
|
|
|
+ top: '20%',
|
|
|
+ left: '5%',
|
|
|
+ right: '5%',
|
|
|
+ bottom: '3%',
|
|
|
+ containLabel: true,
|
|
|
+ },
|
|
|
+ toolbox: {
|
|
|
+ feature: null,
|
|
|
+ },
|
|
|
+};
|
|
|
+const [registerModal, { openModal, closeModal }] = useModal();
|
|
|
|
|
|
- const { getCamera, removeCamera } = useCamera();
|
|
|
+const { getCamera, removeCamera } = useCamera();
|
|
|
|
|
|
- const tabChange = (activeKeyVal) => {
|
|
|
- activeKey.value = activeKeyVal;
|
|
|
- if (activeKeyVal == 1) {
|
|
|
- nextTick(() => {
|
|
|
- if (MonitorDataTable.value) MonitorDataTable.value.setSelectedRowKeys([selectData.deviceID]);
|
|
|
- });
|
|
|
- }
|
|
|
- };
|
|
|
+const tabChange = (activeKeyVal) => {
|
|
|
+ activeKey.value = activeKeyVal;
|
|
|
+ if (activeKeyVal == 1) {
|
|
|
+ nextTick(() => {
|
|
|
+ if (MonitorDataTable.value) MonitorDataTable.value.setSelectedRowKeys([selectData.deviceID]);
|
|
|
+ });
|
|
|
+ }
|
|
|
+};
|
|
|
|
|
|
- const initData = {
|
|
|
- deviceID: '',
|
|
|
- deviceType: '',
|
|
|
- strname: '',
|
|
|
- frontRearDP: '-', //压差
|
|
|
- // sourcePressure: '-', //气源压力
|
|
|
- runRoRecondition: null,
|
|
|
- autoRoManual: null,
|
|
|
- netStatus: '0', //通信状态
|
|
|
- frontGateOpen: '0',
|
|
|
- frontGateClose: '1',
|
|
|
- rearGateOpen: '0',
|
|
|
- rearGateClose: '1',
|
|
|
- midGateOpen: '0',
|
|
|
- midGateClose: '1',
|
|
|
- fault: '气源压力超限',
|
|
|
- masterComputer: 0,
|
|
|
- frontGateOpenCtrl: false,
|
|
|
- rearGateOpenCtrl: false,
|
|
|
- cameras: [],
|
|
|
- };
|
|
|
+const initData = {
|
|
|
+ deviceID: '',
|
|
|
+ deviceType: '',
|
|
|
+ strname: '',
|
|
|
+ frontRearDP: '-', //压差
|
|
|
+ // sourcePressure: '-', //气源压力
|
|
|
+ runRoRecondition: null,
|
|
|
+ autoRoManual: null,
|
|
|
+ netStatus: '0', //通信状态
|
|
|
+ frontGateOpen: '0',
|
|
|
+ frontGateClose: '1',
|
|
|
+ rearGateOpen: '0',
|
|
|
+ rearGateClose: '1',
|
|
|
+ midGateOpen: '0',
|
|
|
+ midGateClose: '1',
|
|
|
+ fault: '气源压力超限',
|
|
|
+ masterComputer: 0,
|
|
|
+ frontGateOpenCtrl: false,
|
|
|
+ rearGateOpenCtrl: false,
|
|
|
+ cameras: [],
|
|
|
+};
|
|
|
|
|
|
- // 监测数据
|
|
|
- const selectData = reactive(lodash.cloneDeep(initData));
|
|
|
+// 监测数据
|
|
|
+const selectData = reactive(lodash.cloneDeep(initData));
|
|
|
|
|
|
- const flvURL1 = () => {
|
|
|
- // return ''
|
|
|
- return `/video/gate.mp4`;
|
|
|
- };
|
|
|
+const flvURL1 = () => {
|
|
|
+ // return ''
|
|
|
+ return `/video/gate.mp4`;
|
|
|
+};
|
|
|
|
|
|
- function deviceEdit(e: Event, type: string, record) {
|
|
|
- e.stopPropagation();
|
|
|
- openModal(true, {
|
|
|
- type,
|
|
|
- deviceId: record['deviceID'],
|
|
|
- });
|
|
|
- }
|
|
|
- // 获取设备基本信息列表
|
|
|
- function getDeviceBaseList() {
|
|
|
- getTableList({ pageSize: 1000 }).then((res) => {
|
|
|
- deviceBaseList.value = res.records;
|
|
|
- });
|
|
|
- }
|
|
|
+function deviceEdit(e: Event, type: string, record) {
|
|
|
+ e.stopPropagation();
|
|
|
+ openModal(true, {
|
|
|
+ type,
|
|
|
+ deviceId: record['deviceID'],
|
|
|
+ });
|
|
|
+}
|
|
|
+// 获取设备基本信息列表
|
|
|
+function getDeviceBaseList() {
|
|
|
+ getTableList({ pageSize: 1000 }).then((res) => {
|
|
|
+ deviceBaseList.value = res.records;
|
|
|
+ });
|
|
|
+}
|
|
|
|
|
|
- // https获取监测数据
|
|
|
- let timer: null | NodeJS.Timeout = null;
|
|
|
- async function getMonitor(flag?) {
|
|
|
- if (Object.prototype.toString.call(timer) === '[object Null]') {
|
|
|
- timer = await setTimeout(
|
|
|
- async () => {
|
|
|
- const res = await list({ devicetype: deviceType.value, pagetype: 'normal' });
|
|
|
- if (res.msgTxt && res.msgTxt[0]) {
|
|
|
- dataSource.value = res.msgTxt[0].datalist || [];
|
|
|
- dataSource.value.forEach((data: any) => {
|
|
|
- const readData = data.readData;
|
|
|
- data = Object.assign(data, readData);
|
|
|
- });
|
|
|
- if (dataSource.value.length > 0 && selectRowIndex.value == -1 && MonitorDataTable.value) {
|
|
|
- // 初始打开页面
|
|
|
- if (currentRoute.value && currentRoute.value['query'] && currentRoute.value['query']['id']) {
|
|
|
- MonitorDataTable.value.setSelectedRowKeys([currentRoute.value['query']['id']]);
|
|
|
- } else {
|
|
|
- MonitorDataTable.value.setSelectedRowKeys([dataSource.value[0]['deviceID']]);
|
|
|
- }
|
|
|
- }
|
|
|
- Object.assign(selectData, dataSource.value[selectRowIndex.value]);
|
|
|
- if (selectData.contrlMod == 'jnjhCtrl') {
|
|
|
- selectData['autoRoManual'] = selectData['autoRoManual'] == 1 ? true : false;
|
|
|
- selectData['autoRoManual1'] = selectData['autoRoManual1'] == 1 ? true : false;
|
|
|
- selectData['autoRoManual2'] = selectData['autoRoManual2'] == 1 ? true : false;
|
|
|
- }
|
|
|
- addMonitorText(selectData);
|
|
|
- monitorAnimation(selectData);
|
|
|
- if (timer) {
|
|
|
- timer = null;
|
|
|
+// https获取监测数据
|
|
|
+let timer: null | NodeJS.Timeout = null;
|
|
|
+async function getMonitor(flag?) {
|
|
|
+ if (Object.prototype.toString.call(timer) === '[object Null]') {
|
|
|
+ timer = await setTimeout(
|
|
|
+ async () => {
|
|
|
+ const res = await list({ devicetype: deviceType.value, pagetype: 'normal' });
|
|
|
+ if (res.msgTxt && res.msgTxt[0]) {
|
|
|
+ dataSource.value = res.msgTxt[0].datalist || [];
|
|
|
+ dataSource.value.forEach((data: any) => {
|
|
|
+ const readData = data.readData;
|
|
|
+ data = Object.assign(data, readData);
|
|
|
+ });
|
|
|
+ if (dataSource.value.length > 0 && selectRowIndex.value == -1 && MonitorDataTable.value) {
|
|
|
+ // 初始打开页面
|
|
|
+ if (currentRoute.value && currentRoute.value['query'] && currentRoute.value['query']['id']) {
|
|
|
+ MonitorDataTable.value.setSelectedRowKeys([currentRoute.value['query']['id']]);
|
|
|
+ } else {
|
|
|
+ MonitorDataTable.value.setSelectedRowKeys([dataSource.value[0]['deviceID']]);
|
|
|
}
|
|
|
- getMonitor();
|
|
|
}
|
|
|
- },
|
|
|
- flag ? 0 : 1000
|
|
|
- );
|
|
|
- }
|
|
|
+ Object.assign(selectData, dataSource.value[selectRowIndex.value]);
|
|
|
+ if (selectData.contrlMod == 'jnjhCtrl') {
|
|
|
+ selectData['autoRoManual'] = selectData['autoRoManual'] == 1 ? true : false;
|
|
|
+ selectData['autoRoManual1'] = selectData['autoRoManual1'] == 1 ? true : false;
|
|
|
+ selectData['autoRoManual2'] = selectData['autoRoManual2'] == 1 ? true : false;
|
|
|
+ }
|
|
|
+ addMonitorText(selectData);
|
|
|
+ monitorAnimation(selectData);
|
|
|
+ if (timer) {
|
|
|
+ timer = null;
|
|
|
+ }
|
|
|
+ getMonitor();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ flag ? 0 : 1000
|
|
|
+ );
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- // 切换检测数据
|
|
|
- async function getSelectRow(selectRow, index) {
|
|
|
- if (!selectRow) return;
|
|
|
- loading.value = true;
|
|
|
- selectRowIndex.value = index;
|
|
|
+// 切换检测数据
|
|
|
+async function getSelectRow(selectRow, index) {
|
|
|
+ if (!selectRow) return;
|
|
|
+ loading.value = true;
|
|
|
+ selectRowIndex.value = index;
|
|
|
|
|
|
- const baseData: any = deviceBaseList.value.find((baseData: any) => baseData.id === selectRow.deviceID);
|
|
|
- Object.assign(selectData, initData, selectRow, baseData);
|
|
|
- isFrontOpenRunning = false; //开关门动作是否在进行
|
|
|
- isRearOpenRunning = false; //开关门动作是否在进行
|
|
|
- isMidOpenRunning = false; //开关门动作是否在进行
|
|
|
- frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
- rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
- midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
+ const baseData: any = deviceBaseList.value.find((baseData: any) => baseData.id === selectRow.deviceID);
|
|
|
+ Object.assign(selectData, initData, selectRow, baseData);
|
|
|
+ isFrontOpenRunning = false; //开关门动作是否在进行
|
|
|
+ isRearOpenRunning = false; //开关门动作是否在进行
|
|
|
+ isMidOpenRunning = false; //开关门动作是否在进行
|
|
|
+ frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
+ rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
+ midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
|
|
|
- let type;
|
|
|
- const dictCodes = getDictItemsByCode('gateStyle');
|
|
|
- if (selectData && dictCodes && dictCodes.length > 0) {
|
|
|
- const gateStyle = selectData['gateStyle'];
|
|
|
- switch (gateStyle) {
|
|
|
- case 'gate_qd':
|
|
|
- type = 'fm3';
|
|
|
- break;
|
|
|
- case 'fmtl3':
|
|
|
- type = 'fmThreeTl';
|
|
|
- break;
|
|
|
- case 'fmSs':
|
|
|
- type = 'fmTwoSs';
|
|
|
- break;
|
|
|
- case 'fm_fc':
|
|
|
- type = 'fmWindow';
|
|
|
- break;
|
|
|
- case 'fmXr':
|
|
|
- type = 'fmXr';
|
|
|
- break;
|
|
|
- case 'fmYy':
|
|
|
- type = 'fm1';
|
|
|
- break;
|
|
|
- case 'fmSs3':
|
|
|
- type = 'fm2';
|
|
|
- break;
|
|
|
- case 'fm_fc_hjg':
|
|
|
- type = 'fmWindowHjg';
|
|
|
- break;
|
|
|
- case 'fm_fc_zhq':
|
|
|
- type = 'fmWindowZhq';
|
|
|
- break;
|
|
|
- case 'fmHsw3':
|
|
|
- type = 'fmHsw3';
|
|
|
- break;
|
|
|
- case 'fmYjXr':
|
|
|
- type = 'fmYjXr';
|
|
|
- break;
|
|
|
- case 'fmYj':
|
|
|
- type = 'fmYj';
|
|
|
- break;
|
|
|
- }
|
|
|
- } else {
|
|
|
- type = selectData.nwindownum == 1 ? 'singleWindow' : 'doubleWindow';
|
|
|
- if (selectData['doorUse'] == 2) {
|
|
|
- type = 'fmXr';
|
|
|
- } else if (selectData.ndoorcount == '3' || selectData.deviceType == 'gate_nomal3') {
|
|
|
+ let type;
|
|
|
+ const dictCodes = getDictItemsByCode('gateStyle');
|
|
|
+ if (selectData && dictCodes && dictCodes.length > 0) {
|
|
|
+ const gateStyle = selectData['gateStyle'];
|
|
|
+ switch (gateStyle) {
|
|
|
+ case 'gate_qd':
|
|
|
+ type = 'fm3';
|
|
|
+ break;
|
|
|
+ case 'fmtl3':
|
|
|
type = 'fmThreeTl';
|
|
|
- } else {
|
|
|
- if (selectData.deviceType == 'gate_ss') {
|
|
|
- type = 'fm2';
|
|
|
- // type = 'fmWindow';
|
|
|
- } else if (selectData.deviceType == 'gate_qd' || selectData.deviceType == 'gate_normal') {
|
|
|
- type = 'fm3';
|
|
|
- } else if (selectData.deviceType == 'gate_ss_two' || selectData.deviceType == 'gate_ss_two1') {
|
|
|
- type = 'fmTwoSs';
|
|
|
- } else if (selectData.deviceType == 'gate_tj') {
|
|
|
- type = 'fmWindow';
|
|
|
- } else {
|
|
|
- type = 'fm1'; // 液压
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- debugger;
|
|
|
- setModelType(type).then(async () => {
|
|
|
- addMonitorText(selectData);
|
|
|
- loading.value = false;
|
|
|
- });
|
|
|
- await getCamera(selectRow.deviceID, playerRef.value);
|
|
|
- }
|
|
|
-
|
|
|
- // 播放动画
|
|
|
- function playAnimation(handlerState, data: any = null) {
|
|
|
- const value = data;
|
|
|
- switch (handlerState) {
|
|
|
- case 1: // 打开前门
|
|
|
- if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '1') {
|
|
|
- modalTitle.value = '打开前门';
|
|
|
- modalType.value = '1';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('前门已经打开或正在打开,请勿重新操作');
|
|
|
- message.warning('没有监测到前门关到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
break;
|
|
|
- case 2: // 关闭前门
|
|
|
- if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0') {
|
|
|
- modalTitle.value = '关闭前门';
|
|
|
- modalType.value = '2';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('前门已经关闭或正在关闭,请勿重新操作');
|
|
|
- message.warning('没有监测到前门开到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
+ case 'fmSs':
|
|
|
+ type = 'fmTwoSs';
|
|
|
break;
|
|
|
- case 3: // 打开后门
|
|
|
- if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '1') {
|
|
|
- modalTitle.value = '打开后门';
|
|
|
- modalType.value = '3';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('后门已经打开或正在打开,请勿重新操作');
|
|
|
- message.warning('没有监测到后门关到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
+ case 'fm_fc':
|
|
|
+ type = 'fmWindow';
|
|
|
break;
|
|
|
- case 4: // 关闭后门
|
|
|
- if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0') {
|
|
|
- modalTitle.value = '关闭后门';
|
|
|
- modalType.value = '4';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('后门已经关闭或正在关闭,请勿重新操作');
|
|
|
- message.warning('没有监测到后门开到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
+ case 'fmXr':
|
|
|
+ type = 'fmXr';
|
|
|
break;
|
|
|
- case 8: // 打开中间门
|
|
|
- if (selectData.midGateOpen == '0' && selectData.midGateClose == '1') {
|
|
|
- modalTitle.value = '打开中间门';
|
|
|
- modalType.value = '8';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('后门已经打开或正在打开,请勿重新操作');
|
|
|
- message.warning('没有监测到中间门关到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
+ case 'fmYy':
|
|
|
+ type = 'fm1';
|
|
|
break;
|
|
|
- case 9: // 关闭中间门
|
|
|
- if (selectData.midGateOpen == '1' && selectData.midGateClose == '0') {
|
|
|
- modalTitle.value = '关闭中间门';
|
|
|
- modalType.value = '9';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('后门已经关闭或正在关闭,请勿重新操作');
|
|
|
- message.warning('没有监测到中间门开到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
+ case 'fmSs3':
|
|
|
+ type = 'fm2';
|
|
|
break;
|
|
|
- case 5: // 打开前后门
|
|
|
- if (
|
|
|
- selectData.frontGateOpen == '0' &&
|
|
|
- selectData.frontGateClose == '1' &&
|
|
|
- selectData.rearGateOpen == '0' &&
|
|
|
- selectData.rearGateClose == '1'
|
|
|
- ) {
|
|
|
- modalTitle.value = '打开前后门';
|
|
|
- modalType.value = '5';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('前后门已经打开或正在打开,请勿重新操作');
|
|
|
- message.warning('没有监测到前门、后门关到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
+ case 'fm_fc_hjg':
|
|
|
+ type = 'fmWindowHjg';
|
|
|
break;
|
|
|
- case 6: // 关闭前后门
|
|
|
- if (
|
|
|
- selectData.frontGateOpen == '1' &&
|
|
|
- selectData.frontGateClose == '0' &&
|
|
|
- selectData.rearGateOpen == '1' &&
|
|
|
- selectData.rearGateClose == '0'
|
|
|
- ) {
|
|
|
- modalTitle.value = '关闭前后门';
|
|
|
- modalType.value = '6';
|
|
|
- modalIsShow.value = true;
|
|
|
- } else {
|
|
|
- // message.warning('前后门已经关闭或正在关闭,请勿重新操作');
|
|
|
- message.warning('没有监测到前门、后门开到位,无法进行指令下发操作');
|
|
|
- }
|
|
|
+ case 'fm_fc_zhq':
|
|
|
+ type = 'fmWindowZhq';
|
|
|
break;
|
|
|
-
|
|
|
- case 7: // 控制模式切换
|
|
|
- modalTitle.value = '控制模式切换';
|
|
|
- modalType.value = '7';
|
|
|
- modalIsShow.value = true;
|
|
|
+ case 'fmHsw3':
|
|
|
+ type = 'fmHsw3';
|
|
|
break;
|
|
|
-
|
|
|
- case 10: // 风窗控制
|
|
|
- modalTitle.value = 'A窗控制';
|
|
|
- modalType.value = '10';
|
|
|
- modalIsShow.value = true;
|
|
|
+ case 'fmYjXr':
|
|
|
+ type = 'fmYjXr';
|
|
|
+ break;
|
|
|
+ case 'fmYj':
|
|
|
+ type = 'fmYj';
|
|
|
break;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ type = selectData.nwindownum == 1 ? 'singleWindow' : 'doubleWindow';
|
|
|
+ if (selectData['doorUse'] == 2) {
|
|
|
+ type = 'fmXr';
|
|
|
+ } else if (selectData.ndoorcount == '3' || selectData.deviceType == 'gate_nomal3') {
|
|
|
+ type = 'fmThreeTl';
|
|
|
+ } else {
|
|
|
+ if (selectData.deviceType == 'gate_ss') {
|
|
|
+ type = 'fm2';
|
|
|
+ // type = 'fmWindow';
|
|
|
+ } else if (selectData.deviceType == 'gate_qd' || selectData.deviceType == 'gate_normal') {
|
|
|
+ type = 'fm3';
|
|
|
+ } else if (selectData.deviceType == 'gate_ss_two' || selectData.deviceType == 'gate_ss_two1') {
|
|
|
+ type = 'fmTwoSs';
|
|
|
+ } else if (selectData.deviceType == 'gate_tj') {
|
|
|
+ type = 'fmWindow';
|
|
|
+ } else {
|
|
|
+ type = 'fm1'; // 液压
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ debugger;
|
|
|
+ setModelType(type).then(async () => {
|
|
|
+ addMonitorText(selectData);
|
|
|
+ loading.value = false;
|
|
|
+ });
|
|
|
+ await getCamera(selectRow.deviceID, playerRef.value);
|
|
|
+}
|
|
|
|
|
|
- case 11: // 风窗控制
|
|
|
- modalTitle.value = 'B窗控制';
|
|
|
- modalType.value = '11';
|
|
|
+// 播放动画
|
|
|
+function playAnimation(handlerState, data: any = null) {
|
|
|
+ const value = data;
|
|
|
+ switch (handlerState) {
|
|
|
+ case 1: // 打开前门
|
|
|
+ if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '1') {
|
|
|
+ modalTitle.value = '打开前门';
|
|
|
+ modalType.value = '1';
|
|
|
modalIsShow.value = true;
|
|
|
- break;
|
|
|
- case 12: // 风窗控制
|
|
|
- modalTitle.value = 'C窗控制';
|
|
|
- modalType.value = '12';
|
|
|
+ } else {
|
|
|
+ // message.warning('前门已经打开或正在打开,请勿重新操作');
|
|
|
+ message.warning('没有监测到前门关到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 2: // 关闭前门
|
|
|
+ if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0') {
|
|
|
+ modalTitle.value = '关闭前门';
|
|
|
+ modalType.value = '2';
|
|
|
modalIsShow.value = true;
|
|
|
- break;
|
|
|
- case 13: // 风窗控制
|
|
|
- modalTitle.value = 'D窗控制';
|
|
|
- modalType.value = '13';
|
|
|
+ } else {
|
|
|
+ // message.warning('前门已经关闭或正在关闭,请勿重新操作');
|
|
|
+ message.warning('没有监测到前门开到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 3: // 打开后门
|
|
|
+ if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '1') {
|
|
|
+ modalTitle.value = '打开后门';
|
|
|
+ modalType.value = '3';
|
|
|
modalIsShow.value = true;
|
|
|
- break;
|
|
|
- }
|
|
|
+ } else {
|
|
|
+ // message.warning('后门已经打开或正在打开,请勿重新操作');
|
|
|
+ message.warning('没有监测到后门关到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 4: // 关闭后门
|
|
|
+ if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0') {
|
|
|
+ modalTitle.value = '关闭后门';
|
|
|
+ modalType.value = '4';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ } else {
|
|
|
+ // message.warning('后门已经关闭或正在关闭,请勿重新操作');
|
|
|
+ message.warning('没有监测到后门开到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 8: // 打开中间门
|
|
|
+ if (selectData.midGateOpen == '0' && selectData.midGateClose == '1') {
|
|
|
+ modalTitle.value = '打开中间门';
|
|
|
+ modalType.value = '8';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ } else {
|
|
|
+ // message.warning('后门已经打开或正在打开,请勿重新操作');
|
|
|
+ message.warning('没有监测到中间门关到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 9: // 关闭中间门
|
|
|
+ if (selectData.midGateOpen == '1' && selectData.midGateClose == '0') {
|
|
|
+ modalTitle.value = '关闭中间门';
|
|
|
+ modalType.value = '9';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ } else {
|
|
|
+ // message.warning('后门已经关闭或正在关闭,请勿重新操作');
|
|
|
+ message.warning('没有监测到中间门开到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 5: // 打开前后门
|
|
|
+ if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '1' && selectData.rearGateOpen == '0' && selectData.rearGateClose == '1') {
|
|
|
+ modalTitle.value = '打开前后门';
|
|
|
+ modalType.value = '5';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ } else {
|
|
|
+ // message.warning('前后门已经打开或正在打开,请勿重新操作');
|
|
|
+ message.warning('没有监测到前门、后门关到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 6: // 关闭前后门
|
|
|
+ if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0' && selectData.rearGateOpen == '1' && selectData.rearGateClose == '0') {
|
|
|
+ modalTitle.value = '关闭前后门';
|
|
|
+ modalType.value = '6';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ } else {
|
|
|
+ // message.warning('前后门已经关闭或正在关闭,请勿重新操作');
|
|
|
+ message.warning('没有监测到前门、后门开到位,无法进行指令下发操作');
|
|
|
+ }
|
|
|
+ break;
|
|
|
|
|
|
- if (globalConfig?.simulatedPassword) {
|
|
|
- handleOK('', handlerState + '');
|
|
|
- }
|
|
|
- contrlValue = value;
|
|
|
+ case 7: // 控制模式切换
|
|
|
+ modalTitle.value = '控制模式切换';
|
|
|
+ modalType.value = '7';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ break;
|
|
|
+
|
|
|
+ case 10: // 风窗控制
|
|
|
+ modalTitle.value = 'A窗控制';
|
|
|
+ modalType.value = '10';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ break;
|
|
|
+
|
|
|
+ case 11: // 风窗控制
|
|
|
+ modalTitle.value = 'B窗控制';
|
|
|
+ modalType.value = '11';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ break;
|
|
|
+ case 12: // 风窗控制
|
|
|
+ modalTitle.value = 'C窗控制';
|
|
|
+ modalType.value = '12';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ break;
|
|
|
+ case 13: // 风窗控制
|
|
|
+ modalTitle.value = 'D窗控制';
|
|
|
+ modalType.value = '13';
|
|
|
+ modalIsShow.value = true;
|
|
|
+ break;
|
|
|
}
|
|
|
- // 保德缺打开状态
|
|
|
|
|
|
- // function playAnimation(handlerState, data: any = null) {
|
|
|
- // const value = data;
|
|
|
- // switch (handlerState) {
|
|
|
- // case 1: // 打开前门
|
|
|
- // modalTitle.value = '打开前门';
|
|
|
- // modalType.value = '1';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 2: // 关闭前门
|
|
|
- // modalTitle.value = '关闭前门';
|
|
|
- // modalType.value = '2';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 3: // 打开后门
|
|
|
- // modalTitle.value = '打开后门';
|
|
|
- // modalType.value = '3';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 4: // 关闭后门
|
|
|
- // modalTitle.value = '关闭后门';
|
|
|
- // modalType.value = '4';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 8: // 打开中间门
|
|
|
- // modalTitle.value = '打开中间门';
|
|
|
- // modalType.value = '8';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 9: // 关闭中间门
|
|
|
- // modalTitle.value = '关闭中间门';
|
|
|
- // modalType.value = '9';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 5: // 打开前后门
|
|
|
- // modalTitle.value = '打开前后门';
|
|
|
- // modalType.value = '5';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 6: // 关闭前后门
|
|
|
- // modalTitle.value = '关闭前后门';
|
|
|
- // modalType.value = '6';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
+ if (globalConfig?.simulatedPassword) {
|
|
|
+ handleOK('', handlerState + '');
|
|
|
+ }
|
|
|
+ contrlValue = value;
|
|
|
+}
|
|
|
+// 保德缺打开状态
|
|
|
|
|
|
- // case 7: // 控制模式切换
|
|
|
- // modalTitle.value = '控制模式切换';
|
|
|
- // modalType.value = '7';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // case 10: // 风窗控制
|
|
|
- // modalTitle.value = '风窗控制';
|
|
|
- // modalType.value = '10';
|
|
|
- // modalIsShow.value = true;
|
|
|
- // break;
|
|
|
- // }
|
|
|
+// function playAnimation(handlerState, data: any = null) {
|
|
|
+// const value = data;
|
|
|
+// switch (handlerState) {
|
|
|
+// case 1: // 打开前门
|
|
|
+// modalTitle.value = '打开前门';
|
|
|
+// modalType.value = '1';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 2: // 关闭前门
|
|
|
+// modalTitle.value = '关闭前门';
|
|
|
+// modalType.value = '2';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 3: // 打开后门
|
|
|
+// modalTitle.value = '打开后门';
|
|
|
+// modalType.value = '3';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 4: // 关闭后门
|
|
|
+// modalTitle.value = '关闭后门';
|
|
|
+// modalType.value = '4';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 8: // 打开中间门
|
|
|
+// modalTitle.value = '打开中间门';
|
|
|
+// modalType.value = '8';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 9: // 关闭中间门
|
|
|
+// modalTitle.value = '关闭中间门';
|
|
|
+// modalType.value = '9';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 5: // 打开前后门
|
|
|
+// modalTitle.value = '打开前后门';
|
|
|
+// modalType.value = '5';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 6: // 关闭前后门
|
|
|
+// modalTitle.value = '关闭前后门';
|
|
|
+// modalType.value = '6';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
|
|
|
- // if (globalConfig?.simulatedPassword) {
|
|
|
- // handleOK('', handlerState + '');
|
|
|
- // }
|
|
|
- // contrlValue = value;
|
|
|
- // }
|
|
|
+// case 7: // 控制模式切换
|
|
|
+// modalTitle.value = '控制模式切换';
|
|
|
+// modalType.value = '7';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// case 10: // 风窗控制
|
|
|
+// modalTitle.value = '风窗控制';
|
|
|
+// modalType.value = '10';
|
|
|
+// modalIsShow.value = true;
|
|
|
+// break;
|
|
|
+// }
|
|
|
|
|
|
- function handleOK(passWord, handlerState, value?) {
|
|
|
- if (!passWord && !globalConfig?.simulatedPassword) {
|
|
|
- message.warning('请输入密码');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (isOpenRunning) {
|
|
|
- message.warning('风门正在运行。。。');
|
|
|
- modalIsShow.value = false;
|
|
|
- return;
|
|
|
- }
|
|
|
- const data = {
|
|
|
- deviceid: selectData.deviceID,
|
|
|
- devicetype: selectData.deviceType,
|
|
|
- paramcode: '',
|
|
|
- value: contrlValue,
|
|
|
- password: passWord || globalConfig?.simulatedPassword,
|
|
|
- masterComputer: selectData.masterComputer,
|
|
|
- };
|
|
|
- let handler = () => {};
|
|
|
- debugger;
|
|
|
+// if (globalConfig?.simulatedPassword) {
|
|
|
+// handleOK('', handlerState + '');
|
|
|
+// }
|
|
|
+// contrlValue = value;
|
|
|
+// }
|
|
|
|
|
|
- switch (handlerState) {
|
|
|
- case '1': // 打开前门
|
|
|
- if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '1') {
|
|
|
- handler = () => {
|
|
|
- frontDoorIsOpen.value = true;
|
|
|
- };
|
|
|
- data.paramcode = 'frontGateOpen_S';
|
|
|
- } else {
|
|
|
- message.warning('前门已打开。。。');
|
|
|
- modalIsShow.value = false;
|
|
|
- }
|
|
|
- break;
|
|
|
- case '2': // 关闭前门
|
|
|
- if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0') {
|
|
|
- handler = () => {
|
|
|
- frontDoorIsOpen.value = false;
|
|
|
- };
|
|
|
- data.paramcode = 'frontGateClose_S';
|
|
|
- } else {
|
|
|
- message.warning('前门已关闭。。。');
|
|
|
- modalIsShow.value = false;
|
|
|
- }
|
|
|
- break;
|
|
|
- case '3': // 打开后门
|
|
|
- if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '1') {
|
|
|
- handler = () => {
|
|
|
- backDoorIsOpen.value = true;
|
|
|
- };
|
|
|
- data.paramcode = 'rearGateOpen_S';
|
|
|
- } else {
|
|
|
- message.warning('后门已打开。。。');
|
|
|
- modalIsShow.value = false;
|
|
|
- }
|
|
|
- break;
|
|
|
- case '4': // 关闭后门
|
|
|
- if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0') {
|
|
|
- handler = () => {
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- };
|
|
|
- data.paramcode = 'rearGateClose_S';
|
|
|
- } else {
|
|
|
- message.warning('后门已关闭。。。');
|
|
|
- modalIsShow.value = false;
|
|
|
- }
|
|
|
- break;
|
|
|
- case '8': // 打开中间门
|
|
|
- if (selectData.midGateOpen == '0' && selectData.midGateClose == '1') {
|
|
|
- handler = () => {
|
|
|
- midDoorIsOpen.value = true;
|
|
|
- };
|
|
|
- data.paramcode = 'midGateOpen_S';
|
|
|
- } else {
|
|
|
- message.warning('中间风门已打开。。。');
|
|
|
- modalIsShow.value = false;
|
|
|
- }
|
|
|
- break;
|
|
|
- case '9': // 关闭中间门
|
|
|
- if (selectData.midGateOpen == '1' && selectData.midGateClose == '0') {
|
|
|
- handler = () => {
|
|
|
- midDoorIsOpen.value = false;
|
|
|
- };
|
|
|
- data.paramcode = 'midGateClose_S';
|
|
|
- } else {
|
|
|
- message.warning('中间风门已关闭。。。');
|
|
|
- modalIsShow.value = false;
|
|
|
- }
|
|
|
- break;
|
|
|
- case '5': // 打开前后门
|
|
|
- if (
|
|
|
- selectData.frontGateOpen == '0' &&
|
|
|
- selectData.frontGateClose == '1' &&
|
|
|
- selectData.rearGateOpen == '0' &&
|
|
|
- selectData.rearGateClose == '1'
|
|
|
- ) {
|
|
|
- handler = () => {
|
|
|
- frontDoorIsOpen.value = true;
|
|
|
- backDoorIsOpen.value = true;
|
|
|
- };
|
|
|
- data.paramcode = 'sameTimeOpen';
|
|
|
- }
|
|
|
- break;
|
|
|
- case '6': // 关闭前后门
|
|
|
- if (
|
|
|
- selectData.frontGateOpen == '1' &&
|
|
|
- selectData.frontGateClose == '0' &&
|
|
|
- selectData.rearGateOpen == '1' &&
|
|
|
- selectData.rearGateClose == '0'
|
|
|
- ) {
|
|
|
- handler = () => {
|
|
|
- frontDoorIsOpen.value = false;
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- };
|
|
|
- data.paramcode = 'sameTimeClose';
|
|
|
- }
|
|
|
- break;
|
|
|
- case '7': // 远程与就地
|
|
|
- if (selectData.contrlMod == 'codeCtrl') {
|
|
|
- if (contrlValue == '1') {
|
|
|
- data.paramcode = 'autoRoManualControl1';
|
|
|
- } else if (contrlValue == '0') {
|
|
|
- data.paramcode = 'autoRoManualControl2';
|
|
|
- } else {
|
|
|
- data.paramcode = 'autoRoManualControl0';
|
|
|
- }
|
|
|
- data.value = '';
|
|
|
- selectData.autoRoManual = null;
|
|
|
- } else if (selectData.contrlMod == 'loopCtrl' || selectData.contrlMod == 'jnjhCtrl') {
|
|
|
- data.paramcode = 'autoRoManualControl';
|
|
|
- data.value = '';
|
|
|
- selectData.autoRoManual = null;
|
|
|
+function handleOK(passWord, handlerState, value?) {
|
|
|
+ if (!passWord && !globalConfig?.simulatedPassword) {
|
|
|
+ message.warning('请输入密码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (isOpenRunning) {
|
|
|
+ message.warning('风门正在运行。。。');
|
|
|
+ modalIsShow.value = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const data = {
|
|
|
+ deviceid: selectData.deviceID,
|
|
|
+ devicetype: selectData.deviceType,
|
|
|
+ paramcode: '',
|
|
|
+ value: contrlValue,
|
|
|
+ password: passWord || globalConfig?.simulatedPassword,
|
|
|
+ masterComputer: selectData.masterComputer,
|
|
|
+ };
|
|
|
+ let handler = () => {};
|
|
|
+ debugger;
|
|
|
+
|
|
|
+ switch (handlerState) {
|
|
|
+ case '1': // 打开前门
|
|
|
+ if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '1') {
|
|
|
+ handler = () => {
|
|
|
+ frontDoorIsOpen.value = true;
|
|
|
+ };
|
|
|
+ data.paramcode = 'frontGateOpen_S';
|
|
|
+ } else {
|
|
|
+ message.warning('前门已打开。。。');
|
|
|
+ modalIsShow.value = false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '2': // 关闭前门
|
|
|
+ if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0') {
|
|
|
+ handler = () => {
|
|
|
+ frontDoorIsOpen.value = false;
|
|
|
+ };
|
|
|
+ data.paramcode = 'frontGateClose_S';
|
|
|
+ } else {
|
|
|
+ message.warning('前门已关闭。。。');
|
|
|
+ modalIsShow.value = false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '3': // 打开后门
|
|
|
+ if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '1') {
|
|
|
+ handler = () => {
|
|
|
+ backDoorIsOpen.value = true;
|
|
|
+ };
|
|
|
+ data.paramcode = 'rearGateOpen_S';
|
|
|
+ } else {
|
|
|
+ message.warning('后门已打开。。。');
|
|
|
+ modalIsShow.value = false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '4': // 关闭后门
|
|
|
+ if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0') {
|
|
|
+ handler = () => {
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
+ };
|
|
|
+ data.paramcode = 'rearGateClose_S';
|
|
|
+ } else {
|
|
|
+ message.warning('后门已关闭。。。');
|
|
|
+ modalIsShow.value = false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '8': // 打开中间门
|
|
|
+ if (selectData.midGateOpen == '0' && selectData.midGateClose == '1') {
|
|
|
+ handler = () => {
|
|
|
+ midDoorIsOpen.value = true;
|
|
|
+ };
|
|
|
+ data.paramcode = 'midGateOpen_S';
|
|
|
+ } else {
|
|
|
+ message.warning('中间风门已打开。。。');
|
|
|
+ modalIsShow.value = false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '9': // 关闭中间门
|
|
|
+ if (selectData.midGateOpen == '1' && selectData.midGateClose == '0') {
|
|
|
+ handler = () => {
|
|
|
+ midDoorIsOpen.value = false;
|
|
|
+ };
|
|
|
+ data.paramcode = 'midGateClose_S';
|
|
|
+ } else {
|
|
|
+ message.warning('中间风门已关闭。。。');
|
|
|
+ modalIsShow.value = false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '5': // 打开前后门
|
|
|
+ if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '1' && selectData.rearGateOpen == '0' && selectData.rearGateClose == '1') {
|
|
|
+ handler = () => {
|
|
|
+ frontDoorIsOpen.value = true;
|
|
|
+ backDoorIsOpen.value = true;
|
|
|
+ };
|
|
|
+ data.paramcode = 'sameTimeOpen';
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '6': // 关闭前后门
|
|
|
+ if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0' && selectData.rearGateOpen == '1' && selectData.rearGateClose == '0') {
|
|
|
+ handler = () => {
|
|
|
+ frontDoorIsOpen.value = false;
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
+ };
|
|
|
+ data.paramcode = 'sameTimeClose';
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '7': // 远程与就地
|
|
|
+ if (selectData.contrlMod == 'codeCtrl') {
|
|
|
+ if (contrlValue == '1') {
|
|
|
+ data.paramcode = 'autoRoManualControl1';
|
|
|
+ } else if (contrlValue == '0') {
|
|
|
+ data.paramcode = 'autoRoManualControl2';
|
|
|
} else {
|
|
|
- data.paramcode = 'autoRoManualControl';
|
|
|
- data.value = contrlValue;
|
|
|
- selectData.autoRoManual = null;
|
|
|
+ data.paramcode = 'autoRoManualControl0';
|
|
|
}
|
|
|
- break;
|
|
|
- case '10': // 前(A)窗控制
|
|
|
- data.paramcode = 'frontSetValue1';
|
|
|
- data.value = value;
|
|
|
- break;
|
|
|
- case '11': // 后(B)窗控制
|
|
|
- data.paramcode = 'frontSetValue2';
|
|
|
- data.value = value;
|
|
|
- break;
|
|
|
- case '12': // 后(B)窗控制
|
|
|
- data.paramcode = 'rearSetValue1';
|
|
|
- data.value = value;
|
|
|
- break;
|
|
|
- case '13': // 后(B)窗控制
|
|
|
- data.paramcode = 'rearSetValue2';
|
|
|
- data.value = value;
|
|
|
- break;
|
|
|
- }
|
|
|
+ data.value = '';
|
|
|
+ selectData.autoRoManual = null;
|
|
|
+ } else if (selectData.contrlMod == 'loopCtrl' || selectData.contrlMod == 'jnjhCtrl') {
|
|
|
+ data.paramcode = 'autoRoManualControl';
|
|
|
+ data.value = '';
|
|
|
+ selectData.autoRoManual = null;
|
|
|
+ } else {
|
|
|
+ data.paramcode = 'autoRoManualControl';
|
|
|
+ data.value = contrlValue;
|
|
|
+ selectData.autoRoManual = null;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case '10': // 前(A)窗控制
|
|
|
+ data.paramcode = 'frontSetValue1';
|
|
|
+ data.value = value;
|
|
|
+ break;
|
|
|
+ case '11': // 后(B)窗控制
|
|
|
+ data.paramcode = 'frontSetValue2';
|
|
|
+ data.value = value;
|
|
|
+ break;
|
|
|
+ case '12': // 后(B)窗控制
|
|
|
+ data.paramcode = 'rearSetValue1';
|
|
|
+ data.value = value;
|
|
|
+ break;
|
|
|
+ case '13': // 后(B)窗控制
|
|
|
+ data.paramcode = 'rearSetValue2';
|
|
|
+ data.value = value;
|
|
|
+ break;
|
|
|
+ }
|
|
|
|
|
|
- if (data.paramcode) {
|
|
|
- deviceControlApi(data).then((res) => {
|
|
|
- // 模拟时开启
|
|
|
- if (res.success) {
|
|
|
- modalIsShow.value = false;
|
|
|
- if (globalConfig.History_Type == 'remote') {
|
|
|
- message.success('指令已下发至生产管控平台成功！');
|
|
|
- } else {
|
|
|
- message.success('指令已下发成功！');
|
|
|
- }
|
|
|
+ if (data.paramcode) {
|
|
|
+ deviceControlApi(data).then((res) => {
|
|
|
+ // 模拟时开启
|
|
|
+ if (res.success) {
|
|
|
+ modalIsShow.value = false;
|
|
|
+ if (globalConfig.History_Type == 'remote') {
|
|
|
+ message.success('指令已下发至生产管控平台成功！');
|
|
|
} else {
|
|
|
- message.error(res.message);
|
|
|
+ message.success('指令已下发成功！');
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
+ } else {
|
|
|
+ message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
- let isOpenRunning = false; //开关门动作是否在进行
|
|
|
- /** 开关门动画调用 */
|
|
|
- let isFrontOpenRunning = false; //开关门动作是否在进行
|
|
|
- // let isFrontCloseRunning = false; //开关门动作是否在进行
|
|
|
- let isRearOpenRunning = false; //开关门动作是否在进行
|
|
|
- // let isRearCloseRunning = false; //开关门动作是否在进行
|
|
|
- let isMidOpenRunning = false; //中间门动作是否在进行
|
|
|
- // let isMidCloseRunning = false; //中间门动作是否在进行
|
|
|
- // 0 关闭 1 正在打开 2 打开 3正在关闭
|
|
|
- let frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
- let rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
- let midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
- function monitorAnimation(selectData) {
|
|
|
- const timeScale = 0.005;
|
|
|
- // 带风窗 风窗动画
|
|
|
- if (selectData['gateStyle'] && selectData['gateStyle'].includes('fm_fc')) playWindowAnimation(selectData);
|
|
|
+}
|
|
|
+let isOpenRunning = false; //开关门动作是否在进行
|
|
|
+/** 开关门动画调用 */
|
|
|
+let isFrontOpenRunning = false; //开关门动作是否在进行
|
|
|
+// let isFrontCloseRunning = false; //开关门动作是否在进行
|
|
|
+let isRearOpenRunning = false; //开关门动作是否在进行
|
|
|
+// let isRearCloseRunning = false; //开关门动作是否在进行
|
|
|
+let isMidOpenRunning = false; //中间门动作是否在进行
|
|
|
+// let isMidCloseRunning = false; //中间门动作是否在进行
|
|
|
+// 0 关闭 1 正在打开 2 打开 3正在关闭
|
|
|
+let frontDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
+let rearDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
+let midDeviceState = 0; //记录设备状态，为了与下一次监测数据做比较
|
|
|
+function monitorAnimation(selectData) {
|
|
|
+ const timeScale = 0.005;
|
|
|
+ // 带风窗 风窗动画
|
|
|
+ if (selectData['gateStyle'] && selectData['gateStyle'].includes('fm_fc')) playWindowAnimation(selectData);
|
|
|
|
|
|
- if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
|
|
|
- isFrontOpenRunning = true;
|
|
|
- if (frontDeviceState != 1) {
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
|
|
|
- play(1, timeScale);
|
|
|
- frontDeviceState = 1;
|
|
|
- frontDoorIsOpen.value = false;
|
|
|
- backDoorIsOpen.value = true;
|
|
|
- }
|
|
|
+ if (selectData.frontGateOpen == '1' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
|
|
|
+ isFrontOpenRunning = true;
|
|
|
+ if (frontDeviceState != 1) {
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
|
|
|
+ play(1, timeScale);
|
|
|
+ frontDeviceState = 1;
|
|
|
+ frontDoorIsOpen.value = false;
|
|
|
+ backDoorIsOpen.value = true;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
|
|
|
- isFrontOpenRunning = true;
|
|
|
- if (frontDeviceState != 1) {
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
|
|
|
- play(1, timeScale);
|
|
|
- frontDeviceState = 1;
|
|
|
- frontDoorIsOpen.value = false;
|
|
|
- backDoorIsOpen.value = true;
|
|
|
- }
|
|
|
+ if (selectData.frontGateOpen == '0' && selectData.frontGateClose == '0' && !isFrontOpenRunning) {
|
|
|
+ isFrontOpenRunning = true;
|
|
|
+ if (frontDeviceState != 1) {
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(1, timeScale) : play(1);
|
|
|
+ play(1, timeScale);
|
|
|
+ frontDeviceState = 1;
|
|
|
+ frontDoorIsOpen.value = false;
|
|
|
+ backDoorIsOpen.value = true;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- if (selectData.frontGateClose == '1' && selectData.frontGateOpen == '0' && isFrontOpenRunning) {
|
|
|
- isFrontOpenRunning = false;
|
|
|
- if (frontDeviceState != 0) {
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(2, timeScale) : play(2);
|
|
|
- play(2, timeScale);
|
|
|
- frontDeviceState = 0;
|
|
|
- frontDoorIsOpen.value = false;
|
|
|
- // backDoorIsOpen.value = false
|
|
|
- }
|
|
|
+ if (selectData.frontGateClose == '1' && selectData.frontGateOpen == '0' && isFrontOpenRunning) {
|
|
|
+ isFrontOpenRunning = false;
|
|
|
+ if (frontDeviceState != 0) {
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(2, timeScale) : play(2);
|
|
|
+ play(2, timeScale);
|
|
|
+ frontDeviceState = 0;
|
|
|
+ frontDoorIsOpen.value = false;
|
|
|
+ // backDoorIsOpen.value = false
|
|
|
}
|
|
|
- if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
|
|
|
- isRearOpenRunning = true;
|
|
|
+ }
|
|
|
+ if (selectData.rearGateOpen == '1' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
|
|
|
+ isRearOpenRunning = true;
|
|
|
|
|
|
- if (rearDeviceState != 1) {
|
|
|
- rearDeviceState = 1;
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
- play(3, timeScale);
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- frontDoorIsOpen.value = true;
|
|
|
- }
|
|
|
+ if (rearDeviceState != 1) {
|
|
|
+ rearDeviceState = 1;
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
+ play(3, timeScale);
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
+ frontDoorIsOpen.value = true;
|
|
|
}
|
|
|
- if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
|
|
|
- isRearOpenRunning = true;
|
|
|
+ }
|
|
|
+ if (selectData.rearGateOpen == '0' && selectData.rearGateClose == '0' && !isRearOpenRunning) {
|
|
|
+ isRearOpenRunning = true;
|
|
|
|
|
|
- if (rearDeviceState != 1) {
|
|
|
- rearDeviceState = 1;
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
- play(3, timeScale);
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- frontDoorIsOpen.value = true;
|
|
|
- }
|
|
|
+ if (rearDeviceState != 1) {
|
|
|
+ rearDeviceState = 1;
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
+ play(3, timeScale);
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
+ frontDoorIsOpen.value = true;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- if (selectData.rearGateClose == '1' && selectData.rearGateOpen == '0' && isRearOpenRunning) {
|
|
|
- isRearOpenRunning = false;
|
|
|
- if (rearDeviceState != 0) {
|
|
|
- rearDeviceState = 0;
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
|
|
|
- play(4, timeScale);
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- }
|
|
|
+ if (selectData.rearGateClose == '1' && selectData.rearGateOpen == '0' && isRearOpenRunning) {
|
|
|
+ isRearOpenRunning = false;
|
|
|
+ if (rearDeviceState != 0) {
|
|
|
+ rearDeviceState = 0;
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
|
|
|
+ play(4, timeScale);
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- if (selectData.midGateOpen == '1' && selectData.midGateClose == '0' && !isMidOpenRunning) {
|
|
|
- isMidOpenRunning = true;
|
|
|
+ if (selectData.midGateOpen == '1' && selectData.midGateClose == '0' && !isMidOpenRunning) {
|
|
|
+ isMidOpenRunning = true;
|
|
|
|
|
|
- if (midDeviceState != 1) {
|
|
|
- midDeviceState = 1;
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
- play(8, timeScale);
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- frontDoorIsOpen.value = true;
|
|
|
- }
|
|
|
+ if (midDeviceState != 1) {
|
|
|
+ midDeviceState = 1;
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
+ play(8, timeScale);
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
+ frontDoorIsOpen.value = true;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- if (selectData.midGateOpen == '0' && selectData.midGateClose == '0' && !isMidOpenRunning) {
|
|
|
- isMidOpenRunning = true;
|
|
|
+ if (selectData.midGateOpen == '0' && selectData.midGateClose == '0' && !isMidOpenRunning) {
|
|
|
+ isMidOpenRunning = true;
|
|
|
|
|
|
- if (midDeviceState != 1) {
|
|
|
- midDeviceState = 1;
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
- play(8, timeScale);
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- frontDoorIsOpen.value = true;
|
|
|
- }
|
|
|
+ if (midDeviceState != 1) {
|
|
|
+ midDeviceState = 1;
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(3, timeScale) : play(3);
|
|
|
+ play(8, timeScale);
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
+ frontDoorIsOpen.value = true;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- if (selectData.midGateClose == '1' && selectData.midGateOpen == '0' && isMidOpenRunning) {
|
|
|
- isMidOpenRunning = false;
|
|
|
- if (midDeviceState != 0) {
|
|
|
- midDeviceState = 0;
|
|
|
- // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
|
|
|
- play(9, timeScale);
|
|
|
- backDoorIsOpen.value = false;
|
|
|
- }
|
|
|
+ if (selectData.midGateClose == '1' && selectData.midGateOpen == '0' && isMidOpenRunning) {
|
|
|
+ isMidOpenRunning = false;
|
|
|
+ if (midDeviceState != 0) {
|
|
|
+ midDeviceState = 0;
|
|
|
+ // import.meta.env.VITE_GLOB_IS_SIMULATE ? play(4, timeScale) : play(4);
|
|
|
+ play(9, timeScale);
|
|
|
+ backDoorIsOpen.value = false;
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- function playWindowAnimation(data, maxarea = 90, isFirst = false) {
|
|
|
- computePlay(data, maxarea, isFirst);
|
|
|
- }
|
|
|
+function playWindowAnimation(data, maxarea = 90, isFirst = false) {
|
|
|
+ computePlay(data, maxarea, isFirst);
|
|
|
+}
|
|
|
|
|
|
- function handleCancel() {
|
|
|
- modalIsShow.value = false;
|
|
|
- modalTitle.value = '';
|
|
|
- modalType.value = '';
|
|
|
- }
|
|
|
+function handleCancel() {
|
|
|
+ modalIsShow.value = false;
|
|
|
+ modalTitle.value = '';
|
|
|
+ modalType.value = '';
|
|
|
+}
|
|
|
|
|
|
- // // 远程、就地切换
|
|
|
- // function changeType() {
|
|
|
- // const data = {
|
|
|
- // deviceid: selectData.deviceID,
|
|
|
- // devicetype: selectData.deviceType,
|
|
|
- // paramcode: 'autoRoManualControl',
|
|
|
- // value: selectData.autoRoManual,
|
|
|
- // };
|
|
|
- // deviceControlApi(data).then(() => {
|
|
|
- // if (globalConfig.History_Type == 'remote') {
|
|
|
- // message.success('指令已下发至生产管控平台成功！');
|
|
|
- // } else {
|
|
|
- // message.success('指令已下发成功！');
|
|
|
- // }
|
|
|
- // });
|
|
|
- // }
|
|
|
+// // 远程、就地切换
|
|
|
+// function changeType() {
|
|
|
+// const data = {
|
|
|
+// deviceid: selectData.deviceID,
|
|
|
+// devicetype: selectData.deviceType,
|
|
|
+// paramcode: 'autoRoManualControl',
|
|
|
+// value: selectData.autoRoManual,
|
|
|
+// };
|
|
|
+// deviceControlApi(data).then(() => {
|
|
|
+// if (globalConfig.History_Type == 'remote') {
|
|
|
+// message.success('指令已下发至生产管控平台成功！');
|
|
|
+// } else {
|
|
|
+// message.success('指令已下发成功！');
|
|
|
+// }
|
|
|
+// });
|
|
|
+// }
|
|
|
|
|
|
- // async function getDataSource() {
|
|
|
- // dataSource.value = [];
|
|
|
- // const params = await resetFormParam();
|
|
|
- // if (stationType.value !== 'redis') {
|
|
|
- // const result = await defHttp.get({ url: '/safety/ventanalyMonitorData/listdays', params: params });
|
|
|
- // if (result['datalist']['records'].length > 0) {
|
|
|
- // dataSource.value = result['datalist']['records'].map((item: any) => {
|
|
|
- // return Object.assign(item, item['readData']);
|
|
|
- // });
|
|
|
- // } else {
|
|
|
- // dataSource.value = [];
|
|
|
- // }
|
|
|
- // } else {
|
|
|
- // const result = await defHttp.post({ url: '/monitor/history/getHistoryData', params: params });
|
|
|
- // dataSource.value = result['records'] || [];
|
|
|
- // }
|
|
|
- // }
|
|
|
- onMounted(async () => {
|
|
|
- const { query } = unref(currentRoute);
|
|
|
- if (query['deviceType']) deviceType.value = query['deviceType'] as string;
|
|
|
- modelList.value = await getDictItems('gateModel');
|
|
|
- loading.value = true;
|
|
|
- const playerDom = document.getElementById('fm-player1')?.getElementsByClassName('vjs-tech')[0];
|
|
|
- debugger;
|
|
|
- mountedThree(playerDom)
|
|
|
- .then(async () => {
|
|
|
- if (sysOrgCode != 'zmhjhzmy') {
|
|
|
- await getMonitor(true);
|
|
|
+// async function getDataSource() {
|
|
|
+// dataSource.value = [];
|
|
|
+// const params = await resetFormParam();
|
|
|
+// if (stationType.value !== 'redis') {
|
|
|
+// const result = await defHttp.get({ url: '/safety/ventanalyMonitorData/listdays', params: params });
|
|
|
+// if (result['datalist']['records'].length > 0) {
|
|
|
+// dataSource.value = result['datalist']['records'].map((item: any) => {
|
|
|
+// return Object.assign(item, item['readData']);
|
|
|
+// });
|
|
|
+// } else {
|
|
|
+// dataSource.value = [];
|
|
|
+// }
|
|
|
+// } else {
|
|
|
+// const result = await defHttp.post({ url: '/monitor/history/getHistoryData', params: params });
|
|
|
+// dataSource.value = result['records'] || [];
|
|
|
+// }
|
|
|
+// }
|
|
|
+onMounted(async () => {
|
|
|
+ const { query } = unref(currentRoute);
|
|
|
+ if (query['deviceType']) deviceType.value = query['deviceType'] as string;
|
|
|
+ modelList.value = await getDictItems('gateModel');
|
|
|
+ loading.value = true;
|
|
|
+ const playerDom = document.getElementById('fm-player1')?.getElementsByClassName('vjs-tech')[0];
|
|
|
+ debugger;
|
|
|
+ mountedThree(playerDom)
|
|
|
+ .then(async () => {
|
|
|
+ if (sysOrgCode != 'zmhjhzmy') {
|
|
|
+ await getMonitor(true);
|
|
|
+ loading.value = false;
|
|
|
+ } else {
|
|
|
+ // 韩咀无风门设备,只有报警历史数据,无其他数据
|
|
|
+ setModelType('fm1').then(async () => {
|
|
|
loading.value = false;
|
|
|
- } else {
|
|
|
- // 韩咀无风门设备,只有报警历史数据,无其他数据
|
|
|
- setModelType('fm1').then(async () => {
|
|
|
- loading.value = false;
|
|
|
- dataSource.value = [];
|
|
|
- addMonitorText(selectData);
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- debugger;
|
|
|
- });
|
|
|
- });
|
|
|
+ dataSource.value = [];
|
|
|
+ addMonitorText(selectData);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ debugger;
|
|
|
+ });
|
|
|
+});
|
|
|
|
|
|
- onBeforeUnmount(() => {
|
|
|
- getDeviceBaseList();
|
|
|
- });
|
|
|
+onBeforeUnmount(() => {
|
|
|
+ getDeviceBaseList();
|
|
|
+});
|
|
|
|
|
|
- onUnmounted(() => {
|
|
|
- removeCamera();
|
|
|
- if (timer) {
|
|
|
- clearTimeout(timer);
|
|
|
- timer = undefined;
|
|
|
- }
|
|
|
- destroy();
|
|
|
- });
|
|
|
+onUnmounted(() => {
|
|
|
+ removeCamera();
|
|
|
+ if (timer) {
|
|
|
+ clearTimeout(timer);
|
|
|
+ timer = undefined;
|
|
|
+ }
|
|
|
+ destroy();
|
|
|
+});
|
|
|
</script>
|
|
|
,
|
|
|
<style lang="less" scoped>
|
|
|
- @import '/@/design/theme.less';
|
|
|
- @import '/@/design/vent/modal.less';
|
|
|
- .scene-box {
|
|
|
- .bottom-tabs-box {
|
|
|
- height: 350px;
|
|
|
- }
|
|
|
+@import '/@/design/theme.less';
|
|
|
+@import '/@/design/vent/modal.less';
|
|
|
+.scene-box {
|
|
|
+ .bottom-tabs-box {
|
|
|
+ height: 350px;
|
|
|
}
|
|
|
- .button-box {
|
|
|
- border: none !important;
|
|
|
- height: 34px !important;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- background: var(--vent-device-manager-control-btn-hover) !important;
|
|
|
- }
|
|
|
-
|
|
|
- &::before {
|
|
|
- height: 27px !important;
|
|
|
- background: var(--vent-device-manager-control-btn) !important;
|
|
|
- }
|
|
|
+}
|
|
|
+.button-box {
|
|
|
+ border: none !important;
|
|
|
+ height: 34px !important;
|
|
|
|
|
|
- &::after {
|
|
|
- top: 35px !important;
|
|
|
- }
|
|
|
+ &:hover {
|
|
|
+ background: var(--vent-device-manager-control-btn-hover) !important;
|
|
|
}
|
|
|
|
|
|
- :deep(.@{ventSpace}-tabs-tabpane-active) {
|
|
|
- height: 100%;
|
|
|
+ &::before {
|
|
|
+ height: 27px !important;
|
|
|
+ background: var(--vent-device-manager-control-btn) !important;
|
|
|
}
|
|
|
|
|
|
- ::-webkit-scrollbar-thumb {
|
|
|
- -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
- background: #4288a444;
|
|
|
- }
|
|
|
- :deep(.zxm-radio-disabled + span) {
|
|
|
- color: var(--vent-font-color) !important;
|
|
|
- }
|
|
|
- :deep(.zxm-radio-disabled .zxm-radio-inner::after) {
|
|
|
- background-color: #127cb5 !important;
|
|
|
- }
|
|
|
- :deep(.@{ventSpace}-picker-datetime-panel) {
|
|
|
- height: 200px !important;
|
|
|
- overflow-y: auto !important;
|
|
|
+ &::after {
|
|
|
+ top: 35px !important;
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.@{ventSpace}-tabs-tabpane-active) {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+::-webkit-scrollbar-thumb {
|
|
|
+ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+ background: #4288a444;
|
|
|
+}
|
|
|
+:deep(.zxm-radio-disabled + span) {
|
|
|
+ color: var(--vent-font-color) !important;
|
|
|
+}
|
|
|
+:deep(.zxm-radio-disabled .zxm-radio-inner::after) {
|
|
|
+ background-color: #127cb5 !important;
|
|
|
+}
|
|
|
+:deep(.@{ventSpace}-picker-datetime-panel) {
|
|
|
+ height: 200px !important;
|
|
|
+ overflow-y: auto !important;
|
|
|
+}
|
|
|
</style>
|
