0017
/
calibration-pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: 0017:ef11bd2b6b5b73b9347518151fa9a36aa51ac99b
Branches Tags
0017:master
..
compare: 0017:34675100bb80dff029b536eb359059262a4382f5
Branches Tags
0017:master

10 Commits
ef11bd2b6b ... 34675100bb

Author SHA1 Message Date
fhysy 34675100bb fast(dev): 调整config配置 2025-06-06 10:22:35 +08:00
fhysy e8d25e0eda fast(dev): 开发环境添加vite-plugin-vue-devtools 查看插件 2025-06-06 10:09:48 +08:00
fhysy 7f7702d37a fast(ui): 更新图标库和菜单图标 2025-03-27 15:23:25 +08:00
fhysy 1a2b068b4f fast(扫码录入): 添加扫码枪串口录入 2025-03-27 15:15:17 +08:00
fhysy 5ebb6625dc refactor(layout): 添加扫码录入页面和菜单 2025-03-25 10:34:24 +08:00
fhysy 9934f65ab6 refactor(layout): 注释掉部分菜单项并更新默认 MQTT 服务器地址 
- 注释掉了视频监控、北向任务配置和采集数据监视等菜单项
- 将断路器调试页面的 MQTT 服务器地址修改为 digital.drgyen.com
 2025-03-11 10:03:08 +08:00
fhysy 663c70bb9b fix(网关调试):调整设备基础参数字段，升级1.0.8 2024-12-06 15:33:42 +08:00
fhysy 8479aa3203 fix(网关调试):对接采集数据监视接口、调整南北向页面显示 2024-11-26 10:40:00 +08:00
fhysy 9b16a3bd58 fix(网关调试): 调整南向北向逻辑 2024-11-22 17:26:51 +08:00
fhysy 8e832298ec fix(网关调试): 初始化刷新table宽度，解决导出表格错误 2024-11-20 14:23:29 +08:00
21 changed files with 2849 additions and 2503 deletions
Show Stats Expand all files Collapse all files

1
.gitignore vendored
View File

@ -4,3 +4,4 @@ out
*.log* *.log*
/dist/ /dist/
/dist.zip /dist.zip
.idea

2
.idea/gateway-ui.iml
View File

@ -5,7 +5,9 @@
<excludeFolder url="file://$MODULE_DIR$/temp" /> <excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" /> <excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" /> <excludeFolder url="file://$MODULE_DIR$/tmp" />
<excludeFolder url="file://$MODULE_DIR$/node_modules" />
</content> </content>
<content url="file://$MODULE_DIR$/node_modules" />
<orderEntry type="inheritedJdk" /> <orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" /> <orderEntry type="sourceFolder" forTests="false" />
</component> </component>

6
electron.vite.config.mjs
View File

@ -1,6 +1,7 @@
import { resolve } from 'path' import { resolve } from 'path'
import { defineConfig, externalizeDepsPlugin } from 'electron-vite' import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
import vue from '@vitejs/plugin-vue' import vue from '@vitejs/plugin-vue'
import VueDevTools from 'vite-plugin-vue-devtools';
export default defineConfig({ export default defineConfig({
main: { main: {
@ -15,6 +16,9 @@ export default defineConfig({
'@renderer': resolve('src/renderer/src') '@renderer': resolve('src/renderer/src')
} }
}, },
plugins: [vue()] plugins: [
vue(),
VueDevTools()
]
} }
}) })

6
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "gateway-app", "name": "gateway-app",
"version": "1.0.7", "version": "1.0.9",
"description": "An Electron application with Vue", "description": "An Electron application with Vue",
"main": "./out/main/index.js", "main": "./out/main/index.js",
"author": "example.com", "author": "example.com",
@ -21,10 +21,11 @@
"@electron-toolkit/preload": "^3.0.1", "@electron-toolkit/preload": "^3.0.1",
"@electron-toolkit/utils": "^3.0.0", "@electron-toolkit/utils": "^3.0.0",
"axios": "^1.7.2", "axios": "^1.7.2",
"dayjs": "^1.11.11", "dayjs": "^1.11.13",
"electron-updater": "^6.1.7", "electron-updater": "^6.1.7",
"element-plus": "^2.7.6", "element-plus": "^2.7.6",
"file-saver": "^2.0.5", "file-saver": "^2.0.5",
"gateway-app": "file:",
"pinia": "^2.1.7", "pinia": "^2.1.7",
"vue-router": "^4.4.0", "vue-router": "^4.4.0",
"xlsx": "^0.18.5" "xlsx": "^0.18.5"
@ -43,6 +44,7 @@
"prettier": "^3.3.2", "prettier": "^3.3.2",
"sass": "^1.77.6", "sass": "^1.77.6",
"vite": "^5.3.1", "vite": "^5.3.1",
"vite-plugin-vue-devtools": "^7.7.6",
"vue": "^3.4.30" "vue": "^3.4.30"
} }
} }

BIN
resources/service/main.exe
View File

Binary file not shown.

2
src/renderer/index.html
View File

@ -9,7 +9,7 @@
<!-- http-equiv="Content-Security-Policy"--> <!-- http-equiv="Content-Security-Policy"-->
<!-- content="default-src 'self'; connect-src 'self' *; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"--> <!-- content="default-src 'self'; connect-src 'self' *; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"-->
<!-- />--> <!-- />-->
<script type="text/javascript" src="./videoplayer/EasyPlayer-element.min.js"></script> <script type="text/javascript" src="/videoplayer/EasyPlayer-element.min.js"></script>
</head> </head>
<body> <body>

