This commit is contained in:
unknown 2023-11-06 09:03:41 +08:00
commit 1988a7ed22
5 changed files with 522 additions and 11 deletions

View File

@ -0,0 +1,333 @@
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
import { Alert } from "element-ui";
import { queryallanswer } from "./api/answer";
export default {
name: "App",
data() {
return {
grade: 0,
};
},
created() {
this.queryallanswer();
},
methods: {
//
// async queryallanswer() {
// let { data } = await queryallanswer();
// let arr = [];
// arr = data.data;
// arr.forEach((item) => {
// item.answer = JSON.parse(item.answer);
// });
// console.log(arr);
// let obj = {
// cjdpz_beilv: "2",
// cjdpz_cjsjlx: "uint16",
// cjdpz_dxsx: "131111",
// cjdpz_jcqdz: "8195",
// cjdpz_mc: "",
// cjdpz_sjq: "4X (Holding Register)",
// cjdpz_tagid: "MachinePamHID910",
// cjdpz_zjx: "Null",
// ippz_dns_by: "114.114.114.114",
// ippz_dns_sx: "8.8.8.8",
// ippz_ip: "192.168.32.3",
// ippz_mac: "3C:2D:50:20:30:3D",
// ippz_mrwg: "192.168.32.1",
// ippz_wangkou: "ETH1",
// ippz_zwym: "255.255.255.192",
// mqtt_cjd_sbmc: "线1",
// mqtt_cjd_tagid: "MachinePamHID910",
// mqtt_ip: "124.70.210.118",
// mqtt_port: "1883",
// mqtt_qiyong: "1",
// mqtt_qos: "qos1",
// mqtt_retained: "0",
// mqtt_scms: "",
// mqtt_sczq: "5",
// mqtt_sjgl: "",
// mqtt_sssjfbzt: "dbzn/gateway/iotlite/2000808010",
// mqtt_wgsn: "2000808010",
// sbpz_jdzxz: "1",
// sbpz_jysb: "0",
// sbpz_mac: "3C:2D:50:20:30:3D",
// sbpz_sbid: "线1",
// sbpz_sbmc: "线1",
// tdpz_050F: "auto",
// tdpz_0610: "auto",
// tdpz_cfcs: "3",
// tdpz_cjsylxdz: "1",
// tdpz_cssj: "500",
// tdpz_dxzkb: "1:1",
// tdpz_ip: "192.168.32.2",
// tdpz_jgsj: "500",
// tdpz_lxsj: "0",
// tdpz_port: "502",
// tdpz_qdmc: "ModbusTCPClient",
// tdpz_td: "",
// tdpz_tdmc: "线Channel1",
// tdpz_watchtime: "1",
// wgpz_wgid: "LAN-BOX1",
// wgpz_wglx: "MODBUS",
// wgpz_wgmc: "线1",
// };
// let newArr = [
// {
// cskey: "MachinePamHID917",
// csname: "",
// pcz: "100",
// sdz: "2000",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "lan-box2",
// xsws: "0",
// },
// {
// cskey: "MachinePamHID910",
// csname: "",
// pcz: "5",
// sdz: "20",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "lan-box1",
// xsws: "0",
// },
// {
// cskey: "MachinePamHID909",
// csname: "",
// pcz: "0",
// sdz: "1",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "wlan-box1",
// xsws: "0",
// },
// {
// cskey: "MachinePamHID928",
// csname: "",
// pcz: "50",
// sdz: "500",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "wlan-box2",
// xsws: "0",
// },
// ];
// // console.log(this.getAllGrades(arr[0].answer, obj, arr[0].r1));
// console.log(this.getAllGrades(newArr, newArr, arr[9].r1));
// // this.getAllGrades(arr[9].answer, newArr, arr[9].r1);
// },
//obj1: obj r1
// getAllGrades(obj1, obj2, r1) {
// var arr = [];
// let grade = 0;
// if (!Array.isArray(obj1)) {
// const keys = Object.keys(obj1);
// for (let key of keys) {
// if (obj1[key] !== obj2[key]) {
// arr.push({
// [key]: {
// answer: obj1[key],
// user: obj2[key],
// },
// });
// }
// }
// if (arr.length > 0) {
// grade = 0;
// } else {
// grade = r1;
// }
// } else {
// if (obj1.length !== obj2.length) {
// return false;
// }
// let flagArr = [];
// for (let i = 0; i < obj1.length; i++) {
// for (let j = 0; j < obj2.length; j++) {
// let flag = this.isArrEqual(
// Object.values(obj1[i]),
// Object.values(obj2[j])
// );
// flagArr.push(flag);
// }
// }
// let counter = 0;
// let target = true;
// for (let a of flagArr) {
// if (a == target) {
// counter++;
// }
// }
// if (counter == obj1.length) {
// grade = r1;
// console.log(grade);
// } else {
// grade = 0;
// }
// }
// // ;
// return {
// arr,
// grade: Number(grade),
// };
// },
// isArrEqual(arr1, arr2) {
// return (
// arr1.length === arr2.length && arr1.every((ele) => arr2.includes(ele))
// );
// },
},
mounted() {},
components: {},
};
</script>
<style>
* {
margin: 0;
padding: 0;
}
#app {
width: 100%;
height: 100vh;
background-color: white;
/* background: url(./assets/image/bg.png) no-repeat; */
/* background-size: 100% 100%; */
.el-dialog,
.el-pager li,
.el-tree,
.tree_menu {
/* background-color: rgba(255, 0, 0, 0.0); */
color: #FFFFFF;
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
}
/* //将el-dialog__header、el-dialog__body、el-dialog__footer背景设置为透明 */
/* ```css */
.el-dialog__header,
.el-table {
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
}
.el-dialog__body,
.el_table_body {
/* border-top: 0 !important; */
/* background-color: rgba(19, 31, 59, 0); */
color: #FFFFFF;
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
}
.el-dialog__footer {
text-align: center;
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
}
.el-form-item label {
color: white;
}
.el-tree-node__content:hover {
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
}
.el-tree-node.is-current>.el-tree-node__content {
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
}
.el-tree-node:focus>.el-tree-node__content {
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
}
}
.el-dialog,
.el-pager li,
.el-tree,
.tree_menu {
/* background-color: rgba(255, 0, 0, 0.0); */
color: #ffffff;
background-image: url(./assets/image/bg.png);
background-size: cover;
}
/* //将el-dialog__header、el-dialog__body、el-dialog__footer背景设置为透明 */
/* ```css */
.el-dialog__header .el-dialog__title,
.el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
.el-dialog__header,
.el-table {
color: #FFFFFF;
background-image: url(./assets/image/bg.png);
background-size: cover;
}
/* .el-table__header-wrapper */
.el_table .el_table_cell,
.el-dialog__body {
/* border-top: 0 !important; */
/* background-color: rgba(19, 31, 59, 0); */
color: #ffffff;
background-image: url(./assets/image/bg.png);
background-size: cover;
}
/* .el-table .el-table__body-wrapper tbody thead {
background-image: url(./assets/image/bg.png);
background-size: 100% 100%;
} */
.el-table .el-table__body-wrapper tbody tr {
background-image: url(./assets/image/bg.png);
background-size: cover;
}
.el-dialog__footer {
text-align: center;
background-image: url(./assets/image/bg.png);
background-size: cover;
}
.el-form-item label {
color: white;
}
.el-tree-node__content:hover {
background-image: url(./assets/image/bg.png);
background-size: cover;
}
.el-tree-node.is-current>.el-tree-node__content {
background-image: url(./assets/image/bg.png);
background-size: cover;
}
.el-tree-node:focus>.el-tree-node__content {
background-image: url(./assets/image/bg.png);
background-size: cover;
}
/* 弹窗 */</style>

