diff --git a/package-lock.json b/package-lock.json
index 902cbee..529d23d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,9 +19,10 @@
         "prismjs": "^1.29.0",
         "sass-loader": "^13.3.2",
         "scss-loader": "^0.0.1",
-        "vue": "^2.6.14",
+        "vue": "^2.7.15",
         "vue-prism-editor": "^1.3.0",
-        "vue-router": "^3.5.1"
+        "vue-router": "^3.5.1",
+        "vuex": "^4.1.0"
       },
       "devDependencies": {
         "@babel/core": "^7.12.16",
@@ -2955,6 +2956,11 @@
       "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
       "dev": true
     },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.1.tgz",
+      "integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
+    },
     "node_modules/@vue/vue-loader-v15": {
       "name": "vue-loader",
       "version": "15.11.1",
@@ -10473,7 +10479,7 @@
     },
     "node_modules/vue": {
       "version": "2.7.15",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-2.7.15.tgz",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz",
       "integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==",
       "dependencies": {
         "@vue/compiler-sfc": "2.7.15",
@@ -10719,6 +10725,17 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
+    "node_modules/vuex": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
+      "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.0.tgz",
@@ -13534,6 +13551,11 @@
         }
       }
     },
+    "@vue/devtools-api": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.1.tgz",
+      "integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
+    },
     "@vue/vue-loader-v15": {
       "version": "npm:vue-loader@15.11.1",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.11.1.tgz",
@@ -19486,7 +19508,7 @@
     },
     "vue": {
       "version": "2.7.15",
-      "resolved": "https://registry.npmmirror.com/vue/-/vue-2.7.15.tgz",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.15.tgz",
       "integrity": "sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==",
       "requires": {
         "@vue/compiler-sfc": "2.7.15",
@@ -19680,6 +19702,14 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
+    "vuex": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz",
+      "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
+      "requires": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      }
+    },
     "watchpack": {
       "version": "2.4.0",
       "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.0.tgz",
diff --git a/package.json b/package.json
index 86022be..913961f 100644
--- a/package.json
+++ b/package.json
@@ -19,9 +19,10 @@
     "prismjs": "^1.29.0",
     "sass-loader": "^13.3.2",
     "scss-loader": "^0.0.1",
-    "vue": "^2.6.14",
+    "vue": "^2.7.15",
     "vue-prism-editor": "^1.3.0",
-    "vue-router": "^3.5.1"
+    "vue-router": "^3.5.1",
+    "vuex": "^4.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
diff --git a/src/App.vue b/src/App.vue
index 417d38c..e5cf40d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -226,7 +226,7 @@ export default {
     //   );
     // },
   },
-  mounted() { },
+  mounted() {},
   components: {},
 };
 </script>
diff --git a/src/components/GatewayConfiguration.vue b/src/components/GatewayConfiguration.vue
index 1cd7435..8d3dd41 100644
--- a/src/components/GatewayConfiguration.vue
+++ b/src/components/GatewayConfiguration.vue
@@ -1,6 +1,23 @@
 <template>
   <div>
     <el-dialog title="网关配置" :visible.sync="dialogVisible">
+      <el-dialog title="详情" :visible.sync="xqFlag" width="30%">
+        <div class="xqbox">
+          <p>
+            <span class="s1">网关编号:</span> <span>{{ rowDate.wgbh }}</span>
+          </p>
+          <p>
+            <span class="s1">网关id:</span> <span>{{ rowDate.wgid }}</span>
+          </p>
+          <p>
+            <span class="s1">网关类型:</span> <span>{{ rowDate.wglx }}</span>
+          </p>
+          <p>
+            <span class="s1">网关名称:</span> <span>{{ rowDate.wgmc }}</span>
+          </p>
+        </div>
+      </el-dialog>
+
       <div class="title">
         <div class="left">
           <el-button @click="flag = true">新建网关</el-button>
@@ -43,7 +60,12 @@
         >
         <el-table-column label="详细">
           <template slot-scope="scope">
-            <el-button type="text" size="small">查看</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="chakan(scope.$index, scope.row)"
+              >查看</el-button
+            >
           </template></el-table-column
         >
         <el-table-column label="参数配置">
