From f31bb5f8b95f9ba4ba9ec8b9b8193a648a8fb264 Mon Sep 17 00:00:00 2001
From: lll <you@example.com>
Date: Thu, 9 Nov 2023 11:25:36 +0800
Subject: [PATCH] 11

---
 src/App.vue                          |  78 +++---
 src/api/user.js                      |  13 +-
 src/components/ChiClonewifi.vue      | 385 ++++++++++++++++++---------
 src/components/IpConfiguration.vue   |  97 +++++--
 src/components/PortConfiguration.vue |  66 ++++-
 src/components/Wireles.vue           |  20 +-
 src/components/netConfiguration.vue  |  75 ++++--
 src/views/Index.vue                  |  32 ++-
 8 files changed, 524 insertions(+), 242 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e5cf40d..52c688a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,48 +25,48 @@ export default {
     };
   },
   created() {
-    this.queryallanswer();
+    // this.queryallanswer();
   },
   methods: {
     // 请求正确答案
-    async queryallanswer() {
-      let { data } = await queryallanswer();
-      console.log(JSON.parse(JSON.stringify(data.data)));
-      let arr = [];
-      arr = data.data;
-      arr.forEach((item) => {
-        if (item.mark == "DB-IotLite_yx") {
-          this.DB_IotLite_yx = JSON.parse(item.answer);
-        }
-        if (item.mark == "CHGYWG_yx") {
-          this.CHGYWG_yx = JSON.parse(item.answer);
-        }
-        if (item.mark == "CHGYWG_wx") {
-          this.CHGYWG_wx = JSON.parse(item.answer);
-        }
-        if (item.mark == "DB_IotLite_wx") {
-          this.DB_IotLite_wx = JSON.parse(item.answer);
-        }
-        if (item.mark == "CKFWQ_yx") {
-          this.CKFWQ_yx = JSON.parse(item.answer);
-        }
-        if (item.mark == "CKFWQ_wx") {
-          this.CKFWQ_wx = JSON.parse(item.answer);
-        }
-        if (item.mark == "GYWZ_yx") {
-          this.GYWZ_yx = JSON.parse(item.answer);
-        }
-        if (item.mark == "GYWZ_wx") {
-          this.GYWZ_wx = JSON.parse(item.answer);
-        }
-        if (item.mark == "YDPZYM_wgpz") {
-          this.YDPZYM_wgpz = JSON.parse(item.answer);
-        }
-        if (item.mark == "YDPZYM_wgwh") {
-          this.YDPZYM_wgwh = JSON.parse(item.answer);
-        }
-      });
-    },
+    // async queryallanswer() {
+    //   let { data } = await queryallanswer();
+    //   console.log(JSON.parse(JSON.stringify(data.data)));
+    //   let arr = [];
+    //   arr = data.data;
+    //   arr.forEach((item) => {
+    //     if (item.mark == "DB-IotLite_yx") {
+    //       this.DB_IotLite_yx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "CHGYWG_yx") {
+    //       this.CHGYWG_yx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "CHGYWG_wx") {
+    //       this.CHGYWG_wx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "DB_IotLite_wx") {
+    //       this.DB_IotLite_wx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "CKFWQ_yx") {
+    //       this.CKFWQ_yx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "CKFWQ_wx") {
+    //       this.CKFWQ_wx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "GYWZ_yx") {
+    //       this.GYWZ_yx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "GYWZ_wx") {
+    //       this.GYWZ_wx = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "YDPZYM_wgpz") {
+    //       this.YDPZYM_wgpz = JSON.parse(item.answer);
+    //     }
+    //     if (item.mark == "YDPZYM_wgwh") {
+    //       this.YDPZYM_wgwh = JSON.parse(item.answer);
+    //     }
+    //   });
+    // },
     //   console.log(arr);
     //   let obj = {
     //     cjdpz_beilv: "2",
diff --git a/src/api/user.js b/src/api/user.js
index 0a5f254..e2ec0b3 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -8,10 +8,15 @@ export const SaveUserAnswer = (data) => {
     {}
   );
 };