18
src/renderer/src/assets/iconfont/iconfont.css
View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4622943 */ font-family: "iconfont"; /* Project id 4622943 */
src: url('iconfont.woff2?t=1729646274723') format('woff2'), src: url('iconfont.woff2?t=1743060096253') format('woff2'),
url('iconfont.woff?t=1729646274723') format('woff'), url('iconfont.woff?t=1743060096253') format('woff'),
url('iconfont.ttf?t=1729646274723') format('truetype'); url('iconfont.ttf?t=1743060096253') format('truetype');
} }
.iconfont { .iconfont {
@ -13,6 +13,18 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon--_saomaqiang:before {
content: "\e640";
}
.icon-qianzhaoyiqibiaoding:before {
content: "\e633";
}
.icon-zuobiaobiaoding:before {
content: "\e602";
}
.icon-com001:before { .icon-com001:before {
content: "\e62c"; content: "\e62c";
} }

BIN
src/renderer/src/assets/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
src/renderer/src/assets/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
src/renderer/src/assets/iconfont/iconfont.woff2
View File

Binary file not shown.

11
src/renderer/src/layout/Aside.vue
View File

@ -10,12 +10,13 @@ const settings = defineProps({
<el-scrollbar> <el-scrollbar>
<el-menu default-active="/system/switch" :collapse="settings.collapse" :router="true"> <el-menu default-active="/system/switch" :collapse="settings.collapse" :router="true">
<el-menu-item index="/system/switch"> <span class="iconfont icon-icon_duanluqi"></span> 断路器调试</el-menu-item> <el-menu-item index="/system/switch"> <span class="iconfont icon-icon_duanluqi"></span> 断路器调试</el-menu-item>
<el-menu-item index="/system/videoplayer"><span class="iconfont icon-icon_jiankong"></span> 视频监控</el-menu-item> <!-- <el-menu-item index="/system/videoplayer"><span class="iconfont icon-icon_jiankong"></span> 视频监控</el-menu-item>-->
<el-menu-item index="/system/serialport"><span class="iconfont icon-chuankou2"></span> 设备参数读写</el-menu-item> <el-menu-item index="/system/serialport"><span class="iconfont icon-chuankou2"></span> 设备参数读写</el-menu-item>
<el-menu-item index="/system/devicestandard"><span class="iconfont icon-icon_chajian"></span> 空开标定</el-menu-item> <el-menu-item index="/system/devicestandard"><span class="iconfont icon-qianzhaoyiqibiaoding"></span> 断路器标定</el-menu-item>
<el-menu-item index="/gateway/southdirection"><span class="iconfont icon-icon_chajian"></span> 南向采集配置</el-menu-item> <el-menu-item index="/system/scancodewrite"><span class="iconfont icon--_saomaqiang"></span> 扫码录入</el-menu-item>
<el-menu-item index="/gateway/northboundtask"><span class="iconfont icon-icon_chajian"></span> 北向任务配置</el-menu-item> <!-- <el-menu-item index="/gateway/southdirection"><span class="iconfont icon-icon_chajian"></span> 南向采集配置</el-menu-item>-->
<el-menu-item index="/gateway/collectdatamonitor"><span class="iconfont icon-icon_chajian"></span> 采集数据监视</el-menu-item> <!-- <el-menu-item index="/gateway/northboundtask"><span class="iconfont icon-icon_chajian"></span> 北向任务配置</el-menu-item>-->
<!-- <el-menu-item index="/gateway/collectdatamonitor"><span class="iconfont icon-icon_chajian"></span> 采集数据监视</el-menu-item>-->
<!-- <el-menu-item index="/system/test"><el-icon> <Menu /> </el-icon>测试</el-menu-item>--> <!-- <el-menu-item index="/system/test"><el-icon> <Menu /> </el-icon>测试</el-menu-item>-->
</el-menu> </el-menu>
</el-scrollbar> </el-scrollbar>

2
src/renderer/src/main.js
View File

@ -2,6 +2,7 @@ import '@renderer/assets/main.css'
import { createPinia } from 'pinia' import { createPinia } from 'pinia'
import { createApp } from 'vue' import { createApp } from 'vue'
import dayjs from 'dayjs'
import * as ElementPlusIconsVue from '@element-plus/icons-vue' import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import ElementPlus from 'element-plus' import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css' import 'element-plus/dist/index.css'
@ -10,6 +11,7 @@ import App from '@renderer/App.vue'
import router from '@renderer/router' import router from '@renderer/router'
const app = createApp(App) const app = createApp(App)
app.config.globalProperties.$dayjs = dayjs
for (const [key, component] of Object.entries(ElementPlusIconsVue)) { for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component) app.component(key, component)

9
src/renderer/src/router/index.js
View File

@ -44,6 +44,15 @@ const router = createRouter({
keepAlive: true keepAlive: true
} }
}, },
{
path: 'scancodewrite',
name: 'scancodewrite',
component: () => import('@renderer/views/system/scancodewrite/index.vue'),
meta: {
menu: 'scancodewrite',
keepAlive: true
}
},
{ {
path: 'devicestandard', path: 'devicestandard',
name: 'devicestandard', name: 'devicestandard',

37
src/renderer/src/util/config.js
View File

@ -16,22 +16,27 @@
// wsUrl: 'ws://127.0.0.1:8000' // wsUrl: 'ws://127.0.0.1:8000'
// } // }
// export default { export default {
// url: 'http://127.0.0.1:8888', url: 'http://127.0.0.1:8888',
// wsUrl: 'ws://127.0.0.1:8888', wsUrl: 'ws://127.0.0.1:8888',
// swichWsUrl: 'ws://127.0.0.1:8001', swichWsUrl: 'ws://127.0.0.1:8001',
// serialPortUrl: 'http://127.0.0.1:8888', serialPortUrl: 'http://127.0.0.1:8888',
//
// // 远程连接串口使用 // url: 'http://192.168.1.17:8000',
// // serialPortUrl: 'http://120.77.172.42:7202', // wsUrl: 'ws://192.168.1.17:8000',
// // serialPortUrl: 'http://192.168.1.17:8888', // swichWsUrl: 'ws://192.168.1.17:8001',
// } // serialPortUrl: 'http://192.168.1.17:8000',
// 远程连接串口使用
// serialPortUrl: 'http://120.77.172.42:7202',
// serialPortUrl: 'http://192.168.1.17:8888',
}
// 手动配置的地址 // 手动配置的地址
export default { // export default {
url: 'http://192.168.1.17:8000', // url: 'http://192.168.1.17:8000',
wsUrl: 'ws://192.168.1.17:8000', // wsUrl: 'ws://192.168.1.17:8000',
swichWsUrl: 'ws://192.168.1.17:8001', // swichWsUrl: 'ws://192.168.1.17:8001',
serialPortUrl: 'http://127.0.0.1:8888', // serialPortUrl: 'http://192.168.1.17:8000',
} // }

439
src/renderer/src/views/gateway/collectdatamonitor.vue
View File

@ -1,273 +1,240 @@
<template> <template>
<div id="southdirection-box"> <div id="southdirection-box">
<div class="device-config"> <div class="device-config">
<h2>设备状态</h2> <h2>设备状态</h2>
<div class="btn-list"> <div class="btn-list">
<div class="btn-list-left"> <div class="btn-list-left"></div>
</div> <div class="btn-list-right">
<div class="btn-list-right"> <el-button type="primary" @click="getDeviceList">刷新</el-button>
<el-button type="primary" @click="getDeviceConfig">刷新</el-button> </div>
</div> </div>
</div> <div class="table-box">
<div class="table-box"> <el-table
<el-table ref="deviceConfigTableRef"
ref="deviceConfigTableRef" highlight-current-row
highlight-current-row :data="deviceList"
:data="deviceConfigList" border
border height="187"
height="187" :style="{ width: tabelBox + 'px', background: '#f2f2f2' }"
@row-click="deviceConfigClick" empty-text="配置为空"
:style="{ width: tabelBox + 'px',background:'#f2f2f2' }" @row-click="deviceConfigClick"
empty-text="配置为空" >
> <el-table-column type="index" label="序号" align="center" width="60" />
<el-table-column type="index" label="序号" align="center" width="60" /> <el-table-column prop="equipId" label="设备ID" align="center" />
<el-table-column prop="equipId" label="设备ID" align="center"/> <el-table-column prop="quality" label="通讯质量" align="center" />
<el-table-column prop="communicationQuality" label="通讯质量" align="center"/> <el-table-column prop="status" label="运行状态" align="center" />
<el-table-column prop="state" label="运行状态" align="center"/> <el-table-column prop="status" label="开启状态" align="center">
<el-table-column prop="equipName" label="临时停止" align="center"> <template #default="scope">
<template #default="scope"> <el-switch v-model="scope.row.status" :before-change="handleBeforeChange.bind(this, scope.$index)" />
<el-switch v-model="scope.row.isStart" /> </template>
</template> </el-table-column>
</el-table-column> </el-table>
</el-table> </div>
</div> </div>
</div> <div class="data-config">
<div class="data-config"> <h2>数据源配置 {{ activeDeviceConfig.equipId || '' }}</h2>
<h2>数据源配置</h2> <div class="btn-list">
<div class="btn-list"> <div class="btn-list-left"></div>
<div class="btn-list-left"> <div class="btn-list-right">
</div> <el-button type="primary" @click="getDeviceConfig">刷新</el-button>
<div class="btn-list-right"> </div>
<el-button type="primary" @click="getDeviceConfig">刷新</el-button> </div>
</div> <div class="table-box">
</div> <el-table ref="deviceDataTableRef" :data="activeDeviceConfig.result" border size="small" height="100%" :style="{ width: tabelBox + 'px' }" empty-text="配置为空">
<div class="table-box"> <el-table-column type="index" label="序号" align="center" width="60" fixed />
<el-table <el-table-column prop="id" label="设备ID_数据ID" align="center">
:data="activeDeviceConfig" <template #default="scope">
border {{ activeDeviceConfig.equipId + '_' + scope.row.id }}
size="small" </template>
height="100%" </el-table-column>
ref="deviceDataTableRef" <el-table-column prop="dataName" label="数据名" align="center" />
:style="{ width: tabelBox + 'px' }" <el-table-column prop="dataValue" label="当前值" align="center" />
empty-text="配置为空" <el-table-column prop="dataUnit" label="单位" align="center" />
> <el-table-column prop="time" label="时间" align="center" />
<el-table-column type="index" label="序号" align="center" width="60" fixed /> <!-- <el-table-column label="操作" width="55" fixed="right" align="center">-->
<el-table-column prop="dataId" label="设备ID_数据ID" align="center" />
<el-table-column prop="dataName" label="数据名" align="center" />
<el-table-column prop="dataDesc" label="描述" align="center" />
<el-table-column prop="value" label="当前值" align="center" />
<el-table-column prop="timeStamp" label="时间" align="center" />
<el-table-column label="操作" width="55" fixed="right" align="center">
<!-- <template #default="scope">--> <!-- <template #default="scope">-->
<!-- <el-button link type="danger" size="small" @click.stop="delDeviceDataConfig(scope.$index)">删除</el-button>--> <!-- <el-button link type="danger" size="small" @click.stop="delDeviceDataConfig(scope.$index)">删除</el-button>-->
<!-- </template>--> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
</el-table> </el-table>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<script setup> <script setup>
import { reactive, ref, onMounted, onUnmounted, computed, watch } from "vue" import { ref, onMounted, onUnmounted } from 'vue';
import { ElMessage, ElMessageBox } from "element-plus" import { ElMessage } from 'element-plus';
import axios from "axios" import axios from 'axios';
import config from '@renderer/util/config.js'; import config from '@renderer/util/config.js';
const deviceConfigTableRef = ref(); const deviceConfigTableRef = ref();
const deviceDataTableRef = ref(); const deviceDataTableRef = ref();
const tabelBox = ref(884) const tabelBox = ref(884);
const deviceConfigList = ref([ const deviceList = ref([]);
{
"equipId": "dev102", // 设备ID
"communicationQuality": "good",
"state":true,
"isStart":false,
"dataList":[
{
"dataId":'WUHaNG-ELOT A01',
"dataName":'A01',
"dataDesc":'炉体进水流量',
"value":'-1.17549',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A02',
"dataName":'A02',
"dataDesc":'炉体出水流量',
"value":'-1.71603',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A03',
"dataName":'A03',
"dataDesc":'炉盖进水流量',
"value":'-0.447121',
"timeStamp":'2024-09-11 11:44:52.721',
}
]
},
{
"equipId": "dev103", // 设备ID
"communicationQuality": "good",
"state":true,
"isStart":false,
"dataList":[
{
"dataId":'WUHaNG-ELOT A01',
"dataName":'A01',
"dataDesc":'炉体进水流量',
"value":'-1.17549',
"timeStamp":'2024-09-11 11:44:52.721',
}
]
},
{
"equipId": "dev104", // 设备ID
"communicationQuality": "good",
"state":true,
"isStart":false,
"dataList":[
{
"dataId":'WUHaNG-ELOT A01',
"dataName":'A01',
"dataDesc":'炉体进水流量',
"value":'-1.17549',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A02',
"dataName":'A02',
"dataDesc":'炉体出水流量',
"value":'-1.71603',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A03',
"dataName":'A03',
"dataDesc":'炉盖进水流量',
"value":'-0.447121',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A02',
"dataName":'A02',
"dataDesc":'炉体出水流量',
"value":'-1.71603',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A03',
"dataName":'A03',
"dataDesc":'炉盖进水流量',
"value":'-0.447121',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A02',
"dataName":'A02',
"dataDesc":'炉体出水流量',
"value":'-1.71603',
"timeStamp":'2024-09-11 11:44:52.721',
},
{
"dataId":'WUHaNG-ELOT A03',
"dataName":'A03',
"dataDesc":'炉盖进水流量',
"value":'-0.447121',
"timeStamp":'2024-09-11 11:44:52.721',
}
]
}
]);
const getDeviceConfig = () => {
console.log('获取配置')
}
//当选中索引 //当选中索引
const ActiveRowIndex = ref(0); const ActiveRowIndex = ref(0);
const activeDeviceConfig = ref([]) const activeDeviceConfig = ref({
equipId: '',
status: false,
result: []
});
const getDeviceDataList = id => {
// console.log('获取设备列表')
axios
.get(config.url + '/data/collect?equipId=' + id, {})
.then(response => {
// 成功响应后的处理
if (response.data.code == 0) {
//缓存上下行主题
activeDeviceConfig.value = {
equipId: response.data.data.equipId || '',
status: response.data.data.status || false,
result: response.data.data.result || []
};
// activeDeviceResult.value = response.data.data.result || []
} else {
ElMessage.error(response.data.message);
}
})
.catch(error => {
// 错误处理
console.error(error); // 打印错误信息
ElMessage.error(error);
});
};
// watch( const getDeviceList = () => {
// () => ({ ...activeDeviceConfig.value }), // console.log('获取设备列表')
// (newVal) => { axios
// // console.log("数据变化",newVal) .get(config.url + '/data/equip/list', {})
// deviceConfigList.value[ActiveRowIndex.value] = newVal; .then(response => {
// }, // 成功响应后的处理
// { deep: true } if (response.data.code == 0) {
// ); //缓存上下行主题
deviceList.value = response.data.data.equips || [];
if (deviceList.value.length > ActiveRowIndex.value) {
getDeviceDataList(deviceList.value[ActiveRowIndex.value].equipId);
} else if (deviceList.value.length > 0) {
getDeviceDataList(deviceList.value[0].equipId);
} else {
activeDeviceConfig.value = {
equipId: '',
starus: false,
result: []
};
// activeDeviceResult.value = []
}
} else {
ElMessage.error(response.data.message);
}
})
.catch(error => {
// 错误处理
console.error(error); // 打印错误信息
ElMessage.error(error);
});
};
const getDeviceConfig = () => {
getDeviceDataList(deviceList.value[ActiveRowIndex.value].equipId);
};
const handleBeforeChange = index => {
console.log('e', index);
return new Promise((resolve, reject) => {
let deviceObj = deviceList.value[index];
console.log('deviceObj', deviceObj.status);
let url = config.url + '/data/collect/start?equipId=' + deviceObj.equipId;
if (deviceObj.status) {
url = config.url + '/data/collect/end?taskId=' + deviceObj.equipId;
}
// 发送 axios.get 请求
axios
.get(url)
.then(response => {
console.log('response', response);
if (response.data.code === 0) {
// 请求成功且状态为 ok，允许改变开关状态
if (deviceObj.status) {
ElMessage.success('关闭成功');
} else {
ElMessage.success('开启成功');
}
deviceList.value[index].status = !deviceList.value[index].status;
getDeviceList();
resolve();
} else {
// 请求成功但状态不为 ok，阻止改变开关状态
ElMessage.error(response.data.message);
reject();
}
})
.catch(error => {
// 请求失败，阻止改变开关状态
ElMessage.error(error.data.message);
reject();
});
});
};
//选择设备配置 //选择设备配置
const deviceConfigClick = (e) => { const deviceConfigClick = e => {
console.log(`current page:`,e) getDeviceDataList(e.equipId);
activeDeviceConfig.value = e.dataList; deviceConfigTableRef.value.toggleRowSelection(e);
deviceConfigTableRef.value.toggleRowSelection(e); ActiveRowIndex.value = deviceList.value.indexOf(e);
ActiveRowIndex.value = deviceConfigList.value.indexOf(e); };
// e.isDoubleClicked = !e.isDoubleClicked;
}
//更新表格宽度 //更新表格宽度
const handleResize = () => { const handleResize = () => {
deviceDataTableRef.value.doLayout(); deviceDataTableRef.value.doLayout();
tabelBox.value = window.innerWidth - 180 - 10 ; tabelBox.value = window.innerWidth - 180 - 10;
} };
onMounted(() => { onMounted(() => {
window.addEventListener('resize', handleResize); window.addEventListener('resize', handleResize);
if(deviceConfigList.value[0]){ getDeviceList();
activeDeviceConfig.value = deviceConfigList.value[0].dataList; handleResize();
ActiveRowIndex.value = 0;
}
}); });
onUnmounted(() => { onUnmounted(() => {
window.removeEventListener('resize', handleResize); window.removeEventListener('resize', handleResize);
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.el-table .double-clicked-row { .el-table .double-clicked-row {
background-color: #f0f9eb; background-color: #f0f9eb;
} }
:deep(.el-table .el-scrollbar) { :deep(.el-table .el-scrollbar) {
background: #fff; background: #fff;
} }
#southdirection-box{ #southdirection-box {
height: 100%; height: 100%;
.btn-list{ .btn-list {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 10px 0; padding: 10px 0;
} }
.device-config{ .device-config {
position: relative; position: relative;
overflow-y: auto; overflow-y: auto;
} }
.data-config{ .data-config {
position: relative; position: relative;
height: calc(100% - 278px); height: calc(100% - 278px);
.table-box{ .table-box {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: calc(100% - 162px); height: calc(100% - 162px);
} }
} }
.table-box{ .table-box {
//position: absolute; //position: absolute;
//width: 100%; //width: 100%;
} }
} }
</style> </style>

252
src/renderer/src/views/gateway/northboundtask.vue
View File

@ -68,7 +68,7 @@
<el-switch v-model="scope.row.pushConf.isUseResumeBrokenTransfer" /> <el-switch v-model="scope.row.pushConf.isUseResumeBrokenTransfer" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="protocol.params.linkPar" label="设备地址" > <el-table-column prop="tasks" label="任务ID" >
<template #default="scope"> <template #default="scope">
{{scope.row.tasks?scope.row.tasks.join():''}} {{scope.row.tasks?scope.row.tasks.join():''}}
</template> </template>
@ -97,9 +97,10 @@
empty-text="配置为空" empty-text="配置为空"
> >
<el-table-column type="index" label="序号" align="center" width="60" /> <el-table-column type="index" label="序号" align="center" width="60" />
<el-table-column prop="taskId" label="任务ID" > <el-table-column prop="taskId" label="任务ID" align="center">
<template #default="scope"> <template #default="scope">
<el-input v-model="scope.row.taskId" placeholder="请输入任务ID" /> {{scope.row.taskId}}
<!-- <el-input v-model="scope.row.taskId" placeholder="请输入任务ID" />-->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="uploadMode" label="上报策略" > <el-table-column prop="uploadMode" label="上报策略" >
@ -117,10 +118,10 @@
</div> </div>
</div> </div>
<div class="data-config"> <div class="data-config">
<h2>上报测点{{activeDeviceConfig.taskId}}</h2> <h2>上报测点 {{activeDeviceConfig.taskId}}</h2>
<div class="table-box"> <div class="table-box">
<el-table <el-table
:data="activeDeviceConfig.dataId_entire" :data="activeDeviceConfig.dataIdEntire"
border border
size="small" size="small"
height="100%" height="100%"
@ -130,8 +131,8 @@
> >
<el-table-column type="index" label="序号" align="center" width="60" fixed /> <el-table-column type="index" label="序号" align="center" width="60" fixed />
<el-table-column prop="equipId" label="设备ID" align="center"/> <el-table-column prop="equipId" label="设备ID" align="center"/>
<el-table-column prop="idInfo.id" label="数据ID" align="center"/> <el-table-column prop="idInfo[0].id" label="数据ID" align="center"/>
<el-table-column prop="idInfo.uploadMode" label="上报策略" align="center"/> <el-table-column prop="idInfo[0].uploadMode" label="上报策略" align="center"/>
</el-table> </el-table>
</div> </div>
</div> </div>
@ -288,209 +289,11 @@ const createFilter = (queryString) => {
} }
//北向任务列表（后面换请求获取） //北向任务列表（后面换请求获取）
const taskList = ref([ const taskList = ref([
{
"dataId_entire": [
{
"equipId": "dev102",
"idInfo": [{ "id": "", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
},
{
"equipId": "dev103",
"idInfo": [{ "id": "as", "uploadMode": "timer 10 || change 10" }]
}
],
"taskId": "T1",
"taskType": "",
"uploadMode": "timer 1 || change 0.1"
},
{
"dataId_entire": [
{
"equipId": "dev103",
"idInfo": [{ "id": "xc", "uploadMode": "" }]
}
],
"taskId": "T2",
"taskType": "",
"uploadMode": "timer 10 || change 1"
},
{
"dataId_entire": [],
"taskId": "T3",
"taskType": "",
"uploadMode": "timer 120 || change 0.1"
},
{
"dataId_entire": [],
"taskId": "T4",
"taskType": "",
"uploadMode": "timer 120 || change 1"
},
{
"dataId_entire": [],
"taskId": "T5",
"taskType": "",
"uploadMode": "timer 120 || change 3"
}
]); ]);
const platConfigTableRef = ref(); const platConfigTableRef = ref();
const deviceDataTableRef = ref(); const deviceDataTableRef = ref();
const tabelBox = ref(884) const tabelBox = ref(884)
const platConfigList = ref([]) const platConfigList = ref([])
// const platConfigList = ref([
// {
// // 平台IP地址
// "PlatformIp": "",
// // 任务列表
// "tasks": [
// "T1",
// "T2",
// "T3",
// "T4",
// "T5"
// ],
// // 平台类型
// "type": "",
// // MQTT配置
// "mqtt": {
// // MQTT用户名
// "user": "",
// // MQTT密码
// "passwd": "",
// // 是否使用SSL
// "isUseSsl": false,
// // 是否使用SSL配置
// "isUseSslConf": false,
// // SSL配置
// "sslConf": {
// // 本地证书文件
// "localCertificate_file": "/etc/custom/sslConf/pupu_core_3501000001.pem",
// // 私钥文件
// "privateKey_file": "/etc/custom/sslConf/pupu_core_3501000001.prv"
// }
// },
// // 推送配置
// "pushConf": {
// // 是否运行推送
// "isRun": true,
// // 是否使用断点续传
// "isUseResumeBrokenTransfer": false,
// // 断点续传配置
// "broken": {
// // 续传间隔时间（毫秒）
// "resume": {
// "intervalTime_ms": 1000
// },
// // 过滤配置
// "filter": {
// // 过滤时间窗口（秒）
// "filter_s": 600,
// // 相关任务ID列表
// "relevanceTaskId": [
// "T1",
// "T2",
// "T3",
// "T4",
// "T5"
// ]
// }
// }
// },
// // 加密解密配置
// "encrypt_decrypt": {
// // 加密配置
// "encrypt_1": {
// // 加密算法
// "algorithm": "AES",
// // 加密参数
// "param": {
// "mode": "CBC",
// "key": "0123456789abcdef",
// "ivec": "0123456789abcdef",
// "bits": 128
// },
// // 是否启用加密
// "enable": false
// },
// // 解密配置
// "decrypt_1": {
// // 解密算法
// "algorithm": "AES",
// // 解密参数
// "param": {
// "mode": "CBC",
// "key": "0123456789abcdef",
// "ivec": "0123456789abcdef",
// "bits": 128
// },
// // 是否启用解密
// "enable": false
// }
// }
// }
// ]);
const activeTaskIndex = ref(0);
const uploadType = ref([ const uploadType = ref([
{ label: 'DT-MQTT-DEFAULT', value: 'DT-MQTT-DEFAULT'}, { label: 'DT-MQTT-DEFAULT', value: 'DT-MQTT-DEFAULT'},
@ -591,18 +394,34 @@ const getDeviceConfig = () => {
if (response.data.code == 0) { if (response.data.code == 0) {
//缓存上下行主题 //缓存上下行主题
platConfigList.value = response.data.data.PlatformPar || []; platConfigList.value = response.data.data.PlatformPar || [];
taskList.value = response.data.data.tasks.map(item=>{
if(item.dataIdEntire!=[]){
let dataIdEntireList = [];
item.dataIdEntire.forEach(val=>{
val.idInfo.forEach(info=>{
dataIdEntireList.push({
equipId: val.equipId,
idInfo:[info]
})
})
})
item.dataIdEntire = dataIdEntireList;
}
return item;
}) || [];
// taskList.value = taskDataList;
console.log("格式化后数据",taskList.value)
if(!platConfigList.value.length){ if(!platConfigList.value.length){
addDeviceConfig() addDeviceConfig()
} }
// if(platConfigList.value.length){ if(platConfigList.value.length){
// if(platConfigList.value.length>ActiveRowIndex.value){ if(platConfigList.value.length>ActiveRowIndex.value){
// activeDeviceConfig.value = platConfigList.value[ActiveRowIndex.value]; activeDeviceConfig.value = platConfigList.value[ActiveRowIndex.value];
// }else{ }else{
// activeDeviceConfig.value = platConfigList.value[0]; activeDeviceConfig.value = platConfigList.value[0];
// } }
// }else{ }
// addDeviceConfig()
// }
} else { } else {
ElMessage.error(response.data.message); ElMessage.error(response.data.message);
@ -617,7 +436,7 @@ const getDeviceConfig = () => {
const setDeviceConfig = () => { const setDeviceConfig = () => {
console.log('提交配置',platConfigList.value) console.log('提交配置',platConfigList.value)
axios axios
.post(config.url + '/config/platform/add', {PlatformPar: platConfigList.value}) .post(config.url + '/config/platform/add', {PlatformPar: platConfigList.value,tasks:taskList.value})
.then(response => { .then(response => {
// 成功响应后的处理 // 成功响应后的处理
console.log(response); // 打印响应数据 console.log(response); // 打印响应数据
@ -744,7 +563,7 @@ const activeDeviceConfig = ref({
watch( watch(
() => ({ ...activeDeviceConfig.value }), () => ({ ...activeDeviceConfig.value }),
(newVal) => { (newVal) => {
// console.log("数据变化",newVal) console.log("数据变化",newVal)
platConfigList.value[ActiveRowIndex.value] = newVal; platConfigList.value[ActiveRowIndex.value] = newVal;
}, },
{ deep: true } { deep: true }
@ -782,6 +601,7 @@ const handleResize = () => {
onMounted(() => { onMounted(() => {
window.addEventListener('resize', handleResize); window.addEventListener('resize', handleResize);
getDeviceConfig() getDeviceConfig()
handleResize()
// if(platConfigList.value[0]){ // if(platConfigList.value[0]){
// activeDeviceConfig.value = platConfigList.value[0]; // activeDeviceConfig.value = platConfigList.value[0];
// platConfigTableRef.value.toggleRowSelection(platConfigList.value[0]); // platConfigTableRef.value.toggleRowSelection(platConfigList.value[0]);

2148
src/renderer/src/views/gateway/southdirection.vue
View File

File diff suppressed because it is too large Load Diff

796
src/renderer/src/views/system/scancodewrite/index.vue Normal file
View File

@ -0,0 +1,796 @@
<template>
<div class="scanner-container">
<el-upload
v-model:file-list="fileList"
class="upload-demo"
:action="config.serialPortUrl + '/importDevice'"
multiple
ref="upload"
name="excelFile"
:before-remove="beforeRemove"
:limit="1"
:on-exceed="handleExceed"
:before-upload="beforeAvatarUpload"
>
<el-button type="primary"><el-icon><Upload /></el-icon>导入设备表</el-button>
<!-- <template #tip>-->
<!-- <div class="el-upload__tip">-->
<!-- xls 文件.-->
<!-- </div>-->
<!-- </template>-->
</el-upload>
<!-- Device Code Section -->
<div class="input-section">
<div class="label">设备序列号</div>
<el-input
ref="snInputRef"
v-model="deviceAttrList[1].inputValue"
placeholder="请输入或扫描设备序列号"
size="large"
clearable
class="device-code-input"
@focus="handleSnInputFocus"
@blur="handleSnInputBlur"
/>
</div>
<!-- Main and Sub Model Section -->
<div class="model-section">
<div class="model-inputs">
<div class="model-input-group">
<div class="label">主型号</div>
<el-input v-model="deviceAttrList[2].inputValue" :disabled="inputStatus" size="large" placeholder="请输入主型号" @input="saveCache($event,2)" />
</div>
<div class="model-input-group">
<div class="label">次型号</div>
<el-input v-model="deviceAttrList[3].inputValue" :disabled="inputStatus" size="large" placeholder="请输入次型号" @input="saveCache($event,3)" />
</div>
<el-button size="large" type="primary" @click="toggleInput">{{inputStatus?'解锁':'锁定'}}</el-button>
</div>
</div>
<!-- Information Display Section -->
<div class="info-section">
<span class="info-time">{{infoTime ? '时间：' + $dayjs(infoTime).format('YYYY-MM-DD HH:mm:ss') : ''}}</span>
<el-tag type="info" class="status-tag" v-if="deviceAttrList[1].outputValue==''">-</el-tag>
<el-tag type="success" class="status-tag" v-else-if="getContrastStatus()">比对成功</el-tag>
<el-tag type="danger" class="status-tag" v-else>比对失败</el-tag>
<div class="info-card">
<div class="info-title">设备序列号</div>
<div class="info-content">{{ deviceAttrList[1].outputValue || '-' }}</div>
</div>
<div class="info-card">
<div class="info-title"></div>
<div class="info-content"></div>
</div>
<div class="info-card">
<div class="info-title">主型号</div>
<div class="info-content">{{ deviceAttrList[2].outputValue || '-' }}</div>
</div>
<div class="info-card">
<div class="info-title">次型号</div>
<div class="info-content">{{ deviceAttrList[3].outputValue || '-' }}</div>
</div>
</div>
</div>
<!-- <div id="serialport-box">-->
<!-- <div id="serialport-main" class="serialport-main">-->
<!-- <el-collapse v-model="activeFold" @change="foldChange">-->
<!-- <el-collapse-item name="3" title="设备参数">-->
<!-- <div class="device-attr-list">-->
<!-- <div v-for="(item, index) in deviceAttrList" :key="item.id" class="device-attr-item">-->
<!-- <div class="device-attr-item-name">{{ item.name }}</div>-->
<!-- <div class="device-attr-item-value">-->
<!-- <el-input v-model="item.outputValue" class="device-attr-input" disabled />-->
<!-- <el-button type="primary" :loading="item.outputLoadingStatus" @click="sendDeviceAttr(item, 'output', index)">读取</el-button>-->
<!-- </div>-->
<!-- <div class="device-attr-item-value">-->
<!-- <el-input v-model="item.inputValue"-->
<!-- v-if="item.name === '设备序列号（SN）'"-->
<!-- ref="snInputRef"-->
<!-- class="device-attr-input"-->
<!-- :disabled="item.inputDisable"-->
<!-- @focus="handleSnInputFocus"-->
<!-- @blur="handleSnInputBlur"-->
<!-- @keyup.enter="handleSnEnter(item, index)"-->
<!-- placeholder="扫码输入"/>-->
<!-- <el-input v-model="item.inputValue" :disabled="item.inputDisable" class="device-attr-input" v-else/>-->
<!-- <el-button type="primary" :disabled="item.inputDisable" :loading="item.inputLoadingStatus" @click="sendDeviceAttr(item, 'input', index)">写入</el-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="btn-box">-->
<!-- <el-button type="primary" @click="allReadDeviceAttr">一键读取</el-button>-->
<!-- <el-button type="primary" @click="allWriteDeviceAttr">一键写入</el-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!-- </div>-->
<!-- </div>-->
</template>
<script setup>
import axios from 'axios'; // 引入axios
import config from '@renderer/util/config.js';
import { reactive, ref, onMounted, onUnmounted, watch, computed, nextTick, onDeactivated, onActivated } from 'vue';
import { ElMessage,ElMessageBox,genFileId } from 'element-plus';
import { buildHead, hexToString, hexToVersion, rearrangeHexStr, versionToHex } from '../serialport/js/fun';
import { useSerialPortStore } from '@renderer/stores/seralPort.js';
const useseralPortStore = useSerialPortStore();
const upload = ref()
//连接状态
const connectionState = ref(false);
const inputStatus = ref(false);
const snInputRef = ref(null); // 引用SN输入框
const serialportForm = computed(() => {
return useseralPortStore.serialport;
});
const infoTime = ref('');
// 扫码枪相关功能
const isScannerInput = ref(false);
const lastScanTime = ref(0);
const scanTimeout = ref(null);
const toggleInput = () => {
inputStatus.value = !inputStatus.value;
ElMessage.success(inputStatus.value?'已锁定':'已解锁');
}
const fileList = ref([])
const handleExceed = () => {
ElMessage.error(
`只能上传一个设备表、请先删除设备表再上传`
);
}
const beforeAvatarUpload = (rawFile) => {
console.log("rawFile",rawFile)
if (rawFile.type !== 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' && rawFile.type !== 'application/vnd.ms-excel') {
ElMessage.error('请上传xls或者xlsx格式文件!')
fileList.value = [];
return false
}
return true
}
const beforeRemove = (uploadFile, uploadFiles) => {
return ElMessageBox.confirm(
`确认要删除 ${uploadFile.name} 吗?`, "告警", {
confirmButtonText: "确认",
cancelButtonText: "取消",
type: "warning"
}
).then(
() => {
fileList.value = [];
return true;
},
() => false
)
}
// 处理SN输入框获得焦点
const handleSnInputFocus = () => {
isScannerInput.value = true;
};
// 处理SN输入框失去焦点
const handleSnInputBlur = () => {
isScannerInput.value = false;
};
// 处理扫码完成后的回车事件
const generateDerivedSerialNumbers = serialNumber => {
if (!serialNumber || serialNumber.length === 0) return;
// Get the first digit and the rest of the string
const firstDigit = parseInt(serialNumber.charAt(0));
const restOfString = serialNumber.substring(1);
// Generate motherboard serial number (first digit + 1)
const motherboardFirstDigit = (firstDigit + 1) % 10; // Use modulo to handle 9 -> 0
const motherboardSN = motherboardFirstDigit + restOfString;
// Generate 69 serial number (first digit + 2)
const sn69FirstDigit = (firstDigit + 2) % 10; // Use modulo to handle 8 -> 0, 9 -> 1
const sn69 = sn69FirstDigit + restOfString;
// Find and update the motherboard serial number field
const motherboardIndex = deviceAttrList.value.findIndex(item => item.name === '主板序列号');
if (motherboardIndex !== -1) {
deviceAttrList.value[motherboardIndex].inputValue = motherboardSN;
}
// Find and update the 69 serial number field
const sn69Index = deviceAttrList.value.findIndex(item => item.name === '69序列号');
if (sn69Index !== -1) {
deviceAttrList.value[sn69Index].inputValue = sn69;
}
};
// 处理扫码完成后的回车事件
const handleSnEnter = (item, index) => {
console.log("item",item.inputValue)
if (item.inputValue && item.inputValue.trim() !== '') {
// 查询产品密钥
queryProductKey(item.inputValue);
// 可选：自动写入SN
// sendDeviceAttr(item, 'input', index);
}
};
const JudgeInput = () => {
if(deviceAttrList.value[2].inputValue === '' || deviceAttrList.value[3].inputValue === ''){
ElMessage.error('主型号和次型号不能为空');
}else if(deviceAttrList.value[1].inputValue === ''){
ElMessage.error('设备序列号不能为空');
}else if(deviceAttrList.value[4].inputValue === ''){
ElMessage.error('产品密钥不能为空');
}else if(deviceAttrList.value[5].inputValue === ''){
ElMessage.error('主板序列号不能为空');
}else if(deviceAttrList.value[6].inputValue === ''){
ElMessage.error('69序列号不能为空');
}else if (!serialportForm.value.port) {
ElMessage.error('请先打开串口');
}else{
allWriteDeviceAttr()
}
}
// 查询产品密钥API
const queryProductKey = async serialNumber => {
try {
// 显示加载状态
const keyIndex = deviceAttrList.value.findIndex(item => item.name === '产品密钥');
if (keyIndex !== -1) {
deviceAttrList.value[keyIndex].inputLoadingStatus = true;
}
// 调用API查询密钥
const response = await axios.get(`${config.serialPortUrl}/importDeviceSearch`, {
params: { devKey: serialNumber }
});
if (response.data.code === 0 && response.data.data.Result) {
// 找到产品密钥输入框并填入值
if (keyIndex !== -1) {
deviceAttrList.value[keyIndex].inputValue = response.data.data.Result.devSecret;
generateDerivedSerialNumbers(serialNumber);
JudgeInput()
// ElMessage.success('密钥查询成功');
}
} else {
ElMessage.error('未找到对应密钥，请检查设备序列号和设备表内设备序列号是否正确');
}
} catch (error) {
console.error('查询密钥失败:', error);
ElMessage.error('查询密钥失败');
} finally {
// 清除加载状态
const keyIndex = deviceAttrList.value.findIndex(item => item.name === '产品密钥');
if (keyIndex !== -1) {
deviceAttrList.value[keyIndex].inputLoadingStatus = false;
}
}
};
// 自动聚焦SN输入框
const focusSnInput = () => {
if (snInputRef.value) {
// 找到SN输入框的索引
const snIndex = deviceAttrList.value.findIndex(item => item.name === '设备序列号（SN）');
if (snIndex !== -1) {
// 清空之前的输入
deviceAttrList.value[snIndex].inputValue = '';
// 聚焦输入框
nextTick(() => {
snInputRef.value.focus();
});
}
}
};
const deviceAttrCommonList = ref({
input: {
//数据长度类型
datalentype: '00',
//目标ID
remote_id: '0',
//本地ID
local_id: '0',
//指令码
cmd: '0100',
//设备类型
devtype: '00',
//数据类型
datatype: '00'
},
output: {
//数据长度类型
datalentype: '00',
//目标ID
remote_id: '0',
//本地ID
local_id: '0',
//指令码
cmd: '0011',
//设备类型
devtype: '00',
//数据类型
datatype: '00'
}
});
const deviceAttrList = ref([
{
id: 1,
name: '芯片ID',
startValue: 0,
lengthValue: 4,
inputValue: '',
inputLoadingStatus: false,
outputValue: '',
outputLoadingStatus: false,
dataType: 'hex',
inputDisable: false
},
{
id: 2,
name: '设备序列号（SN）',
startValue: 4,
lengthValue: 8,
inputValue: '',
inputLoadingStatus: false,
outputValue: '',
outputLoadingStatus: false,
dataType: 'str',
inputDisable: false
},
{
id: 3,
name: '产品主型号',
startValue: 12,
lengthValue: 4,
inputValue: '',
inputLoadingStatus: false,
outputValue: '',
outputLoadingStatus: false,
dataType: 'str',
inputDisable: false
},
{
id: 4,
name: '产品次型号',
startValue: 16,
lengthValue: 4,
inputValue: '',
inputLoadingStatus: false,
outputValue: '',
outputLoadingStatus: false,
dataType: 'str',
inputDisable: false
},
{
id: 5,
name: '产品密钥',
startValue: 20,
lengthValue: 8,
inputValue: '',
inputLoadingStatus: false,
outputValue: '',
outputLoadingStatus: false,
dataType: 'str',
inputDisable: false
},
{
id: 6,
name: '主板序列号',
startValue: 28,
lengthValue: 8,
inputValue: '',
inputLoadingStatus: false,
outputValue: '',
outputLoadingStatus: false,
dataType: 'str',
inputDisable: false
},
{
id: 7,
name: '69序列号',
startValue: 36,
lengthValue: 8,
inputValue: '',
inputLoadingStatus: false,
outputValue: '',
outputLoadingStatus: false,
dataType: 'str',
inputDisable: false
}
]);
const saveCache = (e,index) => {
console.log("e,index",e,index)
if(index === 2){
localStorage.setItem('mainModel', e);
}else if(index === 3){
localStorage.setItem('secondaryModel', e);
}
}
//解码
const analysisData = (hexData, data) => {
if (hexData.length < 28) {
console.log('返回hex小于28个字符串', hexData);
return '';
} else {
// let head = hexData.substring(0,8);
// let startAddr = hexData.substring(8,16);
// let len = hexData.substring(16,24);
let hexValue = hexData.substring(24, data.lengthValue * 4 * 2 + 24);
// let crc = hexData.substring(hexData.length - 4);
if (data.dataType === 'str') {
let str = hexToString(hexValue).trim();
return str;
} else if (data.dataType === 'hex') {
let str = rearrangeHexStr(hexValue);
return str;
}
// else if(data.dataType === 'firmware'){
// let str = hexToVersion(hexValue);
// return str;
// }
else {
return hexValue;
}
}
};
const sendDeviceAttr = (data, type, index) => {
if (!serialportForm.value.port) {
ElMessage.error('请先打开串口');
return '';
}
console.log('readDeviceAttr', data);
let head = buildHead(
deviceAttrCommonList.value[type].datalentype,
deviceAttrCommonList.value[type].remote_id,
deviceAttrCommonList.value[type].local_id,
deviceAttrCommonList.value[type].cmd,
deviceAttrCommonList.value[type].devtype,
deviceAttrCommonList.value[type].datatype,
data.startValue,
data.lengthValue,
data.inputValue,
data
);
if (type === 'input') {
deviceAttrList.value[index].inputLoadingStatus = true;
// head = head + 'd240';
} else {
deviceAttrList.value[index].outputLoadingStatus = true;
}
axios
.post(
config.serialPortUrl + '/serial/response',
{
port: serialportForm.value.port,
data: head,
hex: 1,
crc: 1,
flush: 1
},
{
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}
)
.then(response => {
// 成功响应后的处理
console.log('串口请求', response); // 打印响应数据
if (response.data.code === 0) {
ElMessage.success('操作成功');
if (type === 'output') {
deviceAttrList.value[index].outputValue = analysisData(response.data.data.hex || '', data);
}
} else {
ElMessage.error(response.data.message);
}
if (type === 'input') {
deviceAttrList.value[index].inputLoadingStatus = false;
} else {
deviceAttrList.value[index].outputLoadingStatus = false;
}
})
.catch(error => {
console.log('error', error);
if (type === 'input') {
deviceAttrList.value[index].inputLoadingStatus = false;
} else {
deviceAttrList.value[index].outputLoadingStatus = false;
}
// 错误处理
if (error.response.data.message) {
ElMessage.error(error.response.data.message);
} else {
ElMessage.error(error);
}
});
};
const allReadDeviceAttr = () => {
console.log('serialportForm', serialportForm.value);
if (!serialportForm.value.port) {
ElMessage.error('请先打开串口');
return '';
}
let head = buildHead(
deviceAttrCommonList.value['output'].datalentype,
deviceAttrCommonList.value['output'].remote_id,
deviceAttrCommonList.value['output'].local_id,
deviceAttrCommonList.value['output'].cmd,
deviceAttrCommonList.value['output'].devtype,
deviceAttrCommonList.value['output'].datatype,
0,
46,
''
);
axios
.post(
config.serialPortUrl + '/serial/response',
{
port: serialportForm.value.port,
data: head,
hex: 1,
crc: 1,
flush: 1
},
{
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}
)
.then(response => {
// 成功响应后的处理
console.log('串口请求', response); // 打印响应数据
if (response.data.code === 0) {
if(response.data.data.hex!==''){
ElMessage.success('操作成功');
let hexValue = response.data.data.hex.substring(24, 392);
let startValue = 0;
deviceAttrList.value.forEach((item, index) => {
if (startValue === 0) {
startValue = item.startValue;
}
let value = hexValue.substring(startValue, item.lengthValue * 4 * 2 + startValue);
startValue = startValue + item.lengthValue * 4 * 2;
console.log('value', value);
infoTime.value = new Date().getTime();
if (item.dataType === 'str') {
deviceAttrList.value[index].outputValue = hexToString(value).trim();
// deviceAttrList.value[index].inputValue = hexToString(value).trim();
} else if (item.dataType === 'hex') {
deviceAttrList.value[index].outputValue = rearrangeHexStr(value);
// deviceAttrList.value[index].inputValue = rearrangeHexStr(value);
} else {
deviceAttrList.value[index].outputValue = value;
// deviceAttrList.value[index].inputValue = value;
}
});
}else{
ElMessage.error('获取数据为空');
}
// deviceAttrList.value[index].outputValue = analysisData(response.data.data.hex || '', data);
} else {
ElMessage.error(response.data.message);
}
})
.catch(error => {
console.log('error', error);
// 错误处理
if (error.response.data.message) {
ElMessage.error(error.response.data.message);
} else {
ElMessage.error(error);
}
});
};
const allWriteDeviceAttr = () => {
if (!serialportForm.value.port) {
ElMessage.error('请先打开串口');
return '';
}
deviceAttrList.value.forEach((item, index) => {
setTimeout(() => {
if(index === 1 || index === 2 || index === 3 || index === 4 || index === 5 || index === 6 ){
sendDeviceAttr(item, 'input', index);
}
}, 50);
});
setTimeout(() => {
allReadDeviceAttr();
},1000)
};
const getKeyboardWriter = e => {
// 如果当前焦点在SN输入框上
if (isScannerInput.value) {
const now = Date.now();
// 如果是扫码枪输入（扫码枪通常输入速度很快）
if (now - lastScanTime.value > 3000) {
// 如果间隔大于500ms，可能是新的扫码开始，清空输入
const snIndex = deviceAttrList.value.findIndex(item => item.name === '设备序列号（SN）');
if (snIndex !== -1) {
deviceAttrList.value[snIndex].inputValue = '';
}
}
lastScanTime.value = now;
// 清除之前的超时
if (scanTimeout.value) {
clearTimeout(scanTimeout.value);
}
// 设置新的超时，如果50ms内没有新输入，认为扫码完成
scanTimeout.value = setTimeout(() => {
// 扫码完成，检查是否有回车键
if (e.key === 'Enter') {
const snIndex = deviceAttrList.value.findIndex(item => item.name === '设备序列号（SN）');
if (snIndex !== -1 && deviceAttrList.value[snIndex].inputValue) {
handleSnEnter(deviceAttrList.value[snIndex], snIndex);
}
}
}, 50);
}
};
const getContrastStatus = () => {
let flag = true;
if(deviceAttrList.value[1].outputValue && deviceAttrList.value[1].outputValue !== deviceAttrList.value[1].inputValue){
flag = false;
}
if(deviceAttrList.value[2].outputValue && deviceAttrList.value[2].outputValue !== deviceAttrList.value[2].inputValue){
flag = false;
}
if(deviceAttrList.value[3].outputValue && deviceAttrList.value[3].outputValue !== deviceAttrList.value[3].inputValue){
flag = false;
}
return flag;
}
// 生命周期钩子
onMounted(() => {
// getSerialPortList(false);
deviceAttrList.value[2].inputValue = localStorage.getItem('mainModel');
deviceAttrList.value[3].inputValue = localStorage.getItem('secondaryModel');
});
onActivated(() => {
console.log('页面重新打开（从缓存恢复）');
console.log("serialportForm",serialportForm.value)
allReadDeviceAttr();
// 这里可以刷新数据
// 组件挂载后自动聚焦SN输入框
nextTick(() => {
focusSnInput();
});
// 添加键盘事件监听器，用于检测扫码枪的输入
window.addEventListener('keydown', getKeyboardWriter);
});
// 页面离开但被缓存时触发
onDeactivated(() => {
console.log('页面离开（进入缓存）');
// 移除事件监听器
window.removeEventListener('keydown', getKeyboardWriter);
// 清除超时
if (scanTimeout.value) {
clearTimeout(scanTimeout.value);
}
});
</script>
<style lang="less" scoped>
.scanner-container {
padding: 20px;
height: calc(100% - 80px);
background: #f2f2f2;
border-radius: 10px;
font-family: Arial, sans-serif;
}
.import-btn {
margin-bottom: 20px;
}
.device-code-input {
margin-bottom: 20px;
}
//.input-section,
.model-section,
.info-section {
margin-bottom: 20px;
}
.label {
font-size: 14px;
margin-bottom: 8px;
font-weight: 500;
}
.model-inputs {
display: flex;
gap: 10px;
align-items: flex-end;
}
.model-input-group {
flex: 1;
}
.info-section {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 15px;
background-color: #f8f8f8;
padding: 15px;
position: relative;
}
.info-card {
padding: 15px;
}
.info-title {
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
color: #666;
}
.info-time{
position: absolute;
top: 5px;
left: 10px;
color: #999;
font-size: 12px;
}
.status-tag {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
font-weight: normal;
}
.info-content {
}
</style>

62
src/renderer/src/views/system/serialport/index.vue
View File

@ -330,7 +330,7 @@ const deviceAttrList = ref([
id: 3, id: 3,
name: '产品主型号', name: '产品主型号',
startValue: 12, startValue: 12,
lengthValue: 3, lengthValue: 4,
inputValue: '', inputValue: '',
inputLoadingStatus: false, inputLoadingStatus: false,
outputValue: '', outputValue: '',
@ -341,8 +341,8 @@ const deviceAttrList = ref([
{ {
id: 4, id: 4,
name: '产品次型号', name: '产品次型号',
startValue: 15, startValue: 16,
lengthValue: 5, lengthValue: 4,
inputValue: '', inputValue: '',
inputLoadingStatus: false, inputLoadingStatus: false,
outputValue: '', outputValue: '',
@ -440,6 +440,7 @@ const analysisData = (hexData, data) => {
} }
}; };
const sendDeviceAttr = (data, type, index) => { const sendDeviceAttr = (data, type, index) => {
if (!serialportForm.port) { if (!serialportForm.port) {
ElMessage.error('请先打开串口'); ElMessage.error('请先打开串口');
@ -486,10 +487,10 @@ const sendDeviceAttr = (data, type, index) => {
// 成功响应后的处理 // 成功响应后的处理
console.log('串口请求', response); // 打印响应数据 console.log('串口请求', response); // 打印响应数据
if (response.data.code === 0) { if (response.data.code === 0) {
ElMessage.success('操作成功'); ElMessage.success('操作成功');
if (type === 'output') { if (type === 'output') {
deviceAttrList.value[index].outputValue = analysisData(response.data.data.hex || '', data); deviceAttrList.value[index].outputValue = analysisData(response.data.data.hex || '', data);
} }
} else { } else {
ElMessage.error(response.data.message); ElMessage.error(response.data.message);
} }
@ -553,27 +554,32 @@ const allReadDeviceAttr = () => {
// 成功响应后的处理 // 成功响应后的处理
console.log('串口请求', response); // 打印响应数据 console.log('串口请求', response); // 打印响应数据
if (response.data.code === 0) { if (response.data.code === 0) {
ElMessage.success('操作成功'); if (response.data.data.hex !== '') {
let hexValue = response.data.data.hex.substring(24, 392); ElMessage.success('操作成功');
let startValue = 0; let hexValue = response.data.data.hex.substring(24, 392);
deviceAttrList.value.forEach((item, index) => { let startValue = 0;
if (startValue === 0) { deviceAttrList.value.forEach((item, index) => {
startValue = item.startValue; if (startValue === 0) {
} startValue = item.startValue;
let value = hexValue.substring(startValue, item.lengthValue * 4 * 2 + startValue); }
startValue = startValue + item.lengthValue * 4 * 2; let value = hexValue.substring(startValue, item.lengthValue * 4 * 2 + startValue);
console.log('value', value); startValue = startValue + item.lengthValue * 4 * 2;
if (item.dataType === 'str') { console.log('value', value);
deviceAttrList.value[index].outputValue = hexToString(value).trim(); if (item.dataType === 'str') {
deviceAttrList.value[index].inputValue = hexToString(value).trim(); deviceAttrList.value[index].outputValue = hexToString(value).trim();
} else if (item.dataType === 'hex') { deviceAttrList.value[index].inputValue = hexToString(value).trim();
deviceAttrList.value[index].outputValue = rearrangeHexStr(value); } else if (item.dataType === 'hex') {
deviceAttrList.value[index].inputValue = rearrangeHexStr(value); deviceAttrList.value[index].outputValue = rearrangeHexStr(value);
} else { deviceAttrList.value[index].inputValue = rearrangeHexStr(value);
deviceAttrList.value[index].outputValue = value; } else {
deviceAttrList.value[index].inputValue = value; deviceAttrList.value[index].outputValue = value;
} deviceAttrList.value[index].inputValue = value;
}); }
});
} else {
ElMessage.error('获取数据为空');
}
// deviceAttrList.value[index].outputValue = analysisData(response.data.data.hex || '', data); // deviceAttrList.value[index].outputValue = analysisData(response.data.data.hex || '', data);
} else { } else {
ElMessage.error(response.data.message); ElMessage.error(response.data.message);

2
src/renderer/src/views/system/switch/index.vue
View File

@ -395,7 +395,7 @@ const mqttFormRef = ref();
// }) // })
const mqttForm = reactive({ const mqttForm = reactive({
clientId: getGuid(), clientId: getGuid(),
host: '123.60.30.87', host: 'digital.drgyen.com',
port: '8017', port: '8017',
path: '', path: '',
userName: 'admin', userName: 'admin',

1559
yarn.lock
View File

File diff suppressed because it is too large Load Diff