@@ -138,11 +160,13 @@ export default {
   data() {
     return {
       dialogVisible: true,
+      xqFlag: false,
       flag: false,
       labelPosition: "left",
       wgpz: [],
       FormData: [],
       search: "",
+      rowDate: {},
       ruleForm: {
         wglx: "",
         wgid: "",
@@ -220,6 +244,10 @@ export default {
         type: "success",
       });
     },
+    chakan(a, b) {
+      this.rowDate = b;
+      this.xqFlag = true;
+    },
   },
 };
 </script>
@@ -236,4 +264,14 @@ export default {
 .el-table {
   margin-top: 10px;
 }
+.xqbox {
+  p {
+    margin: 5px;
+    display: flex;
+    .s1 {
+      width: 70px;
+      color: #0275ff;
+    }
+  }
+}
 </style>
diff --git a/src/components/GatewayMaintenance.vue b/src/components/GatewayMaintenance.vue
index a02a2b2..39e80c9 100644
--- a/src/components/GatewayMaintenance.vue
+++ b/src/components/GatewayMaintenance.vue
@@ -1,5 +1,40 @@
 <template>
   <div>
+    <el-dialog title="详情" :visible.sync="xqFlag" width="30%">
+      <div class="xqbox">
+        <p>
+          <span class="s1">网关SN:</span> <span>{{ rowDate.wgsn }}</span>
+        </p>
+        <p>
+          <span class="s1">网关编号:</span> <span>{{ rowDate.wgbh }}</span>
+        </p>
+        <p>
+          <span class="s1">网关名称:</span> <span>{{ rowDate.wgmc }}</span>
+        </p>
+        <p>
+          <span class="s1">参数key:</span> <span>{{ rowDate.cskey }}</span>
+        </p>
+        <p>
+          <span class="s1">参数名称:</span> <span>{{ rowDate.csmc }}</span>
+        </p>
+        <p>
+          <span class="s1">小数位数:</span> <span>{{ rowDate.xsws }}</span>
+        </p>
+        <p>
+          <span class="s1">设定值:</span> <span>{{ rowDate.sdz }}</span>
+        </p>
+        <p>
+          <span class="s1">偏差值:</span> <span>{{ rowDate.pcz }}</span>
+        </p>
+        <p>
+          <span class="s1">维护人:</span> <span>{{ rowDate.whr }}</span>
+        </p>
+        <p>
+          <span class="s1">维护时间:</span> <span>{{ rowDate.whsj }}</span>
+        </p>
+      </div>
+    </el-dialog>
+
     <el-dialog
       title="网关维护"
       :visible.sync="dialogVisible"
@@ -52,7 +87,12 @@
         >
         <el-table-column label="详细">
           <template slot-scope="scope">
-            <el-button type="text" size="small">查看</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="chakan(scope.$index, scope.row)"
+              >查看</el-button
+            >
           </template></el-table-column
         >
       </el-table>
@@ -159,6 +199,8 @@ export default {
       dialogVisible: true,
       labelPosition: "left",
       flag: false,
+      xqFlag: false,
+      rowDate: {},
       wgid: "",
       multipleSelection: [],
       tableData: [
@@ -268,6 +310,11 @@ export default {
         type: "success",
       });
     },
+    chakan(a, b) {
+      console.log(b);
+      this.rowDate = b;
+      this.xqFlag = true;
+    },
   },
 };
 </script>
