diff --git a/.history/src/App_20231106090219.vue b/.history/src/App_20231106090219.vue
new file mode 100644
index 0000000..21a242e
--- /dev/null
+++ b/.history/src/App_20231106090219.vue
@@ -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>
diff --git a/package-lock.json b/package-lock.json
index 12020c7..902cbee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3415,7 +3415,7 @@
     },
     "node_modules/axios": {
       "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==",
       "dependencies": {
         "follow-redirects": "^1.15.0",
@@ -13914,7 +13914,7 @@
     },
     "axios": {
       "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==",
       "requires": {
         "follow-redirects": "^1.15.0",
diff --git a/src/App.vue b/src/App.vue
index e93a85f..21a242e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,15 +5,187 @@
 </template>
 
 <script>
+import { Alert } from "element-ui";
+import { queryallanswer } from "./api/answer";
 export default {
   name: "App",
   data() {
-    return {};
+    return {
+      grade: 0,
+    };
   },
   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: {},
 };
 </script>
@@ -93,7 +265,7 @@ export default {
 .el-tree,
 .tree_menu {
   /* background-color: rgba(255, 0, 0, 0.0); */
-  color: #FFFFFF;
+  color: #ffffff;
   background-image: url(./assets/image/bg.png);
   background-size: cover;
 }
@@ -117,7 +289,7 @@ export default {
 .el-dialog__body {
   /* border-top: 0 !important; */
   /* background-color: rgba(19, 31, 59, 0); */
-  color: #FFFFFF;
+  color: #ffffff;
   background-image: url(./assets/image/bg.png);
   background-size: cover;
 }
diff --git a/src/api/answer.js b/src/api/answer.js
new file mode 100644
index 0000000..d7c807c
--- /dev/null
+++ b/src/api/answer.js
@@ -0,0 +1,6 @@
+import axios from "axios";
+//获取正确答案
+export let queryallanswer = () =>
+  axios.get(
+    "http://172.16.1.254:10014/Handler/Config.ashx?action=queryallanswer"
+  );
diff --git a/vue.config.js b/vue.config.js
index 84601e3..96a197c 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -7,13 +7,13 @@ module.exports = defineConfig({
     proxy: {
       "/wangguan": {
         target: "http://172.16.1.254:10014/Handler/Config.ashx",
-        pathRewrite: { '^/wangguan': '' },
+        pathRewrite: { "^/wangguan": "" },
         secure: false,
         // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，
         //并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
         // 必须设置该项
         changeOrigin: true,
-      }
-    }
-  }
+      },
+    },
+  },
 });