wangqiujuan0808
/
dataControl
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

登陆网络配置

main
wangqiujuan0808 2024-04-14 21:34:35 +08:00
parent 2c5212574e
commit 70f2a79ad2
11 changed files with 259 additions and 301 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

272
src/api/infoApi.js
View File

@ -1,142 +1,140 @@
// import { import {
// getRequest, postPBRequest
// postJsonRequest, } from "@/utils/axios";
// deleteRequest, const infoApi = {
// putRequest, // 获取设备信息
// } from "@/utils/axios"; getSys() {
// const infoApi = { return postPBRequest("/info", null, 51000);
// // 获取设备信息 },
// getSys(params) { // // 获取网络信息
// return getRequest("/info", params); getNet(params) {
// }, return postPBRequest("/net", params, 52000);
// // 获取网络信息 },
// getNet(params) { saveNet(params) {
// return getRequest("/net", params); return postPBRequest("/net", params, 52200);
// }, },
// saveNet(params) { // 重启设备
// return putRequest("/net", params); reboot() {
// }, return postPBRequest("/user", null, 50003);
// reboot() { },
// return postJsonRequest("/reboot",); // // 透传列表
// }, // getTc(params) {
// // 透传列表 // return getRequest('/tc', params)
// getTc(params) { // },
// return getRequest('/tc', params) // // 获取透传类型
// }, // getSupport(params) {
// // 获取透传类型 // return getRequest('/tc/support', params)
// getSupport(params) { // },
// return getRequest('/tc/support', params) // // 获取可用串口列表
// }, // getFree(params) {
// // 获取可用串口列表 // return getRequest('/com/free', params)
// getFree(params) { // },
// return getRequest('/com/free', params) // 获取支持的通讯驱动
// }, getTxSupport() {
// // 获取支持的通讯驱动 return postPBRequest('/driver', null,53001)
// getTxSupport(params) { },
// return getRequest('/tx/support', params)
// },
// // 获取所有串口列表api/com // // 获取所有串口列表api/com
// getCom(params) { // getCom(params) {
// return getRequest('/com', params) // return getRequest('/com', params)
// }, // },
// saveTx(params) { // saveTx(params) {
// return postJsonRequest("/tx", params); // return postJsonRequest("/tx", params);
// }, // },
// editTx(params) { // editTx(params) {
// return putRequest("/tx", params); // return putRequest("/tx", params);
// }, // },
// // 透传服务启停 // // 透传服务启停
// stopTc(params) { // stopTc(params) {
// return putRequest("/tc", params); // return putRequest("/tc", params);
// }, // },
// // 透传服务删除 // // 透传服务删除
// delTc(params) { // delTc(params) {
// return deleteRequest("/tc", params); // return deleteRequest("/tc", params);
// }, // },
// // 模板列表 // // 模板列表
// getMb(params) { // getMb(params) {
// return getRequest('/tx/mb/list', params) // return getRequest('/tx/mb/list', params)
// }, // },
// // 新增模板 // // 新增模板
// addMb(params) { // addMb(params) {
// return postJsonRequest('/tx/mb', params) // return postJsonRequest('/tx/mb', params)
// }, // },
// // 编辑模板 // // 编辑模板
// editMb(params) { // editMb(params) {
// return putRequest('/tx/mb', params) // return putRequest('/tx/mb', params)
// }, // },
// // 删除模板 // // 删除模板
// delMb(params) { // delMb(params) {
// return deleteRequest('/tx/mb', params) // return deleteRequest('/tx/mb', params)
// }, // },
// // 新增点位 // // 新增点位
// addP(params) { // addP(params) {
// return putRequest('/tx/mb', params) // return putRequest('/tx/mb', params)
// }, // },
// // 获取点位 // // 获取点位
// getP(params) { // getP(params) {
// return postJsonRequest('/tx/mb/info', params) // return postJsonRequest('/tx/mb/info', params)
// }, // },
// // 获取设备列表 // // 获取设备列表
// getSet(params) { // getSet(params) {
// return postJsonRequest('/tx/info', params) // return postJsonRequest('/tx/info', params)
// }, // },
// // 新增设备 // // 新增设备
// addSet(params) { // addSet(params) {
// return putRequest('/tx/device', params) // return putRequest('/tx/device', params)
// }, // },
// // 通讯列表 // 通讯列表
// getTx(params) { getTx(params) {
// return getRequest('/tx/list', params) return postPBRequest('/driver', params, 53000)
// }, },
// // 新增通讯列表 // // 新增通讯列表
// saveTx(params) { // saveTx(params) {
// return postJsonRequest("/tx", params); // return postJsonRequest("/tx", params);
// }, // },
// // 通讯服务启用,停用 // // 通讯服务启用,停用
// changeStatus(params) { // changeStatus(params) {
// return postJsonRequest(`/tx/${params.url}/${params.name}`, params); // return postJsonRequest(`/tx/${params.url}/${params.name}`, params);
// }, // },
// // 删除通讯 // // 删除通讯
// delTx(params) { // delTx(params) {
// return deleteRequest(`/tx`, params); // return deleteRequest(`/tx`, params);
// }, // },
// // 获取上报列表 // // 获取上报列表
// getSc(params) { // getSc(params) {
// return getRequest('/sb/list', params) // return getRequest('/sb/list', params)
// }, // },
// // 获取上报驱动 // // 获取上报驱动
// getQuDong(params) { // getQuDong(params) {
// return getRequest('/sb/support', params) // return getRequest('/sb/support', params)
// }, // },
// // 新增上报 // // 新增上报
// saveTx(params) { // saveTx(params) {
// return postJsonRequest("/sb", params); // return postJsonRequest("/sb", params);
// }, // },
// // 编辑通讯 // // 编辑通讯
// updateTx(params) { // updateTx(params) {
// return putRequest('/sb', params); // return putRequest('/sb', params);
// }, // },
// // 上报启停 // // 上报启停
// stopSc(params) { // stopSc(params) {
// return putRequest("/sc", params); // return putRequest("/sc", params);
// }, // },
// // 删除上报 // // 删除上报
// delSc(params) { // delSc(params) {
// return deleteRequest("/sb", params); // return deleteRequest("/sb", params);
// }, // },
// // 规则查询 // // 规则查询
// getRules(params) { // getRules(params) {
// return getRequest('/rule', params); // return getRequest('/rule', params);
// }, // },
// // 规则操作 // // 规则操作
// postRules(params) { // postRules(params) {
// return postJsonRequest('/rule', params) // return postJsonRequest('/rule', params)
// }, // },
// }; };
// export default infoApi; export default infoApi;