-export const GetUserAnswer = (data) => {
+// export const GetUserAnswer = (data) => {
+//   return axios.get(
+//     `/wangguan?action=querycache&mark=${data.mark}&user_id=${data.user_id}`
+//   );
+// };
+
+//最新拿缓存请求接口
+export let GetUserAnswer = (data) => {
   return axios.get(
-    `/wangguan?action=querycache&mark=${data.mark}&user_id=${data.user_id}`
+    `/wangguan?action=queryanswercache&mark=${data.mark}&user_id=${data.user_id}`
   );
 };
-
-//网关配置
diff --git a/src/components/ChiClonewifi.vue b/src/components/ChiClonewifi.vue
index 09438a9..90c839d 100644
--- a/src/components/ChiClonewifi.vue
+++ b/src/components/ChiClonewifi.vue
@@ -5,16 +5,26 @@
     <!-- <div v-click-outside="closeMenu"> -->
     <!-- <el-button type="info" plain @click="dialogVisible = true">斥侯MQTT云</el-button> -->
     <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" @node-click="treeNodeClick" default-expand-all></el-tree>
+      <el-tree
+        :data="datas"
+        :props="defaultProps"
+        @node-click="treeNodeClick"
+        default-expand-all
+      ></el-tree>
       <!-- 树形控件右键组件 -->
     </div>
     <!-- </div> -->
     <div class="pas_params" v-show="add_passage" v-loading="loading">
       <div class="content">
         <div class="con_left">
-          <h3 class="mqtt" style="margin-top: 20px;color: white;">标准 MQTT</h3>
+          <h3 class="mqtt" style="margin-top: 20px; color: white">标准 MQTT</h3>
           <el-divider></el-divider>
-          <el-form :model="formData" :label-position="labelPosition" :rules="rules" ref="ruleForm">
+          <el-form
+            :model="formData"
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="ruleForm"
+          >
             <el-row>
               <el-col :span="24">
                 <el-form-item>
@@ -24,22 +34,42 @@
             </el-row>
             <el-row>
               <el-col :span="12">
-                <el-form-item label="服务器IP:" :label-width="formLabelWidth" prop="mqtt_ip">
+                <el-form-item
+                  label="服务器IP:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_ip"
+                >
                   <el-row>
                     <el-col :span="5">
-                      <el-input v-model="mqtt_ip1" style="width: 43px; height: 30px" maxlength="3"></el-input>
+                      <el-input
+                        v-model="mqtt_ip1"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
                     </el-col>
                     <el-col :span="1">. </el-col>
                     <el-col :span="5">
-                      <el-input v-model="mqtt_ip2" style="width: 43px; height: 30px" maxlength="3"></el-input>
+                      <el-input
+                        v-model="mqtt_ip2"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
                     </el-col>
                     <el-col :span="1">.</el-col>
                     <el-col :span="5">
-                      <el-input v-model="mqtt_ip3" style="width: 43px; height: 30px" maxlength="3"></el-input>
+                      <el-input
+                        v-model="mqtt_ip3"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
                     </el-col>
                     <el-col :span="1">.</el-col>
                     <el-col :span="5">
-                      <el-input v-model="mqtt_ip4" style="width: 43px; height: 30px" maxlength="3"></el-input>
+                      <el-input
+                        v-model="mqtt_ip4"
+                        style="width: 43px; height: 30px"
+                        maxlength="3"
+                      ></el-input>
                     </el-col>
                   </el-row>
                 </el-form-item>
@@ -47,31 +77,62 @@
             </el-row>
             <el-row>
               <el-col :span="24">
-                <el-form-item label="网关SN:" :label-width="formLabelWidth" prop="mqtt_wgsn">
-                  <el-input v-model="formData.mqtt_wgsn" placeholder="" style="width: 200px; height: 30px"></el-input>
+                <el-form-item
+                  label="网关SN:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_wgsn"
+                >
+                  <el-input
+                    v-model="formData.mqtt_wgsn"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="24">
-                <el-form-item label="端口:" :label-width="formLabelWidth" prop="mqtt_port">
-                  <el-input v-model="formData.mqtt_port" placeholder="" style="width: 200px; height: 30px"></el-input>
+                <el-form-item
+                  label="端口:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_port"
+                >
+                  <el-input
+                    v-model="formData.mqtt_port"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="12">
-                <el-form-item label="Keep Alive(s):" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_keepalive" placeholder=""
-                    style="width: 200px; height: 30px"></el-input>
+                <el-form-item
+                  label="Keep Alive(s):"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_keepalive"
+                >
+                  <el-input
+                    v-model="formData.mqtt_keepalive"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
                   <div class="infos">2-60000</div>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="12">
-                <el-form-item label="实施数据发布主题:" :label-width="formLabelWidth" prop="mqtt_keepalive">
-                  <el-input v-model="formData.mqtt_sssjfbzt" placeholder="" style="width: 200px; height: 30px"></el-input>
+                <el-form-item
+                  label="实施数据发布主题:"
+                  :label-width="formLabelWidth"
+                  prop="mqtt_keepalive"
+                >
+                  <el-input
+                    v-model="formData.mqtt_sssjfbzt"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                  ></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -97,9 +158,22 @@
                 <el-form-item>
                   <el-row>
                     <el-col :span="12">
-                      <el-form-item label="Qos(MQTT):" :label-width="formLabelWidth" prop="upload_week">
-                        <el-select v-model="formData.mqtt_qos" placeholder="请选择" style="width: 200px">
-                          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
+                      <el-form-item
+                        label="Qos(MQTT):"
+                        :label-width="formLabelWidth"
+                        prop="upload_week"
+                      >
+                        <el-select
+                          v-model="formData.mqtt_qos"
+                          placeholder="请选择"
+                          style="width: 200px"
+                        >
+                          <el-option
+                            v-for="item in options1"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                          >
                           </el-option>
                         </el-select>
                       </el-form-item>
@@ -148,16 +222,24 @@
             <el-table-column property="mqtt_cjd_sbmc" label="设备名称">
               <template slot-scope="scope">
                 <el-select v-model="scope.row.mqtt_cjd_sbmc" placeholder="">
-                  <el-option v-for="(option, index) in options2" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
+                  <el-option
+                    v-for="(option, index) in options2"
+                    :key="index"
+                    :label="option.label"
+                    :value="option.value"
+                  ></el-option>
                 </el-select>
               </template>
             </el-table-column>
             <el-table-column property="mqtt_cjd_tagid" label="TagID">
               <template slot-scope="scope">
                 <el-select v-model="scope.row.mqtt_cjd_tagid" placeholder="">
-                  <el-option v-for="(option, index) in options3" :key="index" :label="option.label"
-                    :value="option.value"></el-option>
+                  <el-option
+                    v-for="(option, index) in options3"
+                    :key="index"
+                    :label="option.label"
+                    :value="option.value"
+                  ></el-option>
                 </el-select>
               </template>
             </el-table-column>
@@ -168,8 +250,14 @@
     <!-- 添加按钮下显示出来的弹框信息 -->
     <div>
       <el-dialog title="选择点" :visible.sync="choose_point" width="30%">
-        <el-tree :data="points" show-checkbox node-key="id" :default-expanded-keys="[1, 2]"
-          :default-checked-keys="[3, 4, 5, 6]" :props="defaultProps">
+        <el-tree
+          :data="points"
+          show-checkbox
+          node-key="id"
+          :default-expanded-keys="[1, 2]"
+          :default-checked-keys="[3, 4, 5, 6]"
+          :props="defaultProps"
+        >
         </el-tree>
         <span slot="footer" class="dialog-footer">
           <el-button type="primary" @click="savePoint">保 存</el-button>
@@ -179,7 +267,7 @@
     </div>
   </div>
 </template>
-  
+
 <script>
 import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
 import { PrismEditor } from "vue-prism-editor";
@@ -317,99 +405,130 @@ export default {
         {
           label: "无线区精雕1",
           value: "无线区精雕1",
-        }
+        },
+      ],
+      options3: [
+        {
+          value: "MachinePamHID909",
+          label: "MachinePamHID909",
+        },
+        {
+          value: "MachinePamHID910",
+          label: "MachinePamHID910",
+        },
+        {
+          value: "MachinePamHID911",
+          label: "MachinePamHID911",
+        },
+        {
+          value: "MachinePamHID912",
+          label: "MachinePamHID912",
+        },
+        {
+          value: "MachinePamHID913",
+          label: "MachinePamHID913",
+        },
+        {
+          value: "MachinePamHID914",
+          label: "MachinePamHID914",
+        },
+        {
+          value: "MachinePamHID915",
+          label: "MachinePamHID915",
+        },
+        {
+          value: "MachinePamHID916",
+          label: "MachinePamHID916",
+        },
+        {
+          value: "MachinePamHID917",
+          label: "MachinePamHID917",
+        },
+        {
+          value: "MachinePamHID918",
+          label: "MachinePamHID918",
+        },
+        {
+          value: "MachinePamHID919",
+          label: "MachinePamHID919",
+        },
+        {
+          value: "MachinePamHID920",
+          label: "MachinePamHID920",
+        },
+        {
+          value: "MachinePamHID921",
+          label: "MachinePamHID921",
+        },
+        {
+          value: "MachinePamHID922",
+          label: "MachinePamHID922",
+        },
+        {
+          value: "MachinePamHID923",
+          label: "MachinePamHID923",
+        },
+        {
+          value: "MachinePamHID924",
+          label: "MachinePamHID924",
+        },
+        {
+          value: "MachinePamHID925",
+          label: "MachinePamHID925",
+        },
+        {
+          value: "MachinePamHID926",
+          label: "MachinePamHID926",
+        },
+        {
+          value: "MachinePamHID927",
+          label: "MachinePamHID927",
+        },
+        {
+          value: "MachinePamHID928",
+          label: "MachinePamHID928",
+        },
+        {
+          value: "MachinePamHID929",
+          label: "MachinePamHID929",
+        },
+        {
+          value: "MachinePamHID930",
+          label: "MachinePamHID930",
+        },
+        {
+          value: "MachinePamHID931",
+          label: "MachinePamHID931",
+        },
+        {
+          value: "MachinePamHID932",
+          label: "MachinePamHID932",
+        },
+        {
+          value: "MachinePamHID933",
+          label: "MachinePamHID933",
+        },
+        {
+          value: "MachinePamHID934",
+          label: "MachinePamHID934",
+        },
+        {
+          value: "MachinePamHID935",
+          label: "MachinePamHID935",
+        },
+        {
+          value: "MachinePamHID936",
+          label: "MachinePamHID936",
+        },
+        {
+          value: "MachinePamHID937",
+          label: "MachinePamHID937",
+        },
+        {
+          value: "MachinePamHID938",
+          label: "MachinePamHID938",
+        },
       ],