4
package-lock.json generated
View File

@ -3415,7 +3415,7 @@
}, },
"node_modules/axios": { "node_modules/axios": {
"version": "1.6.0", "version": "1.6.0",
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.0.tgz", "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
"integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==", "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
"dependencies": { "dependencies": {
"follow-redirects": "^1.15.0", "follow-redirects": "^1.15.0",
@ -13914,7 +13914,7 @@
}, },
"axios": { "axios": {
"version": "1.6.0", "version": "1.6.0",
"resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.0.tgz", "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.0.tgz",
"integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==", "integrity": "sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==",
"requires": { "requires": {
"follow-redirects": "^1.15.0", "follow-redirects": "^1.15.0",

View File

@ -5,15 +5,187 @@
</template> </template>
<script> <script>
import { Alert } from "element-ui";
import { queryallanswer } from "./api/answer";
export default { export default {
name: "App", name: "App",
data() { data() {
return {}; return {
grade: 0,
};
}, },
created() { created() {
console.log({ "state": true, "message": "", "data": { "id": "10001", "mark": "DB-IotLite_yx", "topic": "DB-IotLite网关有线", "answer": "{\r\n \"ippz_wangkou\": \"ETH1\",\r\n \"ippz_ip\": \"192.168.32.3\",\r\n \"ippz_zwym\": \"255.255.255.192\",\r\n \"ippz_mrwg\": \"192.168.32.1\",\r\n \"ippz_dns_sx\": \"8.8.8.8\",\r\n \"ippz_dns_by\": \"114.114.114.114\",\r\n \"ippz_mac\": \"3C:2D:50:20:30:3D\",\r\n\r\n \"wgpz_wgmc\": \"有线区网关1\",\r\n \"wgpz_wgid\": \"LAN-BOX1\",\r\n \"wgpz_wglx\": \"MODBUS网关\",\r\n\r\n \"tdpz_tdmc\": \"有线区Channel1\",\r\n \"tdpz_td\": \"网口\",\r\n \"tdpz_qdmc\": \"ModbusTCPClient\",\r\n \"tdpz_ip\": \"192.168.32.2\",\r\n \"tdpz_port\": \"502\",\r\n \"tdpz_cssj\": \"500\",\r\n \"tdpz_jgsj\": \"500\",\r\n \"tdpz_lxsj\": \"0\",\r\n \"tdpz_cfcs\": \"3\",\r\n \"tdpz_watchtime\": \"1\",\r\n \"tdpz_cjsylxdz\": \"1\",\r\n \"tdpz_dxzkb\": \"1:1\",\r\n \"tdpz_050F\": \"auto\",\r\n \"tdpz_0610\": \"auto\",\r\n\r\n \"sbpz_sbid\": \"有线区加工设备1\",\r\n \"sbpz_sbmc\": \"有线区精雕1\",\r\n \"sbpz_mac\": \"3C:2D:50:20:30:3D\",\r\n \"sbpz_jysb\": \"0\",\r\n \"sbpz_jdzxz\": \"1\",\r\n\r\n \"cjdpz_tagid\": \"MachinePamHID910\",\r\n \"cjdpz_mc\": \"产量\",\r\n \"cjdpz_sjq\": \"4X (Holding Register)\",\r\n \"cjdpz_jcqdz\": \"8195\",\r\n \"cjdpz_cjsjlx\": \"uint16\",\r\n \"cjdpz_zjx\": \"Null\",\r\n \"cjdpz_dxsx\": \"只读\",\r\n \"cjdpz_beilv\": \"1\",\r\n\r\n \"mqtt_qiyong\": \"1\",\r\n \"mqtt_ip\": \"124.70.210.118\",\r\n \"mqtt_port\": \"1883\",\r\n \"mqtt_wgsn\": \"2000808010\",\r\n \"mqtt_sssjfbzt\": \"dbzn/gateway/iotlite/2000808010\",\r\n \"mqtt_qos\": \"qos1\",\r\n \"mqtt_retained\": \"0\",\r\n \"mqtt_scms\": \"周期上传\",\r\n \"mqtt_sczq\": \"5\",\r\n \"mqtt_sjgl\": \"采集成功\",\r\n \"mqtt_cjd_sbmc\": \"有线区精雕1\",\r\n \"mqtt_cjd_tagid\": \"MachinePamHID910\"\r\n\r\n}", "update_time": "2023-10-31 10:20:14", "r1": "4", "r2": "", "r3": "" } }) this.queryallanswer();
}, },
methods: {}, methods: {
//
// async queryallanswer() {
// let { data } = await queryallanswer();
// let arr = [];
// arr = data.data;
// arr.forEach((item) => {
// item.answer = JSON.parse(item.answer);
// });
// console.log(arr);
// let obj = {
// cjdpz_beilv: "2",
// cjdpz_cjsjlx: "uint16",
// cjdpz_dxsx: "131111",
// cjdpz_jcqdz: "8195",
// cjdpz_mc: "",
// cjdpz_sjq: "4X (Holding Register)",
// cjdpz_tagid: "MachinePamHID910",
// cjdpz_zjx: "Null",
// ippz_dns_by: "114.114.114.114",
// ippz_dns_sx: "8.8.8.8",
// ippz_ip: "192.168.32.3",
// ippz_mac: "3C:2D:50:20:30:3D",
// ippz_mrwg: "192.168.32.1",
// ippz_wangkou: "ETH1",
// ippz_zwym: "255.255.255.192",
// mqtt_cjd_sbmc: "线1",
// mqtt_cjd_tagid: "MachinePamHID910",
// mqtt_ip: "124.70.210.118",
// mqtt_port: "1883",
// mqtt_qiyong: "1",
// mqtt_qos: "qos1",
// mqtt_retained: "0",
// mqtt_scms: "",
// mqtt_sczq: "5",
// mqtt_sjgl: "",
// mqtt_sssjfbzt: "dbzn/gateway/iotlite/2000808010",
// mqtt_wgsn: "2000808010",
// sbpz_jdzxz: "1",
// sbpz_jysb: "0",
// sbpz_mac: "3C:2D:50:20:30:3D",
// sbpz_sbid: "线1",
// sbpz_sbmc: "线1",
// tdpz_050F: "auto",
// tdpz_0610: "auto",
// tdpz_cfcs: "3",
// tdpz_cjsylxdz: "1",
// tdpz_cssj: "500",
// tdpz_dxzkb: "1:1",
// tdpz_ip: "192.168.32.2",
// tdpz_jgsj: "500",
// tdpz_lxsj: "0",
// tdpz_port: "502",
// tdpz_qdmc: "ModbusTCPClient",
// tdpz_td: "",
// tdpz_tdmc: "线Channel1",
// tdpz_watchtime: "1",
// wgpz_wgid: "LAN-BOX1",
// wgpz_wglx: "MODBUS",
// wgpz_wgmc: "线1",
// };
// let newArr = [
// {
// cskey: "MachinePamHID917",
// csname: "",
// pcz: "100",
// sdz: "2000",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "lan-box2",
// xsws: "0",
// },
// {
// cskey: "MachinePamHID910",
// csname: "",
// pcz: "5",
// sdz: "20",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "lan-box1",
// xsws: "0",
// },
// {
// cskey: "MachinePamHID909",
// csname: "",
// pcz: "0",
// sdz: "1",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "wlan-box1",
// xsws: "0",
// },
// {
// cskey: "MachinePamHID928",
// csname: "",
// pcz: "50",
// sdz: "500",
// sfbjbz: "",
// sfyxbz: "",
// sswg: "wlan-box2",
// xsws: "0",
// },
// ];
// // console.log(this.getAllGrades(arr[0].answer, obj, arr[0].r1));
// console.log(this.getAllGrades(newArr, newArr, arr[9].r1));
// // this.getAllGrades(arr[9].answer, newArr, arr[9].r1);
// },
//obj1: obj r1
// getAllGrades(obj1, obj2, r1) {
// var arr = [];
// let grade = 0;
// if (!Array.isArray(obj1)) {
// const keys = Object.keys(obj1);
// for (let key of keys) {
// if (obj1[key] !== obj2[key]) {
// arr.push({
// [key]: {
// answer: obj1[key],
// user: obj2[key],
// },
// });
// }
// }
// if (arr.length > 0) {
// grade = 0;
// } else {
// grade = r1;
// }
// } else {
// if (obj1.length !== obj2.length) {
// return false;
// }
// let flagArr = [];
// for (let i = 0; i < obj1.length; i++) {
// for (let j = 0; j < obj2.length; j++) {
// let flag = this.isArrEqual(
// Object.values(obj1[i]),
// Object.values(obj2[j])
// );
// flagArr.push(flag);
// }
// }
// let counter = 0;
// let target = true;
// for (let a of flagArr) {
// if (a == target) {
// counter++;
// }
// }
// if (counter == obj1.length) {
// grade = r1;
// console.log(grade);
// } else {
// grade = 0;
// }
// }
// // ;
// return {
// arr,
// grade: Number(grade),
// };
// },
// isArrEqual(arr1, arr2) {
// return (
// arr1.length === arr2.length && arr1.every((ele) => arr2.includes(ele))
// );
// },
},
mounted() {},
components: {}, components: {},
}; };
</script> </script>
@ -93,7 +265,7 @@ export default {
.el-tree, .el-tree,
.tree_menu { .tree_menu {
/* background-color: rgba(255, 0, 0, 0.0); */ /* background-color: rgba(255, 0, 0, 0.0); */
color: #FFFFFF; color: #ffffff;
background-image: url(./assets/image/bg.png); background-image: url(./assets/image/bg.png);
background-size: cover; background-size: cover;
} }
@ -117,7 +289,7 @@ export default {
.el-dialog__body { .el-dialog__body {
/* border-top: 0 !important; */ /* border-top: 0 !important; */
/* background-color: rgba(19, 31, 59, 0); */ /* background-color: rgba(19, 31, 59, 0); */
color: #FFFFFF; color: #ffffff;
background-image: url(./assets/image/bg.png); background-image: url(./assets/image/bg.png);
background-size: cover; background-size: cover;
} }

6
src/api/answer.js Normal file
View File

@ -0,0 +1,6 @@
import axios from "axios";
//获取正确答案
export let queryallanswer = () =>
axios.get(
"http://172.16.1.254:10014/Handler/Config.ashx?action=queryallanswer"
);

View File

@ -7,13 +7,13 @@ module.exports = defineConfig({
proxy: { proxy: {
"/wangguan": { "/wangguan": {
target: "http://172.16.1.254:10014/Handler/Config.ashx", target: "http://172.16.1.254:10014/Handler/Config.ashx",
pathRewrite: { '^/wangguan': '' }, pathRewrite: { "^/wangguan": "" },
secure: false, secure: false,
// 开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据, // 开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,
//并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题 //并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
// 必须设置该项 // 必须设置该项
changeOrigin: true, changeOrigin: true,
} },
} },
} },
}); });