14
src/api/myApi.js
View File

@ -2,15 +2,21 @@ import {
postPBRequest, postPBRequest,
} from '@/utils/axios'; } from '@/utils/axios';
const myApi = { const myApi = {
// 登录 // 登录状态查询
loginStatus() { loginStatus() {
return postPBRequest('/login', null, 1000); return postPBRequest('/user', null, 50000);
}, },
// 登录
login(params = {}) { login(params = {}) {
return postPBRequest('/login', params, 1001); return postPBRequest('/login', params, 50001);
}, },
// 退出登陆
logout() { logout() {
return postPBRequest('/login', null, 1002); return postPBRequest('/user', null, 50002);
},
// 修改密码
editPass(params = {}) {
return postPBRequest('/user', params, 90201);
} }
} }
export default myApi; export default myApi;

42
src/components/AddData.vue
View File

@ -12,9 +12,9 @@
:rules="rules" :rules="rules"
ref="ruleFormRef" ref="ruleFormRef"
> >
<el-form-item label="通讯名称:" prop="name"> <el-form-item label="通讯名称:" prop="index">
<el-input <el-input
v-model="formData.name" v-model="formData.index"
placeholder="请输入驱动名称" placeholder="请输入驱动名称"
clearable clearable
:disabled="type == '1'" :disabled="type == '1'"
@ -37,9 +37,9 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="驱动描述:" prop="description"> <el-form-item label="驱动描述:" prop="Description">
<el-input <el-input
v-model="formData.description" v-model="formData.Description"
placeholder="请输入描述" placeholder="请输入描述"
clearable clearable
></el-input> ></el-input>
@ -165,7 +165,7 @@
import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue"; import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue";
import infoApi from "@/api/infoApi.js"; import infoApi from "@/api/infoApi.js";
import { ElMessage, ElMessageBox } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
import { response, tx_list, com_info, com_list, tx_drive_list, tx_add, tx_info, tx_drive_config_modbusTCP } from '../proto/data/pd' // import { response, tx_list, com_info, com_list, tx_drive_list, tx_add, tx_info, tx_drive_config_modbusTCP } from '../proto/data/pd'
export default { export default {
props: ["formData", "dialogVisible", "type", "qudongOptions"], props: ["formData", "dialogVisible", "type", "qudongOptions"],
emits: ["dialogClose", "dialogSuccess"], emits: ["dialogClose", "dialogSuccess"],
@ -254,30 +254,30 @@ export default {
await ruleFormRef.value.validate(async (valid) => { await ruleFormRef.value.validate(async (valid) => {
if (valid) { if (valid) {
let req_configbuf; let req_configbuf;
if (props.type==='0') { if (props.type==='0') { // 新增
if (props.formData.drive.serial) { if (props.formData.drive.serial) {
req_configbuf = com_info.encode(state.configData).finish(); req_configbuf = state.configData
} else { } else {
if (props.formData.drive.name == "modbusTCP") { if (props.formData.drive.name == "modbusTCP") {
req_configbuf = tx_drive_config_modbusTCP.encode(state.configData1).finish(); req_configbuf = state.configData1;
} }
} }
var obj = { var obj = {
name: props.formData.name, index: props.formData.index,
drive: props.formData.drive.name, drive: props.formData.drive.name,
description: props.formData.description, Description: props.formData.Description,
serial: props.formData.drive.serial, serial: props.formData.drive.serial,
config: req_configbuf.slice(0, req_configbuf.length), config: req_configbuf,
}; };
console.log('编辑数据3', obj); console.log('编辑数据3', obj);
} else { } else { // 编辑
console.log('编辑数据1', state.configData) console.log('编辑数据1', state.configData)
console.log('编辑数据2', state.configData1) console.log('编辑数据2', state.configData1)
if (props.formData.serial) { if (props.formData.serial) {
req_configbuf = com_info.encode(state.configData).finish(); req_configbuf = state.configData
} else { } else {
if (props.formData.drive == "modbusTCP") { if (props.formData.drive == "modbusTCP") {
req_configbuf = tx_drive_config_modbusTCP.encode(state.configData1).finish(); req_configbuf = state.configData1;
} }
} }
obj = { obj = {
@ -285,22 +285,18 @@ export default {
drive: props.formData.drive, drive: props.formData.drive,
description: props.formData.description, description: props.formData.description,
serial: props.formData.serial, serial: props.formData.serial,
config: req_configbuf.slice(0, req_configbuf.length), config: req_configbuf,
}; };
console.log('编辑数据3', obj); console.log('编辑数据3', obj);
} }
const req_databuf = tx_add.encode(obj).finish(); const res = props.type === '0' ? await infoApi.saveTx(obj) : await infoApi.editTx(obj);
// 截取有效长度 if (res.code == 0) {
const req_data = req_databuf.slice(0, req_databuf.length); ElMessage.success(res.message || "请求成功");
const res = props.type === '0' ? await infoApi.saveTx(req_data) : await infoApi.editTx(req_data);
const ret = response.decode(new Uint8Array(res));
if (ret.code == 0) {
ElMessage.success(res.msg || "请求成功");
ctx.emit("dialogSuccess"); ctx.emit("dialogSuccess");
} else { } else {
ElMessage.error(res.msg || "请求失败"); ElMessage.error(res.message || "请求失败");
} }
} else { } else {
console.log("error submit!"); console.log("error submit!");

2
src/components/AddSet.vue
View File

@ -105,7 +105,7 @@
import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue"; import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue";
import infoApi from "@/api/infoApi.js"; import infoApi from "@/api/infoApi.js";
import { ElMessage, ElMessageBox } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
import { mb_list, tx_info, response, m_device, m_properties, tx_add_device} from '../proto/data/pd' // import { mb_list, tx_info, response, m_device, m_properties, tx_add_device} from '../proto/data/pd'
export default { export default {
props: ["formData", "dialogVisible"], props: ["formData", "dialogVisible"],
emits: ["dialogClose", "dialogSuccess"], emits: ["dialogClose", "dialogSuccess"],

59
src/components/EditPass.vue
View File

@ -1,40 +1,14 @@
<template> <template>
<el-dialog <el-dialog v-model="visible" title="修改密码" width="35%" :before-close="closeDialog">
v-model="visible" <el-form label-position="top" :model="formData" label-width="150px" :rules="rules" ref="ruleFormRef">
title="修改密码"
width="35%"
:before-close="closeDialog"
>
<el-form
label-position="top"
:model="formData"
label-width="150px"
:rules="rules"
ref="ruleFormRef"
>
<el-form-item label="原密码:" prop="oldPass"> <el-form-item label="原密码:" prop="oldPass">
<el-input <el-input type="password" v-model="formData.oldPass" placeholder="请输入原密码" clearable />
type="password"
v-model="formData.oldPass"
placeholder="请输入原密码"
clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="新密码:" prop="newPass"> <el-form-item label="新密码:" prop="newPass">
<el-input <el-input type="password" v-model="formData.newPass" placeholder="请输入新密码" clearable />
type="password"
v-model="formData.newPass"
placeholder="请输入新密码"
clearable
/>
</el-form-item> </el-form-item>
<el-form-item label="确认密码:" prop="confirmPass"> <el-form-item label="确认密码:" prop="confirmPass">
<el-input <el-input type="password" v-model="formData.confirmPass" placeholder="请再次输入新密码" clearable />
type="password"
v-model="formData.confirmPass"
placeholder="请再次输入新密码"
clearable
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
@ -103,7 +77,7 @@ export default {
return props.dialogVisible; return props.dialogVisible;
}); });
onMounted(() => {}); onMounted(() => { });
const closeDialog = () => { const closeDialog = () => {
ctx.emit("dialogClose"); ctx.emit("dialogClose");
@ -113,23 +87,18 @@ export default {
await ruleFormRef.value.validate(async (valid) => { await ruleFormRef.value.validate(async (valid) => {
if (valid) { if (valid) {
// 请求数据 // 请求数据
const req_databuf = passwd.encode({ const param = {
name: store.state.userInfo.nickName, name: store.state.userInfo.nickName,
oldPassword: md5(state.formData.oldPass).toUpperCase(), password: md5(state.formData.oldPass).toUpperCase(),
newPassword: md5(state.formData.newPass).toUpperCase(), new_password: md5(state.formData.newPass).toUpperCase()
}).finish(); }
// 截取有效长度 const res = await myApi.editPass(param);
const req_data = req_databuf.slice(0, req_databuf.length); if (res.code == 0) {
const res = await myApi.editPass(req_data); ElMessage.success(res.message|| "请求成功");
const ret = response.decode(new Uint8Array(res));
if (ret.code == 0) {
// 获取数据
console.log(new TextDecoder().decode(ret.data));
ElMessage.success(new TextDecoder().decode(ret.data) || "请求成功");
// 关闭弹框 // 关闭弹框
ctx.emit("dialogSuccess"); ctx.emit("dialogSuccess");
} else { } else {
console.log(ret); ElMessage.error(res.message );
} }
} else { } else {
console.log("error submit!"); console.log("error submit!");

33
src/components/Header.vue
View File

@ -46,10 +46,12 @@
<script> <script>
import { onMounted, reactive, toRefs } from "vue"; import { onMounted, reactive, toRefs } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { pathMap } from "@/utils"; import { pathMap,localRemove } from "@/utils";
import EditPass from "@/components/EditPass.vue"; import EditPass from "@/components/EditPass.vue";
import { useStore } from "vuex"; import { useStore } from "vuex";
import myApi from "@/api/myApi.js"; import myApi from "@/api/myApi.js";
import infoApi from "@/api/infoApi.js";
import { ElMessage } from "element-plus";
export default { export default {
name: "Header", name: "Header",
components: { components: {
@ -91,26 +93,21 @@ export default {
}; };
const reStart = async () => { const reStart = async () => {
// const res = await infoApi.reboot(); const res = await infoApi.reboot();
// if (res.code == 0) { if (res.code == 0) {
// ElMessage.success(res.msg || "请求成功"); ElMessage.success(res.message || "请求成功");
// } else { } else {
// ElMessage.error(res.msg || "请求失败"); ElMessage.error(res.message || "请求失败");
// } }
}; };
const logout = async () => { const logout = async () => {
const res = await myApi.logout(); const res = await myApi.logout();
console.log("666",res); if (res.code == 0) {
// 解析返回数据 localRemove("token");
// const ret = response.decode(new Uint8Array(res)); window.location.reload();
// if (ret.code == 0) { } else {
// // 获取数据 console.log(res);
// console.log(new TextDecoder().decode(ret.data)); }
// localRemove("token");
// window.location.reload();
// } else {
// console.log(ret);
// }
}; };
const editPass = () => { const editPass = () => {

13
src/utils/axios.js
View File

@ -33,25 +33,25 @@ axios.interceptors.response.use(
if (typeof (token) != "undefined") { if (typeof (token) != "undefined") {
localSet("token", token); localSet("token", token);
} }
const ret = response.decode(new Uint8Array(res.data)); const ret = res.data;
// token过期 // token过期
if (ret.code === 2003) { if (ret.code === 2003) {
localRemove("token"); localRemove("token");
ElMessage.closeAll(); ElMessage.closeAll();
ElMessage.error(ret.msg + "[" + new TextDecoder().decode(res.data) + "]" || "Token异常,请重新登录"); ElMessage.error(ret.message || "Token异常,请重新登录");
router.push({ router.push({
path: "/login" path: "/login"
}); });
return Promise.reject(ret); return Promise.reject(ret);
} }
return ret return ret;
}, },
(error) => { (error) => {
ElMessage.closeAll(); ElMessage.closeAll();
ElMessage.error(error); ElMessage.error(error);
router.push({ // router.push({
path: "/login" // path: "/login"
}); // });
return Promise.reject(error); return Promise.reject(error);
} }
); );
@ -61,7 +61,6 @@ export function postPBRequest(url, params, actionNum) {
method: "post", method: "post",
url: url, url: url,
data: params, data: params,
responseType: 'arraybuffer',
headers: { headers: {
"action": actionNum, "action": actionNum,
}, },

33
src/views/Home.vue
View File

@ -70,7 +70,7 @@
<script> <script>
import { onMounted, reactive, ref, toRefs, nextTick } from "vue"; import { onMounted, reactive, ref, toRefs, nextTick } from "vue";
// import infoApi from "@/api/infoApi.js"; import infoApi from "@/api/infoApi.js";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import * as echarts from "echarts"; import * as echarts from "echarts";
import { user, token, response, info } from '../proto/data/pd'; import { user, token, response, info } from '../proto/data/pd';
@ -92,29 +92,22 @@ export default {
getSys(); getSys();
}); });
const getSys = async () => { const getSys = async () => {
// const res = await infoApi.getSys(); const res = await infoApi.getSys();
// // 解析返回数据 if (res.code == 0) {
// const ret = response.decode(new Uint8Array(res)); state.deviceData = res.data;
// console.log(ret) console.log(44, state.deviceData);
nextTick(() => {
// if (ret.code == 0) { drawEchart();
// // 解析数据 });
// state.deviceData = info.decode(ret.data); }
// console.log(44, state.deviceData);
// nextTick(() => {
// drawEchart();
// });
// }
}; };
const drawEchart = () => { const drawEchart = () => {
let dom = document.getElementById("echartDiv"); let dom = document.getElementById("echartDiv");
let data = { let data = {
name: "内存使用比", name: "内存使用比",
usedPercent: state.deviceData.meminfo.usedPercent.toFixed(2), usedPercent: state.deviceData.meminfo.used_percent.toFixed(2),
used: state.deviceData.meminfo.usedPercent.toFixed(2), used: state.deviceData.meminfo.used_percent.toFixed(2),
total: 100, total: 100,
}; };
getEchart(dom, data); getEchart(dom, data);
@ -122,8 +115,8 @@ export default {
let domItem = document.getElementById("echartDiv" + index); let domItem = document.getElementById("echartDiv" + index);
let dataItem = { let dataItem = {
name: ele.name.split("/")[2], name: ele.name.split("/")[2],
usedPercent: ele.usedPercent.toFixed(2), usedPercent: ele.used_percent.toFixed(2),
used: ele.usedPercent.toFixed(2), used: ele.used_percent.toFixed(2),
total: 100, total: 100,
}; };
getEchart(domItem, dataItem); getEchart(domItem, dataItem);

21
src/views/Level.vue
View File

@ -102,7 +102,7 @@
import { onMounted, reactive, ref, toRefs } from "vue"; import { onMounted, reactive, ref, toRefs } from "vue";
import infoApi from "@/api/infoApi.js"; import infoApi from "@/api/infoApi.js";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import { user, response, token, info,passwd, net_info,ip_info } from '../proto/data/pd' // import { user, response, token, info,passwd, net_info,ip_info } from '../proto/data/pd'
export default { export default {
name: "level", name: "level",
setup() { setup() {
@ -169,13 +169,12 @@ export default {
}); });
const getNet = async () => { const getNet = async () => {
const res = await infoApi.getNet(); const res = await infoApi.getNet();
const ret = response.decode(new Uint8Array(res)); if (res.code == 0) {
if (ret.code == 0) {
// 获取数据 // 获取数据
state.formData = net_info.decode(ret.data); state.formData = res.data;
console.log(666, state.formData.ip); console.log(666, state.formData.ip);
} else { } else {
console.log(ret); console.log(res);
} }
}; };
@ -189,16 +188,12 @@ export default {
const saveData = () => { const saveData = () => {
ruleFormRef.value.validate(async (valid) => { ruleFormRef.value.validate(async (valid) => {
if (valid) { if (valid) {
const req_databuf = net_info.encode(state.formData).finish(); const res = await infoApi.saveNet(state.formData);
// 截取有效长度 if (res.code == 0) {
const req_data = req_databuf.slice(0, req_databuf.length); ElMessage.success(res.message || "请求成功");
const res = await infoApi.saveNet(req_data);
const ret = response.decode(new Uint8Array(res));
if (ret.code == 0) {
ElMessage.success(res.msg || "请求成功");
getNet(); getNet();
} else { } else {
ElMessage.error(res.msg); ElMessage.error(res.message);
} }
} else { } else {
console.log("error submit!"); console.log("error submit!");

31
src/views/Login.vue
View File

@ -73,28 +73,35 @@ export default {
loginForm.value.validate(async (valid) => { loginForm.value.validate(async (valid) => {
if (valid) { if (valid) {
// 1. 编码数据 // 1. 编码数据
const userInfo = user.encode({ const userInfo = {
name: state.ruleForm.username, username: state.ruleForm.username,
password: md5(state.ruleForm.password).toUpperCase(), password: md5(state.ruleForm.password).toUpperCase(),
// timestamp: new Date().getTime() }
}).finish()
// 2. 截取有效长度 // 2. 截取有效长度
const send_userInfo = userInfo.slice(0, userInfo.length); // const send_userInfo = userInfo.slice(0, userInfo.length);
const res = await myApi.login(send_userInfo); myApi.login(userInfo).then(async (res) => {
// console.log("===",res); if (res.code == 0) {
console.log("===",new TextDecoder().decode(res.data)); getLoginStatus();
if (res.code == 0){ } else {
const res2 = await myApi.loginStatus(); ElMessage.error(res.message);
console.log("===",new TextDecoder().decode(res2.data));
window.location.href = '/';
} }
})
} else { } else {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;
} }
}) })
}; };
const getLoginStatus = async () => {
const res = await myApi.loginStatus();
if (res.code == 0) {
window.location.href = '/';
} else {
ElMessage.error(res.message);
}
}
const resetForm = () => { const resetForm = () => {
loginForm.value.resetFields(); loginForm.value.resetFields();
}; };

24
src/views/Page.vue
View File

@ -14,14 +14,14 @@
> >
<el-table-column type="index" label="序号" width="80" align="center" /> <el-table-column type="index" label="序号" width="80" align="center" />
<el-table-column <el-table-column
prop="name" prop="index"
label="通讯名称" label="通讯名称"
width="200" width="200"
align="center" align="center"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="description" prop="Description"
label="通讯描述" label="通讯描述"
width="200" width="200"
align="center" align="center"
@ -118,7 +118,6 @@ import infoApi from "@/api/infoApi.js";
import { ElMessage, ElMessageBox } from "element-plus"; import { ElMessage, ElMessageBox } from "element-plus";
import AddData from "@/components/AddData.vue"; import AddData from "@/components/AddData.vue";
import AddSet from "@/components/AddSet.vue"; import AddSet from "@/components/AddSet.vue";
import { response, tx_list, com_info, com_list, tx_drive_list, tx_add, tx_drive_config_modbusTCP, tx_info } from '../proto/data/pd'
export default { export default {
name: "page", name: "page",
components: { components: {
@ -141,22 +140,21 @@ export default {
}); });
// 获取通讯驱动 // 获取通讯驱动
const getTxSupport = async () => { const getTxSupport = async () => {
const res = await infoApi.getTxSupport(); const res = await infoApi.getTxSupport();
const ret = response.decode(new Uint8Array(res)); if (res.code == 0) {
console.log('通讯驱动', ret) state.qudongOptions = res.data;
if (ret.code == 0) {
state.qudongOptions = tx_drive_list.decode(ret.data).txDrive;
console.log('通讯驱动', tx_drive_list.decode(ret.data).txDrive);
} }
}; };
const getTableData = async () => { const getTableData = async () => {
const res = await infoApi.getTx(); const param = {
const ret = response.decode(new Uint8Array(res)); type: 0
if (ret.code == 0) { }
state.tableData = tx_list.decode(ret.data).tx; const res = await infoApi.getTx(param);
console.log('保存成功后获取到的列表', tx_list.decode(ret.data).tx); if (res.code == 0) {
state.tableData = res.data;
} }
}; };
const dialogClose = () => { const dialogClose = () => {