-      options3: [{
-        value: "MachinePamHID909",
-        label: "MachinePamHID909",
-      }, {
-        value: "MachinePamHID910",
-        label: "MachinePamHID910",
-      }, {
-        value: "MachinePamHID911",
-        label: "MachinePamHID911",
-      }, {
-        value: "MachinePamHID912",
-        label: "MachinePamHID912",
-      }, {
-        value: "MachinePamHID913",
-        label: "MachinePamHID913",
-      }, {
-        value: "MachinePamHID914",
-        label: "MachinePamHID914",
-      }, {
-        value: "MachinePamHID915",
-        label: "MachinePamHID915",
-      }, {
-        value: "MachinePamHID916",
-        label: "MachinePamHID916",
-      }, {
-        value: "MachinePamHID917",
-        label: "MachinePamHID917",
-      }, {
-        value: "MachinePamHID918",
-        label: "MachinePamHID918",
-      }, {
-        value: "MachinePamHID919",
-        label: "MachinePamHID919",
-      }, {
-        value: "MachinePamHID920",
-        label: "MachinePamHID920",
-      }, {
-        value: "MachinePamHID921",
-        label: "MachinePamHID921",
-      }, {
-        value: "MachinePamHID922",
-        label: "MachinePamHID922",
-      }, {
-        value: "MachinePamHID923",
-        label: "MachinePamHID923",
-      }, {
-        value: "MachinePamHID924",
-        label: "MachinePamHID924",
-      }, {
-        value: "MachinePamHID925",
-        label: "MachinePamHID925",
-      }, {
-        value: "MachinePamHID926",
-        label: "MachinePamHID926",
-      }, {
-        value: "MachinePamHID927",
-        label: "MachinePamHID927",
-      }, {
-        value: "MachinePamHID928",
-        label: "MachinePamHID928",
-      }, {
-        value: "MachinePamHID929",
-        label: "MachinePamHID929",
-      }, {
-        value: "MachinePamHID930",
-        label: "MachinePamHID930",
-      }, {
-        value: "MachinePamHID931",
-        label: "MachinePamHID931",
-      }, {
-        value: "MachinePamHID932",
-        label: "MachinePamHID932",
-      }, {
-        value: "MachinePamHID933",
-        label: "MachinePamHID933",
-      }, {
-        value: "MachinePamHID934",
-        label: "MachinePamHID934",
-      }, {
-        value: "MachinePamHID935",
-        label: "MachinePamHID935",
-      }, {
-        value: "MachinePamHID936",
-        label: "MachinePamHID936",
-      }, {
-        value: "MachinePamHID937",
-        label: "MachinePamHID937",
-      }, {
-        value: "MachinePamHID938",
-        label: "MachinePamHID938",
-      }],
       tableData: [
         {
           mqtt_cjd_sbmc: "无线区精雕1",
@@ -454,10 +573,10 @@ export default {
         this.choose_point = true;
       } else if (key == 1 && this.isAdd == true) {
         this.$message({
-          message: '添加失败,只能添加一条数据',
-          type: 'error'
+          message: "添加失败,只能添加一条数据",
+          type: "error",
         });
-        return false
+        return false;
       }
     },
     highlighter(code) {
@@ -471,8 +590,8 @@ export default {
       this.choose_point = false;
       this.isAdd = true;
       this.$message({
-        message: '添加成功',
-        type: 'success'
+        message: "添加成功",
+        type: "success",
       });
     },
     async handleSelect() {
@@ -489,13 +608,20 @@ export default {
     async saveClone() {
       var obj = {
         mqtt_qiyong: String(Number(this.formData.mqtt_qiyong)),
-        mqtt_ip: this.mqtt_ip1 + "." + this.mqtt_ip2 + "." + this.mqtt_ip3 + "." + this.mqtt_ip4,
+        mqtt_ip:
+          this.mqtt_ip1 +
+          "." +
+          this.mqtt_ip2 +
+          "." +
+          this.mqtt_ip3 +
+          "." +
+          this.mqtt_ip4,
         mqtt_wgsn: this.formData.mqtt_wgsn,
         mqtt_port: this.formData.mqtt_port,
         mqtt_keepalive: this.formData.mqtt_keepalive,
         mqtt_sssjfbzt: this.formData.mqtt_sssjfbzt,
         mqtt_qos: this.formData.mqtt_qos,
-      }
+      };
       // this.formData.mqtt_tls = String(Number(this.formData.mqtt_tls));
       // this.formData.mqtt_clearsession = String(Number(this.formData.mqtt_clearsession));
       let datas = sessionStorage.getItem("CHGYWG_wx");
@@ -507,8 +633,8 @@ export default {
       });
       if (res.status == 200) {
         this.$message({
-          message: '保存成功',
-          type: 'success'
+          message: "保存成功",
+          type: "success",
         });
       }
       console.log(res);
@@ -570,7 +696,7 @@ export default {
   },
 };
 </script>
-  
+
 <style lang="less" scoped>
 .tree_menu {
   position: absolute;
@@ -719,4 +845,3 @@ export default {
   }
 }
 </style>
-  
\ No newline at end of file
diff --git a/src/components/IpConfiguration.vue b/src/components/IpConfiguration.vue
index 054d58a..d3a6369 100644
--- a/src/components/IpConfiguration.vue
+++ b/src/components/IpConfiguration.vue
@@ -1,12 +1,22 @@
 <!-- ip设置页面 -->
 <template>
   <div>
-    <!-- <el-button @click="dialogVisible = true">ip配置</el-button> -->
-    <el-dialog title="IP配置" :visible.sync="dialogVisible" width="30%" v-loading="loading">
+    <el-dialog
+      title="IP配置"
+      :visible.sync="dialogVisible"
+      width="30%"
+      v-loading="loading"
+    >
       <p class="txt">本页面涉及排错，请检查修改默认值</p>
       <div class="ip_setting">
-        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="demo-ruleForm"
-          :label-position="labelPosition">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="140px"
+          class="demo-ruleForm"
+          :label-position="labelPosition"
+        >
           <el-row>
             <el-col :span="24">
               <el-form-item label="IP获取方式" prop="ippz_ip_hqfs">
@@ -20,7 +30,10 @@
           <el-row>
             <el-col :span="24">
               <el-form-item label="DNS获取方式" prop="ippz_dns_hqfs">
-                <el-select v-model="ruleForm.ippz_dns_hqfs" style="width: 200px">
+                <el-select
+                  v-model="ruleForm.ippz_dns_hqfs"
+                  style="width: 200px"
+                >
                   <el-option label="自动获取" value="自动获取"></el-option>
                   <el-option label="手动设定" value="手动设定"></el-option>
                 </el-select>
@@ -158,7 +171,7 @@ import { Loading } from "element-ui";
 export default {
   data() {
     return {
-      loading:false,
+      loading: false,
       ippz_ip1: "192",
       ippz_ip2: "168",
       ippz_ip3: "1",
@@ -191,18 +204,14 @@ export default {
         ippz_dns_by: "",
       },
       rules: {
-        ippz_ip_hqfs: [
-          { required: true, message: "请输入活动名称", trigger: "blur" },
-        ],
-        ippz_dns_hqfs: [
-          { required: true, message: "请输入活动名称", trigger: "blur" },
-        ],
+        ippz_ip_hqfs: [{ required: true, message: "", trigger: "blur" }],
+        ippz_dns_hqfs: [{ required: true, message: "", trigger: "blur" }],
         ippz_ip: [
           {
             required: true,
             validator: this.validateIpAddress,
             trigger: "blur",
-            message: "请输入有效的IP地址",
+            message: "",
           },
         ],
         ippz_zwym: [
@@ -210,7 +219,7 @@ export default {
             required: true,
             validator: this.validateSubnetMask,
             trigger: "blur",
-            message: "请输入有效的子网掩码",
+            message: "",
           },
         ],
         ippz_mrwg: [
@@ -218,7 +227,7 @@ export default {
             required: true,
             validator: this.validateGateway,
             trigger: "blur",
-            message: "请输入有效的网关地址",
+            message: "",
           },
         ],
         ippz_dns_zy: [
@@ -226,7 +235,7 @@ export default {
             required: true,
             validator: this.validatePrimaryDNS,
             trigger: "blur",
-            message: "请输入有效的主DNS服务器地址",
+            message: "",
           },
         ],
         ippz_dns_by: [
@@ -234,7 +243,7 @@ export default {
             required: true,
             validator: this.validatePrimaryDNS,
             trigger: "blur",
-            message: "请输入有效的备用DNS服务器地址",
+            message: "",
           },
         ],
       },
@@ -290,28 +299,58 @@ export default {
         this.ippz_dns_by4
       );
       let datas = sessionStorage.getItem("CKFWQ_yx");
-      datas = { ...JSON.parse(datas), ...this.ruleForm }
+      datas = { ...JSON.parse(datas), ...this.ruleForm };
       let res = await SaveUserAnswer({
         mark: "CKFWQ_yx",
         user_id: "USER202307301109254198",
         mark_value: JSON.stringify(datas),
       });
       console.log(res);
-      sessionStorage.setItem("CKFWQ_yx", JSON.stringify(datas));
+      if (res.status == 200) {
+        sessionStorage.setItem("CKFWQ_yx", JSON.stringify(datas));
+        this.$message({
+          message: "保存成功",
+          type: "success",
+        });
+      } else {
+        this.$message.error("保存失败");
+      }
     },
     async GetUserAnswer() {
       let answers = await GetUserAnswer({
         mark: "CKFWQ_yx",
-        user_id: "USER202307301109254198"
-      })
+        user_id: "USER202307301109254198",
+      });
       console.log(answers);
-      let obj = JSON.parse(answers.data.data.mark_value);
-      console.log(obj);
+      if (answers.data.data) {
+        let obj = JSON.parse(answers.data.data.mark_value);
+        this.ruleForm.ippz_ip_hqfs = obj.ippz_ip_hqfs;
+        this.ruleForm.ippz_dns_hqfs = obj.ippz_dns_hqfs;
+        this.ippz_ip1 = obj.ippz_ip.split(".")[0];
+        this.ippz_ip2 = obj.ippz_ip.split(".")[1];
+        this.ippz_ip3 = obj.ippz_ip.split(".")[2];
+        this.ippz_ip4 = obj.ippz_ip.split(".")[3];
+        this.ippz_zwym1 = obj.ippz_zwym.split(".")[0];
+        this.ippz_zwym2 = obj.ippz_zwym.split(".")[1];
+        this.ippz_zwym3 = obj.ippz_zwym.split(".")[2];
+        this.ippz_zwym4 = obj.ippz_zwym.split(".")[3];
+        this.ippz_mrwg1 = obj.ippz_mrwg.split(".")[0];
+        this.ippz_mrwg2 = obj.ippz_mrwg.split(".")[1];
+        this.ippz_mrwg3 = obj.ippz_mrwg.split(".")[2];
+        this.ippz_mrwg4 = obj.ippz_mrwg.split(".")[3];
+        this.ippz_dns_zy1 = obj.ippz_dns_zy.split(".")[0];
+        this.ippz_dns_zy2 = obj.ippz_dns_zy.split(".")[1];
+        this.ippz_dns_zy3 = obj.ippz_dns_zy.split(".")[2];
+        this.ippz_dns_zy4 = obj.ippz_dns_zy.split(".")[3];
+        this.ippz_dns_by1 = obj.ippz_dns_by.split(".")[0];
+        this.ippz_dns_by2 = obj.ippz_dns_by.split(".")[1];
+        this.ippz_dns_by3 = obj.ippz_dns_by.split(".")[2];
+        this.ippz_dns_by4 = obj.ippz_dns_by.split(".")[3];
+      }
     },
-    submitForm(formName) {
-      this.$refs[formName].validate((valid) => {
+    submitForm() {
+      this.$refs["ruleForm"].validate((valid) => {
         if (valid) {
-          alert("submit!");
         } else {
           console.log("error submit!!");
           return false;
@@ -370,10 +409,10 @@ export default {
       }
     },
   },
-  created(){
-    this.Loading=true;
+  created() {
+    this.Loading = true;
     this.GetUserAnswer();
-    this.Loading=false;
+    this.Loading = false;
   },
 };
 </script>
diff --git a/src/components/PortConfiguration.vue b/src/components/PortConfiguration.vue
index b8df43b..7138256 100644
--- a/src/components/PortConfiguration.vue
+++ b/src/components/PortConfiguration.vue
@@ -2,15 +2,25 @@
   <div>
     <!-- <el-button @click="dialogVisible = true">端口配置</el-button> -->
     <div v-show="dialogVisible" class="tree_menu">
-      <el-tree :data="datas" :props="defaultProps" :default-expanded-keys="['keyOfNodeToExpand']"
-        :default-checked-keys="['keyOfNodeToSelect']"></el-tree>
+      <el-tree
+        :data="datas"
+        :props="defaultProps"
+        :default-expanded-keys="['keyOfNodeToExpand']"
+        :default-checked-keys="['keyOfNodeToSelect']"
+      ></el-tree>
       <!-- 树形控件右键组件 -->
     </div>
 
     <div class="port_content">
       <el-dialog title="端口配置" :visible.sync="dialogVisible" width="30%">
-        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
-          :label-position="labelPosition">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+          :label-position="labelPosition"
+        >
           <el-form-item label="波特率(bps)" prop="dkpz_btl">
             <el-col :span="15">
               <el-select v-model="ruleForm.dkpz_btl">
@@ -39,7 +49,10 @@
           <el-form-item label="检验位" prop="dkpz_jyw">
             <el-col :span="15">
               <el-select v-model="ruleForm.dkpz_jyw">
-                <el-option label="无校验(None)" value="无校验(None)"></el-option>
+                <el-option
+                  label="无校验(None)"
+                  value="无校验(None)"
+                ></el-option>
                 <el-option label="奇校验" value="奇校验"></el-option>
                 <el-option label="偶校验" value="偶校验"></el-option>
               </el-select>
@@ -63,12 +76,18 @@
           </el-form-item>
           <el-form-item label="打包长度(bytes)" prop="dkpz_dbcd">
             <el-col :span="15">
-              <el-input v-model="ruleForm.dkpz_dbcd" placeholder="0-1460"></el-input>
+              <el-input
+                v-model="ruleForm.dkpz_dbcd"
+                placeholder="0-1460"
+              ></el-input>
             </el-col>
           </el-form-item>
           <el-form-item label="打包时间(ms)" prop="dkpz_dbsj">
             <el-col :span="15">
-              <el-input v-model="ruleForm.dkpz_dbsj" placeholder="0-255"></el-input>
+              <el-input
+                v-model="ruleForm.dkpz_dbsj"
+                placeholder="0-255"
+              ></el-input>
             </el-col>
           </el-form-item>
           <el-form-item label="同步波特率(RF2217)" prop="dkpz_tbbtl">
@@ -79,7 +98,11 @@
               </el-select>
             </el-col>
           </el-form-item>
-          <el-checkbox label="使能串口心跳包" name="type" v-model="ruleForm.dkpz_snckxtb"></el-checkbox>
+          <el-checkbox
+            label="使能串口心跳包"
+            name="type"
+            v-model="ruleForm.dkpz_snckxtb"
+          ></el-checkbox>
         </el-form>
         <span slot="footer" class="dialog-footer">
           <!-- <el-button type="primary" @click="submitForm('ruleForm'), (dialogVisible = false)">保存</el-button> -->
@@ -91,7 +114,7 @@
   </div>
 </template>
 <script>
-import { SaveUserAnswer } from "@/api/user";
+import { SaveUserAnswer, GetUserAnswer } from "@/api/user";
 import { isValidPrimaryDNS } from "../validate";
 export default {
   data() {
@@ -170,11 +193,32 @@ export default {
       },
     };
   },
+  created() {
+    this.GetUserAnswer();
+  },
   methods: {
+    async GetUserAnswer() {
+      let { data } = await GetUserAnswer({
+        mark: "CKFWQ_yx",
+        user_id: "USER202307301109254198",
+      });
+      if (data.data) {
+        let obj = JSON.parse(data.data.mark_value);
+        this.ruleForm.dkpz_btl = obj.dkpz_btl;
+        this.ruleForm.dkpz_sjw = obj.dkpz_sjw;
+        this.ruleForm.dkpz_jyw = obj.dkpz_jyw;
+        this.ruleForm.dkpz_tzw = obj.dkpz_tzw;
+        this.ruleForm.dkpz_lkms = obj.dkpz_lkms;
+        this.ruleForm.dkpz_dbcd = obj.dkpz_dbcd;
+        this.ruleForm.dkpz_dbsj = obj.dkpz_dbsj;
+        this.ruleForm.dkpz_tbbtl = obj.dkpz_tbbtl;
+        this.ruleForm.dkpz_snckxtb = Boolean(obj.dkpz_snckxtb);
+      }
+    },
     savePort() {
       this.ruleForm.dkpz_snckxtb = String(Number(this.ruleForm.dkpz_snckxtb));
-      let datas = localStorage.getItem("CKFWQ_yx")
-      datas = { ...JSON.parse(datas), ...this.ruleForm }
+      let datas = localStorage.getItem("CKFWQ_yx");
+      datas = { ...JSON.parse(datas), ...this.ruleForm };
       SaveUserAnswer({
         mark: "CKFWQ_yx",
         user_id: "USER202307301109254198",
diff --git a/src/components/Wireles.vue b/src/components/Wireles.vue
index 10b4da8..1692364 100644
--- a/src/components/Wireles.vue
+++ b/src/components/Wireles.vue
@@ -2,8 +2,14 @@
   <div>
     <!-- <el-button @click="dialogVisible = true">无线设置</el-button> -->
     <el-dialog title="无线设置" :visible.sync="dialogVisible" width="30%">
-      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
-        :label-position="labelPosition">
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="150px"
+        class="demo-ruleForm"
+        :label-position="labelPosition"
+      >
         <el-form-item label="工作模式:" prop="wxpz_gzms">
           <el-col :span="10">
             <el-select v-model="ruleForm.wxpz_gzms">
@@ -20,11 +26,11 @@
             </el-select>
           </el-col>
         </el-form-item>
-        <el-form-item label="MAC地址:" prop="wxpz_mac">
+        <!-- <el-form-item label="MAC地址:" prop="wxpz_mac">
           <el-col :span="10">
             <el-input v-model="ruleForm.wxpz_mac"> </el-input>
           </el-col>
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="加密模式:" prop="wxpz_jmms">
           <el-col :span="10">
             <el-select v-model="ruleForm.wxpz_jmms">
@@ -67,7 +73,7 @@ export default {
       ruleForm: {
         wxpz_gzms: "STA模式",
         wxpz_wlmc: "无线区无限网",
-        wxpz_mac: "",
+        // wxpz_mac: "",
         wxpz_jmms: "WPA2PSK",
         wxpz_jmsf: "AES",
         wxpz_mm: "",
@@ -75,7 +81,7 @@ export default {
       rules: {
         wxpz_gzms: [{ required: true, trigger: "change", message: "必填" }],
         wxpz_wlmc: [{ required: true, trigger: "change", message: "必填" }],
-        wxpz_mac: [{ trigger: "blur", message: "必填" }],
+        // wxpz_mac: [{ trigger: "blur", message: "必填" }],
         wxpz_jmms: [{ required: true, trigger: "blur", message: "必填" }],
         wxpz_jmsf: [{ required: true, trigger: "blur", message: "必填" }],
         wxpz_mm: [{ required: true, trigger: "blur", message: "必填" }],
@@ -117,7 +123,7 @@ export default {
       console.log(obj);
       this.ruleForm.wxpz_gzms = obj.wxpz_gzms;
       this.ruleForm.wxpz_wlmc = obj.wxpz_wlmc;
-      this.ruleForm.wxpz_mac = obj.wxpz_mac;
+      // this.ruleForm.wxpz_mac = obj.wxpz_mac;
       this.ruleForm.wxpz_jmms = obj.wxpz_jmms;
       this.ruleForm.wxpz_jmsf = obj.wxpz_jmsf;
       this.ruleForm.wxpz_mm = obj.wxpz_mm;
diff --git a/src/components/netConfiguration.vue b/src/components/netConfiguration.vue
index 245c570..b2fbbc4 100644
--- a/src/components/netConfiguration.vue
+++ b/src/components/netConfiguration.vue
@@ -1,11 +1,21 @@
 <template>
   <div>
-    <el-dialog title="串口及网络协议设置" :visible.sync="dialogVisible" v-loading="loading">
+    <el-dialog
+      title="串口及网络协议设置"
+      :visible.sync="dialogVisible"
+      v-loading="loading"
+    >
       <h3>串口参数设置</h3>
       <el-divider></el-divider>
       <div class="formOne">
-        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
-          :label-position="labelPosition">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+          :label-position="labelPosition"
+        >
           <el-form-item label="波特率(bps):" prop="ckcssz_btl">
             <el-select v-model="ruleForm.ckcssz_btl" placeholder="请选择波特率">
               <el-option label="9600" value="9600"></el-option>
@@ -24,7 +34,10 @@
           </el-form-item>
           <el-form-item label="检验位:" prop="ckcssz_jyw">
             <el-select v-model="ruleForm.ckcssz_jyw" placeholder="请选择检验位">
-              <el-option label="无校验（none）" value="无校验（none）"></el-option>
+              <el-option
+                label="无校验（none）"
+                value="无校验（none）"
+              ></el-option>
               <el-option label="偶校验" value="偶校验"></el-option>
               <el-option label="奇校验" value="奇校验"></el-option>
             </el-select>
@@ -36,14 +49,23 @@
             </el-select>
           </el-form-item>
           <el-form-item label="自适应波特率(类RFC2117):" prop="ckcssz_zdybtl">
-            <el-select v-model="ruleForm.ckcssz_zdybtl" placeholder="请选择自适应波特率">
+            <el-select
+              v-model="ruleForm.ckcssz_zdybtl"
+              placeholder="请选择自适应波特率"
+            >
               <el-option label="开启" value="开启"></el-option>
               <el-option label="关闭" value="关闭"></el-option>
             </el-select>
           </el-form-item>
         </el-form>
-        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
-          :label-position="labelPosition">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+          :label-position="labelPosition"
+        >
           <el-form-item label="数据位(bit):" prop="ckcssz_sjw">
             <el-select v-model="ruleForm.ckcssz_sjw" placeholder="请选择数据位">
               <el-option label="8" value="8"></el-option>
@@ -56,7 +78,10 @@
             </el-select>
           </el-form-item>
           <el-form-item label="485功能:" prop="ckcssz_485">
-            <el-select v-model="ruleForm.ckcssz_485" placeholder="请选择485功能">
+            <el-select
+              v-model="ruleForm.ckcssz_485"
+              placeholder="请选择485功能"
+            >
               <el-option label="开启" value="开启"></el-option>
               <el-option label="关闭" value="关闭"></el-option>
             </el-select>
@@ -66,8 +91,14 @@
       <h3>其他设置</h3>
       <el-divider></el-divider>
       <div class="formOne">
-        <el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="demo-ruleForm1"
-          :label-position="labelPosition">
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm1"
+          label-width="200px"
+          class="demo-ruleForm1"
+          :label-position="labelPosition"
+        >
           <el-form-item label="串口自动成频:" prop="qtsz_ckzdcz">
             <el-select v-model="ruleForm.qtsz_ckzdcz">
               <el-option label="关闭" value="关闭"></el-option>
@@ -177,17 +208,19 @@ export default {
       });
       let obj = JSON.parse(answers.data.data.mark_value);
       console.log(obj);
-      this.ruleForm.ckcssz_btl = obj.ckcssz_btl;
-      this.ruleForm.ckcssz_jyw = obj.ckcssz_jyw;
-      this.ruleForm.ckcssz_lk = obj.ckcssz_lk;
-      this.ruleForm.ckcssz_zdybtl = obj.ckcssz_zdybtl;
-      this.ruleForm.ckcssz_sjw = obj.ckcssz_sjw;
-      this.ruleForm.ckcssz_tzw = obj.ckcssz_tzw;
-      this.ruleForm.ckcssz_485 = obj.ckcssz_485;
-      this.ruleForm.qtsz_ckzdcz = obj.qtsz_ckzdcz;
-      this.ruleForm.qtsz_zcblx = obj.qtsz_zcblx;
-      this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
-      this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
+      if (answers.data.data) {
+        this.ruleForm.ckcssz_btl = obj.ckcssz_btl;
+        this.ruleForm.ckcssz_jyw = obj.ckcssz_jyw;
+        this.ruleForm.ckcssz_lk = obj.ckcssz_lk;
+        this.ruleForm.ckcssz_zdybtl = obj.ckcssz_zdybtl;
+        this.ruleForm.ckcssz_sjw = obj.ckcssz_sjw;
+        this.ruleForm.ckcssz_tzw = obj.ckcssz_tzw;
+        this.ruleForm.ckcssz_485 = obj.ckcssz_485;
+        this.ruleForm.qtsz_ckzdcz = obj.qtsz_ckzdcz;
+        this.ruleForm.qtsz_zcblx = obj.qtsz_zcblx;
+        this.ruleForm.qtsz_zdyxtb = obj.qtsz_zdyxtb;
+        this.ruleForm.qtsz_tjzffgn = obj.qtsz_tjzffgn;
+      }
       this.loading = false;
     },
   },
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 4434bd8..e0f7bb0 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -96,7 +96,10 @@
 export default {
   name: "App",
   data() {
-    return {};
+    return {
+      tmDisplay: false,
+      rightMenu: {},
+    };
   },
   created() {
     localStorage.setItem(
@@ -198,4 +201,31 @@ export default {
   justify-content: space-around;
   align-items: flex-start;
 }
+
+.tree_menu {
+  position: fixed;
+  display: block;
+  z-index: 20000;
+  background-color: #fff;
+  padding: 5px 0;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  ul li {
+    list-style: none;
+    margin: 0;
+    padding: 0 15px;
+    font-size: 14px;
+    line-height: 30px;
+    cursor: pointer;
+  }
+  ul li:hover {
+    background-color: #ebeef5;
+  }
+}
 </style>