@@ -288,4 +335,14 @@ export default {
 /deep/.red .el-form-item__label {
   color: red;
 }
+.xqbox {
+  p {
+    margin: 5px;
+    display: flex;
+    .s1 {
+      width: 70px;
+      color: #0275ff;
+    }
+  }
+}
 </style>
diff --git a/src/components/TreeView.vue b/src/components/TreeView.vue
index ee1379f..751535e 100644
--- a/src/components/TreeView.vue
+++ b/src/components/TreeView.vue
@@ -4,11 +4,46 @@
     <!-- v-click-outside="closeMenu" -->
     <div>
       <div class="tree_menu" v-show="dialogVisible">
-        <el-tree :data="datas" :props="defaultProps" default-expand-all @node-contextmenu="rightClick"
-          @node-click="treeNodeClick"></el-tree>
+        <el-tree
+          :data="$store.state.tree"
+          :props="defaultProps"
+          default-expand-all
+          @node-contextmenu="rightClick"
+          @node-click="treeNodeClick"
+          ref="tree"
+        >
+          <span class="custom-tree-node" slot-scope="{ node, data }">
+            <template v-if="data.editing == 1">
+              <el-button
+                type="mini"
+                v-if="flag"
+                style="right: 50px; top: 0; position: absolute; border: none"
+                @click.stop="done"
+                >完成</el-button
+              >
+              <el-button
+                type="mini"
+                style="right: 0; top: 0; position: absolute; border: none"
+                @click.stop="edit"
+                >编辑</el-button
+              >
+              <span v-if="!flag">{{ data.label }}</span>
+              <el-input
+                v-else
+                style="width: 150px"
+                v-model="gateway"
+              ></el-input>
+            </template>
+            <template v-else>{{ data.label }}</template>
+          </span>
+        </el-tree>
         <!-- 树形控件右键组件 -->
         <div v-show="menuShow" class="tree_rightmenu" :style="{ ...rightMenu }">
-          <el-menu class="el-menu-vertical-demo" @select="selectMenuNode" default-active="#0078FE">
+          <el-menu
+            class="el-menu-vertical-demo"
+            @select="selectMenuNode"
+            default-active="#0078FE"
+          >
             <el-menu-item id="menuitem" index="1" style="font-size: 12px">
               <span slot="title">新建通道</span>
             </el-menu-item>
@@ -21,12 +56,30 @@
     </div>
     <div class="pas_params">
       <el-dialog title="通道参数设置" :visible.sync="add_passage" width="765px">
-        <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="12">
-              <el-form-item label="通道名称:" :label-width="formLabelWidth" prop="tdpz_tdmc">
-                <el-select v-model="FormData.tdpz_tdmc" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options1" :key="index" :label="item.label" :value="item.value">
+              <el-form-item
+                label="通道名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_tdmc"
+              >
+                <el-select
+                  v-model="FormData.tdpz_tdmc"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options1"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
@@ -34,21 +87,46 @@
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item label="通道:" :label-width="formLabelWidth" prop="tdpz_td">
-                <el-select v-model="FormData.tdpz_td" placeholder="" style="width: 200px; height: 30px">
-                  <el-option v-for="(item, index) in options2" :key="index" :label="item.label" :value="item.value">
+              <el-form-item
+                label="通道:"
+                :label-width="formLabelWidth"
+                prop="tdpz_td"
+              >
+                <el-select
+                  v-model="FormData.tdpz_td"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                >
+                  <el-option
+                    v-for="(item, index) in options2"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  >
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="驱动名称:" :label-width="formLabelWidth" prop="tdpz_qdmc">
+              <el-form-item
+                label="驱动名称:"
+                :label-width="formLabelWidth"
+                prop="tdpz_qdmc"
+              >
                 <el-row>
                   <el-col :span="18">
-                    <el-input v-model="FormData.tdpz_qdmc" placeholder="" style="width: 200px; height: 30px"></el-input>
+                    <el-input
+                      v-model="FormData.tdpz_qdmc"
+                      placeholder=""
+                      style="width: 200px; height: 30px"
+                    ></el-input>
                   </el-col>
                   <el-col :span="6">
-                    <el-button style="width: 50px; height: 30px" @click="getDriveName">...</el-button>
+                    <el-button
+                      style="width: 50px; height: 30px"
+                      @click="getDriveName"
+                      >...</el-button
+                    >
                   </el-col>
                 </el-row>
               </el-form-item>
@@ -56,22 +134,38 @@
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item label="IP地址:" :label-width="formLabelWidth" prop="tdpz_ip">
+              <el-form-item
+                label="IP地址:"
+                :label-width="formLabelWidth"
+                prop="tdpz_ip"
+              >
                 <el-row>
                   <el-col :span="5">
-                    <el-input v-model="tdpz_ip1" style="width: 43px; height: 30px"></el-input>
+                    <el-input
+                      v-model="tdpz_ip1"
+                      style="width: 43px; height: 30px"
+                    ></el-input>
                   </el-col>
-                  <el-col :span="1" style="color: #fff;">. </el-col>
+                  <el-col :span="1" style="color: #fff">. </el-col>
                   <el-col :span="5">
-                    <el-input v-model="tdpz_ip2" style="width: 43px; height: 30px"></el-input>
+                    <el-input
+                      v-model="tdpz_ip2"
+                      style="width: 43px; height: 30px"
+                    ></el-input>
                   </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
+                  <el-col :span="1" style="color: #fff">.</el-col>
                   <el-col :span="5">
-                    <el-input v-model="tdpz_ip3" style="width: 43px; height: 30px"></el-input>
+                    <el-input
+                      v-model="tdpz_ip3"
+                      style="width: 43px; height: 30px"
+                    ></el-input>
                   </el-col>
-                  <el-col :span="1" style="color: #fff;">.</el-col>
+                  <el-col :span="1" style="color: #fff">.</el-col>
                   <el-col :span="5">
-                    <el-input v-model="tdpz_ip4" style="width: 43px; height: 30px"></el-input>
+                    <el-input
+                      v-model="tdpz_ip4"
+                      style="width: 43px; height: 30px"
+                    ></el-input>
                   </el-col>
                 </el-row>
               </el-form-item>
@@ -79,32 +173,72 @@
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item label="端口号:" :label-width="formLabelWidth" prop="tdpz_port">
-                <el-input v-model="FormData.tdpz_port" placeholder="" style="width: 200px; height: 30px"></el-input>
+              <el-form-item
+                label="端口号:"
+                :label-width="formLabelWidth"
+                prop="tdpz_port"
+              >
+                <el-input
+                  v-model="FormData.tdpz_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="超过时间(ms):" :label-width="formLabelWidth" prop="tdpz_cssj">
-                <el-input v-model="FormData.tdpz_cssj" placeholder="" style="width: 200px; height: 30px"></el-input>
+              <el-form-item
+                label="超过时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_cssj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_cssj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="间隔时间(ms):" :label-width="formLabelWidth" prop="tdpz_jgsj">
-                <el-input v-model="FormData.tdpz_jgsj" placeholder="" style="width: 200px; height: 30px"></el-input>
+              <el-form-item
+                label="间隔时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_jgsj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_jgsj"
+                  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="轮询时间(ms):" :label-width="formLabelWidth" prop="tdpz_lxsj">
-                <el-input v-model="FormData.tdpz_lxsj" placeholder="" style="width: 200px; height: 30px"></el-input>
+              <el-form-item
+                label="轮询时间(ms):"
+                :label-width="formLabelWidth"
+                prop="tdpz_lxsj"
+              >
+                <el-input
+                  v-model="FormData.tdpz_lxsj"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item label="重复次数:" :label-width="formLabelWidth" prop="tdpz_cfcs">
-                <el-input v-model="FormData.tdpz_cfcs" placeholder="" style="width: 200px; height: 30px"></el-input>
+              <el-form-item
+                label="重复次数:"
+                :label-width="formLabelWidth"
+                prop="tdpz_cfcs"
+              >
+                <el-input
+                  v-model="FormData.tdpz_cfcs"
+                  placeholder=""
+                  style="width: 200px; height: 30px"
+                ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -114,29 +248,47 @@
           <div>
             <i class="el-icon-caret-bottom" v-if="is_retract"></i>
             <i class="el-icon-caret-top" v-else="is_retract"></i>
-            <el-button type="text" plain @click="getRetract" style="
+            <el-button
+              type="text"
+              plain
+              @click="getRetract"
+              style="
                 width: 28px;
                 border: none;
                 color: rgba(16, 16, 16, 1);
                 font-size: 14px;
                 text-align: left;
-              ">
-              收起</el-button>
+              "
+            >
+              收起</el-button
+            >
           </div>
         </div>
         <div class="super_con" v-show="is_retract">
-          <el-form :label-position="labelPosition" :rules="rules" ref="ruleForm">
+          <el-form
+            :label-position="labelPosition"
+            :rules="rules"
+            ref="ruleForm"
+          >
             <el-row>
               <el-col :span="12">
                 <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_watchtime">watch time(s)</el-checkbox>
-                  <el-input v-model="input1" placeholder="" style="width: 200px; height: 30px"
-                    :disabled="isdisabled"></el-input>
+                  <el-checkbox v-model="FormData.tdpz_watchtime"
+                    >watch time(s)</el-checkbox
+                  >
+                  <el-input
+                    v-model="input1"
+                    placeholder=""
+                    style="width: 200px; height: 30px"
+                    :disabled="isdisabled"
+                  ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item>
-                  <el-checkbox v-model="FormData.tdpz_cjsylxdz">采集使用连续地址</el-checkbox>
+                  <el-checkbox v-model="FormData.tdpz_cjsylxdz"
+                    >采集使用连续地址</el-checkbox
+                  >
                 </el-form-item>
               </el-col>
             </el-row>
@@ -145,11 +297,17 @@
                 <el-form-item label="读写占空比:" :label-width="formLabelWidth">
                   <el-row>
                     <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb1" style="width: 91px; height: 30px"></el-input>
+                      <el-input
+                        v-model="tdpz_dxzkb1"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
                     </el-col>
                     <el-col :span="4">: </el-col>
                     <el-col :span="10">
-                      <el-input v-model="tdpz_dxzkb2" style="width: 91px; height: 30px"></el-input>
+                      <el-input
+                        v-model="tdpz_dxzkb2"
+                        style="width: 91px; height: 30px"
+                      ></el-input>
                     </el-col>
                   </el-row>
                 </el-form-item>
@@ -159,18 +317,42 @@
               <el-col :span="12">
                 <el-form-item label="05/0F:" :label-width="formLabelWidth">
                   <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="05">05</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_050F" label="0F">0F</el-radio></el-col>
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="05"
+                        >05</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_050F" label="0F"
+                        >0F</el-radio
+                      ></el-col
+                    >
                   </el-row>
                 </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item label="06/10:" :label-width="formLabelWidth">
                   <el-row>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="auto">auto</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="06">06</el-radio></el-col>
-                    <el-col :span="8"><el-radio v-model="FormData.tdpz_0610" label="10">10</el-radio></el-col>
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="auto"
+                        >auto</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="06"
+                        >06</el-radio
+                      ></el-col
+                    >
+                    <el-col :span="8"
+                      ><el-radio v-model="FormData.tdpz_0610" label="10"
+                        >10</el-radio
+                      ></el-col
+                    >
                   </el-row>
                 </el-form-item>
               </el-col>
@@ -189,7 +371,12 @@
         <i class="el-icon-close title_r" @click="diag_drive = false"></i>
       </div>
       <el-divider></el-divider>
-      <el-tree :data="datas2" :props="defaultProps" @node-click="handleDetailClick" default-expand-all></el-tree>
+      <el-tree
+        :data="datas2"
+        :props="defaultProps"
+        @node-click="handleDetailClick"
+        default-expand-all
+      ></el-tree>
     </div>
   </div>
 </template>
@@ -202,6 +389,8 @@ export default {
 
   data() {
     return {
+      flag: false,
+      gateway: JSON.parse(localStorage.getItem("tree"))[0].label,
       FormData: {
         tdpz_tdmc: "有线区Channel1",
         tdpz_td: "网口",
@@ -251,58 +440,7 @@ export default {
       rightMenu: "",
       dialogVisible: true,
       menuShow: false,
-      datas: [
-        {
-          label: "Gateway",
-          children: [
-            {
-              label: "数据采集",
-              children: [
-                {
-                  label: "I/O点",
-                },
-                {
-                  label: "用户点",
-                },
-                {
-                  label: "计算点",
-                },
-                {
-                  label: "系统点",
-                },
-              ],
-            },
-            {
-              label: "数据服务",
-              children: [
-                {
-                  label: "Modbus",
-                },
-              ],
-            },
-            {
-              label: "IOT",
-              children: [
-                {
-                  label: "Mqtt Client",
-                },
-                {
-                  label: "Alink",
-                },
-                {
-                  label: "Tlink",
-                },
-                {
-                  label: "loTDDC",
-                },
-                {
-                  label: "Ulink",
-                },
-              ],
-            },
-          ],
-        },
-      ],
+      datas: [],
       datas2: [
         {
           label: "通用标准",
@@ -433,7 +571,21 @@ export default {
       },
     };
   },
+  created() {
+    console.log(this.$store.state.tree);
+  },
   methods: {
+    //编辑
+    edit(event) {
+      this.flag = true;
+    },
+    //完成编辑
+    done(event) {
+      this.flag = false;
+      let tree = this.$store.state.tree;
+      tree[0].label = this.gateway;
+      this.$store.commit("setTree", tree);
+    },
     rightClick(e, data, node) {
       this.menuShow = false;
       this.menuShow = true;
@@ -478,9 +630,27 @@ export default {
       return value;
     },
     async saveGate() {
+      // // 获取 el-tree 实例
+      // const tree = this.$refs.tree;
+
+      // // 构建要新增的子节点
+      // const newNode = {
+      //   id: 1111,
+      //   label: "子节点1-3",
+      // };
+
+      // // 获取要作为父节点的节点
+      // const parentNode = tree.getNode(1111); // 通过节点 id 获取父节点
+      // console.log(parentNode);
+      // // 使用 append 方法新增子节点
+      // tree.append(newNode, parentNode);
+
+      // this.$refs.tree.append({ id: 1111, label: "1213" }, { id: 1111 });
       this.add_passage = false;
       this.FormData.tdpz_dxzkb = this.tdpz_dxzkb1 + ":" + this.tdpz_dxzkb2;
-      this.FormData.tdpz_watchtime = String(Number(this.FormData.tdpz_watchtime));
+      this.FormData.tdpz_watchtime = String(
+        Number(this.FormData.tdpz_watchtime)
+      );
       this.FormData.tdpz_cjsylxdz = String(Number(this.FormData.tdpz_cjsylxdz));
       this.FormData.tdpz_ip = this.Merge(
         this.FormData.tdpz_ip,
@@ -499,17 +669,15 @@ export default {
       sessionStorage.setItem("answer", JSON.stringify(this.FormData));
       console.log(res);
       console.log(res.data.data.mark_value);
-      this.$router.push("/dbcollectdevice");
+      // this.$router.push("/dbcollectdevice");
     },
     handleDetailClick(data, node, value) {
       console.log(data.label);
       this.FormData.tdpz_qdmc = data.label;
       this.diag_drive = false;
-    }
-  },
-  async created() {
-    // let res2 = GetUserAnswer()
+    },
   },
+
   watch: {
     // "FormData.tdpz_watchtime": {
     //   handler(old) {
@@ -590,7 +758,6 @@ export default {
 }
 
 /deep/ .pas_params {
-
   .el-col-12:last-child {
     padding-right: 150px;
   }
@@ -657,7 +824,6 @@ export default {
 
 .el-dialog__footer {
   padding: 18px 1.25rem 50px;
-
 }
 
 .dialog-footer {
diff --git a/src/main.js b/src/main.js
index c0da47f..8985083 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,8 +3,8 @@ import App from "./App.vue";
 import ElementUI from "element-ui";
 import router from "./router";
 import "element-ui/lib/theme-chalk/index.css";
+import store from "./store";
 Vue.config.productionTip = false;
-
 import moment from "moment";
 //定义一个全局过滤器实现日期格式化
 Vue.filter("datefmt", function (input, fmtstring) {
@@ -13,6 +13,7 @@ Vue.filter("datefmt", function (input, fmtstring) {
   return moment(input).format(fmtstring);
 });
 Vue.prototype.$moment = moment;
+Vue.prototype.$store = store;
 Vue.use(ElementUI);
 new Vue({
   router,
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..33a192d
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,17 @@
+import Vue from "vue";
+import Vuex from "vuex";
+
+Vue.use(Vuex);
+
+export default new Vuex.Store({
+  state: {
+    tree: JSON.parse(localStorage.getItem("tree")),
+  },
+  mutations: {
+    setTree(state, a) {
+      state.tree = a;
+      localStorage.setItem("tree", JSON.stringify(a));
+    },
+  },
+  actions: {},
+});
diff --git a/src/views/Index.vue b/src/views/Index.vue
index db6fda8..4434bd8 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -98,6 +98,78 @@ export default {
   data() {
     return {};
   },
+  created() {
+    localStorage.setItem(
+      "tree",
+      JSON.stringify([
+        {
+          label: "Gateway",
+          id: 1,
+          editing: true,
+          children: [
+            {
+              label: "数据采集",
+              id: 11,
+              children: [
+                {
+                  label: "I/O点",
+                  id: 111,
+                },
+                {
+                  label: "用户点",
+                  id: 112,
+                },
+                {
+                  label: "计算点",
+                  id: 113,
+                },
+                {
+                  label: "系统点",
+                  id: 114,
+                },
+              ],
+            },
+            {
+              label: "数据服务",
+              id: 12,
+              children: [
+                {
+                  label: "Modbus",
+                  id: 121,
+                },
+              ],
+            },
+            {
+              label: "IOT",
+              id: 13,
+              children: [
+                {
+                  label: "Mqtt Client",
+                  id: 131,
+                },
+                {
+                  label: "Alink",
+                  id: 132,
+                },
+                {
+                  label: "Tlink",
+                  id: 133,
+                },
+                {
+                  label: "loTDDC",
+                  id: 134,
+                },
+                {
+                  label: "Ulink",
+                  id: 135,
+                },
+              ],
+            },
+          ],
+        },
+      ])
+    );
+  },
   methods: {},
   components: {},
 };