|
|
@@ -33,9 +33,8 @@
|
|
|
'card-item',
|
|
|
{
|
|
|
selected: selectedIndex === index,
|
|
|
- 'card-itemN': item.isNewAccess,
|
|
|
- 'card-itemL': !item.isNewAccess && item.linkstatus,
|
|
|
- 'card-itemD': !item.isNewAccess && !item.linkstatus,
|
|
|
+ 'card-itemL': item.linkstatus,
|
|
|
+ 'card-itemD': !item.linkstatus,
|
|
|
},
|
|
|
]" @click="cardClick(item, index)">
|
|
|
<div class="card-item-label">{{ item.strname }}</div>
|
|
|
@@ -153,7 +152,8 @@
|
|
|
<div class="detail-content" v-if="activeKey == 'manageAuto'">
|
|
|
|
|
|
<a-table size="small" :scroll="{ y: 710 }" :row-key="(record) => record.stationId"
|
|
|
- :expandedRowKeys="expandedRowKeys" :columns="columnsDetail" :data-source="tableData1" @expand="tableExpand">
|
|
|
+ :expandedRowKeys="expandedRowKeys" :columns="columnsDetail130" :data-source="tableData1"
|
|
|
+ @expand="tableExpand">
|
|
|
|
|
|
<template #bodyCell="{ column, text }"></template>
|
|
|
<template #expandedRowRender="{ record }">
|
|
|
@@ -217,6 +217,10 @@
|
|
|
</a-select>
|
|
|
<a-button type="success" @click="getDeviceList">读取</a-button>
|
|
|
</a-form-item> -->
|
|
|
+ <a-form-item label="地址:">
|
|
|
+ <a-input v-model:value="formEdit.dz" placeholder="请输入" style="width: 260px; margin-right: 10px" />
|
|
|
+ <a-button class="down-btn" type="primary" @click="handleClick('地址')">下发</a-button>
|
|
|
+ </a-form-item>
|
|
|
<a-form-item label="探头距离:">
|
|
|
<a-input v-model:value="formEdit.ttjl" placeholder="请输入" style="width: 260px; margin-right: 10px" />
|
|
|
<a-button class="down-btn" type="primary" @click="handleClick('探头距离')">下发</a-button>
|
|
|
@@ -302,10 +306,6 @@
|
|
|
style="width: 260px; margin-right: 10px" />
|
|
|
<a-button class="down-btn" type="primary" @click="handleClick('第一路485波特率')">下发</a-button>
|
|
|
</a-form-item>
|
|
|
- <a-form-item label="保存密码:">
|
|
|
- <a-input v-model:value="formEdit.bcmm" placeholder="请输入" style="width: 260px; margin-right: 10px" />
|
|
|
- <a-button class="down-btn" type="primary" @click="handleClick('保存密码')">下发</a-button>
|
|
|
- </a-form-item>
|
|
|
<a-form-item label="复位:">
|
|
|
<a-input v-model:value="formEdit.fw" placeholder="请输入" style="width: 260px; margin-right: 10px" />
|
|
|
<a-button class="down-btn" type="primary" @click="handleClick('复位')">下发</a-button>
|
|
|
@@ -314,12 +314,24 @@
|
|
|
<a-input v-model:value="formEdit.range" placeholder="请输入" style="width: 260px; margin-right: 10px" />
|
|
|
<a-button class="down-btn" type="primary" @click="handleClick('浮动范围')">下发</a-button>
|
|
|
</a-form-item>
|
|
|
+ <a-form-item label="测试模式:">
|
|
|
+ <a-select ref="select" v-model:value="formEdit.csms" placeholder="请选择..."
|
|
|
+ style="width: 260px; margin-right: 10px">
|
|
|
+ <a-select-option v-for="(item, index) in optionList" :key="index" :value="item.value">{{ item.label
|
|
|
+ }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ <a-button class="down-btn" type="primary" @click="handleClick('测试模式')">下发</a-button>
|
|
|
+ </a-form-item>
|
|
|
<a-form-item label="测试风速:">
|
|
|
<a-input v-model:value="formEdit.csfs" placeholder="请输入" style="width: 260px; margin-right: 10px" />
|
|
|
<a-button class="down-btn" type="primary" @click="handleClick('测试风速')">下发</a-button>
|
|
|
</a-form-item>
|
|
|
<a-form-item label="测试风向:">
|
|
|
- <a-input v-model:value="formEdit.csfx" placeholder="请输入" style="width: 260px; margin-right: 10px" />
|
|
|
+ <a-select ref="select" v-model:value="formEdit.csfx" placeholder="请选择..."
|
|
|
+ style="width: 260px; margin-right: 10px">
|
|
|
+ <a-select-option v-for="(item, index) in optionList1" :key="index" :value="item.value">{{ item.label
|
|
|
+ }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
<a-button class="down-btn" type="primary" @click="handleClick('测试风向')">下发</a-button>
|
|
|
</a-form-item>
|
|
|
</a-form>
|
|
|
@@ -365,7 +377,7 @@ import {
|
|
|
// remove158Device
|
|
|
} from '../safetyList.api';
|
|
|
|
|
|
-import { columnsDetail, columns, deviceColumns130 } from '../safetyList.data';
|
|
|
+import { columnsDetail130, columns, deviceColumns130, optionList, optionList1, derictList, pagination } from '../safetyList.data';
|
|
|
|
|
|
import customHeader from '/@/components/vent/customHeader.vue';
|
|
|
import operateRecord from './operateRecord.vue'
|
|
|
@@ -391,19 +403,13 @@ let openNum = ref(0);
|
|
|
let clsoeNum = ref(0);
|
|
|
let tableData = ref<any[]>([]);
|
|
|
let tableData1 = ref<any[]>([]);
|
|
|
-//分页参数配置
|
|
|
-let pagination = reactive({
|
|
|
- current: 1, // 当前页码
|
|
|
- pageSize: 20, // 每页显示条数
|
|
|
- total: 0, // 总条目数，后端返回
|
|
|
- // showTotal: (total, range) => `${range[0]}-${range[1]} 条，总共 ${total} 条`, // 分页右下角显示信息
|
|
|
- showSizeChanger: true, // 是否可改变每页显示条数
|
|
|
- pageSizeOptions: ['10', '20', '30', '40', '50', '100'], // 可选的每页显示条数
|
|
|
-});
|
|
|
+
|
|
|
let visibleModalEdit = ref(false);
|
|
|
let visibleModalEdit1 = ref(false);
|
|
|
let formEdit = reactive({
|
|
|
id: '',
|
|
|
+ dz: '',
|
|
|
+ csms: '',
|
|
|
ttjl: '',
|
|
|
jxjl: '',
|
|
|
jd: '',
|
|
|
@@ -425,7 +431,6 @@ let formEdit = reactive({
|
|
|
dbjyz: '',
|
|
|
bjsn: '',
|
|
|
dyl485btl: '',
|
|
|
- bcmm: '',
|
|
|
fw: '',
|
|
|
range: '',
|
|
|
csfs: '',
|
|
|
@@ -464,10 +469,7 @@ let visibleModalDebug = ref(false);
|
|
|
let debugFlag = ref('');
|
|
|
let debugStationId = ref('');
|
|
|
let debugDeviceId = ref('');
|
|
|
-let derictList = reactive<any[]>([
|
|
|
- { label: '正向', value: '0' },
|
|
|
- { label: '反向', value: '1' },
|
|
|
-]);
|
|
|
+
|
|
|
let devStationId = ref('');
|
|
|
let stationId = ref('');
|
|
|
|
|
|
@@ -476,8 +478,9 @@ let visibleModalDebugEnd = ref(false);
|
|
|
let startupDataDebugEnd = reactive({
|
|
|
pwd: '',
|
|
|
});
|
|
|
-
|
|
|
let operationData = ref<any[]>([])//操作记录列表
|
|
|
+
|
|
|
+
|
|
|
//定时刷新左侧分站数据
|
|
|
let timer: null | NodeJS.Timeout = null;
|
|
|
function getMonitor(flag = false) {
|
|
|
@@ -557,7 +560,7 @@ async function onChangeTab(tab) {
|
|
|
activeKey.value = tab;
|
|
|
stationId.value = ''
|
|
|
clearTimeout(timer);
|
|
|
- timer = undefined
|
|
|
+ clearTimeout(timer3)
|
|
|
if (activeKey.value == 'device') {
|
|
|
// await getSubStationList();
|
|
|
// await getStationList1();
|
|
|
@@ -570,10 +573,12 @@ async function onChangeTab(tab) {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-//弹窗关闭
|
|
|
+//弹窗关闭清空数据
|
|
|
function cancenModal() {
|
|
|
- clearTimeout(timer2)
|
|
|
+ // clearTimeout(timer2)
|
|
|
formEdit.id = ''
|
|
|
+ formEdit.dz = ''
|
|
|
+ formEdit.csms = ''
|
|
|
formEdit.ttjl = ''
|
|
|
formEdit.jxjl = ''
|
|
|
formEdit.jd = ''
|
|
|
@@ -595,7 +600,6 @@ function cancenModal() {
|
|
|
formEdit.dbjyz = ''
|
|
|
formEdit.bjsn = ''
|
|
|
formEdit.dyl485btl = ''
|
|
|
- formEdit.bcmm = ''
|
|
|
formEdit.fw = ''
|
|
|
formEdit.range = ''
|
|
|
formEdit.csfs = ''
|
|
|
@@ -615,14 +619,14 @@ function cancenModal() {
|
|
|
//获取详细信息列表
|
|
|
async function getStationList() {
|
|
|
let res = await get130List();
|
|
|
- res.forEach((el) => {
|
|
|
- el.linkstatusC = el.linkstatus ? '连接' : '断开';
|
|
|
- el.key = el.stationId
|
|
|
+ tableData1.value = res.map((el: any) => {
|
|
|
el.devInfoList = el.devInfoList.map(v => {
|
|
|
- return { ...v, ...v.param }
|
|
|
+ return { ...v, ...v.param, stationId: el.id }
|
|
|
})
|
|
|
+ el.key = el.id
|
|
|
+ el = { ...el, ...el.station130Param }
|
|
|
+ return el
|
|
|
});
|
|
|
- tableData1.value = res;
|
|
|
}
|
|
|
// //传感器选项切换
|
|
|
// function changeCgq(val) {
|
|
|
@@ -633,6 +637,7 @@ async function handleEdit(record) {
|
|
|
// cgqList.length = 0;
|
|
|
visibleModalEdit1.value = true;
|
|
|
devStationId.value = record.stationId;
|
|
|
+ formEdit.id = record.id
|
|
|
// let res = await get130StationDevices({ stationId: devStationId.value });
|
|
|
// if (res.length != 0) {
|
|
|
// res.forEach((el) => {
|
|
|
@@ -644,134 +649,166 @@ async function handleEdit(record) {
|
|
|
//下发
|
|
|
async function handleClick(data) {
|
|
|
switch (data) {
|
|
|
+ case '地址':
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'dz', value: formEdit.dz });
|
|
|
+ visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
+ getStationList();
|
|
|
+ break;
|
|
|
+ case '测试模式':
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'csms', value: formEdit.csms });
|
|
|
+ visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
+ getStationList();
|
|
|
+ break;
|
|
|
case '探头距离':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'ttjl', value: formEdit.ttjl });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'ttjl', value: formEdit.ttjl });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '基线距离':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'jxjl', value: formEdit.jxjl });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'jxjl', value: formEdit.jxjl });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '角度':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'jd', value: formEdit.jd });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'jd', value: formEdit.jd });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '开启时长':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'kqsz', value: formEdit.kqsz });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'kqsz', value: formEdit.kqsz });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '平滑周期':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'phzq', value: formEdit.phzq });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'phzq', value: formEdit.phzq });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '上行运放倍数':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'sxyfbs', value: formEdit.sxyfbs });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'sxyfbs', value: formEdit.sxyfbs });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '下行运放倍数':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xxyfbs', value: formEdit.xxyfbs });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xxyfbs', value: formEdit.xxyfbs });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '风道截面积':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'fdjmj', value: formEdit.fdjmj });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'fdjmj', value: formEdit.fdjmj });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '总体校准系数':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'ztxzxs', value: formEdit.ztxzxs });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'ztxzxs', value: formEdit.ztxzxs });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '校准系数一':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xzxs1', value: formEdit.xzxs1 });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xzxs1', value: formEdit.xzxs1 });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '校准系数二':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xzxs2', value: formEdit.xzxs2 });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xzxs2', value: formEdit.xzxs2 });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '校准系数三':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xzxs3', value: formEdit.xzxs3 });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xzxs3', value: formEdit.xzxs3 });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '校准系数四':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xzxs4', value: formEdit.xzxs4 });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xzxs4', value: formEdit.xzxs4 });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '校准系数五':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xzxs5', value: formEdit.xzxs5 });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xzxs5', value: formEdit.xzxs5 });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '校准系数六':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xzxs6', value: formEdit.xzxs6 });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xzxs6', value: formEdit.xzxs6 });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '校准系数b':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xzxsb', value: formEdit.xzxsb });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xzxsb', value: formEdit.xzxsb });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '系数b符号':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'xsbfh', value: formEdit.xsbfh });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'xsbfh', value: formEdit.xsbfh });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '高报警阈值':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'gbjyz', value: formEdit.gbjyz });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'gbjyz', value: formEdit.gbjyz });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '低报警阈值':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'dbjyz', value: formEdit.dbjyz });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'dbjyz', value: formEdit.dbjyz });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '报警使能':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'bjsn', value: formEdit.bjsn });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'bjsn', value: formEdit.bjsn });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '第一路485波特率':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'dyl485btl', value: formEdit.dyl485btl });
|
|
|
- visibleModalEdit1.value = false;
|
|
|
- getStationList();
|
|
|
- break;
|
|
|
- case '保存密码':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'bcmm', value: formEdit.bcmm });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'dyl485btl', value: formEdit.dyl485btl });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '复位':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'fw', value: formEdit.fw });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'fw', value: formEdit.fw });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '浮动范围':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'range', value: formEdit.range });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'range', value: formEdit.range });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '测试风速':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'csfs', value: formEdit.csfs });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'csfs', value: formEdit.csfs });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
case '测试风向':
|
|
|
- await set130StationData({ stationId: devStationId.value, deviceId: '', plcCode: 'csfx', value: formEdit.csfx });
|
|
|
+ await set130StationData({ stationId: devStationId.value, deviceId: formEdit.id, plcCode: 'csfx', value: formEdit.csfx });
|
|
|
visibleModalEdit1.value = false;
|
|
|
+ cancenModal()
|
|
|
getStationList();
|
|
|
break;
|
|
|
}
|
|
|
@@ -794,7 +831,7 @@ function cardClick(item, index) {
|
|
|
clearTimeout(timer3)
|
|
|
clearTimeout(timer)
|
|
|
selectedIndex.value = index; // 更新选中索引
|
|
|
- activeIndex.value = item.isNewAccess || !item.linkstatus ? index : null;
|
|
|
+ activeIndex.value = !item.linkstatus ? index : null;
|
|
|
stationName.value = item.strname;
|
|
|
stationStatus.value = item.linkstatus;
|
|
|
stationId.value = item.id;
|
hongrunxia
