diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }
diff --git a/src/components/common/PageChart/line/index.vue b/src/components/common/PageChart/line/index.vue
index e750aee..83d7ccb 100644
--- a/src/components/common/PageChart/line/index.vue
+++ b/src/components/common/PageChart/line/index.vue
@@ -3,306 +3,307 @@
 </template>
 
 <script>
-let echarts = require('echarts/lib/echarts')
+let echarts = require("echarts/lib/echarts");
 // 引入折线图等组件
-require('echarts/lib/chart/line')
+require("echarts/lib/chart/line");
 // // 引入提示框和title组件，图例
-require('echarts/lib/component/toolbox')
-require('echarts/lib/component/title')
-require('echarts/lib/component/legend')
-require('echarts/lib/component/grid')
-require('echarts/lib/component/dataZoom')
-require('echarts/lib/component/tooltip')
-export default{
-  name:'ChartLine',
-  props:{
-    width:{
-      type:String,
-      default:'100%'
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/tooltip");
+export default {
+  name: "ChartLine",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
     },
-    height:{
-      type:String,
-      default:'400px'
+    height: {
+      type: String,
+      default: "400px"
     },
-    chartData:{
-      type:Object,
-      default:()=>{
-        return {}
+    chartData: {
+      type: Object,
+      default: () => {
+        return {};
       }
     },
     //标题
-    title:{
-      type:String,
-      default:''
+    title: {
+      type: String,
+      default: ""
     },
-    titleSize:{
-      type:Number,
-      default:16
+    titleSize: {
+      type: Number,
+      default: 16
     },
-    titleX:{
-      type:String,
-      default:'center'
+    titleX: {
+      type: String,
+      default: "center"
     },
-    titleY:{
-      type:String,
-      default:'3%'
+    titleY: {
+      type: String,
+      default: "3%"
     },
-    titleShow:{
-      type:Boolean,
-      default:true
+    titleShow: {
+      type: Boolean,
+      default: true
     },
     //图例相关
-    legendShow:{
-      type:Boolean,
-      default:true
+    legendShow: {
+      type: Boolean,
+      default: true
     },
-    legendOrient:{
-      type:String,
-      default:'horizontal'
+    legendOrient: {
+      type: String,
+      default: "horizontal"
     },
-    legendX:{
-      type:String,
-      default:'center'
+    legendX: {
+      type: String,
+      default: "center"
     },
-    legendY:{
-      type:String,
-      default:'bottom'
+    legendY: {
+      type: String,
+      default: "bottom"
     },
     //工具栏相关
-    toolboxShow:{
-      type:Boolean,
-      default:false
+    toolboxShow: {
+      type: Boolean,
+      default: false
     },
-    toolboxOrient:{
-      type:String,
-      default:'horizontal'
+    toolboxOrient: {
+      type: String,
+      default: "horizontal"
     },
     //提示框相关
-    tooltipShow:{
-      type:Boolean,
-      default:true
+    tooltipShow: {
+      type: Boolean,
+      default: true
     },
-    tooltipTrigger:{
-      type:String,
-      default:"axis"
+    tooltipTrigger: {
+      type: String,
+      default: "axis"
     },
     //区域缩放相关
-    dataZoomType:{
-      type:String,
-      default:"inside"
+    dataZoomType: {
+      type: String,
+      default: "inside"
     },
     //坐标轴相关
-    xAxisShow:{
-      type:Boolean,
-      default:true
+    xAxisShow: {
+      type: Boolean,
+      default: true
     },
-    xAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    xAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    yAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisLineShow:{
-      type:Boolean,
-      default:false
+    yAxisLineShow: {
+      type: Boolean,
+      default: false
     },
     //坐标系相关
-    gridTop:{
-      type:Number,
-      default:10
+    gridTop: {
+      type: [Number, String],
+      default: 10
     },
-    gridLeft:{
-      type:String,
-      default:'5%'
+    gridLeft: {
+      type: [Number, String],
+      default: "5%"
     },
-    gridRight:{
-      type:String,
-      default:'10%'
+    gridRight: {
+      type: [Number, String],
+      default: "10%"
     },
-    gridBottom:{
-      type:Number,
-      default:0
+    gridBottom: {
+      type: [Number, String],
+      default: 0
     },
     //单位相关
-    xUnit:{
-      type:String,
-      default:''
+    xUnit: {
+      type: String,
+      default: ""
     },
-    yUnit:{
-      type:String,
-      default:''
+    yUnit: {
+      type: String,
+      default: ""
     },
     //最值显示
-    markPoint:{
-      type:Boolean,
-      default:false
+    markPoint: {
+      type: Boolean,
+      default: false
     },
-    xList:{
-      type:Array,
-      default:()=>{
-        return []
+    xList: {
+      type: Array,
+      default: () => {
+        return [];
       }
     }
   },
-  data(){
-    return{
-      chart:null, //Echarts实例
-    }
+  data() {
+    return {
+      chart: null //Echarts实例
+    };
   },
-  watch:{
+  watch: {
     //监听到数据改变，重新加载echart数据
-    chartData(val){
-      this.removeChart('reset')
-      this.initData()
+    chartData(val) {
+      this.removeChart("reset");
+      this.initData();
     }
   },
-  mounted(){
-    this.init()
-    this.initData()
+  mounted() {
+    this.init();
+    this.initData();
   },
-  methods:{
+  methods: {
     //初始化
-    init(){
-      this.chart = echarts.init(this.$el)
+    init() {
+      this.chart = echarts.init(this.$el);
       //监听页面大小改变
-      window.addEventListener('resize', ()=>{
-        if(this.chart){
-          this.chart.resize()
+      window.addEventListener("resize", () => {
+        if (this.chart) {
+          this.chart.resize();
         }
-      })
+      });
     },
     //初始化数据
-    initData(){
-      if(!this.chart) return
-      const obj = JSON.parse(JSON.stringify(this.chartData))
-      const arr = []
-      if(obj.dataList && obj.dataList.length) {
+    initData() {
+      if (!this.chart) return;
+      const obj = JSON.parse(JSON.stringify(this.chartData));
+      const arr = [];
+      if (obj.dataList && obj.dataList.length) {
         obj.dataList.forEach((item, index) => {
           // 对echarts数据做处理
           item = {
             name: obj.nameList[index],
             data: item,
-            type: 'line'
-          }
+            type: "line"
+          };
           // 根据参数判断是否显示最值
           if (this.markPoint) {
             item.markPoint = {
               label: { show: true },
               data: [
-                { type: 'max', name: '最大值', label: '最大值' },
-                { type: 'min', name: '最小值', label: '最小值' }
+                { type: "max", name: "最大值", label: "最大值" },
+                { type: "min", name: "最小值", label: "最小值" }
               ]
-            }
+            };
             item.markLine = {
-              data: [
-                { type: 'average', name: '平均值' }
-              ]
-            }
+              data: [{ type: "average", name: "平均值" }]
+            };
           }
-          arr.push(item)
-        })
-        obj.dataList = arr
-        this.initChart(obj)
+          arr.push(item);
+        });
+        obj.dataList = arr;
+        this.initChart(obj);
       }
     },
     //初始化echarts
-    initChart(data){
+    initChart(data) {
       this.chart.setOption({
         color: ["#3398DB", "red"],
-        title:{
-          show:this.titleShow,
-          text:this.title,
-          left:this.titleX,
-          top:this.titleY,
-          textStyle:{
-            fontSize:this.titleSize
+        title: {
+          show: this.titleShow,
+          text: this.title,
+          left: this.titleX,
+          top: this.titleY,
+          textStyle: {
+            fontSize: this.titleSize
           }
         },
         //图例设置
-        legend:{
-          show:this.legendShow,
-          orient:this.legendOrient,
-          left:this.legendX,
-          top:this.legendY,
-          data:data.nameList
+        legend: {
+          show: this.legendShow,
+          orient: this.legendOrient,
+          left: this.legendX,
+          top: this.legendY,
+          data: data.nameList
         },
         //工具栏
-        toolbox:{
-          show:this.toolboxShow,
-          orient:this.toolboxOrient,
-          feature:{
-            saveAsImage:{show:true},
-            dataView:{show:true,readOnly:true}
+        toolbox: {
+          show: this.toolboxShow,
+          orient: this.toolboxOrient,
+          feature: {
+            saveAsImage: { show: true },
+            dataView: { show: true, readOnly: true }
           }
         },
         //提示框
         tooltip: {
-          show:this.tooltipShow,
+          show: this.tooltipShow,
           trigger: this.tooltipTrigger,
           axisPointer: {
             type: "line",
             crossStyle: {
               color: "#333"
             },
-            snap:true,
-            axis:'x'
-          },
+            snap: true,
+            axis: "x"
+          }
         },
         //区域缩放
-        dataZoom:[
+        dataZoom: [
           {
             type: this.dataZoomType
           }
         ],
-        grid:{
-          top:this.gridTop,
-          left:this.gridLeft,
-          right:this.gridRight,
-          bottom:this.gridBottom,
-          containLabel:true
+        grid: {
+          top: this.gridTop,
+          left: this.gridLeft,
+          right: this.gridRight,
+          bottom: this.gridBottom,
+          containLabel: true
         },
-        xAxis:{
-          show:this.xAxisShow,
-          type:'category',
-          name:this.xUnit,
-          nameTextStyle:{
-            fontSize:12
+        xAxis: {
+          show: this.xAxisShow,
+          type: "category",
+          name: this.xUnit,
+          nameTextStyle: {
+            fontSize: 12
           },
-          splitLine:{
-            show:this.xAxisSplitLineShow,
+          splitLine: {
+            show: this.xAxisSplitLineShow
           },
-          boundaryGap:false,
-          axisTick:{show:false}, //坐标轴刻度是否显示
-          data:this.xList
+          boundaryGap: false,
+          axisTick: { show: false }, //坐标轴刻度是否显示
+          data: this.xList
         },
-        yAxis:{
-          type:'value',
-          name:this.yUnit,
+        yAxis: {
+          type: "value",
+          name: this.yUnit,
           splitNumber: 2,
-          axisLine:{
-            show:this.yAxisLineShow
+          axisLine: {
+            show: this.yAxisLineShow
           },
-          splitLine:{
-            show:this.yAxisSplitLineShow
+          splitLine: {
+            show: this.yAxisSplitLineShow
+          },
+          axisLabel: {
+            color: "#3398DB"
           }
         },
-        series:data.dataList
-      })
+        series: data.dataList
+      });
     },
     //注销echarts
-    removeChart(type){
-      if(!this.chart) return
-      this.chart.dispose() // 销毁echarts
-      this.chart = null
-      if(type === 'reset'){
-        this.init()
+    removeChart(type) {
+      if (!this.chart) return;
+      this.chart.dispose(); // 销毁echarts
+      this.chart = null;
+      if (type === "reset") {
+        this.init();
       }
     }
   },
-  beforeDestroy(){
-    this.removeChart()
+  beforeDestroy() {
+    this.removeChart();
   }
-}
-</script>
\ No newline at end of file
+};
+</script>

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }
diff --git a/src/components/common/PageChart/line/index.vue b/src/components/common/PageChart/line/index.vue
index e750aee..83d7ccb 100644
--- a/src/components/common/PageChart/line/index.vue
+++ b/src/components/common/PageChart/line/index.vue
@@ -3,306 +3,307 @@
 </template>
 
 <script>
-let echarts = require('echarts/lib/echarts')
+let echarts = require("echarts/lib/echarts");
 // 引入折线图等组件
-require('echarts/lib/chart/line')
+require("echarts/lib/chart/line");
 // // 引入提示框和title组件，图例
-require('echarts/lib/component/toolbox')
-require('echarts/lib/component/title')
-require('echarts/lib/component/legend')
-require('echarts/lib/component/grid')
-require('echarts/lib/component/dataZoom')
-require('echarts/lib/component/tooltip')
-export default{
-  name:'ChartLine',
-  props:{
-    width:{
-      type:String,
-      default:'100%'
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/tooltip");
+export default {
+  name: "ChartLine",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
     },
-    height:{
-      type:String,
-      default:'400px'
+    height: {
+      type: String,
+      default: "400px"
     },
-    chartData:{
-      type:Object,
-      default:()=>{
-        return {}
+    chartData: {
+      type: Object,
+      default: () => {
+        return {};
       }
     },
     //标题
-    title:{
-      type:String,
-      default:''
+    title: {
+      type: String,
+      default: ""
     },
-    titleSize:{
-      type:Number,
-      default:16
+    titleSize: {
+      type: Number,
+      default: 16
     },
-    titleX:{
-      type:String,
-      default:'center'
+    titleX: {
+      type: String,
+      default: "center"
     },
-    titleY:{
-      type:String,
-      default:'3%'
+    titleY: {
+      type: String,
+      default: "3%"
     },
-    titleShow:{
-      type:Boolean,
-      default:true
+    titleShow: {
+      type: Boolean,
+      default: true
     },
     //图例相关
-    legendShow:{
-      type:Boolean,
-      default:true
+    legendShow: {
+      type: Boolean,
+      default: true
     },
-    legendOrient:{
-      type:String,
-      default:'horizontal'
+    legendOrient: {
+      type: String,
+      default: "horizontal"
     },
-    legendX:{
-      type:String,
-      default:'center'
+    legendX: {
+      type: String,
+      default: "center"
     },
-    legendY:{
-      type:String,
-      default:'bottom'
+    legendY: {
+      type: String,
+      default: "bottom"
     },
     //工具栏相关
-    toolboxShow:{
-      type:Boolean,
-      default:false
+    toolboxShow: {
+      type: Boolean,
+      default: false
     },
-    toolboxOrient:{
-      type:String,
-      default:'horizontal'
+    toolboxOrient: {
+      type: String,
+      default: "horizontal"
     },
     //提示框相关
-    tooltipShow:{
-      type:Boolean,
-      default:true
+    tooltipShow: {
+      type: Boolean,
+      default: true
     },
-    tooltipTrigger:{
-      type:String,
-      default:"axis"
+    tooltipTrigger: {
+      type: String,
+      default: "axis"
     },
     //区域缩放相关
-    dataZoomType:{
-      type:String,
-      default:"inside"
+    dataZoomType: {
+      type: String,
+      default: "inside"
     },
     //坐标轴相关
-    xAxisShow:{
-      type:Boolean,
-      default:true
+    xAxisShow: {
+      type: Boolean,
+      default: true
     },
-    xAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    xAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    yAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisLineShow:{
-      type:Boolean,
-      default:false
+    yAxisLineShow: {
+      type: Boolean,
+      default: false
     },
     //坐标系相关
-    gridTop:{
-      type:Number,
-      default:10
+    gridTop: {
+      type: [Number, String],
+      default: 10
     },
-    gridLeft:{
-      type:String,
-      default:'5%'
+    gridLeft: {
+      type: [Number, String],
+      default: "5%"
     },
-    gridRight:{
-      type:String,
-      default:'10%'
+    gridRight: {
+      type: [Number, String],
+      default: "10%"
     },
-    gridBottom:{
-      type:Number,
-      default:0
+    gridBottom: {
+      type: [Number, String],
+      default: 0
     },
     //单位相关
-    xUnit:{
-      type:String,
-      default:''
+    xUnit: {
+      type: String,
+      default: ""
     },
-    yUnit:{
-      type:String,
-      default:''
+    yUnit: {
+      type: String,
+      default: ""
     },
     //最值显示
-    markPoint:{
-      type:Boolean,
-      default:false
+    markPoint: {
+      type: Boolean,
+      default: false
     },
-    xList:{
-      type:Array,
-      default:()=>{
-        return []
+    xList: {
+      type: Array,
+      default: () => {
+        return [];
       }
     }
   },
-  data(){
-    return{
-      chart:null, //Echarts实例
-    }
+  data() {
+    return {
+      chart: null //Echarts实例
+    };
   },
-  watch:{
+  watch: {
     //监听到数据改变，重新加载echart数据
-    chartData(val){
-      this.removeChart('reset')
-      this.initData()
+    chartData(val) {
+      this.removeChart("reset");
+      this.initData();
     }
   },
-  mounted(){
-    this.init()
-    this.initData()
+  mounted() {
+    this.init();
+    this.initData();
   },
-  methods:{
+  methods: {
     //初始化
-    init(){
-      this.chart = echarts.init(this.$el)
+    init() {
+      this.chart = echarts.init(this.$el);
       //监听页面大小改变
-      window.addEventListener('resize', ()=>{
-        if(this.chart){
-          this.chart.resize()
+      window.addEventListener("resize", () => {
+        if (this.chart) {
+          this.chart.resize();
         }
-      })
+      });
     },
     //初始化数据
-    initData(){
-      if(!this.chart) return
-      const obj = JSON.parse(JSON.stringify(this.chartData))
-      const arr = []
-      if(obj.dataList && obj.dataList.length) {
+    initData() {
+      if (!this.chart) return;
+      const obj = JSON.parse(JSON.stringify(this.chartData));
+      const arr = [];
+      if (obj.dataList && obj.dataList.length) {
         obj.dataList.forEach((item, index) => {
           // 对echarts数据做处理
           item = {
             name: obj.nameList[index],
             data: item,
-            type: 'line'
-          }
+            type: "line"
+          };
           // 根据参数判断是否显示最值
           if (this.markPoint) {
             item.markPoint = {
               label: { show: true },
               data: [
-                { type: 'max', name: '最大值', label: '最大值' },
-                { type: 'min', name: '最小值', label: '最小值' }
+                { type: "max", name: "最大值", label: "最大值" },
+                { type: "min", name: "最小值", label: "最小值" }
               ]
-            }
+            };
             item.markLine = {
-              data: [
-                { type: 'average', name: '平均值' }
-              ]
-            }
+              data: [{ type: "average", name: "平均值" }]
+            };
           }
-          arr.push(item)
-        })
-        obj.dataList = arr
-        this.initChart(obj)
+          arr.push(item);
+        });
+        obj.dataList = arr;
+        this.initChart(obj);
       }
     },
     //初始化echarts
-    initChart(data){
+    initChart(data) {
       this.chart.setOption({
         color: ["#3398DB", "red"],
-        title:{
-          show:this.titleShow,
-          text:this.title,
-          left:this.titleX,
-          top:this.titleY,
-          textStyle:{
-            fontSize:this.titleSize
+        title: {
+          show: this.titleShow,
+          text: this.title,
+          left: this.titleX,
+          top: this.titleY,
+          textStyle: {
+            fontSize: this.titleSize
           }
         },
         //图例设置
-        legend:{
-          show:this.legendShow,
-          orient:this.legendOrient,
-          left:this.legendX,
-          top:this.legendY,
-          data:data.nameList
+        legend: {
+          show: this.legendShow,
+          orient: this.legendOrient,
+          left: this.legendX,
+          top: this.legendY,
+          data: data.nameList
         },
         //工具栏
-        toolbox:{
-          show:this.toolboxShow,
-          orient:this.toolboxOrient,
-          feature:{
-            saveAsImage:{show:true},
-            dataView:{show:true,readOnly:true}
+        toolbox: {
+          show: this.toolboxShow,
+          orient: this.toolboxOrient,
+          feature: {
+            saveAsImage: { show: true },
+            dataView: { show: true, readOnly: true }
           }
         },
         //提示框
         tooltip: {
-          show:this.tooltipShow,
+          show: this.tooltipShow,
           trigger: this.tooltipTrigger,
           axisPointer: {
             type: "line",
             crossStyle: {
               color: "#333"
             },
-            snap:true,
-            axis:'x'
-          },
+            snap: true,
+            axis: "x"
+          }
         },
         //区域缩放
-        dataZoom:[
+        dataZoom: [
           {
             type: this.dataZoomType
           }
         ],
-        grid:{
-          top:this.gridTop,
-          left:this.gridLeft,
-          right:this.gridRight,
-          bottom:this.gridBottom,
-          containLabel:true
+        grid: {
+          top: this.gridTop,
+          left: this.gridLeft,
+          right: this.gridRight,
+          bottom: this.gridBottom,
+          containLabel: true
         },
-        xAxis:{
-          show:this.xAxisShow,
-          type:'category',
-          name:this.xUnit,
-          nameTextStyle:{
-            fontSize:12
+        xAxis: {
+          show: this.xAxisShow,
+          type: "category",
+          name: this.xUnit,
+          nameTextStyle: {
+            fontSize: 12
           },
-          splitLine:{
-            show:this.xAxisSplitLineShow,
+          splitLine: {
+            show: this.xAxisSplitLineShow
           },
-          boundaryGap:false,
-          axisTick:{show:false}, //坐标轴刻度是否显示
-          data:this.xList
+          boundaryGap: false,
+          axisTick: { show: false }, //坐标轴刻度是否显示
+          data: this.xList
         },
-        yAxis:{
-          type:'value',
-          name:this.yUnit,
+        yAxis: {
+          type: "value",
+          name: this.yUnit,
           splitNumber: 2,
-          axisLine:{
-            show:this.yAxisLineShow
+          axisLine: {
+            show: this.yAxisLineShow
           },
-          splitLine:{
-            show:this.yAxisSplitLineShow
+          splitLine: {
+            show: this.yAxisSplitLineShow
+          },
+          axisLabel: {
+            color: "#3398DB"
           }
         },
-        series:data.dataList
-      })
+        series: data.dataList
+      });
     },
     //注销echarts
-    removeChart(type){
-      if(!this.chart) return
-      this.chart.dispose() // 销毁echarts
-      this.chart = null
-      if(type === 'reset'){
-        this.init()
+    removeChart(type) {
+      if (!this.chart) return;
+      this.chart.dispose(); // 销毁echarts
+      this.chart = null;
+      if (type === "reset") {
+        this.init();
       }
     }
   },
-  beforeDestroy(){
-    this.removeChart()
+  beforeDestroy() {
+    this.removeChart();
   }
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 47a77a9..c3e855d 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -489,42 +489,6 @@
 .avatar-uploader .el-upload:hover {
   border-color: #409eff;
 }
-/****treeselect样式重置****/
-/deep/ .vue-treeselect {
-  .vue-treeselect__control {
-    padding-left: 10px;
-    border: 1px solid var(--selecthover);
-    background-color: transparent;
-  }
-  .vue-treeselect__single-value {
-    color: var(--white);
-  }
-  .vue-treeselect__menu {
-    color: var(--white);
-    z-index: 99999;
-    background-color: var(--shouselect);
-    border: 1px solid var(--selecthover);
-  }
-  .vue-treeselect__menu-container {
-    z-index: 99999;
-  }
-  .vue-treeselect__option--highlight {
-    background: var(--selecthover);
-  }
-  .vue-treeselect__checkbox--checked {
-    border-color: #039be5;
-    background: #000;
-  }
-}
-/deep/
-  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
-  .vue-treeselect__control:hover {
-  border: 1px solid var(--selecthover);
-}
-/deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: var(--white) !important;
-  background: var(--selecthover);
-}
 /****级联样式重置****/
 /deep/ .el-cascader {
   width: 100%;

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }
diff --git a/src/components/common/PageChart/line/index.vue b/src/components/common/PageChart/line/index.vue
index e750aee..83d7ccb 100644
--- a/src/components/common/PageChart/line/index.vue
+++ b/src/components/common/PageChart/line/index.vue
@@ -3,306 +3,307 @@
 </template>
 
 <script>
-let echarts = require('echarts/lib/echarts')
+let echarts = require("echarts/lib/echarts");
 // 引入折线图等组件
-require('echarts/lib/chart/line')
+require("echarts/lib/chart/line");
 // // 引入提示框和title组件，图例
-require('echarts/lib/component/toolbox')
-require('echarts/lib/component/title')
-require('echarts/lib/component/legend')
-require('echarts/lib/component/grid')
-require('echarts/lib/component/dataZoom')
-require('echarts/lib/component/tooltip')
-export default{
-  name:'ChartLine',
-  props:{
-    width:{
-      type:String,
-      default:'100%'
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/tooltip");
+export default {
+  name: "ChartLine",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
     },
-    height:{
-      type:String,
-      default:'400px'
+    height: {
+      type: String,
+      default: "400px"
     },
-    chartData:{
-      type:Object,
-      default:()=>{
-        return {}
+    chartData: {
+      type: Object,
+      default: () => {
+        return {};
       }
     },
     //标题
-    title:{
-      type:String,
-      default:''
+    title: {
+      type: String,
+      default: ""
     },
-    titleSize:{
-      type:Number,
-      default:16
+    titleSize: {
+      type: Number,
+      default: 16
     },
-    titleX:{
-      type:String,
-      default:'center'
+    titleX: {
+      type: String,
+      default: "center"
     },
-    titleY:{
-      type:String,
-      default:'3%'
+    titleY: {
+      type: String,
+      default: "3%"
     },
-    titleShow:{
-      type:Boolean,
-      default:true
+    titleShow: {
+      type: Boolean,
+      default: true
     },
     //图例相关
-    legendShow:{
-      type:Boolean,
-      default:true
+    legendShow: {
+      type: Boolean,
+      default: true
     },
-    legendOrient:{
-      type:String,
-      default:'horizontal'
+    legendOrient: {
+      type: String,
+      default: "horizontal"
     },
-    legendX:{
-      type:String,
-      default:'center'
+    legendX: {
+      type: String,
+      default: "center"
     },
-    legendY:{
-      type:String,
-      default:'bottom'
+    legendY: {
+      type: String,
+      default: "bottom"
     },
     //工具栏相关
-    toolboxShow:{
-      type:Boolean,
-      default:false
+    toolboxShow: {
+      type: Boolean,
+      default: false
     },
-    toolboxOrient:{
-      type:String,
-      default:'horizontal'
+    toolboxOrient: {
+      type: String,
+      default: "horizontal"
     },
     //提示框相关
-    tooltipShow:{
-      type:Boolean,
-      default:true
+    tooltipShow: {
+      type: Boolean,
+      default: true
     },
-    tooltipTrigger:{
-      type:String,
-      default:"axis"
+    tooltipTrigger: {
+      type: String,
+      default: "axis"
     },
     //区域缩放相关
-    dataZoomType:{
-      type:String,
-      default:"inside"
+    dataZoomType: {
+      type: String,
+      default: "inside"
     },
     //坐标轴相关
-    xAxisShow:{
-      type:Boolean,
-      default:true
+    xAxisShow: {
+      type: Boolean,
+      default: true
     },
-    xAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    xAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    yAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisLineShow:{
-      type:Boolean,
-      default:false
+    yAxisLineShow: {
+      type: Boolean,
+      default: false
     },
     //坐标系相关
-    gridTop:{
-      type:Number,
-      default:10
+    gridTop: {
+      type: [Number, String],
+      default: 10
     },
-    gridLeft:{
-      type:String,
-      default:'5%'
+    gridLeft: {
+      type: [Number, String],
+      default: "5%"
     },
-    gridRight:{
-      type:String,
-      default:'10%'
+    gridRight: {
+      type: [Number, String],
+      default: "10%"
     },
-    gridBottom:{
-      type:Number,
-      default:0
+    gridBottom: {
+      type: [Number, String],
+      default: 0
     },
     //单位相关
-    xUnit:{
-      type:String,
-      default:''
+    xUnit: {
+      type: String,
+      default: ""
     },
-    yUnit:{
-      type:String,
-      default:''
+    yUnit: {
+      type: String,
+      default: ""
     },
     //最值显示
-    markPoint:{
-      type:Boolean,
-      default:false
+    markPoint: {
+      type: Boolean,
+      default: false
     },
-    xList:{
-      type:Array,
-      default:()=>{
-        return []
+    xList: {
+      type: Array,
+      default: () => {
+        return [];
       }
     }
   },
-  data(){
-    return{
-      chart:null, //Echarts实例
-    }
+  data() {
+    return {
+      chart: null //Echarts实例
+    };
   },
-  watch:{
+  watch: {
     //监听到数据改变，重新加载echart数据
-    chartData(val){
-      this.removeChart('reset')
-      this.initData()
+    chartData(val) {
+      this.removeChart("reset");
+      this.initData();
     }
   },
-  mounted(){
-    this.init()
-    this.initData()
+  mounted() {
+    this.init();
+    this.initData();
   },
-  methods:{
+  methods: {
     //初始化
-    init(){
-      this.chart = echarts.init(this.$el)
+    init() {
+      this.chart = echarts.init(this.$el);
       //监听页面大小改变
-      window.addEventListener('resize', ()=>{
-        if(this.chart){
-          this.chart.resize()
+      window.addEventListener("resize", () => {
+        if (this.chart) {
+          this.chart.resize();
         }
-      })
+      });
     },
     //初始化数据
-    initData(){
-      if(!this.chart) return
-      const obj = JSON.parse(JSON.stringify(this.chartData))
-      const arr = []
-      if(obj.dataList && obj.dataList.length) {
+    initData() {
+      if (!this.chart) return;
+      const obj = JSON.parse(JSON.stringify(this.chartData));
+      const arr = [];
+      if (obj.dataList && obj.dataList.length) {
         obj.dataList.forEach((item, index) => {
           // 对echarts数据做处理
           item = {
             name: obj.nameList[index],
             data: item,
-            type: 'line'
-          }
+            type: "line"
+          };
           // 根据参数判断是否显示最值
           if (this.markPoint) {
             item.markPoint = {
               label: { show: true },
               data: [
-                { type: 'max', name: '最大值', label: '最大值' },
-                { type: 'min', name: '最小值', label: '最小值' }
+                { type: "max", name: "最大值", label: "最大值" },
+                { type: "min", name: "最小值", label: "最小值" }
               ]
-            }
+            };
             item.markLine = {
-              data: [
-                { type: 'average', name: '平均值' }
-              ]
-            }
+              data: [{ type: "average", name: "平均值" }]
+            };
           }
-          arr.push(item)
-        })
-        obj.dataList = arr
-        this.initChart(obj)
+          arr.push(item);
+        });
+        obj.dataList = arr;
+        this.initChart(obj);
       }
     },
     //初始化echarts
-    initChart(data){
+    initChart(data) {
       this.chart.setOption({
         color: ["#3398DB", "red"],
-        title:{
-          show:this.titleShow,
-          text:this.title,
-          left:this.titleX,
-          top:this.titleY,
-          textStyle:{
-            fontSize:this.titleSize
+        title: {
+          show: this.titleShow,
+          text: this.title,
+          left: this.titleX,
+          top: this.titleY,
+          textStyle: {
+            fontSize: this.titleSize
           }
         },
         //图例设置
-        legend:{
-          show:this.legendShow,
-          orient:this.legendOrient,
-          left:this.legendX,
-          top:this.legendY,
-          data:data.nameList
+        legend: {
+          show: this.legendShow,
+          orient: this.legendOrient,
+          left: this.legendX,
+          top: this.legendY,
+          data: data.nameList
         },
         //工具栏
-        toolbox:{
-          show:this.toolboxShow,
-          orient:this.toolboxOrient,
-          feature:{
-            saveAsImage:{show:true},
-            dataView:{show:true,readOnly:true}
+        toolbox: {
+          show: this.toolboxShow,
+          orient: this.toolboxOrient,
+          feature: {
+            saveAsImage: { show: true },
+            dataView: { show: true, readOnly: true }
           }
         },
         //提示框
         tooltip: {
-          show:this.tooltipShow,
+          show: this.tooltipShow,
           trigger: this.tooltipTrigger,
           axisPointer: {
             type: "line",
             crossStyle: {
               color: "#333"
             },
-            snap:true,
-            axis:'x'
-          },
+            snap: true,
+            axis: "x"
+          }
         },
         //区域缩放
-        dataZoom:[
+        dataZoom: [
           {
             type: this.dataZoomType
           }
         ],
-        grid:{
-          top:this.gridTop,
-          left:this.gridLeft,
-          right:this.gridRight,
-          bottom:this.gridBottom,
-          containLabel:true
+        grid: {
+          top: this.gridTop,
+          left: this.gridLeft,
+          right: this.gridRight,
+          bottom: this.gridBottom,
+          containLabel: true
         },
-        xAxis:{
-          show:this.xAxisShow,
-          type:'category',
-          name:this.xUnit,
-          nameTextStyle:{
-            fontSize:12
+        xAxis: {
+          show: this.xAxisShow,
+          type: "category",
+          name: this.xUnit,
+          nameTextStyle: {
+            fontSize: 12
           },
-          splitLine:{
-            show:this.xAxisSplitLineShow,
+          splitLine: {
+            show: this.xAxisSplitLineShow
           },
-          boundaryGap:false,
-          axisTick:{show:false}, //坐标轴刻度是否显示
-          data:this.xList
+          boundaryGap: false,
+          axisTick: { show: false }, //坐标轴刻度是否显示
+          data: this.xList
         },
-        yAxis:{
-          type:'value',
-          name:this.yUnit,
+        yAxis: {
+          type: "value",
+          name: this.yUnit,
           splitNumber: 2,
-          axisLine:{
-            show:this.yAxisLineShow
+          axisLine: {
+            show: this.yAxisLineShow
           },
-          splitLine:{
-            show:this.yAxisSplitLineShow
+          splitLine: {
+            show: this.yAxisSplitLineShow
+          },
+          axisLabel: {
+            color: "#3398DB"
           }
         },
-        series:data.dataList
-      })
+        series: data.dataList
+      });
     },
     //注销echarts
-    removeChart(type){
-      if(!this.chart) return
-      this.chart.dispose() // 销毁echarts
-      this.chart = null
-      if(type === 'reset'){
-        this.init()
+    removeChart(type) {
+      if (!this.chart) return;
+      this.chart.dispose(); // 销毁echarts
+      this.chart = null;
+      if (type === "reset") {
+        this.init();
       }
     }
   },
-  beforeDestroy(){
-    this.removeChart()
+  beforeDestroy() {
+    this.removeChart();
   }
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 47a77a9..c3e855d 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -489,42 +489,6 @@
 .avatar-uploader .el-upload:hover {
   border-color: #409eff;
 }
-/****treeselect样式重置****/
-/deep/ .vue-treeselect {
-  .vue-treeselect__control {
-    padding-left: 10px;
-    border: 1px solid var(--selecthover);
-    background-color: transparent;
-  }
-  .vue-treeselect__single-value {
-    color: var(--white);
-  }
-  .vue-treeselect__menu {
-    color: var(--white);
-    z-index: 99999;
-    background-color: var(--shouselect);
-    border: 1px solid var(--selecthover);
-  }
-  .vue-treeselect__menu-container {
-    z-index: 99999;
-  }
-  .vue-treeselect__option--highlight {
-    background: var(--selecthover);
-  }
-  .vue-treeselect__checkbox--checked {
-    border-color: #039be5;
-    background: #000;
-  }
-}
-/deep/
-  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
-  .vue-treeselect__control:hover {
-  border: 1px solid var(--selecthover);
-}
-/deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: var(--white) !important;
-  background: var(--selecthover);
-}
 /****级联样式重置****/
 /deep/ .el-cascader {
   width: 100%;
diff --git a/src/components/configure/RtuConfig.vue b/src/components/configure/RtuConfig.vue
deleted file mode 100644
index d52244a..0000000
--- a/src/components/configure/RtuConfig.vue
+++ /dev/null
@@ -1,1032 +0,0 @@
-<template>
-  <div class="content">
-    <div
-      v-if="formAll && formAllBody && formAllBody.length"
-      style="text-align:left;padding:10px"
-    >
-      <el-select v-model="querySite" @change="selectChange">
-        <el-option
-          v-for="item in querySiteList"
-          :key="item"
-          :label="item"
-          :value="item"
-        >
-          <span style="float: left">{{ item }}</span>
-        </el-option>
-      </el-select>
-      <el-button type="primary" @click="echoClick">
-        回显
-      </el-button>
-      <el-button type="primary" @click="temStorage">
-        暂存
-      </el-button>
-      <el-button type="primary" @click="temStorageEcho">
-        暂存回显
-      </el-button>
-      <el-button type="primary" @click="sunmitAll">
-        提交
-      </el-button>
-    </div>
-    <div id="navMenuContent">
-      <el-menu
-        :default-active="activeIndex"
-        class="el-menu-demo"
-        mode="horizontal"
-        @select="handleSelect"
-        type="border-card"
-      >
-        <el-menu-item
-          v-for="(item, index) in siteNameList"
-          :index="`${index}`"
-          :key="index"
-          >{{ item }}</el-menu-item
-        >
-      </el-menu>
-    </div>
-    <div class="switchContent">
-      <div v-if="formAll && formAllBody && formAllBody.length">
-        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
-          <el-form
-            v-show="formItem[`form${formItemIndex + 1}Show`]"
-            :model="formItem[`form${formItemIndex + 1}`]"
-            :rules="rules"
-            ref="form"
-            class="demo-ruleForm"
-            label-position="right"
-            label-width="130px"
-            size="mini"
-          >
-            <!-- {{`form${index+1}`}} -->
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              class="rowClass"
-            >
-              <el-col :span="6" v-if="i.name" class="subTitle">{{
-                i.name
-              }}</el-col>
-              <el-col
-                :span="6"
-                v-for="(item, index) in i.data"
-                :key="index"
-                style="position:relative"
-              >
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 1"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 2"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                  >
-                    <el-option
-                      v-for="item in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="item.value"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 3"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input form-switch"
-                >
-                  <el-switch
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    active-color="#13ce66"
-                    inactive-color="#ff4949"
-                  ></el-switch>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 5"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <div
-                  v-if="parseInt(item.fieldType) === 4"
-                  class="input-switch-div"
-                >
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${0}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${0}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${1}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${1}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${2}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${2}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${3}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${3}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${4}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${4}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${5}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${5}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${6}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${6}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${7}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${7}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                </div>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 6"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    multiple
-                    collapse-tags
-                  >
-                    <el-option
-                      v-for="(item, index) in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="index"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      querySite: "",
-      rtuCode: "",
-      querySiteList: [],
-      siteNameList: [
-        "遥测站设置",
-        "中心站设置",
-        "传感器型号选择",
-        "气象传感通信设置",
-        "工业相机设置",
-        "水文传感通信",
-        "从机设置",
-        "数据滤波",
-        "水位计",
-        "雨量计",
-        "流量计",
-        "蒸发皿",
-        "土壤沉降仪",
-        "4-20mA设置",
-        "其他设置"
-      ],
-      formAll: [],
-      // siteNameList:[],
-      formAllBody: [],
-      activeIndex: "0",
-      rules: {}
-    };
-  },
-  mounted() {},
-  methods: {
-    echoClick() {
-      this.formAll = [];
-      this.activeIndex = "0";
-      this.initPage(this.querySite);
-      // this.handleSelect(0)
-      // console.log(this.activeIndex)
-    },
-    temStorageEcho() {
-      // this.activeIndex = '0'
-      if (localStorage.getItem(name)) {
-        this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: "暂存回显成功", type: "success" });
-      } else {
-        this.$message({ message: "无暂存内容", type: "warning" });
-      }
-      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
-    },
-    temStorage() {
-      try {
-        localStorage.setItem(name, JSON.stringify(this.formAll));
-        this.$message({ message: `保存成功`, type: "success" });
-      } catch (err) {
-        this.$message({ message: err, type: "warning" });
-      }
-      // localStorage.getItem(name);
-      // console.log(sessionStorage.getItem(name),111)
-    },
-    sunmitAll() {
-      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
-      var successCount = 0;
-      var successFlag = false;
-      for (var i = 0; i < 15; i++) {
-        this.$refs["form"][i].validate(valid => {
-          if (valid) {
-            successCount++;
-          } else {
-            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
-            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
-            // this.$notify({
-            //   title: '警告',
-            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
-            //   type: 'warning'
-            // });
-            successFlag = true;
-            // return false;
-          }
-        });
-        // if(successFlag){
-        //   return false
-        // }
-      }
-      if (successCount === this.siteNameList.length) {
-        this.$message({ message: "表单全部校验成功", type: "success" });
-      } else {
-        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
-      }
-      // 组装数据需要的属性，暂时是死值，也可以循环出来
-      const parmas = {
-        data: {
-          rtuCode: this.rtuCode,
-          rtuTelemeteringStationSetting: this.formAll[0].form1,
-          rtuCentreSetting: this.formAll[1].form2,
-          rtuSenseTypeSetting: this.formAll[2].form3,
-          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
-          rtuIndustrialCameraSetting: this.formAll[4].form5,
-          rtuHydrologicSensingCommunication: this.formAll[5].form6,
-          rtuSlaveSetting: this.formAll[6].form7,
-          rtuDataFilter: this.formAll[7].form8,
-          rtuWaterLevelSetting: this.formAll[8].form9,
-          rtuRainSetting: this.formAll[9].form10,
-          rtuFlowmeterSetting: this.formAll[10].form11,
-          rtuEvaporatingDishSetting: this.formAll[11].form12,
-          rtuSoilSettler: this.formAll[12].form13,
-          rtu4To20Setting: this.formAll[13].form14,
-          rtuOtherSetting: this.formAll[14].form15
-        }
-      };
-      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
-      function dealInputSwitch(
-        str = "rtushuiwen_shangqingarrInt",
-        strBool = "rtushuiwen_shangqingarrboolean"
-      ) {
-        var form6Input = [];
-        var form6Switch = [];
-        var strTarget = "rtuHydrologicSensingCommunication";
-        for (let i = 0; i < 8; i++) {
-          var hasInput = parmas.data[strTarget].hasOwnProperty(
-            `${str}input${i}`
-          );
-          if (hasInput) {
-            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
-          } else {
-            form6Input[i] = null;
-          }
-          parmas.data[strTarget][str] = form6Input;
-          delete parmas.data[strTarget][`${str}input${i}`];
-          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
-            `${str}switch${i}`
-          );
-          if (hasSwitch) {
-            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
-          } else {
-            form6Switch[i] = false;
-          }
-          parmas.data[strTarget][strBool] = form6Switch;
-          delete parmas.data[strTarget][`${str}switch${i}`];
-        }
-      }
-      dealInputSwitch(
-        "rtushuiwen_shangqingarrInt",
-        "rtushuiwen_shangqingarrboolean"
-      );
-      dealInputSwitch(
-        "rtushuiwen_chenjiangarrInt",
-        "rtushuiwen_chenjiangarrboolean"
-      );
-      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
-      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ].sort((item1, item2) => item1 - item2);
-      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ].sort((item1, item2) => item1 - item2);
-      let rtuAddUpTimesNew = [];
-      let rtucamera_jiabaoNew = [];
-      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
-      for (var i = 0; i < 24; i++) {
-        rtuAddUpTimesNew.push(0);
-        rtucamera_jiabaoNew.push(0);
-      }
-      rtuAddUpTimes.forEach((item, index) => {
-        rtuAddUpTimesNew[item] = 1;
-      });
-      rtucamera_jiabao.forEach((item, index) => {
-        rtucamera_jiabaoNew[item] = 1;
-      });
-      parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ] = rtuAddUpTimesNew;
-      parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ] = rtucamera_jiabaoNew;
-      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-      //   // console.log(res,'rTUSettingServiceUpdate')
-      //   this.echoClick()
-      // })
-      // console.log(parmas,'form6Inputform6Input')
-      // this.formAll=[]
-      // this.initPage(this.querySiteList[1])
-    },
-    creatListTest(arr) {
-      var arrList = arr.split(",");
-      // console.log(arrList,'arrrrrrrr')
-      let list = arrList.map((item, index) => {
-        let obj = {};
-        obj["code"] = index;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    creatList(arr) {
-      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
-      let list = arr.map((item, index) => {
-        let obj = {};
-        obj["code"] = index + 1;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    handleSelect(key) {
-      this.activeIndex = key;
-      // console.log(key)
-      for (var i = 0; i < 15; i++) {
-        if (key != i) {
-          this.formAll[i][`form${i + 1}Show`] = false;
-        } else {
-          this.formAll[i][`form${i + 1}Show`] = true;
-        }
-      }
-    },
-    selectChange(val) {
-      // console.log(val,'val')
-      this.echoClick(val);
-    },
-    async initPage(site) {
-      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
-      let resFirst = await this.$http.post(
-        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
-      );
-      let resData = resFirst.data.data;
-      let formArr = [
-        "rtuTelemeteringStationSetting",
-        "rtuCentreSetting",
-        "rtuSenseTypeSetting",
-        "rtuMeteorologicalSensingCommunicationSetting",
-        "rtuIndustrialCameraSetting",
-        "rtuHydrologicSensingCommunication",
-        "rtuSlaveSetting",
-        "rtuDataFilter",
-        "rtuWaterLevelSetting",
-        "rtuRainSetting",
-        "rtuFlowmeterSetting",
-        "rtuEvaporatingDishSetting",
-        "rtuSoilSettler",
-        "rtu4To20Setting",
-        "rtuOtherSetting"
-      ];
-      // console.log(this.formAll,'ressssss')
-      // this.formAll={}
-      this.rtuCode = resData.rtuCode;
-      for (let i = 1; i <= 15; i++) {
-        let obj = {};
-        // 水文传感里是第6个表单
-        if (i !== 6 && i !== 1 && i !== 5) {
-          obj[`form${i}`] = resData[formArr[i - 1]];
-        } else if (i === 1) {
-          var formObj = Object.assign(resData[formArr[i - 1]]);
-          var rtuAddUpTimesNew = [];
-          if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
-            return;
-          }
-          formObj.rtuAddUpTimes.forEach((res, index) => {
-            if (res === 1) {
-              rtuAddUpTimesNew.push(index);
-            }
-          });
-          // form1Obj.hasOwnProperty('rtuAddUpTimes')
-          formObj.rtuAddUpTimes = rtuAddUpTimesNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 5) {
-          let formObj = Object.assign(resData[formArr[i - 1]]);
-          let rtucamera_jiabaoNew = [];
-          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
-            return;
-          }
-          formObj.rtucamera_jiabao.forEach((res, index) => {
-            if (res === 1) {
-              rtucamera_jiabaoNew.push(index);
-            }
-          });
-          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 6) {
-          var form6Obj = resData[formArr[i - 1]];
-          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
-          function creatInputSwitch(str, strBool) {
-            if (
-              form6Obj.hasOwnProperty(str) &&
-              form6Obj.hasOwnProperty(strBool)
-            ) {
-              for (let i = 0; i < 8; i++) {
-                form6Obj[`${str}input${i}`] = form6Obj[str][i];
-                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
-              }
-              delete form6Obj[str];
-              delete form6Obj[strBool];
-            }
-          }
-          creatInputSwitch(
-            "rtushuiwen_shangqingarrInt",
-            "rtushuiwen_shangqingarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_chenjiangarrInt",
-            "rtushuiwen_chenjiangarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_zhaweiarrInt",
-            "rtushuiwen_zhaweiarrboolean"
-          );
-          obj[`form${i}`] = form6Obj;
-        }
-        if (i !== 1) {
-          obj[`form${i}Show`] = false;
-        } else {
-          obj[`form${i}Show`] = true;
-        }
-        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
-        this.formAll.push(obj);
-        // console.log(this.formAll,'this.formAll')
-      }
-    },
-    validatorAll(rule, value, callback, type, sug, alart) {
-      let typeLocal = type;
-      let sugLocal = sug;
-      let alartLocal = alart;
-      // 数字范围、数字长度、字符串长度、正则等
-      if (value && parseInt(typeLocal) === 1) {
-        // 数字范围
-        if (value !== undefined) {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        } else {
-          callback();
-        }
-      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
-        // 正则
-        let regExp = sugLocal.slice(1, -1);
-        let reg = new RegExp(regExp);
-        if (reg.test(value)) {
-          callback();
-        } else {
-          callback(new Error(alartLocal));
-        }
-      } else if (value && parseInt(typeLocal) === 3) {
-        if (sugLocal === undefined || sugLocal === "") {
-          // 下拉框 不显示错误信息
-          callback();
-        } else {
-          // console.log(value,sugLocal.indexOf(','),'value')
-          if (sugLocal.indexOf(",") !== -1) {
-            // 带，的是范围，不带则是固定长度
-            let sug1 = parseInt(sugLocal.split(",")[0]);
-            let sug2 = parseInt(sugLocal.split(",")[1]);
-            if (value.length >= sug1 && value.length <= sug2) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          } else if (sugLocal.indexOf(",") === -1) {
-            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
-            if (value.length === parseInt(sugLocal)) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 4) {
-        if (sugLocal === undefined || sugLocal === "") {
-          callback();
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 5) {
-        // console.log(value,'value')
-        if (typeof value !== "number") {
-          callback(new Error("请输入纯数字"));
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else {
-        callback();
-      }
-    },
-    formControl() {
-      function uniq(array) {
-        var temp = []; //一个新的临时数组
-        for (var i = 0; i < array.length; i++) {
-          if (temp.indexOf(array[i]) == -1) {
-            temp.push(array[i]);
-          }
-        }
-        return temp;
-      }
-      // 生成表单控件的接口
-      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
-        var dataRes = res.data.data;
-        // console.log(dataRes,'dataRes')
-        for (var i in dataRes) {
-          if (dataRes[i].length !== 0) {
-            dataRes[i].forEach((item, index, arr) => {
-              this.rules[item.fieldIdentifier] = [
-                {
-                  validator: (rule, value, callback) => {
-                    this.validatorAll(
-                      rule,
-                      value,
-                      callback,
-                      item.validatorType,
-                      item.validatorRules,
-                      item.validatorErrorText
-                    );
-                  },
-                  trigger: "change"
-                }
-              ];
-            });
-            let sub_titleList = dataRes[i].map(item => {
-              return item.subTitle;
-            });
-            var newObj = [];
-            // 根据小标题去重
-            uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [] };
-              var data = dataRes[i].forEach(l => {
-                if (
-                  l.subTitle === item &&
-                  l.subTitle !== "" &&
-                  l.subTitle !== undefined
-                ) {
-                  obj.data.push(l);
-                } else if (l.subTitle === "" || l.subTitle === undefined) {
-                  obj.data.push(l);
-                }
-              });
-              if (obj.name === undefined) {
-                return;
-              }
-              // obj.data= data 将后台数据生成带有小标题的
-              newObj.push(obj);
-            });
-            this.$set(this.formAllBody, i, newObj);
-          }
-        }
-      });
-    },
-    async getSiteList() {
-      await this.$http
-        .post(this.nozzle.rTUSettingServiceQueryList)
-        .then(res => {
-          // console.log(res.data.data,'resss')
-          this.querySiteList = res.data.data;
-        });
-    }
-  },
-  created() {
-    this.getSiteList().then(res => {
-      this.initPage(this.querySiteList[0]);
-    });
-    this.formControl();
-  }
-  // beforeRouteLeave (to, from, next) {
-  //   // 导航离开该组件的对应路由时调用
-  //   // 可以访问组件实例 `this`
-  //   this.$confirm("请检查是否需要暂存！", "提示", {
-  //     confirmButtonText: "已暂存",
-  //     cancelButtonText: "取消",
-  //     type: "warning"
-  //   }).then(res=>{ next() }).catch(() => {});
-  // }
-};
-</script>
-<style lang="scss" scoped>
-.content {
-  width: 100% !important;
-  height: 100% !important;
-  #navMenuContent {
-    /* height: calc(100% - 20px);
-      width: calc(100% - 20px);
-      float: left;
-      border: 1px solid aqua;
-      box-sizing: border-box;
-      margin: 10px;
-      position: relative; */
-    width: 100%;
-    /* background-color: #fff; */
-  }
-  .switchContent {
-    // color: rgb(99, 96, 96);
-    color: red;
-    /* background-color: #fff; */
-    /* background-color: #fff; */
-    // color: white !important;
-
-    padding: 2%;
-    /deep/ .el-form {
-      .el-col {
-        height: 51px !important;
-        .el-form-item {
-          margin: 11px 0 11px 0 !important;
-          .el-form-item__label {
-            // text-align: right;
-            width: 130px;
-            text-align: right !important;
-            color: var(--white) !important;
-          }
-          .el-form-item__content {
-            .el-select {
-              width: 100% !important;
-              .el-input .el-input__inner {
-                width: 100% !important;
-              }
-            }
-            .el-input {
-              width: 100% !important;
-              .el-input__inner {
-                width: 100% !important;
-                color: var(--white) !important;
-              }
-            }
-
-            i {
-              color: var(--white);
-              font-style: normal !important;
-              padding-right: 5px !important;
-            }
-            //
-          }
-        }
-        // input的单位，i图标
-        // .el-form-item__content i{
-        //   color: var(--white);
-        //   font-style:normal !important;
-        //   padding-right: 5px !important;
-        // }
-        // 普通input框100，select框也100
-        // .el-form-item.el-form-item-input{
-        //   // margin:11px 0 11px 0 !important;
-        //   .el-form-item__content{
-        //     // .el-select, .el-input{
-        //     //   width: 100%;
-        //     // }
-        //     .el-input__inner{
-        //       // width: 100%;
-        //     }
-        //   }
-        // }
-        // 小标题
-        &.subTitle {
-          /* height:40px!important; */
-          line-height: 51px !important;
-          color: var(--diatitle);
-          /* margin-top: 11px; */
-        }
-
-        // 普通switch框，左180，右居中
-        .el-form-item.el-form-item-input.form-switch .el-form-item__label {
-          width: 180px !important;
-        }
-        .el-form-item.el-form-item-input.form-switch .el-form-item__content {
-          // width: 100% !important;
-          text-align: center !important;
-          margin-left: 180px !important;
-        }
-
-        .input-switch-div {
-          position: absolute !important;
-          left: 0 !important;
-          top: 0 !important;
-          width: 1000px !important;
-          display: flex !important;
-          // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
-          .el-form-item-input.input-switch .el-form-item__content {
-            margin-left: 0 !important;
-          }
-          .el-form-item-input.input-switch .el-form-item-input {
-            /* display: flex; */
-            margin: initial !important;
-          }
-          .el-form-item .el-form-item__content .el-input .el-input__inner {
-            width: 66px !important;
-          }
-        }
-      }
-    }
-  }
-  // /deep/.el-menu-item{
-  //   background-color: #fff !important;
-  // }
-  /deep/ .el-menu.el-menu-demo.el-menu--horizontal {
-    border-bottom: initial !important;
-    background-color: initial !important;
-    li.el-menu-item {
-      background-image: initial !important;
-      background-color: #fff !important;
-    }
-    .el-menu-item.is-active {
-      // background-color: var(--dialogtitle)!important;
-      // background-color: #fff !important;
-    }
-    .el-menu-item:hover {
-      background-color: #fff !important;
-    }
-  }
-  // .el-menu--horizontal>.el-menu-item.is-active{
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item .is-active {
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item:hover {
-  //   background-color: #fff !important;
-  // }
-  // /deep/ .el-menu-item {
-  //   background-color: #fff!important;
-  // }
-}
-</style>

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }
diff --git a/src/components/common/PageChart/line/index.vue b/src/components/common/PageChart/line/index.vue
index e750aee..83d7ccb 100644
--- a/src/components/common/PageChart/line/index.vue
+++ b/src/components/common/PageChart/line/index.vue
@@ -3,306 +3,307 @@
 </template>
 
 <script>
-let echarts = require('echarts/lib/echarts')
+let echarts = require("echarts/lib/echarts");
 // 引入折线图等组件
-require('echarts/lib/chart/line')
+require("echarts/lib/chart/line");
 // // 引入提示框和title组件，图例
-require('echarts/lib/component/toolbox')
-require('echarts/lib/component/title')
-require('echarts/lib/component/legend')
-require('echarts/lib/component/grid')
-require('echarts/lib/component/dataZoom')
-require('echarts/lib/component/tooltip')
-export default{
-  name:'ChartLine',
-  props:{
-    width:{
-      type:String,
-      default:'100%'
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/tooltip");
+export default {
+  name: "ChartLine",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
     },
-    height:{
-      type:String,
-      default:'400px'
+    height: {
+      type: String,
+      default: "400px"
     },
-    chartData:{
-      type:Object,
-      default:()=>{
-        return {}
+    chartData: {
+      type: Object,
+      default: () => {
+        return {};
       }
     },
     //标题
-    title:{
-      type:String,
-      default:''
+    title: {
+      type: String,
+      default: ""
     },
-    titleSize:{
-      type:Number,
-      default:16
+    titleSize: {
+      type: Number,
+      default: 16
     },
-    titleX:{
-      type:String,
-      default:'center'
+    titleX: {
+      type: String,
+      default: "center"
     },
-    titleY:{
-      type:String,
-      default:'3%'
+    titleY: {
+      type: String,
+      default: "3%"
     },
-    titleShow:{
-      type:Boolean,
-      default:true
+    titleShow: {
+      type: Boolean,
+      default: true
     },
     //图例相关
-    legendShow:{
-      type:Boolean,
-      default:true
+    legendShow: {
+      type: Boolean,
+      default: true
     },
-    legendOrient:{
-      type:String,
-      default:'horizontal'
+    legendOrient: {
+      type: String,
+      default: "horizontal"
     },
-    legendX:{
-      type:String,
-      default:'center'
+    legendX: {
+      type: String,
+      default: "center"
     },
-    legendY:{
-      type:String,
-      default:'bottom'
+    legendY: {
+      type: String,
+      default: "bottom"
     },
     //工具栏相关
-    toolboxShow:{
-      type:Boolean,
-      default:false
+    toolboxShow: {
+      type: Boolean,
+      default: false
     },
-    toolboxOrient:{
-      type:String,
-      default:'horizontal'
+    toolboxOrient: {
+      type: String,
+      default: "horizontal"
     },
     //提示框相关
-    tooltipShow:{
-      type:Boolean,
-      default:true
+    tooltipShow: {
+      type: Boolean,
+      default: true
     },
-    tooltipTrigger:{
-      type:String,
-      default:"axis"
+    tooltipTrigger: {
+      type: String,
+      default: "axis"
     },
     //区域缩放相关
-    dataZoomType:{
-      type:String,
-      default:"inside"
+    dataZoomType: {
+      type: String,
+      default: "inside"
     },
     //坐标轴相关
-    xAxisShow:{
-      type:Boolean,
-      default:true
+    xAxisShow: {
+      type: Boolean,
+      default: true
     },
-    xAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    xAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    yAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisLineShow:{
-      type:Boolean,
-      default:false
+    yAxisLineShow: {
+      type: Boolean,
+      default: false
     },
     //坐标系相关
-    gridTop:{
-      type:Number,
-      default:10
+    gridTop: {
+      type: [Number, String],
+      default: 10
     },
-    gridLeft:{
-      type:String,
-      default:'5%'
+    gridLeft: {
+      type: [Number, String],
+      default: "5%"
     },
-    gridRight:{
-      type:String,
-      default:'10%'
+    gridRight: {
+      type: [Number, String],
+      default: "10%"
     },
-    gridBottom:{
-      type:Number,
-      default:0
+    gridBottom: {
+      type: [Number, String],
+      default: 0
     },
     //单位相关
-    xUnit:{
-      type:String,
-      default:''
+    xUnit: {
+      type: String,
+      default: ""
     },
-    yUnit:{
-      type:String,
-      default:''
+    yUnit: {
+      type: String,
+      default: ""
     },
     //最值显示
-    markPoint:{
-      type:Boolean,
-      default:false
+    markPoint: {
+      type: Boolean,
+      default: false
     },
-    xList:{
-      type:Array,
-      default:()=>{
-        return []
+    xList: {
+      type: Array,
+      default: () => {
+        return [];
       }
     }
   },
-  data(){
-    return{
-      chart:null, //Echarts实例
-    }
+  data() {
+    return {
+      chart: null //Echarts实例
+    };
   },
-  watch:{
+  watch: {
     //监听到数据改变，重新加载echart数据
-    chartData(val){
-      this.removeChart('reset')
-      this.initData()
+    chartData(val) {
+      this.removeChart("reset");
+      this.initData();
     }
   },
-  mounted(){
-    this.init()
-    this.initData()
+  mounted() {
+    this.init();
+    this.initData();
   },
-  methods:{
+  methods: {
     //初始化
-    init(){
-      this.chart = echarts.init(this.$el)
+    init() {
+      this.chart = echarts.init(this.$el);
       //监听页面大小改变
-      window.addEventListener('resize', ()=>{
-        if(this.chart){
-          this.chart.resize()
+      window.addEventListener("resize", () => {
+        if (this.chart) {
+          this.chart.resize();
         }
-      })
+      });
     },
     //初始化数据
-    initData(){
-      if(!this.chart) return
-      const obj = JSON.parse(JSON.stringify(this.chartData))
-      const arr = []
-      if(obj.dataList && obj.dataList.length) {
+    initData() {
+      if (!this.chart) return;
+      const obj = JSON.parse(JSON.stringify(this.chartData));
+      const arr = [];
+      if (obj.dataList && obj.dataList.length) {
         obj.dataList.forEach((item, index) => {
           // 对echarts数据做处理
           item = {
             name: obj.nameList[index],
             data: item,
-            type: 'line'
-          }
+            type: "line"
+          };
           // 根据参数判断是否显示最值
           if (this.markPoint) {
             item.markPoint = {
               label: { show: true },
               data: [
-                { type: 'max', name: '最大值', label: '最大值' },
-                { type: 'min', name: '最小值', label: '最小值' }
+                { type: "max", name: "最大值", label: "最大值" },
+                { type: "min", name: "最小值", label: "最小值" }
               ]
-            }
+            };
             item.markLine = {
-              data: [
-                { type: 'average', name: '平均值' }
-              ]
-            }
+              data: [{ type: "average", name: "平均值" }]
+            };
           }
-          arr.push(item)
-        })
-        obj.dataList = arr
-        this.initChart(obj)
+          arr.push(item);
+        });
+        obj.dataList = arr;
+        this.initChart(obj);
       }
     },
     //初始化echarts
-    initChart(data){
+    initChart(data) {
       this.chart.setOption({
         color: ["#3398DB", "red"],
-        title:{
-          show:this.titleShow,
-          text:this.title,
-          left:this.titleX,
-          top:this.titleY,
-          textStyle:{
-            fontSize:this.titleSize
+        title: {
+          show: this.titleShow,
+          text: this.title,
+          left: this.titleX,
+          top: this.titleY,
+          textStyle: {
+            fontSize: this.titleSize
           }
         },
         //图例设置
-        legend:{
-          show:this.legendShow,
-          orient:this.legendOrient,
-          left:this.legendX,
-          top:this.legendY,
-          data:data.nameList
+        legend: {
+          show: this.legendShow,
+          orient: this.legendOrient,
+          left: this.legendX,
+          top: this.legendY,
+          data: data.nameList
         },
         //工具栏
-        toolbox:{
-          show:this.toolboxShow,
-          orient:this.toolboxOrient,
-          feature:{
-            saveAsImage:{show:true},
-            dataView:{show:true,readOnly:true}
+        toolbox: {
+          show: this.toolboxShow,
+          orient: this.toolboxOrient,
+          feature: {
+            saveAsImage: { show: true },
+            dataView: { show: true, readOnly: true }
           }
         },
         //提示框
         tooltip: {
-          show:this.tooltipShow,
+          show: this.tooltipShow,
           trigger: this.tooltipTrigger,
           axisPointer: {
             type: "line",
             crossStyle: {
               color: "#333"
             },
-            snap:true,
-            axis:'x'
-          },
+            snap: true,
+            axis: "x"
+          }
         },
         //区域缩放
-        dataZoom:[
+        dataZoom: [
           {
             type: this.dataZoomType
           }
         ],
-        grid:{
-          top:this.gridTop,
-          left:this.gridLeft,
-          right:this.gridRight,
-          bottom:this.gridBottom,
-          containLabel:true
+        grid: {
+          top: this.gridTop,
+          left: this.gridLeft,
+          right: this.gridRight,
+          bottom: this.gridBottom,
+          containLabel: true
         },
-        xAxis:{
-          show:this.xAxisShow,
-          type:'category',
-          name:this.xUnit,
-          nameTextStyle:{
-            fontSize:12
+        xAxis: {
+          show: this.xAxisShow,
+          type: "category",
+          name: this.xUnit,
+          nameTextStyle: {
+            fontSize: 12
           },
-          splitLine:{
-            show:this.xAxisSplitLineShow,
+          splitLine: {
+            show: this.xAxisSplitLineShow
           },
-          boundaryGap:false,
-          axisTick:{show:false}, //坐标轴刻度是否显示
-          data:this.xList
+          boundaryGap: false,
+          axisTick: { show: false }, //坐标轴刻度是否显示
+          data: this.xList
         },
-        yAxis:{
-          type:'value',
-          name:this.yUnit,
+        yAxis: {
+          type: "value",
+          name: this.yUnit,
           splitNumber: 2,
-          axisLine:{
-            show:this.yAxisLineShow
+          axisLine: {
+            show: this.yAxisLineShow
           },
-          splitLine:{
-            show:this.yAxisSplitLineShow
+          splitLine: {
+            show: this.yAxisSplitLineShow
+          },
+          axisLabel: {
+            color: "#3398DB"
           }
         },
-        series:data.dataList
-      })
+        series: data.dataList
+      });
     },
     //注销echarts
-    removeChart(type){
-      if(!this.chart) return
-      this.chart.dispose() // 销毁echarts
-      this.chart = null
-      if(type === 'reset'){
-        this.init()
+    removeChart(type) {
+      if (!this.chart) return;
+      this.chart.dispose(); // 销毁echarts
+      this.chart = null;
+      if (type === "reset") {
+        this.init();
       }
     }
   },
-  beforeDestroy(){
-    this.removeChart()
+  beforeDestroy() {
+    this.removeChart();
   }
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 47a77a9..c3e855d 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -489,42 +489,6 @@
 .avatar-uploader .el-upload:hover {
   border-color: #409eff;
 }
-/****treeselect样式重置****/
-/deep/ .vue-treeselect {
-  .vue-treeselect__control {
-    padding-left: 10px;
-    border: 1px solid var(--selecthover);
-    background-color: transparent;
-  }
-  .vue-treeselect__single-value {
-    color: var(--white);
-  }
-  .vue-treeselect__menu {
-    color: var(--white);
-    z-index: 99999;
-    background-color: var(--shouselect);
-    border: 1px solid var(--selecthover);
-  }
-  .vue-treeselect__menu-container {
-    z-index: 99999;
-  }
-  .vue-treeselect__option--highlight {
-    background: var(--selecthover);
-  }
-  .vue-treeselect__checkbox--checked {
-    border-color: #039be5;
-    background: #000;
-  }
-}
-/deep/
-  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
-  .vue-treeselect__control:hover {
-  border: 1px solid var(--selecthover);
-}
-/deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: var(--white) !important;
-  background: var(--selecthover);
-}
 /****级联样式重置****/
 /deep/ .el-cascader {
   width: 100%;
diff --git a/src/components/configure/RtuConfig.vue b/src/components/configure/RtuConfig.vue
deleted file mode 100644
index d52244a..0000000
--- a/src/components/configure/RtuConfig.vue
+++ /dev/null
@@ -1,1032 +0,0 @@
-<template>
-  <div class="content">
-    <div
-      v-if="formAll && formAllBody && formAllBody.length"
-      style="text-align:left;padding:10px"
-    >
-      <el-select v-model="querySite" @change="selectChange">
-        <el-option
-          v-for="item in querySiteList"
-          :key="item"
-          :label="item"
-          :value="item"
-        >
-          <span style="float: left">{{ item }}</span>
-        </el-option>
-      </el-select>
-      <el-button type="primary" @click="echoClick">
-        回显
-      </el-button>
-      <el-button type="primary" @click="temStorage">
-        暂存
-      </el-button>
-      <el-button type="primary" @click="temStorageEcho">
-        暂存回显
-      </el-button>
-      <el-button type="primary" @click="sunmitAll">
-        提交
-      </el-button>
-    </div>
-    <div id="navMenuContent">
-      <el-menu
-        :default-active="activeIndex"
-        class="el-menu-demo"
-        mode="horizontal"
-        @select="handleSelect"
-        type="border-card"
-      >
-        <el-menu-item
-          v-for="(item, index) in siteNameList"
-          :index="`${index}`"
-          :key="index"
-          >{{ item }}</el-menu-item
-        >
-      </el-menu>
-    </div>
-    <div class="switchContent">
-      <div v-if="formAll && formAllBody && formAllBody.length">
-        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
-          <el-form
-            v-show="formItem[`form${formItemIndex + 1}Show`]"
-            :model="formItem[`form${formItemIndex + 1}`]"
-            :rules="rules"
-            ref="form"
-            class="demo-ruleForm"
-            label-position="right"
-            label-width="130px"
-            size="mini"
-          >
-            <!-- {{`form${index+1}`}} -->
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              class="rowClass"
-            >
-              <el-col :span="6" v-if="i.name" class="subTitle">{{
-                i.name
-              }}</el-col>
-              <el-col
-                :span="6"
-                v-for="(item, index) in i.data"
-                :key="index"
-                style="position:relative"
-              >
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 1"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 2"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                  >
-                    <el-option
-                      v-for="item in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="item.value"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 3"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input form-switch"
-                >
-                  <el-switch
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    active-color="#13ce66"
-                    inactive-color="#ff4949"
-                  ></el-switch>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 5"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <div
-                  v-if="parseInt(item.fieldType) === 4"
-                  class="input-switch-div"
-                >
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${0}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${0}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${1}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${1}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${2}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${2}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${3}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${3}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${4}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${4}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${5}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${5}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${6}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${6}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${7}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${7}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                </div>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 6"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    multiple
-                    collapse-tags
-                  >
-                    <el-option
-                      v-for="(item, index) in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="index"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      querySite: "",
-      rtuCode: "",
-      querySiteList: [],
-      siteNameList: [
-        "遥测站设置",
-        "中心站设置",
-        "传感器型号选择",
-        "气象传感通信设置",
-        "工业相机设置",
-        "水文传感通信",
-        "从机设置",
-        "数据滤波",
-        "水位计",
-        "雨量计",
-        "流量计",
-        "蒸发皿",
-        "土壤沉降仪",
-        "4-20mA设置",
-        "其他设置"
-      ],
-      formAll: [],
-      // siteNameList:[],
-      formAllBody: [],
-      activeIndex: "0",
-      rules: {}
-    };
-  },
-  mounted() {},
-  methods: {
-    echoClick() {
-      this.formAll = [];
-      this.activeIndex = "0";
-      this.initPage(this.querySite);
-      // this.handleSelect(0)
-      // console.log(this.activeIndex)
-    },
-    temStorageEcho() {
-      // this.activeIndex = '0'
-      if (localStorage.getItem(name)) {
-        this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: "暂存回显成功", type: "success" });
-      } else {
-        this.$message({ message: "无暂存内容", type: "warning" });
-      }
-      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
-    },
-    temStorage() {
-      try {
-        localStorage.setItem(name, JSON.stringify(this.formAll));
-        this.$message({ message: `保存成功`, type: "success" });
-      } catch (err) {
-        this.$message({ message: err, type: "warning" });
-      }
-      // localStorage.getItem(name);
-      // console.log(sessionStorage.getItem(name),111)
-    },
-    sunmitAll() {
-      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
-      var successCount = 0;
-      var successFlag = false;
-      for (var i = 0; i < 15; i++) {
-        this.$refs["form"][i].validate(valid => {
-          if (valid) {
-            successCount++;
-          } else {
-            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
-            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
-            // this.$notify({
-            //   title: '警告',
-            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
-            //   type: 'warning'
-            // });
-            successFlag = true;
-            // return false;
-          }
-        });
-        // if(successFlag){
-        //   return false
-        // }
-      }
-      if (successCount === this.siteNameList.length) {
-        this.$message({ message: "表单全部校验成功", type: "success" });
-      } else {
-        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
-      }
-      // 组装数据需要的属性，暂时是死值，也可以循环出来
-      const parmas = {
-        data: {
-          rtuCode: this.rtuCode,
-          rtuTelemeteringStationSetting: this.formAll[0].form1,
-          rtuCentreSetting: this.formAll[1].form2,
-          rtuSenseTypeSetting: this.formAll[2].form3,
-          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
-          rtuIndustrialCameraSetting: this.formAll[4].form5,
-          rtuHydrologicSensingCommunication: this.formAll[5].form6,
-          rtuSlaveSetting: this.formAll[6].form7,
-          rtuDataFilter: this.formAll[7].form8,
-          rtuWaterLevelSetting: this.formAll[8].form9,
-          rtuRainSetting: this.formAll[9].form10,
-          rtuFlowmeterSetting: this.formAll[10].form11,
-          rtuEvaporatingDishSetting: this.formAll[11].form12,
-          rtuSoilSettler: this.formAll[12].form13,
-          rtu4To20Setting: this.formAll[13].form14,
-          rtuOtherSetting: this.formAll[14].form15
-        }
-      };
-      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
-      function dealInputSwitch(
-        str = "rtushuiwen_shangqingarrInt",
-        strBool = "rtushuiwen_shangqingarrboolean"
-      ) {
-        var form6Input = [];
-        var form6Switch = [];
-        var strTarget = "rtuHydrologicSensingCommunication";
-        for (let i = 0; i < 8; i++) {
-          var hasInput = parmas.data[strTarget].hasOwnProperty(
-            `${str}input${i}`
-          );
-          if (hasInput) {
-            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
-          } else {
-            form6Input[i] = null;
-          }
-          parmas.data[strTarget][str] = form6Input;
-          delete parmas.data[strTarget][`${str}input${i}`];
-          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
-            `${str}switch${i}`
-          );
-          if (hasSwitch) {
-            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
-          } else {
-            form6Switch[i] = false;
-          }
-          parmas.data[strTarget][strBool] = form6Switch;
-          delete parmas.data[strTarget][`${str}switch${i}`];
-        }
-      }
-      dealInputSwitch(
-        "rtushuiwen_shangqingarrInt",
-        "rtushuiwen_shangqingarrboolean"
-      );
-      dealInputSwitch(
-        "rtushuiwen_chenjiangarrInt",
-        "rtushuiwen_chenjiangarrboolean"
-      );
-      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
-      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ].sort((item1, item2) => item1 - item2);
-      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ].sort((item1, item2) => item1 - item2);
-      let rtuAddUpTimesNew = [];
-      let rtucamera_jiabaoNew = [];
-      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
-      for (var i = 0; i < 24; i++) {
-        rtuAddUpTimesNew.push(0);
-        rtucamera_jiabaoNew.push(0);
-      }
-      rtuAddUpTimes.forEach((item, index) => {
-        rtuAddUpTimesNew[item] = 1;
-      });
-      rtucamera_jiabao.forEach((item, index) => {
-        rtucamera_jiabaoNew[item] = 1;
-      });
-      parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ] = rtuAddUpTimesNew;
-      parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ] = rtucamera_jiabaoNew;
-      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-      //   // console.log(res,'rTUSettingServiceUpdate')
-      //   this.echoClick()
-      // })
-      // console.log(parmas,'form6Inputform6Input')
-      // this.formAll=[]
-      // this.initPage(this.querySiteList[1])
-    },
-    creatListTest(arr) {
-      var arrList = arr.split(",");
-      // console.log(arrList,'arrrrrrrr')
-      let list = arrList.map((item, index) => {
-        let obj = {};
-        obj["code"] = index;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    creatList(arr) {
-      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
-      let list = arr.map((item, index) => {
-        let obj = {};
-        obj["code"] = index + 1;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    handleSelect(key) {
-      this.activeIndex = key;
-      // console.log(key)
-      for (var i = 0; i < 15; i++) {
-        if (key != i) {
-          this.formAll[i][`form${i + 1}Show`] = false;
-        } else {
-          this.formAll[i][`form${i + 1}Show`] = true;
-        }
-      }
-    },
-    selectChange(val) {
-      // console.log(val,'val')
-      this.echoClick(val);
-    },
-    async initPage(site) {
-      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
-      let resFirst = await this.$http.post(
-        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
-      );
-      let resData = resFirst.data.data;
-      let formArr = [
-        "rtuTelemeteringStationSetting",
-        "rtuCentreSetting",
-        "rtuSenseTypeSetting",
-        "rtuMeteorologicalSensingCommunicationSetting",
-        "rtuIndustrialCameraSetting",
-        "rtuHydrologicSensingCommunication",
-        "rtuSlaveSetting",
-        "rtuDataFilter",
-        "rtuWaterLevelSetting",
-        "rtuRainSetting",
-        "rtuFlowmeterSetting",
-        "rtuEvaporatingDishSetting",
-        "rtuSoilSettler",
-        "rtu4To20Setting",
-        "rtuOtherSetting"
-      ];
-      // console.log(this.formAll,'ressssss')
-      // this.formAll={}
-      this.rtuCode = resData.rtuCode;
-      for (let i = 1; i <= 15; i++) {
-        let obj = {};
-        // 水文传感里是第6个表单
-        if (i !== 6 && i !== 1 && i !== 5) {
-          obj[`form${i}`] = resData[formArr[i - 1]];
-        } else if (i === 1) {
-          var formObj = Object.assign(resData[formArr[i - 1]]);
-          var rtuAddUpTimesNew = [];
-          if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
-            return;
-          }
-          formObj.rtuAddUpTimes.forEach((res, index) => {
-            if (res === 1) {
-              rtuAddUpTimesNew.push(index);
-            }
-          });
-          // form1Obj.hasOwnProperty('rtuAddUpTimes')
-          formObj.rtuAddUpTimes = rtuAddUpTimesNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 5) {
-          let formObj = Object.assign(resData[formArr[i - 1]]);
-          let rtucamera_jiabaoNew = [];
-          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
-            return;
-          }
-          formObj.rtucamera_jiabao.forEach((res, index) => {
-            if (res === 1) {
-              rtucamera_jiabaoNew.push(index);
-            }
-          });
-          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 6) {
-          var form6Obj = resData[formArr[i - 1]];
-          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
-          function creatInputSwitch(str, strBool) {
-            if (
-              form6Obj.hasOwnProperty(str) &&
-              form6Obj.hasOwnProperty(strBool)
-            ) {
-              for (let i = 0; i < 8; i++) {
-                form6Obj[`${str}input${i}`] = form6Obj[str][i];
-                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
-              }
-              delete form6Obj[str];
-              delete form6Obj[strBool];
-            }
-          }
-          creatInputSwitch(
-            "rtushuiwen_shangqingarrInt",
-            "rtushuiwen_shangqingarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_chenjiangarrInt",
-            "rtushuiwen_chenjiangarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_zhaweiarrInt",
-            "rtushuiwen_zhaweiarrboolean"
-          );
-          obj[`form${i}`] = form6Obj;
-        }
-        if (i !== 1) {
-          obj[`form${i}Show`] = false;
-        } else {
-          obj[`form${i}Show`] = true;
-        }
-        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
-        this.formAll.push(obj);
-        // console.log(this.formAll,'this.formAll')
-      }
-    },
-    validatorAll(rule, value, callback, type, sug, alart) {
-      let typeLocal = type;
-      let sugLocal = sug;
-      let alartLocal = alart;
-      // 数字范围、数字长度、字符串长度、正则等
-      if (value && parseInt(typeLocal) === 1) {
-        // 数字范围
-        if (value !== undefined) {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        } else {
-          callback();
-        }
-      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
-        // 正则
-        let regExp = sugLocal.slice(1, -1);
-        let reg = new RegExp(regExp);
-        if (reg.test(value)) {
-          callback();
-        } else {
-          callback(new Error(alartLocal));
-        }
-      } else if (value && parseInt(typeLocal) === 3) {
-        if (sugLocal === undefined || sugLocal === "") {
-          // 下拉框 不显示错误信息
-          callback();
-        } else {
-          // console.log(value,sugLocal.indexOf(','),'value')
-          if (sugLocal.indexOf(",") !== -1) {
-            // 带，的是范围，不带则是固定长度
-            let sug1 = parseInt(sugLocal.split(",")[0]);
-            let sug2 = parseInt(sugLocal.split(",")[1]);
-            if (value.length >= sug1 && value.length <= sug2) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          } else if (sugLocal.indexOf(",") === -1) {
-            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
-            if (value.length === parseInt(sugLocal)) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 4) {
-        if (sugLocal === undefined || sugLocal === "") {
-          callback();
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 5) {
-        // console.log(value,'value')
-        if (typeof value !== "number") {
-          callback(new Error("请输入纯数字"));
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else {
-        callback();
-      }
-    },
-    formControl() {
-      function uniq(array) {
-        var temp = []; //一个新的临时数组
-        for (var i = 0; i < array.length; i++) {
-          if (temp.indexOf(array[i]) == -1) {
-            temp.push(array[i]);
-          }
-        }
-        return temp;
-      }
-      // 生成表单控件的接口
-      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
-        var dataRes = res.data.data;
-        // console.log(dataRes,'dataRes')
-        for (var i in dataRes) {
-          if (dataRes[i].length !== 0) {
-            dataRes[i].forEach((item, index, arr) => {
-              this.rules[item.fieldIdentifier] = [
-                {
-                  validator: (rule, value, callback) => {
-                    this.validatorAll(
-                      rule,
-                      value,
-                      callback,
-                      item.validatorType,
-                      item.validatorRules,
-                      item.validatorErrorText
-                    );
-                  },
-                  trigger: "change"
-                }
-              ];
-            });
-            let sub_titleList = dataRes[i].map(item => {
-              return item.subTitle;
-            });
-            var newObj = [];
-            // 根据小标题去重
-            uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [] };
-              var data = dataRes[i].forEach(l => {
-                if (
-                  l.subTitle === item &&
-                  l.subTitle !== "" &&
-                  l.subTitle !== undefined
-                ) {
-                  obj.data.push(l);
-                } else if (l.subTitle === "" || l.subTitle === undefined) {
-                  obj.data.push(l);
-                }
-              });
-              if (obj.name === undefined) {
-                return;
-              }
-              // obj.data= data 将后台数据生成带有小标题的
-              newObj.push(obj);
-            });
-            this.$set(this.formAllBody, i, newObj);
-          }
-        }
-      });
-    },
-    async getSiteList() {
-      await this.$http
-        .post(this.nozzle.rTUSettingServiceQueryList)
-        .then(res => {
-          // console.log(res.data.data,'resss')
-          this.querySiteList = res.data.data;
-        });
-    }
-  },
-  created() {
-    this.getSiteList().then(res => {
-      this.initPage(this.querySiteList[0]);
-    });
-    this.formControl();
-  }
-  // beforeRouteLeave (to, from, next) {
-  //   // 导航离开该组件的对应路由时调用
-  //   // 可以访问组件实例 `this`
-  //   this.$confirm("请检查是否需要暂存！", "提示", {
-  //     confirmButtonText: "已暂存",
-  //     cancelButtonText: "取消",
-  //     type: "warning"
-  //   }).then(res=>{ next() }).catch(() => {});
-  // }
-};
-</script>
-<style lang="scss" scoped>
-.content {
-  width: 100% !important;
-  height: 100% !important;
-  #navMenuContent {
-    /* height: calc(100% - 20px);
-      width: calc(100% - 20px);
-      float: left;
-      border: 1px solid aqua;
-      box-sizing: border-box;
-      margin: 10px;
-      position: relative; */
-    width: 100%;
-    /* background-color: #fff; */
-  }
-  .switchContent {
-    // color: rgb(99, 96, 96);
-    color: red;
-    /* background-color: #fff; */
-    /* background-color: #fff; */
-    // color: white !important;
-
-    padding: 2%;
-    /deep/ .el-form {
-      .el-col {
-        height: 51px !important;
-        .el-form-item {
-          margin: 11px 0 11px 0 !important;
-          .el-form-item__label {
-            // text-align: right;
-            width: 130px;
-            text-align: right !important;
-            color: var(--white) !important;
-          }
-          .el-form-item__content {
-            .el-select {
-              width: 100% !important;
-              .el-input .el-input__inner {
-                width: 100% !important;
-              }
-            }
-            .el-input {
-              width: 100% !important;
-              .el-input__inner {
-                width: 100% !important;
-                color: var(--white) !important;
-              }
-            }
-
-            i {
-              color: var(--white);
-              font-style: normal !important;
-              padding-right: 5px !important;
-            }
-            //
-          }
-        }
-        // input的单位，i图标
-        // .el-form-item__content i{
-        //   color: var(--white);
-        //   font-style:normal !important;
-        //   padding-right: 5px !important;
-        // }
-        // 普通input框100，select框也100
-        // .el-form-item.el-form-item-input{
-        //   // margin:11px 0 11px 0 !important;
-        //   .el-form-item__content{
-        //     // .el-select, .el-input{
-        //     //   width: 100%;
-        //     // }
-        //     .el-input__inner{
-        //       // width: 100%;
-        //     }
-        //   }
-        // }
-        // 小标题
-        &.subTitle {
-          /* height:40px!important; */
-          line-height: 51px !important;
-          color: var(--diatitle);
-          /* margin-top: 11px; */
-        }
-
-        // 普通switch框，左180，右居中
-        .el-form-item.el-form-item-input.form-switch .el-form-item__label {
-          width: 180px !important;
-        }
-        .el-form-item.el-form-item-input.form-switch .el-form-item__content {
-          // width: 100% !important;
-          text-align: center !important;
-          margin-left: 180px !important;
-        }
-
-        .input-switch-div {
-          position: absolute !important;
-          left: 0 !important;
-          top: 0 !important;
-          width: 1000px !important;
-          display: flex !important;
-          // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
-          .el-form-item-input.input-switch .el-form-item__content {
-            margin-left: 0 !important;
-          }
-          .el-form-item-input.input-switch .el-form-item-input {
-            /* display: flex; */
-            margin: initial !important;
-          }
-          .el-form-item .el-form-item__content .el-input .el-input__inner {
-            width: 66px !important;
-          }
-        }
-      }
-    }
-  }
-  // /deep/.el-menu-item{
-  //   background-color: #fff !important;
-  // }
-  /deep/ .el-menu.el-menu-demo.el-menu--horizontal {
-    border-bottom: initial !important;
-    background-color: initial !important;
-    li.el-menu-item {
-      background-image: initial !important;
-      background-color: #fff !important;
-    }
-    .el-menu-item.is-active {
-      // background-color: var(--dialogtitle)!important;
-      // background-color: #fff !important;
-    }
-    .el-menu-item:hover {
-      background-color: #fff !important;
-    }
-  }
-  // .el-menu--horizontal>.el-menu-item.is-active{
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item .is-active {
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item:hover {
-  //   background-color: #fff !important;
-  // }
-  // /deep/ .el-menu-item {
-  //   background-color: #fff!important;
-  // }
-}
-</style>
diff --git a/src/components/index.vue b/src/components/index.vue
index e859c51..2ac1f4a 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -87,7 +87,7 @@
             <el-submenu index="4" v-has="'m3'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置中心</span>
+                <span>报警预警</span>
               </template>
               <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
@@ -103,14 +103,11 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
-                >RTU配置</el-menu-item
-              >
             </el-submenu>
             <el-submenu index="13" v-has="'m11'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置管理</span>
+                <span>项目及站点配置</span>
               </template>
               <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
@@ -126,6 +123,9 @@
               <el-menu-item index="/ConfigManager/factor" v-has="'m11-4'"
                 >因子管理</el-menu-item
               >
+              <el-menu-item index="/ConfigManager/RtuConfig" v-has="'m11-5'"
+                >RTU配置</el-menu-item
+              >
             </el-submenu>
             <el-submenu index="5" v-has="'m4'">
               <template slot="title">

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }
diff --git a/src/components/common/PageChart/line/index.vue b/src/components/common/PageChart/line/index.vue
index e750aee..83d7ccb 100644
--- a/src/components/common/PageChart/line/index.vue
+++ b/src/components/common/PageChart/line/index.vue
@@ -3,306 +3,307 @@
 </template>
 
 <script>
-let echarts = require('echarts/lib/echarts')
+let echarts = require("echarts/lib/echarts");
 // 引入折线图等组件
-require('echarts/lib/chart/line')
+require("echarts/lib/chart/line");
 // // 引入提示框和title组件，图例
-require('echarts/lib/component/toolbox')
-require('echarts/lib/component/title')
-require('echarts/lib/component/legend')
-require('echarts/lib/component/grid')
-require('echarts/lib/component/dataZoom')
-require('echarts/lib/component/tooltip')
-export default{
-  name:'ChartLine',
-  props:{
-    width:{
-      type:String,
-      default:'100%'
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/tooltip");
+export default {
+  name: "ChartLine",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
     },
-    height:{
-      type:String,
-      default:'400px'
+    height: {
+      type: String,
+      default: "400px"
     },
-    chartData:{
-      type:Object,
-      default:()=>{
-        return {}
+    chartData: {
+      type: Object,
+      default: () => {
+        return {};
       }
     },
     //标题
-    title:{
-      type:String,
-      default:''
+    title: {
+      type: String,
+      default: ""
     },
-    titleSize:{
-      type:Number,
-      default:16
+    titleSize: {
+      type: Number,
+      default: 16
     },
-    titleX:{
-      type:String,
-      default:'center'
+    titleX: {
+      type: String,
+      default: "center"
     },
-    titleY:{
-      type:String,
-      default:'3%'
+    titleY: {
+      type: String,
+      default: "3%"
     },
-    titleShow:{
-      type:Boolean,
-      default:true
+    titleShow: {
+      type: Boolean,
+      default: true
     },
     //图例相关
-    legendShow:{
-      type:Boolean,
-      default:true
+    legendShow: {
+      type: Boolean,
+      default: true
     },
-    legendOrient:{
-      type:String,
-      default:'horizontal'
+    legendOrient: {
+      type: String,
+      default: "horizontal"
     },
-    legendX:{
-      type:String,
-      default:'center'
+    legendX: {
+      type: String,
+      default: "center"
     },
-    legendY:{
-      type:String,
-      default:'bottom'
+    legendY: {
+      type: String,
+      default: "bottom"
     },
     //工具栏相关
-    toolboxShow:{
-      type:Boolean,
-      default:false
+    toolboxShow: {
+      type: Boolean,
+      default: false
     },
-    toolboxOrient:{
-      type:String,
-      default:'horizontal'
+    toolboxOrient: {
+      type: String,
+      default: "horizontal"
     },
     //提示框相关
-    tooltipShow:{
-      type:Boolean,
-      default:true
+    tooltipShow: {
+      type: Boolean,
+      default: true
     },
-    tooltipTrigger:{
-      type:String,
-      default:"axis"
+    tooltipTrigger: {
+      type: String,
+      default: "axis"
     },
     //区域缩放相关
-    dataZoomType:{
-      type:String,
-      default:"inside"
+    dataZoomType: {
+      type: String,
+      default: "inside"
     },
     //坐标轴相关
-    xAxisShow:{
-      type:Boolean,
-      default:true
+    xAxisShow: {
+      type: Boolean,
+      default: true
     },
-    xAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    xAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    yAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisLineShow:{
-      type:Boolean,
-      default:false
+    yAxisLineShow: {
+      type: Boolean,
+      default: false
     },
     //坐标系相关
-    gridTop:{
-      type:Number,
-      default:10
+    gridTop: {
+      type: [Number, String],
+      default: 10
     },
-    gridLeft:{
-      type:String,
-      default:'5%'
+    gridLeft: {
+      type: [Number, String],
+      default: "5%"
     },
-    gridRight:{
-      type:String,
-      default:'10%'
+    gridRight: {
+      type: [Number, String],
+      default: "10%"
     },
-    gridBottom:{
-      type:Number,
-      default:0
+    gridBottom: {
+      type: [Number, String],
+      default: 0
     },
     //单位相关
-    xUnit:{
-      type:String,
-      default:''
+    xUnit: {
+      type: String,
+      default: ""
     },
-    yUnit:{
-      type:String,
-      default:''
+    yUnit: {
+      type: String,
+      default: ""
     },
     //最值显示
-    markPoint:{
-      type:Boolean,
-      default:false
+    markPoint: {
+      type: Boolean,
+      default: false
     },
-    xList:{
-      type:Array,
-      default:()=>{
-        return []
+    xList: {
+      type: Array,
+      default: () => {
+        return [];
       }
     }
   },
-  data(){
-    return{
-      chart:null, //Echarts实例
-    }
+  data() {
+    return {
+      chart: null //Echarts实例
+    };
   },
-  watch:{
+  watch: {
     //监听到数据改变，重新加载echart数据
-    chartData(val){
-      this.removeChart('reset')
-      this.initData()
+    chartData(val) {
+      this.removeChart("reset");
+      this.initData();
     }
   },
-  mounted(){
-    this.init()
-    this.initData()
+  mounted() {
+    this.init();
+    this.initData();
   },
-  methods:{
+  methods: {
     //初始化
-    init(){
-      this.chart = echarts.init(this.$el)
+    init() {
+      this.chart = echarts.init(this.$el);
       //监听页面大小改变
-      window.addEventListener('resize', ()=>{
-        if(this.chart){
-          this.chart.resize()
+      window.addEventListener("resize", () => {
+        if (this.chart) {
+          this.chart.resize();
         }
-      })
+      });
     },
     //初始化数据
-    initData(){
-      if(!this.chart) return
-      const obj = JSON.parse(JSON.stringify(this.chartData))
-      const arr = []
-      if(obj.dataList && obj.dataList.length) {
+    initData() {
+      if (!this.chart) return;
+      const obj = JSON.parse(JSON.stringify(this.chartData));
+      const arr = [];
+      if (obj.dataList && obj.dataList.length) {
         obj.dataList.forEach((item, index) => {
           // 对echarts数据做处理
           item = {
             name: obj.nameList[index],
             data: item,
-            type: 'line'
-          }
+            type: "line"
+          };
           // 根据参数判断是否显示最值
           if (this.markPoint) {
             item.markPoint = {
               label: { show: true },
               data: [
-                { type: 'max', name: '最大值', label: '最大值' },
-                { type: 'min', name: '最小值', label: '最小值' }
+                { type: "max", name: "最大值", label: "最大值" },
+                { type: "min", name: "最小值", label: "最小值" }
               ]
-            }
+            };
             item.markLine = {
-              data: [
-                { type: 'average', name: '平均值' }
-              ]
-            }
+              data: [{ type: "average", name: "平均值" }]
+            };
           }
-          arr.push(item)
-        })
-        obj.dataList = arr
-        this.initChart(obj)
+          arr.push(item);
+        });
+        obj.dataList = arr;
+        this.initChart(obj);
       }
     },
     //初始化echarts
-    initChart(data){
+    initChart(data) {
       this.chart.setOption({
         color: ["#3398DB", "red"],
-        title:{
-          show:this.titleShow,
-          text:this.title,
-          left:this.titleX,
-          top:this.titleY,
-          textStyle:{
-            fontSize:this.titleSize
+        title: {
+          show: this.titleShow,
+          text: this.title,
+          left: this.titleX,
+          top: this.titleY,
+          textStyle: {
+            fontSize: this.titleSize
           }
         },
         //图例设置
-        legend:{
-          show:this.legendShow,
-          orient:this.legendOrient,
-          left:this.legendX,
-          top:this.legendY,
-          data:data.nameList
+        legend: {
+          show: this.legendShow,
+          orient: this.legendOrient,
+          left: this.legendX,
+          top: this.legendY,
+          data: data.nameList
         },
         //工具栏
-        toolbox:{
-          show:this.toolboxShow,
-          orient:this.toolboxOrient,
-          feature:{
-            saveAsImage:{show:true},
-            dataView:{show:true,readOnly:true}
+        toolbox: {
+          show: this.toolboxShow,
+          orient: this.toolboxOrient,
+          feature: {
+            saveAsImage: { show: true },
+            dataView: { show: true, readOnly: true }
           }
         },
         //提示框
         tooltip: {
-          show:this.tooltipShow,
+          show: this.tooltipShow,
           trigger: this.tooltipTrigger,
           axisPointer: {
             type: "line",
             crossStyle: {
               color: "#333"
             },
-            snap:true,
-            axis:'x'
-          },
+            snap: true,
+            axis: "x"
+          }
         },
         //区域缩放
-        dataZoom:[
+        dataZoom: [
           {
             type: this.dataZoomType
           }
         ],
-        grid:{
-          top:this.gridTop,
-          left:this.gridLeft,
-          right:this.gridRight,
-          bottom:this.gridBottom,
-          containLabel:true
+        grid: {
+          top: this.gridTop,
+          left: this.gridLeft,
+          right: this.gridRight,
+          bottom: this.gridBottom,
+          containLabel: true
         },
-        xAxis:{
-          show:this.xAxisShow,
-          type:'category',
-          name:this.xUnit,
-          nameTextStyle:{
-            fontSize:12
+        xAxis: {
+          show: this.xAxisShow,
+          type: "category",
+          name: this.xUnit,
+          nameTextStyle: {
+            fontSize: 12
           },
-          splitLine:{
-            show:this.xAxisSplitLineShow,
+          splitLine: {
+            show: this.xAxisSplitLineShow
           },
-          boundaryGap:false,
-          axisTick:{show:false}, //坐标轴刻度是否显示
-          data:this.xList
+          boundaryGap: false,
+          axisTick: { show: false }, //坐标轴刻度是否显示
+          data: this.xList
         },
-        yAxis:{
-          type:'value',
-          name:this.yUnit,
+        yAxis: {
+          type: "value",
+          name: this.yUnit,
           splitNumber: 2,
-          axisLine:{
-            show:this.yAxisLineShow
+          axisLine: {
+            show: this.yAxisLineShow
           },
-          splitLine:{
-            show:this.yAxisSplitLineShow
+          splitLine: {
+            show: this.yAxisSplitLineShow
+          },
+          axisLabel: {
+            color: "#3398DB"
           }
         },
-        series:data.dataList
-      })
+        series: data.dataList
+      });
     },
     //注销echarts
-    removeChart(type){
-      if(!this.chart) return
-      this.chart.dispose() // 销毁echarts
-      this.chart = null
-      if(type === 'reset'){
-        this.init()
+    removeChart(type) {
+      if (!this.chart) return;
+      this.chart.dispose(); // 销毁echarts
+      this.chart = null;
+      if (type === "reset") {
+        this.init();
       }
     }
   },
-  beforeDestroy(){
-    this.removeChart()
+  beforeDestroy() {
+    this.removeChart();
   }
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 47a77a9..c3e855d 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -489,42 +489,6 @@
 .avatar-uploader .el-upload:hover {
   border-color: #409eff;
 }
-/****treeselect样式重置****/
-/deep/ .vue-treeselect {
-  .vue-treeselect__control {
-    padding-left: 10px;
-    border: 1px solid var(--selecthover);
-    background-color: transparent;
-  }
-  .vue-treeselect__single-value {
-    color: var(--white);
-  }
-  .vue-treeselect__menu {
-    color: var(--white);
-    z-index: 99999;
-    background-color: var(--shouselect);
-    border: 1px solid var(--selecthover);
-  }
-  .vue-treeselect__menu-container {
-    z-index: 99999;
-  }
-  .vue-treeselect__option--highlight {
-    background: var(--selecthover);
-  }
-  .vue-treeselect__checkbox--checked {
-    border-color: #039be5;
-    background: #000;
-  }
-}
-/deep/
-  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
-  .vue-treeselect__control:hover {
-  border: 1px solid var(--selecthover);
-}
-/deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: var(--white) !important;
-  background: var(--selecthover);
-}
 /****级联样式重置****/
 /deep/ .el-cascader {
   width: 100%;
diff --git a/src/components/configure/RtuConfig.vue b/src/components/configure/RtuConfig.vue
deleted file mode 100644
index d52244a..0000000
--- a/src/components/configure/RtuConfig.vue
+++ /dev/null
@@ -1,1032 +0,0 @@
-<template>
-  <div class="content">
-    <div
-      v-if="formAll && formAllBody && formAllBody.length"
-      style="text-align:left;padding:10px"
-    >
-      <el-select v-model="querySite" @change="selectChange">
-        <el-option
-          v-for="item in querySiteList"
-          :key="item"
-          :label="item"
-          :value="item"
-        >
-          <span style="float: left">{{ item }}</span>
-        </el-option>
-      </el-select>
-      <el-button type="primary" @click="echoClick">
-        回显
-      </el-button>
-      <el-button type="primary" @click="temStorage">
-        暂存
-      </el-button>
-      <el-button type="primary" @click="temStorageEcho">
-        暂存回显
-      </el-button>
-      <el-button type="primary" @click="sunmitAll">
-        提交
-      </el-button>
-    </div>
-    <div id="navMenuContent">
-      <el-menu
-        :default-active="activeIndex"
-        class="el-menu-demo"
-        mode="horizontal"
-        @select="handleSelect"
-        type="border-card"
-      >
-        <el-menu-item
-          v-for="(item, index) in siteNameList"
-          :index="`${index}`"
-          :key="index"
-          >{{ item }}</el-menu-item
-        >
-      </el-menu>
-    </div>
-    <div class="switchContent">
-      <div v-if="formAll && formAllBody && formAllBody.length">
-        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
-          <el-form
-            v-show="formItem[`form${formItemIndex + 1}Show`]"
-            :model="formItem[`form${formItemIndex + 1}`]"
-            :rules="rules"
-            ref="form"
-            class="demo-ruleForm"
-            label-position="right"
-            label-width="130px"
-            size="mini"
-          >
-            <!-- {{`form${index+1}`}} -->
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              class="rowClass"
-            >
-              <el-col :span="6" v-if="i.name" class="subTitle">{{
-                i.name
-              }}</el-col>
-              <el-col
-                :span="6"
-                v-for="(item, index) in i.data"
-                :key="index"
-                style="position:relative"
-              >
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 1"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 2"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                  >
-                    <el-option
-                      v-for="item in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="item.value"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 3"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input form-switch"
-                >
-                  <el-switch
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    active-color="#13ce66"
-                    inactive-color="#ff4949"
-                  ></el-switch>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 5"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <div
-                  v-if="parseInt(item.fieldType) === 4"
-                  class="input-switch-div"
-                >
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${0}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${0}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${1}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${1}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${2}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${2}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${3}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${3}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${4}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${4}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${5}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${5}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${6}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${6}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${7}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${7}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                </div>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 6"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    multiple
-                    collapse-tags
-                  >
-                    <el-option
-                      v-for="(item, index) in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="index"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      querySite: "",
-      rtuCode: "",
-      querySiteList: [],
-      siteNameList: [
-        "遥测站设置",
-        "中心站设置",
-        "传感器型号选择",
-        "气象传感通信设置",
-        "工业相机设置",
-        "水文传感通信",
-        "从机设置",
-        "数据滤波",
-        "水位计",
-        "雨量计",
-        "流量计",
-        "蒸发皿",
-        "土壤沉降仪",
-        "4-20mA设置",
-        "其他设置"
-      ],
-      formAll: [],
-      // siteNameList:[],
-      formAllBody: [],
-      activeIndex: "0",
-      rules: {}
-    };
-  },
-  mounted() {},
-  methods: {
-    echoClick() {
-      this.formAll = [];
-      this.activeIndex = "0";
-      this.initPage(this.querySite);
-      // this.handleSelect(0)
-      // console.log(this.activeIndex)
-    },
-    temStorageEcho() {
-      // this.activeIndex = '0'
-      if (localStorage.getItem(name)) {
-        this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: "暂存回显成功", type: "success" });
-      } else {
-        this.$message({ message: "无暂存内容", type: "warning" });
-      }
-      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
-    },
-    temStorage() {
-      try {
-        localStorage.setItem(name, JSON.stringify(this.formAll));
-        this.$message({ message: `保存成功`, type: "success" });
-      } catch (err) {
-        this.$message({ message: err, type: "warning" });
-      }
-      // localStorage.getItem(name);
-      // console.log(sessionStorage.getItem(name),111)
-    },
-    sunmitAll() {
-      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
-      var successCount = 0;
-      var successFlag = false;
-      for (var i = 0; i < 15; i++) {
-        this.$refs["form"][i].validate(valid => {
-          if (valid) {
-            successCount++;
-          } else {
-            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
-            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
-            // this.$notify({
-            //   title: '警告',
-            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
-            //   type: 'warning'
-            // });
-            successFlag = true;
-            // return false;
-          }
-        });
-        // if(successFlag){
-        //   return false
-        // }
-      }
-      if (successCount === this.siteNameList.length) {
-        this.$message({ message: "表单全部校验成功", type: "success" });
-      } else {
-        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
-      }
-      // 组装数据需要的属性，暂时是死值，也可以循环出来
-      const parmas = {
-        data: {
-          rtuCode: this.rtuCode,
-          rtuTelemeteringStationSetting: this.formAll[0].form1,
-          rtuCentreSetting: this.formAll[1].form2,
-          rtuSenseTypeSetting: this.formAll[2].form3,
-          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
-          rtuIndustrialCameraSetting: this.formAll[4].form5,
-          rtuHydrologicSensingCommunication: this.formAll[5].form6,
-          rtuSlaveSetting: this.formAll[6].form7,
-          rtuDataFilter: this.formAll[7].form8,
-          rtuWaterLevelSetting: this.formAll[8].form9,
-          rtuRainSetting: this.formAll[9].form10,
-          rtuFlowmeterSetting: this.formAll[10].form11,
-          rtuEvaporatingDishSetting: this.formAll[11].form12,
-          rtuSoilSettler: this.formAll[12].form13,
-          rtu4To20Setting: this.formAll[13].form14,
-          rtuOtherSetting: this.formAll[14].form15
-        }
-      };
-      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
-      function dealInputSwitch(
-        str = "rtushuiwen_shangqingarrInt",
-        strBool = "rtushuiwen_shangqingarrboolean"
-      ) {
-        var form6Input = [];
-        var form6Switch = [];
-        var strTarget = "rtuHydrologicSensingCommunication";
-        for (let i = 0; i < 8; i++) {
-          var hasInput = parmas.data[strTarget].hasOwnProperty(
-            `${str}input${i}`
-          );
-          if (hasInput) {
-            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
-          } else {
-            form6Input[i] = null;
-          }
-          parmas.data[strTarget][str] = form6Input;
-          delete parmas.data[strTarget][`${str}input${i}`];
-          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
-            `${str}switch${i}`
-          );
-          if (hasSwitch) {
-            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
-          } else {
-            form6Switch[i] = false;
-          }
-          parmas.data[strTarget][strBool] = form6Switch;
-          delete parmas.data[strTarget][`${str}switch${i}`];
-        }
-      }
-      dealInputSwitch(
-        "rtushuiwen_shangqingarrInt",
-        "rtushuiwen_shangqingarrboolean"
-      );
-      dealInputSwitch(
-        "rtushuiwen_chenjiangarrInt",
-        "rtushuiwen_chenjiangarrboolean"
-      );
-      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
-      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ].sort((item1, item2) => item1 - item2);
-      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ].sort((item1, item2) => item1 - item2);
-      let rtuAddUpTimesNew = [];
-      let rtucamera_jiabaoNew = [];
-      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
-      for (var i = 0; i < 24; i++) {
-        rtuAddUpTimesNew.push(0);
-        rtucamera_jiabaoNew.push(0);
-      }
-      rtuAddUpTimes.forEach((item, index) => {
-        rtuAddUpTimesNew[item] = 1;
-      });
-      rtucamera_jiabao.forEach((item, index) => {
-        rtucamera_jiabaoNew[item] = 1;
-      });
-      parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ] = rtuAddUpTimesNew;
-      parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ] = rtucamera_jiabaoNew;
-      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-      //   // console.log(res,'rTUSettingServiceUpdate')
-      //   this.echoClick()
-      // })
-      // console.log(parmas,'form6Inputform6Input')
-      // this.formAll=[]
-      // this.initPage(this.querySiteList[1])
-    },
-    creatListTest(arr) {
-      var arrList = arr.split(",");
-      // console.log(arrList,'arrrrrrrr')
-      let list = arrList.map((item, index) => {
-        let obj = {};
-        obj["code"] = index;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    creatList(arr) {
-      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
-      let list = arr.map((item, index) => {
-        let obj = {};
-        obj["code"] = index + 1;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    handleSelect(key) {
-      this.activeIndex = key;
-      // console.log(key)
-      for (var i = 0; i < 15; i++) {
-        if (key != i) {
-          this.formAll[i][`form${i + 1}Show`] = false;
-        } else {
-          this.formAll[i][`form${i + 1}Show`] = true;
-        }
-      }
-    },
-    selectChange(val) {
-      // console.log(val,'val')
-      this.echoClick(val);
-    },
-    async initPage(site) {
-      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
-      let resFirst = await this.$http.post(
-        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
-      );
-      let resData = resFirst.data.data;
-      let formArr = [
-        "rtuTelemeteringStationSetting",
-        "rtuCentreSetting",
-        "rtuSenseTypeSetting",
-        "rtuMeteorologicalSensingCommunicationSetting",
-        "rtuIndustrialCameraSetting",
-        "rtuHydrologicSensingCommunication",
-        "rtuSlaveSetting",
-        "rtuDataFilter",
-        "rtuWaterLevelSetting",
-        "rtuRainSetting",
-        "rtuFlowmeterSetting",
-        "rtuEvaporatingDishSetting",
-        "rtuSoilSettler",
-        "rtu4To20Setting",
-        "rtuOtherSetting"
-      ];
-      // console.log(this.formAll,'ressssss')
-      // this.formAll={}
-      this.rtuCode = resData.rtuCode;
-      for (let i = 1; i <= 15; i++) {
-        let obj = {};
-        // 水文传感里是第6个表单
-        if (i !== 6 && i !== 1 && i !== 5) {
-          obj[`form${i}`] = resData[formArr[i - 1]];
-        } else if (i === 1) {
-          var formObj = Object.assign(resData[formArr[i - 1]]);
-          var rtuAddUpTimesNew = [];
-          if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
-            return;
-          }
-          formObj.rtuAddUpTimes.forEach((res, index) => {
-            if (res === 1) {
-              rtuAddUpTimesNew.push(index);
-            }
-          });
-          // form1Obj.hasOwnProperty('rtuAddUpTimes')
-          formObj.rtuAddUpTimes = rtuAddUpTimesNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 5) {
-          let formObj = Object.assign(resData[formArr[i - 1]]);
-          let rtucamera_jiabaoNew = [];
-          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
-            return;
-          }
-          formObj.rtucamera_jiabao.forEach((res, index) => {
-            if (res === 1) {
-              rtucamera_jiabaoNew.push(index);
-            }
-          });
-          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 6) {
-          var form6Obj = resData[formArr[i - 1]];
-          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
-          function creatInputSwitch(str, strBool) {
-            if (
-              form6Obj.hasOwnProperty(str) &&
-              form6Obj.hasOwnProperty(strBool)
-            ) {
-              for (let i = 0; i < 8; i++) {
-                form6Obj[`${str}input${i}`] = form6Obj[str][i];
-                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
-              }
-              delete form6Obj[str];
-              delete form6Obj[strBool];
-            }
-          }
-          creatInputSwitch(
-            "rtushuiwen_shangqingarrInt",
-            "rtushuiwen_shangqingarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_chenjiangarrInt",
-            "rtushuiwen_chenjiangarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_zhaweiarrInt",
-            "rtushuiwen_zhaweiarrboolean"
-          );
-          obj[`form${i}`] = form6Obj;
-        }
-        if (i !== 1) {
-          obj[`form${i}Show`] = false;
-        } else {
-          obj[`form${i}Show`] = true;
-        }
-        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
-        this.formAll.push(obj);
-        // console.log(this.formAll,'this.formAll')
-      }
-    },
-    validatorAll(rule, value, callback, type, sug, alart) {
-      let typeLocal = type;
-      let sugLocal = sug;
-      let alartLocal = alart;
-      // 数字范围、数字长度、字符串长度、正则等
-      if (value && parseInt(typeLocal) === 1) {
-        // 数字范围
-        if (value !== undefined) {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        } else {
-          callback();
-        }
-      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
-        // 正则
-        let regExp = sugLocal.slice(1, -1);
-        let reg = new RegExp(regExp);
-        if (reg.test(value)) {
-          callback();
-        } else {
-          callback(new Error(alartLocal));
-        }
-      } else if (value && parseInt(typeLocal) === 3) {
-        if (sugLocal === undefined || sugLocal === "") {
-          // 下拉框 不显示错误信息
-          callback();
-        } else {
-          // console.log(value,sugLocal.indexOf(','),'value')
-          if (sugLocal.indexOf(",") !== -1) {
-            // 带，的是范围，不带则是固定长度
-            let sug1 = parseInt(sugLocal.split(",")[0]);
-            let sug2 = parseInt(sugLocal.split(",")[1]);
-            if (value.length >= sug1 && value.length <= sug2) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          } else if (sugLocal.indexOf(",") === -1) {
-            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
-            if (value.length === parseInt(sugLocal)) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 4) {
-        if (sugLocal === undefined || sugLocal === "") {
-          callback();
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 5) {
-        // console.log(value,'value')
-        if (typeof value !== "number") {
-          callback(new Error("请输入纯数字"));
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else {
-        callback();
-      }
-    },
-    formControl() {
-      function uniq(array) {
-        var temp = []; //一个新的临时数组
-        for (var i = 0; i < array.length; i++) {
-          if (temp.indexOf(array[i]) == -1) {
-            temp.push(array[i]);
-          }
-        }
-        return temp;
-      }
-      // 生成表单控件的接口
-      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
-        var dataRes = res.data.data;
-        // console.log(dataRes,'dataRes')
-        for (var i in dataRes) {
-          if (dataRes[i].length !== 0) {
-            dataRes[i].forEach((item, index, arr) => {
-              this.rules[item.fieldIdentifier] = [
-                {
-                  validator: (rule, value, callback) => {
-                    this.validatorAll(
-                      rule,
-                      value,
-                      callback,
-                      item.validatorType,
-                      item.validatorRules,
-                      item.validatorErrorText
-                    );
-                  },
-                  trigger: "change"
-                }
-              ];
-            });
-            let sub_titleList = dataRes[i].map(item => {
-              return item.subTitle;
-            });
-            var newObj = [];
-            // 根据小标题去重
-            uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [] };
-              var data = dataRes[i].forEach(l => {
-                if (
-                  l.subTitle === item &&
-                  l.subTitle !== "" &&
-                  l.subTitle !== undefined
-                ) {
-                  obj.data.push(l);
-                } else if (l.subTitle === "" || l.subTitle === undefined) {
-                  obj.data.push(l);
-                }
-              });
-              if (obj.name === undefined) {
-                return;
-              }
-              // obj.data= data 将后台数据生成带有小标题的
-              newObj.push(obj);
-            });
-            this.$set(this.formAllBody, i, newObj);
-          }
-        }
-      });
-    },
-    async getSiteList() {
-      await this.$http
-        .post(this.nozzle.rTUSettingServiceQueryList)
-        .then(res => {
-          // console.log(res.data.data,'resss')
-          this.querySiteList = res.data.data;
-        });
-    }
-  },
-  created() {
-    this.getSiteList().then(res => {
-      this.initPage(this.querySiteList[0]);
-    });
-    this.formControl();
-  }
-  // beforeRouteLeave (to, from, next) {
-  //   // 导航离开该组件的对应路由时调用
-  //   // 可以访问组件实例 `this`
-  //   this.$confirm("请检查是否需要暂存！", "提示", {
-  //     confirmButtonText: "已暂存",
-  //     cancelButtonText: "取消",
-  //     type: "warning"
-  //   }).then(res=>{ next() }).catch(() => {});
-  // }
-};
-</script>
-<style lang="scss" scoped>
-.content {
-  width: 100% !important;
-  height: 100% !important;
-  #navMenuContent {
-    /* height: calc(100% - 20px);
-      width: calc(100% - 20px);
-      float: left;
-      border: 1px solid aqua;
-      box-sizing: border-box;
-      margin: 10px;
-      position: relative; */
-    width: 100%;
-    /* background-color: #fff; */
-  }
-  .switchContent {
-    // color: rgb(99, 96, 96);
-    color: red;
-    /* background-color: #fff; */
-    /* background-color: #fff; */
-    // color: white !important;
-
-    padding: 2%;
-    /deep/ .el-form {
-      .el-col {
-        height: 51px !important;
-        .el-form-item {
-          margin: 11px 0 11px 0 !important;
-          .el-form-item__label {
-            // text-align: right;
-            width: 130px;
-            text-align: right !important;
-            color: var(--white) !important;
-          }
-          .el-form-item__content {
-            .el-select {
-              width: 100% !important;
-              .el-input .el-input__inner {
-                width: 100% !important;
-              }
-            }
-            .el-input {
-              width: 100% !important;
-              .el-input__inner {
-                width: 100% !important;
-                color: var(--white) !important;
-              }
-            }
-
-            i {
-              color: var(--white);
-              font-style: normal !important;
-              padding-right: 5px !important;
-            }
-            //
-          }
-        }
-        // input的单位，i图标
-        // .el-form-item__content i{
-        //   color: var(--white);
-        //   font-style:normal !important;
-        //   padding-right: 5px !important;
-        // }
-        // 普通input框100，select框也100
-        // .el-form-item.el-form-item-input{
-        //   // margin:11px 0 11px 0 !important;
-        //   .el-form-item__content{
-        //     // .el-select, .el-input{
-        //     //   width: 100%;
-        //     // }
-        //     .el-input__inner{
-        //       // width: 100%;
-        //     }
-        //   }
-        // }
-        // 小标题
-        &.subTitle {
-          /* height:40px!important; */
-          line-height: 51px !important;
-          color: var(--diatitle);
-          /* margin-top: 11px; */
-        }
-
-        // 普通switch框，左180，右居中
-        .el-form-item.el-form-item-input.form-switch .el-form-item__label {
-          width: 180px !important;
-        }
-        .el-form-item.el-form-item-input.form-switch .el-form-item__content {
-          // width: 100% !important;
-          text-align: center !important;
-          margin-left: 180px !important;
-        }
-
-        .input-switch-div {
-          position: absolute !important;
-          left: 0 !important;
-          top: 0 !important;
-          width: 1000px !important;
-          display: flex !important;
-          // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
-          .el-form-item-input.input-switch .el-form-item__content {
-            margin-left: 0 !important;
-          }
-          .el-form-item-input.input-switch .el-form-item-input {
-            /* display: flex; */
-            margin: initial !important;
-          }
-          .el-form-item .el-form-item__content .el-input .el-input__inner {
-            width: 66px !important;
-          }
-        }
-      }
-    }
-  }
-  // /deep/.el-menu-item{
-  //   background-color: #fff !important;
-  // }
-  /deep/ .el-menu.el-menu-demo.el-menu--horizontal {
-    border-bottom: initial !important;
-    background-color: initial !important;
-    li.el-menu-item {
-      background-image: initial !important;
-      background-color: #fff !important;
-    }
-    .el-menu-item.is-active {
-      // background-color: var(--dialogtitle)!important;
-      // background-color: #fff !important;
-    }
-    .el-menu-item:hover {
-      background-color: #fff !important;
-    }
-  }
-  // .el-menu--horizontal>.el-menu-item.is-active{
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item .is-active {
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item:hover {
-  //   background-color: #fff !important;
-  // }
-  // /deep/ .el-menu-item {
-  //   background-color: #fff!important;
-  // }
-}
-</style>
diff --git a/src/components/index.vue b/src/components/index.vue
index e859c51..2ac1f4a 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -87,7 +87,7 @@
             <el-submenu index="4" v-has="'m3'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置中心</span>
+                <span>报警预警</span>
               </template>
               <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
@@ -103,14 +103,11 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
-                >RTU配置</el-menu-item
-              >
             </el-submenu>
             <el-submenu index="13" v-has="'m11'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置管理</span>
+                <span>项目及站点配置</span>
               </template>
               <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
@@ -126,6 +123,9 @@
               <el-menu-item index="/ConfigManager/factor" v-has="'m11-4'"
                 >因子管理</el-menu-item
               >
+              <el-menu-item index="/ConfigManager/RtuConfig" v-has="'m11-5'"
+                >RTU配置</el-menu-item
+              >
             </el-submenu>
             <el-submenu index="5" v-has="'m4'">
               <template slot="title">
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index bdc1504..909d7ca 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -451,13 +451,13 @@
         });
     },
     // 根据平台渲染站点统计
-    loadSiteNumForOroject(platform) {
+    loadSiteNumForOroject() {
       this.$http
-        .post(this.nozzle.sysPlatformGetSiteCountAndState, {
-          data: { platform: this.ChecksplatformCode }
+        .post(this.nozzle.getSiteNum, {
+          data: { platform: this.ChecksplatformCode, type: "" }
         })
         .then(response => {
-          if (response.data.code === 200) {
+          if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
             this.Site.SOn = this.Site.EOn;
@@ -466,9 +466,9 @@
             this.Project.SOn = this.Project.EOn;
             this.Project.SOff = this.Project.EOff;
             // 将新数据设置成数字滚动的结束值 也就是展示值
-            this.Site.EAll = response.data.data.sitecount;
-            this.Site.EOn = response.data.data.onlinecount;
-            this.Site.EOff = response.data.data.offlinecount;
+            this.Site.EAll = response.data.data.all;
+            this.Site.EOn = response.data.data.online;
+            this.Site.EOff = response.data.data.offline;
             // this.Project.EAll = response.data.data.projectcount;
             // this.Project.EOn = response.data.data.completed;
             // this.Project.EOff = response.data.data.noncompleted;
@@ -615,7 +615,11 @@
     ListClick(index) {
       this.ChecksplatformCode = this.ProjectList[index]["groupNo"];
       // 限制数组的长度不超过10个
-      if (this.historyList.length > 10) {
+      // console.log(this.historyList.length);
+      // console.log(this.ProjectList[index]["groupName"]);
+      var gname = this.ProjectList[index]["groupName"];
+      if (this.historyList.length >= 10 && this.historyList.includes(gname)) {
+      } else if (this.historyList.length >= 10) {
         this.historyList.pop();
       }
       this.historyList = this.selectTag(
@@ -1291,6 +1295,7 @@
   width: 100%;
   height: calc(100% - 40px);
   background: var(--preSiteCentent);
+  overflow: hidden;
 }
 .previewOfSiteStatusCentent .previewButton {
   padding-top: 0.2rem;

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }
diff --git a/src/components/common/PageChart/line/index.vue b/src/components/common/PageChart/line/index.vue
index e750aee..83d7ccb 100644
--- a/src/components/common/PageChart/line/index.vue
+++ b/src/components/common/PageChart/line/index.vue
@@ -3,306 +3,307 @@
 </template>
 
 <script>
-let echarts = require('echarts/lib/echarts')
+let echarts = require("echarts/lib/echarts");
 // 引入折线图等组件
-require('echarts/lib/chart/line')
+require("echarts/lib/chart/line");
 // // 引入提示框和title组件，图例
-require('echarts/lib/component/toolbox')
-require('echarts/lib/component/title')
-require('echarts/lib/component/legend')
-require('echarts/lib/component/grid')
-require('echarts/lib/component/dataZoom')
-require('echarts/lib/component/tooltip')
-export default{
-  name:'ChartLine',
-  props:{
-    width:{
-      type:String,
-      default:'100%'
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/tooltip");
+export default {
+  name: "ChartLine",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
     },
-    height:{
-      type:String,
-      default:'400px'
+    height: {
+      type: String,
+      default: "400px"
     },
-    chartData:{
-      type:Object,
-      default:()=>{
-        return {}
+    chartData: {
+      type: Object,
+      default: () => {
+        return {};
       }
     },
     //标题
-    title:{
-      type:String,
-      default:''
+    title: {
+      type: String,
+      default: ""
     },
-    titleSize:{
-      type:Number,
-      default:16
+    titleSize: {
+      type: Number,
+      default: 16
     },
-    titleX:{
-      type:String,
-      default:'center'
+    titleX: {
+      type: String,
+      default: "center"
     },
-    titleY:{
-      type:String,
-      default:'3%'
+    titleY: {
+      type: String,
+      default: "3%"
     },
-    titleShow:{
-      type:Boolean,
-      default:true
+    titleShow: {
+      type: Boolean,
+      default: true
     },
     //图例相关
-    legendShow:{
-      type:Boolean,
-      default:true
+    legendShow: {
+      type: Boolean,
+      default: true
     },
-    legendOrient:{
-      type:String,
-      default:'horizontal'
+    legendOrient: {
+      type: String,
+      default: "horizontal"
     },
-    legendX:{
-      type:String,
-      default:'center'
+    legendX: {
+      type: String,
+      default: "center"
     },
-    legendY:{
-      type:String,
-      default:'bottom'
+    legendY: {
+      type: String,
+      default: "bottom"
     },
     //工具栏相关
-    toolboxShow:{
-      type:Boolean,
-      default:false
+    toolboxShow: {
+      type: Boolean,
+      default: false
     },
-    toolboxOrient:{
-      type:String,
-      default:'horizontal'
+    toolboxOrient: {
+      type: String,
+      default: "horizontal"
     },
     //提示框相关
-    tooltipShow:{
-      type:Boolean,
-      default:true
+    tooltipShow: {
+      type: Boolean,
+      default: true
     },
-    tooltipTrigger:{
-      type:String,
-      default:"axis"
+    tooltipTrigger: {
+      type: String,
+      default: "axis"
     },
     //区域缩放相关
-    dataZoomType:{
-      type:String,
-      default:"inside"
+    dataZoomType: {
+      type: String,
+      default: "inside"
     },
     //坐标轴相关
-    xAxisShow:{
-      type:Boolean,
-      default:true
+    xAxisShow: {
+      type: Boolean,
+      default: true
     },
-    xAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    xAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    yAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisLineShow:{
-      type:Boolean,
-      default:false
+    yAxisLineShow: {
+      type: Boolean,
+      default: false
     },
     //坐标系相关
-    gridTop:{
-      type:Number,
-      default:10
+    gridTop: {
+      type: [Number, String],
+      default: 10
     },
-    gridLeft:{
-      type:String,
-      default:'5%'
+    gridLeft: {
+      type: [Number, String],
+      default: "5%"
     },
-    gridRight:{
-      type:String,
-      default:'10%'
+    gridRight: {
+      type: [Number, String],
+      default: "10%"
     },
-    gridBottom:{
-      type:Number,
-      default:0
+    gridBottom: {
+      type: [Number, String],
+      default: 0
     },
     //单位相关
-    xUnit:{
-      type:String,
-      default:''
+    xUnit: {
+      type: String,
+      default: ""
     },
-    yUnit:{
-      type:String,
-      default:''
+    yUnit: {
+      type: String,
+      default: ""
     },
     //最值显示
-    markPoint:{
-      type:Boolean,
-      default:false
+    markPoint: {
+      type: Boolean,
+      default: false
     },
-    xList:{
-      type:Array,
-      default:()=>{
-        return []
+    xList: {
+      type: Array,
+      default: () => {
+        return [];
       }
     }
   },
-  data(){
-    return{
-      chart:null, //Echarts实例
-    }
+  data() {
+    return {
+      chart: null //Echarts实例
+    };
   },
-  watch:{
+  watch: {
     //监听到数据改变，重新加载echart数据
-    chartData(val){
-      this.removeChart('reset')
-      this.initData()
+    chartData(val) {
+      this.removeChart("reset");
+      this.initData();
     }
   },
-  mounted(){
-    this.init()
-    this.initData()
+  mounted() {
+    this.init();
+    this.initData();
   },
-  methods:{
+  methods: {
     //初始化
-    init(){
-      this.chart = echarts.init(this.$el)
+    init() {
+      this.chart = echarts.init(this.$el);
       //监听页面大小改变
-      window.addEventListener('resize', ()=>{
-        if(this.chart){
-          this.chart.resize()
+      window.addEventListener("resize", () => {
+        if (this.chart) {
+          this.chart.resize();
         }
-      })
+      });
     },
     //初始化数据
-    initData(){
-      if(!this.chart) return
-      const obj = JSON.parse(JSON.stringify(this.chartData))
-      const arr = []
-      if(obj.dataList && obj.dataList.length) {
+    initData() {
+      if (!this.chart) return;
+      const obj = JSON.parse(JSON.stringify(this.chartData));
+      const arr = [];
+      if (obj.dataList && obj.dataList.length) {
         obj.dataList.forEach((item, index) => {
           // 对echarts数据做处理
           item = {
             name: obj.nameList[index],
             data: item,
-            type: 'line'
-          }
+            type: "line"
+          };
           // 根据参数判断是否显示最值
           if (this.markPoint) {
             item.markPoint = {
               label: { show: true },
               data: [
-                { type: 'max', name: '最大值', label: '最大值' },
-                { type: 'min', name: '最小值', label: '最小值' }
+                { type: "max", name: "最大值", label: "最大值" },
+                { type: "min", name: "最小值", label: "最小值" }
               ]
-            }
+            };
             item.markLine = {
-              data: [
-                { type: 'average', name: '平均值' }
-              ]
-            }
+              data: [{ type: "average", name: "平均值" }]
+            };
           }
-          arr.push(item)
-        })
-        obj.dataList = arr
-        this.initChart(obj)
+          arr.push(item);
+        });
+        obj.dataList = arr;
+        this.initChart(obj);
       }
     },
     //初始化echarts
-    initChart(data){
+    initChart(data) {
       this.chart.setOption({
         color: ["#3398DB", "red"],
-        title:{
-          show:this.titleShow,
-          text:this.title,
-          left:this.titleX,
-          top:this.titleY,
-          textStyle:{
-            fontSize:this.titleSize
+        title: {
+          show: this.titleShow,
+          text: this.title,
+          left: this.titleX,
+          top: this.titleY,
+          textStyle: {
+            fontSize: this.titleSize
           }
         },
         //图例设置
-        legend:{
-          show:this.legendShow,
-          orient:this.legendOrient,
-          left:this.legendX,
-          top:this.legendY,
-          data:data.nameList
+        legend: {
+          show: this.legendShow,
+          orient: this.legendOrient,
+          left: this.legendX,
+          top: this.legendY,
+          data: data.nameList
         },
         //工具栏
-        toolbox:{
-          show:this.toolboxShow,
-          orient:this.toolboxOrient,
-          feature:{
-            saveAsImage:{show:true},
-            dataView:{show:true,readOnly:true}
+        toolbox: {
+          show: this.toolboxShow,
+          orient: this.toolboxOrient,
+          feature: {
+            saveAsImage: { show: true },
+            dataView: { show: true, readOnly: true }
           }
         },
         //提示框
         tooltip: {
-          show:this.tooltipShow,
+          show: this.tooltipShow,
           trigger: this.tooltipTrigger,
           axisPointer: {
             type: "line",
             crossStyle: {
               color: "#333"
             },
-            snap:true,
-            axis:'x'
-          },
+            snap: true,
+            axis: "x"
+          }
         },
         //区域缩放
-        dataZoom:[
+        dataZoom: [
           {
             type: this.dataZoomType
           }
         ],
-        grid:{
-          top:this.gridTop,
-          left:this.gridLeft,
-          right:this.gridRight,
-          bottom:this.gridBottom,
-          containLabel:true
+        grid: {
+          top: this.gridTop,
+          left: this.gridLeft,
+          right: this.gridRight,
+          bottom: this.gridBottom,
+          containLabel: true
         },
-        xAxis:{
-          show:this.xAxisShow,
-          type:'category',
-          name:this.xUnit,
-          nameTextStyle:{
-            fontSize:12
+        xAxis: {
+          show: this.xAxisShow,
+          type: "category",
+          name: this.xUnit,
+          nameTextStyle: {
+            fontSize: 12
           },
-          splitLine:{
-            show:this.xAxisSplitLineShow,
+          splitLine: {
+            show: this.xAxisSplitLineShow
           },
-          boundaryGap:false,
-          axisTick:{show:false}, //坐标轴刻度是否显示
-          data:this.xList
+          boundaryGap: false,
+          axisTick: { show: false }, //坐标轴刻度是否显示
+          data: this.xList
         },
-        yAxis:{
-          type:'value',
-          name:this.yUnit,
+        yAxis: {
+          type: "value",
+          name: this.yUnit,
           splitNumber: 2,
-          axisLine:{
-            show:this.yAxisLineShow
+          axisLine: {
+            show: this.yAxisLineShow
           },
-          splitLine:{
-            show:this.yAxisSplitLineShow
+          splitLine: {
+            show: this.yAxisSplitLineShow
+          },
+          axisLabel: {
+            color: "#3398DB"
           }
         },
-        series:data.dataList
-      })
+        series: data.dataList
+      });
     },
     //注销echarts
-    removeChart(type){
-      if(!this.chart) return
-      this.chart.dispose() // 销毁echarts
-      this.chart = null
-      if(type === 'reset'){
-        this.init()
+    removeChart(type) {
+      if (!this.chart) return;
+      this.chart.dispose(); // 销毁echarts
+      this.chart = null;
+      if (type === "reset") {
+        this.init();
       }
     }
   },
-  beforeDestroy(){
-    this.removeChart()
+  beforeDestroy() {
+    this.removeChart();
   }
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 47a77a9..c3e855d 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -489,42 +489,6 @@
 .avatar-uploader .el-upload:hover {
   border-color: #409eff;
 }
-/****treeselect样式重置****/
-/deep/ .vue-treeselect {
-  .vue-treeselect__control {
-    padding-left: 10px;
-    border: 1px solid var(--selecthover);
-    background-color: transparent;
-  }
-  .vue-treeselect__single-value {
-    color: var(--white);
-  }
-  .vue-treeselect__menu {
-    color: var(--white);
-    z-index: 99999;
-    background-color: var(--shouselect);
-    border: 1px solid var(--selecthover);
-  }
-  .vue-treeselect__menu-container {
-    z-index: 99999;
-  }
-  .vue-treeselect__option--highlight {
-    background: var(--selecthover);
-  }
-  .vue-treeselect__checkbox--checked {
-    border-color: #039be5;
-    background: #000;
-  }
-}
-/deep/
-  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
-  .vue-treeselect__control:hover {
-  border: 1px solid var(--selecthover);
-}
-/deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: var(--white) !important;
-  background: var(--selecthover);
-}
 /****级联样式重置****/
 /deep/ .el-cascader {
   width: 100%;
diff --git a/src/components/configure/RtuConfig.vue b/src/components/configure/RtuConfig.vue
deleted file mode 100644
index d52244a..0000000
--- a/src/components/configure/RtuConfig.vue
+++ /dev/null
@@ -1,1032 +0,0 @@
-<template>
-  <div class="content">
-    <div
-      v-if="formAll && formAllBody && formAllBody.length"
-      style="text-align:left;padding:10px"
-    >
-      <el-select v-model="querySite" @change="selectChange">
-        <el-option
-          v-for="item in querySiteList"
-          :key="item"
-          :label="item"
-          :value="item"
-        >
-          <span style="float: left">{{ item }}</span>
-        </el-option>
-      </el-select>
-      <el-button type="primary" @click="echoClick">
-        回显
-      </el-button>
-      <el-button type="primary" @click="temStorage">
-        暂存
-      </el-button>
-      <el-button type="primary" @click="temStorageEcho">
-        暂存回显
-      </el-button>
-      <el-button type="primary" @click="sunmitAll">
-        提交
-      </el-button>
-    </div>
-    <div id="navMenuContent">
-      <el-menu
-        :default-active="activeIndex"
-        class="el-menu-demo"
-        mode="horizontal"
-        @select="handleSelect"
-        type="border-card"
-      >
-        <el-menu-item
-          v-for="(item, index) in siteNameList"
-          :index="`${index}`"
-          :key="index"
-          >{{ item }}</el-menu-item
-        >
-      </el-menu>
-    </div>
-    <div class="switchContent">
-      <div v-if="formAll && formAllBody && formAllBody.length">
-        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
-          <el-form
-            v-show="formItem[`form${formItemIndex + 1}Show`]"
-            :model="formItem[`form${formItemIndex + 1}`]"
-            :rules="rules"
-            ref="form"
-            class="demo-ruleForm"
-            label-position="right"
-            label-width="130px"
-            size="mini"
-          >
-            <!-- {{`form${index+1}`}} -->
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              class="rowClass"
-            >
-              <el-col :span="6" v-if="i.name" class="subTitle">{{
-                i.name
-              }}</el-col>
-              <el-col
-                :span="6"
-                v-for="(item, index) in i.data"
-                :key="index"
-                style="position:relative"
-              >
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 1"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 2"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                  >
-                    <el-option
-                      v-for="item in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="item.value"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 3"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input form-switch"
-                >
-                  <el-switch
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    active-color="#13ce66"
-                    inactive-color="#ff4949"
-                  ></el-switch>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 5"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <div
-                  v-if="parseInt(item.fieldType) === 4"
-                  class="input-switch-div"
-                >
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${0}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${0}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${1}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${1}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${2}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${2}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${3}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${3}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${4}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${4}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${5}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${5}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${6}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${6}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${7}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${7}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                </div>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 6"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    multiple
-                    collapse-tags
-                  >
-                    <el-option
-                      v-for="(item, index) in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="index"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      querySite: "",
-      rtuCode: "",
-      querySiteList: [],
-      siteNameList: [
-        "遥测站设置",
-        "中心站设置",
-        "传感器型号选择",
-        "气象传感通信设置",
-        "工业相机设置",
-        "水文传感通信",
-        "从机设置",
-        "数据滤波",
-        "水位计",
-        "雨量计",
-        "流量计",
-        "蒸发皿",
-        "土壤沉降仪",
-        "4-20mA设置",
-        "其他设置"
-      ],
-      formAll: [],
-      // siteNameList:[],
-      formAllBody: [],
-      activeIndex: "0",
-      rules: {}
-    };
-  },
-  mounted() {},
-  methods: {
-    echoClick() {
-      this.formAll = [];
-      this.activeIndex = "0";
-      this.initPage(this.querySite);
-      // this.handleSelect(0)
-      // console.log(this.activeIndex)
-    },
-    temStorageEcho() {
-      // this.activeIndex = '0'
-      if (localStorage.getItem(name)) {
-        this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: "暂存回显成功", type: "success" });
-      } else {
-        this.$message({ message: "无暂存内容", type: "warning" });
-      }
-      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
-    },
-    temStorage() {
-      try {
-        localStorage.setItem(name, JSON.stringify(this.formAll));
-        this.$message({ message: `保存成功`, type: "success" });
-      } catch (err) {
-        this.$message({ message: err, type: "warning" });
-      }
-      // localStorage.getItem(name);
-      // console.log(sessionStorage.getItem(name),111)
-    },
-    sunmitAll() {
-      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
-      var successCount = 0;
-      var successFlag = false;
-      for (var i = 0; i < 15; i++) {
-        this.$refs["form"][i].validate(valid => {
-          if (valid) {
-            successCount++;
-          } else {
-            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
-            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
-            // this.$notify({
-            //   title: '警告',
-            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
-            //   type: 'warning'
-            // });
-            successFlag = true;
-            // return false;
-          }
-        });
-        // if(successFlag){
-        //   return false
-        // }
-      }
-      if (successCount === this.siteNameList.length) {
-        this.$message({ message: "表单全部校验成功", type: "success" });
-      } else {
-        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
-      }
-      // 组装数据需要的属性，暂时是死值，也可以循环出来
-      const parmas = {
-        data: {
-          rtuCode: this.rtuCode,
-          rtuTelemeteringStationSetting: this.formAll[0].form1,
-          rtuCentreSetting: this.formAll[1].form2,
-          rtuSenseTypeSetting: this.formAll[2].form3,
-          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
-          rtuIndustrialCameraSetting: this.formAll[4].form5,
-          rtuHydrologicSensingCommunication: this.formAll[5].form6,
-          rtuSlaveSetting: this.formAll[6].form7,
-          rtuDataFilter: this.formAll[7].form8,
-          rtuWaterLevelSetting: this.formAll[8].form9,
-          rtuRainSetting: this.formAll[9].form10,
-          rtuFlowmeterSetting: this.formAll[10].form11,
-          rtuEvaporatingDishSetting: this.formAll[11].form12,
-          rtuSoilSettler: this.formAll[12].form13,
-          rtu4To20Setting: this.formAll[13].form14,
-          rtuOtherSetting: this.formAll[14].form15
-        }
-      };
-      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
-      function dealInputSwitch(
-        str = "rtushuiwen_shangqingarrInt",
-        strBool = "rtushuiwen_shangqingarrboolean"
-      ) {
-        var form6Input = [];
-        var form6Switch = [];
-        var strTarget = "rtuHydrologicSensingCommunication";
-        for (let i = 0; i < 8; i++) {
-          var hasInput = parmas.data[strTarget].hasOwnProperty(
-            `${str}input${i}`
-          );
-          if (hasInput) {
-            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
-          } else {
-            form6Input[i] = null;
-          }
-          parmas.data[strTarget][str] = form6Input;
-          delete parmas.data[strTarget][`${str}input${i}`];
-          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
-            `${str}switch${i}`
-          );
-          if (hasSwitch) {
-            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
-          } else {
-            form6Switch[i] = false;
-          }
-          parmas.data[strTarget][strBool] = form6Switch;
-          delete parmas.data[strTarget][`${str}switch${i}`];
-        }
-      }
-      dealInputSwitch(
-        "rtushuiwen_shangqingarrInt",
-        "rtushuiwen_shangqingarrboolean"
-      );
-      dealInputSwitch(
-        "rtushuiwen_chenjiangarrInt",
-        "rtushuiwen_chenjiangarrboolean"
-      );
-      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
-      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ].sort((item1, item2) => item1 - item2);
-      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ].sort((item1, item2) => item1 - item2);
-      let rtuAddUpTimesNew = [];
-      let rtucamera_jiabaoNew = [];
-      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
-      for (var i = 0; i < 24; i++) {
-        rtuAddUpTimesNew.push(0);
-        rtucamera_jiabaoNew.push(0);
-      }
-      rtuAddUpTimes.forEach((item, index) => {
-        rtuAddUpTimesNew[item] = 1;
-      });
-      rtucamera_jiabao.forEach((item, index) => {
-        rtucamera_jiabaoNew[item] = 1;
-      });
-      parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ] = rtuAddUpTimesNew;
-      parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ] = rtucamera_jiabaoNew;
-      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-      //   // console.log(res,'rTUSettingServiceUpdate')
-      //   this.echoClick()
-      // })
-      // console.log(parmas,'form6Inputform6Input')
-      // this.formAll=[]
-      // this.initPage(this.querySiteList[1])
-    },
-    creatListTest(arr) {
-      var arrList = arr.split(",");
-      // console.log(arrList,'arrrrrrrr')
-      let list = arrList.map((item, index) => {
-        let obj = {};
-        obj["code"] = index;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    creatList(arr) {
-      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
-      let list = arr.map((item, index) => {
-        let obj = {};
-        obj["code"] = index + 1;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    handleSelect(key) {
-      this.activeIndex = key;
-      // console.log(key)
-      for (var i = 0; i < 15; i++) {
-        if (key != i) {
-          this.formAll[i][`form${i + 1}Show`] = false;
-        } else {
-          this.formAll[i][`form${i + 1}Show`] = true;
-        }
-      }
-    },
-    selectChange(val) {
-      // console.log(val,'val')
-      this.echoClick(val);
-    },
-    async initPage(site) {
-      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
-      let resFirst = await this.$http.post(
-        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
-      );
-      let resData = resFirst.data.data;
-      let formArr = [
-        "rtuTelemeteringStationSetting",
-        "rtuCentreSetting",
-        "rtuSenseTypeSetting",
-        "rtuMeteorologicalSensingCommunicationSetting",
-        "rtuIndustrialCameraSetting",
-        "rtuHydrologicSensingCommunication",
-        "rtuSlaveSetting",
-        "rtuDataFilter",
-        "rtuWaterLevelSetting",
-        "rtuRainSetting",
-        "rtuFlowmeterSetting",
-        "rtuEvaporatingDishSetting",
-        "rtuSoilSettler",
-        "rtu4To20Setting",
-        "rtuOtherSetting"
-      ];
-      // console.log(this.formAll,'ressssss')
-      // this.formAll={}
-      this.rtuCode = resData.rtuCode;
-      for (let i = 1; i <= 15; i++) {
-        let obj = {};
-        // 水文传感里是第6个表单
-        if (i !== 6 && i !== 1 && i !== 5) {
-          obj[`form${i}`] = resData[formArr[i - 1]];
-        } else if (i === 1) {
-          var formObj = Object.assign(resData[formArr[i - 1]]);
-          var rtuAddUpTimesNew = [];
-          if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
-            return;
-          }
-          formObj.rtuAddUpTimes.forEach((res, index) => {
-            if (res === 1) {
-              rtuAddUpTimesNew.push(index);
-            }
-          });
-          // form1Obj.hasOwnProperty('rtuAddUpTimes')
-          formObj.rtuAddUpTimes = rtuAddUpTimesNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 5) {
-          let formObj = Object.assign(resData[formArr[i - 1]]);
-          let rtucamera_jiabaoNew = [];
-          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
-            return;
-          }
-          formObj.rtucamera_jiabao.forEach((res, index) => {
-            if (res === 1) {
-              rtucamera_jiabaoNew.push(index);
-            }
-          });
-          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 6) {
-          var form6Obj = resData[formArr[i - 1]];
-          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
-          function creatInputSwitch(str, strBool) {
-            if (
-              form6Obj.hasOwnProperty(str) &&
-              form6Obj.hasOwnProperty(strBool)
-            ) {
-              for (let i = 0; i < 8; i++) {
-                form6Obj[`${str}input${i}`] = form6Obj[str][i];
-                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
-              }
-              delete form6Obj[str];
-              delete form6Obj[strBool];
-            }
-          }
-          creatInputSwitch(
-            "rtushuiwen_shangqingarrInt",
-            "rtushuiwen_shangqingarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_chenjiangarrInt",
-            "rtushuiwen_chenjiangarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_zhaweiarrInt",
-            "rtushuiwen_zhaweiarrboolean"
-          );
-          obj[`form${i}`] = form6Obj;
-        }
-        if (i !== 1) {
-          obj[`form${i}Show`] = false;
-        } else {
-          obj[`form${i}Show`] = true;
-        }
-        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
-        this.formAll.push(obj);
-        // console.log(this.formAll,'this.formAll')
-      }
-    },
-    validatorAll(rule, value, callback, type, sug, alart) {
-      let typeLocal = type;
-      let sugLocal = sug;
-      let alartLocal = alart;
-      // 数字范围、数字长度、字符串长度、正则等
-      if (value && parseInt(typeLocal) === 1) {
-        // 数字范围
-        if (value !== undefined) {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        } else {
-          callback();
-        }
-      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
-        // 正则
-        let regExp = sugLocal.slice(1, -1);
-        let reg = new RegExp(regExp);
-        if (reg.test(value)) {
-          callback();
-        } else {
-          callback(new Error(alartLocal));
-        }
-      } else if (value && parseInt(typeLocal) === 3) {
-        if (sugLocal === undefined || sugLocal === "") {
-          // 下拉框 不显示错误信息
-          callback();
-        } else {
-          // console.log(value,sugLocal.indexOf(','),'value')
-          if (sugLocal.indexOf(",") !== -1) {
-            // 带，的是范围，不带则是固定长度
-            let sug1 = parseInt(sugLocal.split(",")[0]);
-            let sug2 = parseInt(sugLocal.split(",")[1]);
-            if (value.length >= sug1 && value.length <= sug2) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          } else if (sugLocal.indexOf(",") === -1) {
-            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
-            if (value.length === parseInt(sugLocal)) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 4) {
-        if (sugLocal === undefined || sugLocal === "") {
-          callback();
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 5) {
-        // console.log(value,'value')
-        if (typeof value !== "number") {
-          callback(new Error("请输入纯数字"));
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else {
-        callback();
-      }
-    },
-    formControl() {
-      function uniq(array) {
-        var temp = []; //一个新的临时数组
-        for (var i = 0; i < array.length; i++) {
-          if (temp.indexOf(array[i]) == -1) {
-            temp.push(array[i]);
-          }
-        }
-        return temp;
-      }
-      // 生成表单控件的接口
-      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
-        var dataRes = res.data.data;
-        // console.log(dataRes,'dataRes')
-        for (var i in dataRes) {
-          if (dataRes[i].length !== 0) {
-            dataRes[i].forEach((item, index, arr) => {
-              this.rules[item.fieldIdentifier] = [
-                {
-                  validator: (rule, value, callback) => {
-                    this.validatorAll(
-                      rule,
-                      value,
-                      callback,
-                      item.validatorType,
-                      item.validatorRules,
-                      item.validatorErrorText
-                    );
-                  },
-                  trigger: "change"
-                }
-              ];
-            });
-            let sub_titleList = dataRes[i].map(item => {
-              return item.subTitle;
-            });
-            var newObj = [];
-            // 根据小标题去重
-            uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [] };
-              var data = dataRes[i].forEach(l => {
-                if (
-                  l.subTitle === item &&
-                  l.subTitle !== "" &&
-                  l.subTitle !== undefined
-                ) {
-                  obj.data.push(l);
-                } else if (l.subTitle === "" || l.subTitle === undefined) {
-                  obj.data.push(l);
-                }
-              });
-              if (obj.name === undefined) {
-                return;
-              }
-              // obj.data= data 将后台数据生成带有小标题的
-              newObj.push(obj);
-            });
-            this.$set(this.formAllBody, i, newObj);
-          }
-        }
-      });
-    },
-    async getSiteList() {
-      await this.$http
-        .post(this.nozzle.rTUSettingServiceQueryList)
-        .then(res => {
-          // console.log(res.data.data,'resss')
-          this.querySiteList = res.data.data;
-        });
-    }
-  },
-  created() {
-    this.getSiteList().then(res => {
-      this.initPage(this.querySiteList[0]);
-    });
-    this.formControl();
-  }
-  // beforeRouteLeave (to, from, next) {
-  //   // 导航离开该组件的对应路由时调用
-  //   // 可以访问组件实例 `this`
-  //   this.$confirm("请检查是否需要暂存！", "提示", {
-  //     confirmButtonText: "已暂存",
-  //     cancelButtonText: "取消",
-  //     type: "warning"
-  //   }).then(res=>{ next() }).catch(() => {});
-  // }
-};
-</script>
-<style lang="scss" scoped>
-.content {
-  width: 100% !important;
-  height: 100% !important;
-  #navMenuContent {
-    /* height: calc(100% - 20px);
-      width: calc(100% - 20px);
-      float: left;
-      border: 1px solid aqua;
-      box-sizing: border-box;
-      margin: 10px;
-      position: relative; */
-    width: 100%;
-    /* background-color: #fff; */
-  }
-  .switchContent {
-    // color: rgb(99, 96, 96);
-    color: red;
-    /* background-color: #fff; */
-    /* background-color: #fff; */
-    // color: white !important;
-
-    padding: 2%;
-    /deep/ .el-form {
-      .el-col {
-        height: 51px !important;
-        .el-form-item {
-          margin: 11px 0 11px 0 !important;
-          .el-form-item__label {
-            // text-align: right;
-            width: 130px;
-            text-align: right !important;
-            color: var(--white) !important;
-          }
-          .el-form-item__content {
-            .el-select {
-              width: 100% !important;
-              .el-input .el-input__inner {
-                width: 100% !important;
-              }
-            }
-            .el-input {
-              width: 100% !important;
-              .el-input__inner {
-                width: 100% !important;
-                color: var(--white) !important;
-              }
-            }
-
-            i {
-              color: var(--white);
-              font-style: normal !important;
-              padding-right: 5px !important;
-            }
-            //
-          }
-        }
-        // input的单位，i图标
-        // .el-form-item__content i{
-        //   color: var(--white);
-        //   font-style:normal !important;
-        //   padding-right: 5px !important;
-        // }
-        // 普通input框100，select框也100
-        // .el-form-item.el-form-item-input{
-        //   // margin:11px 0 11px 0 !important;
-        //   .el-form-item__content{
-        //     // .el-select, .el-input{
-        //     //   width: 100%;
-        //     // }
-        //     .el-input__inner{
-        //       // width: 100%;
-        //     }
-        //   }
-        // }
-        // 小标题
-        &.subTitle {
-          /* height:40px!important; */
-          line-height: 51px !important;
-          color: var(--diatitle);
-          /* margin-top: 11px; */
-        }
-
-        // 普通switch框，左180，右居中
-        .el-form-item.el-form-item-input.form-switch .el-form-item__label {
-          width: 180px !important;
-        }
-        .el-form-item.el-form-item-input.form-switch .el-form-item__content {
-          // width: 100% !important;
-          text-align: center !important;
-          margin-left: 180px !important;
-        }
-
-        .input-switch-div {
-          position: absolute !important;
-          left: 0 !important;
-          top: 0 !important;
-          width: 1000px !important;
-          display: flex !important;
-          // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
-          .el-form-item-input.input-switch .el-form-item__content {
-            margin-left: 0 !important;
-          }
-          .el-form-item-input.input-switch .el-form-item-input {
-            /* display: flex; */
-            margin: initial !important;
-          }
-          .el-form-item .el-form-item__content .el-input .el-input__inner {
-            width: 66px !important;
-          }
-        }
-      }
-    }
-  }
-  // /deep/.el-menu-item{
-  //   background-color: #fff !important;
-  // }
-  /deep/ .el-menu.el-menu-demo.el-menu--horizontal {
-    border-bottom: initial !important;
-    background-color: initial !important;
-    li.el-menu-item {
-      background-image: initial !important;
-      background-color: #fff !important;
-    }
-    .el-menu-item.is-active {
-      // background-color: var(--dialogtitle)!important;
-      // background-color: #fff !important;
-    }
-    .el-menu-item:hover {
-      background-color: #fff !important;
-    }
-  }
-  // .el-menu--horizontal>.el-menu-item.is-active{
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item .is-active {
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item:hover {
-  //   background-color: #fff !important;
-  // }
-  // /deep/ .el-menu-item {
-  //   background-color: #fff!important;
-  // }
-}
-</style>
diff --git a/src/components/index.vue b/src/components/index.vue
index e859c51..2ac1f4a 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -87,7 +87,7 @@
             <el-submenu index="4" v-has="'m3'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置中心</span>
+                <span>报警预警</span>
               </template>
               <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
@@ -103,14 +103,11 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
-                >RTU配置</el-menu-item
-              >
             </el-submenu>
             <el-submenu index="13" v-has="'m11'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置管理</span>
+                <span>项目及站点配置</span>
               </template>
               <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
@@ -126,6 +123,9 @@
               <el-menu-item index="/ConfigManager/factor" v-has="'m11-4'"
                 >因子管理</el-menu-item
               >
+              <el-menu-item index="/ConfigManager/RtuConfig" v-has="'m11-5'"
+                >RTU配置</el-menu-item
+              >
             </el-submenu>
             <el-submenu index="5" v-has="'m4'">
               <template slot="title">
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index bdc1504..909d7ca 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -451,13 +451,13 @@
         });
     },
     // 根据平台渲染站点统计
-    loadSiteNumForOroject(platform) {
+    loadSiteNumForOroject() {
       this.$http
-        .post(this.nozzle.sysPlatformGetSiteCountAndState, {
-          data: { platform: this.ChecksplatformCode }
+        .post(this.nozzle.getSiteNum, {
+          data: { platform: this.ChecksplatformCode, type: "" }
         })
         .then(response => {
-          if (response.data.code === 200) {
+          if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
             this.Site.SOn = this.Site.EOn;
@@ -466,9 +466,9 @@
             this.Project.SOn = this.Project.EOn;
             this.Project.SOff = this.Project.EOff;
             // 将新数据设置成数字滚动的结束值 也就是展示值
-            this.Site.EAll = response.data.data.sitecount;
-            this.Site.EOn = response.data.data.onlinecount;
-            this.Site.EOff = response.data.data.offlinecount;
+            this.Site.EAll = response.data.data.all;
+            this.Site.EOn = response.data.data.online;
+            this.Site.EOff = response.data.data.offline;
             // this.Project.EAll = response.data.data.projectcount;
             // this.Project.EOn = response.data.data.completed;
             // this.Project.EOff = response.data.data.noncompleted;
@@ -615,7 +615,11 @@
     ListClick(index) {
       this.ChecksplatformCode = this.ProjectList[index]["groupNo"];
       // 限制数组的长度不超过10个
-      if (this.historyList.length > 10) {
+      // console.log(this.historyList.length);
+      // console.log(this.ProjectList[index]["groupName"]);
+      var gname = this.ProjectList[index]["groupName"];
+      if (this.historyList.length >= 10 && this.historyList.includes(gname)) {
+      } else if (this.historyList.length >= 10) {
         this.historyList.pop();
       }
       this.historyList = this.selectTag(
@@ -1291,6 +1295,7 @@
   width: 100%;
   height: calc(100% - 40px);
   background: var(--preSiteCentent);
+  overflow: hidden;
 }
 .previewOfSiteStatusCentent .previewButton {
   padding-top: 0.2rem;
diff --git a/src/components/sys/user.vue b/src/components/sys/user.vue
index 537ce78..d9a82d0 100644
--- a/src/components/sys/user.vue
+++ b/src/components/sys/user.vue
@@ -40,7 +40,7 @@
             <span v-else style="color: red">最高权限管理</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="180px">
+        <el-table-column label="操作" width="240px">
           <template slot-scope="scope">
             <el-button
               type="text"
@@ -49,20 +49,22 @@
               v-has="'m9-1-2'"
               >修改用户</el-button
             >
-            <el-button
-              type="text"
-              size="small"
-              @click="handleClick('delete', scope.row)"
-              v-has="'m9-1-3'"
-              >删除用户</el-button
-            >
-            <el-button
-              type="text"
-              size="small"
-              @click="handleClick('reset', scope.row)"
-              v-has="'m9-1-4'"
-              >重置密码</el-button
-            >
+            <template v-if="scope.row.userType !== 1">
+              <el-button
+                type="text"
+                size="small"
+                @click="handleClick('delete', scope.row)"
+                v-has="'m9-1-3'"
+                >删除用户</el-button
+              >
+              <el-button
+                type="text"
+                size="small"
+                @click="handleClick('reset', scope.row)"
+                v-has="'m9-1-4'"
+                >重置密码</el-button
+              >
+            </template>
           </template>
         </el-table-column>
       </el-table>
@@ -149,7 +151,6 @@
         data: {
           id: undefined,
           login: "",
-          pwd: "",
           realName: "", //用户名称
           userType: 0, //类型
           mobile: "", //电话

diff --git a/config/index.js b/config/index.js
index 7a41155..460d843 100644
--- a/config/index.js
+++ b/config/index.js
@@ -32,14 +32,14 @@
         }
       },
       "/groupApi": {
-        target: "http://192.168.16.199:8282", //陆展
+        target: "http://192.168.16.166:8282", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/groupApi": "" //需要rewrite重写的,
         }
       },
       "/projectApi": {
-        target: "http://192.168.16.199:7099", //陆展
+        target: "http://192.168.16.166:7099", //陆展
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/projectApi": "" //需要rewrite重写的,
@@ -69,8 +69,8 @@
       },
       "/IotPc": {
         // 物联网平台端信息汇总
-        // 'target': 'http://192.168.16.115:8288', // 接口域名
-        target: "http://132.232.115.20:8289", // 接口域名
+        'target': 'http://192.168.16.100:8861', // 接口域名
+        // target: "http://132.232.115.20:8289", // 接口域名
         changeOrigin: true, //是否跨域
         pathRewrite: {
           "^/IotPc": "" //需要rewrite重写的,
diff --git a/src/assets/css/skincolor.scss b/src/assets/css/skincolor.scss
index 154204c..ec2dc5b 100644
--- a/src/assets/css/skincolor.scss
+++ b/src/assets/css/skincolor.scss
@@ -460,3 +460,39 @@
 .el-tree-node:focus > .el-tree-node__content {
   background-color: #042d3c;
 }
+/****treeselect样式重置****/
+ .vue-treeselect {
+  .vue-treeselect__control {
+    padding-left: 10px;
+    border: 1px solid var(--selecthover) !important;
+    background-color: transparent;
+  }
+  .vue-treeselect__single-value {
+    color: var(--white);
+  }
+  .vue-treeselect__menu {
+    color: var(--white);
+    z-index: 99999;
+    background-color: var(--shouselect) !important;
+    border: 1px solid var(--selecthover) !important;
+  }
+  .vue-treeselect__menu-container {
+    z-index: 99999;
+  }
+  .vue-treeselect__option--highlight {
+    background: var(--selecthover) !important;
+  }
+  .vue-treeselect__checkbox--checked {
+    border-color: #039be5;
+    background: #000;
+  }
+}
+
+  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
+  .vue-treeselect__control:hover {
+  border: 1px solid var(--selecthover) !important;
+}
+ .vue-treeselect--single .vue-treeselect__option--selected {
+  color: var(--white) !important;
+  background: var(--selecthover) !important;
+}
diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
new file mode 100644
index 0000000..97f70bb
--- /dev/null
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -0,0 +1,1048 @@
+<template>
+  <div class="content">
+    <div
+      v-if="formAll && formAllBody && formAllBody.length"
+      style="text-align:left;padding:10px"
+    >
+      <el-select v-model="querySite" @change="selectChange">
+        <el-option
+          v-for="item in querySiteList"
+          :key="item"
+          :label="item"
+          :value="item"
+        >
+          <span style="float: left">{{ item }}</span>
+        </el-option>
+      </el-select>
+      <el-button type="primary" @click="echoClick">
+        回显
+      </el-button>
+      <el-button type="primary" @click="temStorage">
+        暂存
+      </el-button>
+      <el-button type="primary" @click="temStorageEcho">
+        暂存回显
+      </el-button>
+      <el-button type="primary" @click="sunmitAll">
+        提交
+      </el-button>
+    </div>
+    <div id="navMenuContent">
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        type="border-card"
+      >
+        <el-menu-item
+          v-for="(item, index) in siteNameList"
+          :index="`${index}`"
+          :key="index"
+          >{{ item }}</el-menu-item
+        >
+      </el-menu>
+    </div>
+    <div class="switchContent">
+      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
+          <el-form
+            v-show="formItem[`form${formItemIndex + 1}Show`]"
+            :model="formItem[`form${formItemIndex + 1}`]"
+            :rules="rules"
+            ref="form"
+            class="demo-ruleForm"
+            label-position="right"
+            label-width="130px"
+            size="mini"
+          >
+            <!-- {{`form${index+1}`}} -->
+            <el-row
+              v-for="(i, index) in formAllBody[formItemIndex + 1]"
+              :key="index"
+              class="rowClass"
+            >
+              <el-col :span="6" v-if="i.name" class="subTitle">{{
+                i.name
+              }}</el-col>
+              <el-col
+                :span="6"
+                v-for="(item, index) in i.data"
+                :key="index"
+                style="position:relative"
+              >
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 1"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 2"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                  >
+                    <el-option
+                      v-for="item in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="item.value"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier !=='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    @change="switchChange(item.fieldIdentifier)"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 3 && item.fieldIdentifier ==='rtuhour'"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input form-switch"
+                >
+                  <el-switch
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    :disabled="formAll[0].form1.rtuOutDtu"
+                  ></el-switch>
+                </el-form-item>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 5"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-input
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    ><i slot="suffix">{{ item.unit }}</i></el-input
+                  >
+                </el-form-item>
+                <div
+                  v-if="parseInt(item.fieldType) === 4"
+                  class="input-switch-div"
+                >
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${0}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${0}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${1}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${1}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${2}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${2}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${3}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${3}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${4}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1;"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${4}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${5}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${5}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${6}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${6}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                  <el-form-item
+                    :prop="item.fieldIdentifier"
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-input
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}input${7}`
+                        ]
+                      "
+                      :placeholder="item.validatorMark"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item
+                    class="el-form-item-input input-switch"
+                    style="flex:1"
+                  >
+                    <el-switch
+                      v-model="
+                        formItem[`form${formItemIndex + 1}`][
+                          `${item.fieldIdentifier}switch${7}`
+                        ]
+                      "
+                      active-color="#13ce66"
+                      inactive-color="#ff4949"
+                    ></el-switch>
+                  </el-form-item>
+                </div>
+                <el-form-item
+                  v-if="parseInt(item.fieldType) === 6"
+                  :label="item.fieldName"
+                  :prop="item.fieldIdentifier"
+                  class="el-form-item-input"
+                >
+                  <el-select
+                    v-model="
+                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                    "
+                    :placeholder="item.validatorMark"
+                    multiple
+                    collapse-tags
+                  >
+                    <el-option
+                      v-for="(item, index) in creatListTest(item.selectOption)"
+                      :key="item.code"
+                      :label="item.value"
+                      :value="index"
+                    >
+                      <span style="float: left">{{ item.value }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      querySite:'',
+      rtuCode:'',
+      querySiteList:[],
+      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
+      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
+      formAll:[],
+      // siteNameList:[],
+      formAllBody: [],
+      activeIndex: "0",
+      rules: {}
+    };
+  },
+  mounted() {},
+  methods: {
+    switchChange(val){
+      console.log(val,this.formAll[0].form1,'change')
+    },
+    switchClick(val){
+      console.log(val,'click')
+    },
+    echoClick() {
+      this.formAll = [];
+      this.activeIndex = "0";
+      this.initPage(this.querySite);
+      // this.handleSelect(0)
+      // console.log(this.activeIndex)
+    },
+    temStorageEcho() {
+      // this.activeIndex = '0'
+      if(localStorage.getItem(name)){
+        this.formAll = JSON.parse(localStorage.getItem(name));
+        this.$message({ message: '暂存回显成功', type: "success" });
+      } else{
+        this.$message({ message: '无暂存内容', type: "warning" });
+      }
+      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
+    },
+    temStorage() {
+      try {
+        localStorage.setItem(name, JSON.stringify(this.formAll));
+        this.$message({ message: `保存成功`, type: "success" });
+      } catch (err) {
+        this.$message({ message: err, type: "warning" });
+      }
+      // localStorage.getItem(name);
+      // console.log(sessionStorage.getItem(name),111)
+    },
+    sunmitAll() {
+      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
+      var successCount = 0;
+      var successFlag = false;
+      for (var i = 0; i < 15; i++) {
+        this.$refs["form"][i].validate(valid => {
+          if (valid) {
+            successCount++;
+          } else {
+            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
+            // this.$notify({
+            //   title: '警告',
+            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
+            //   type: 'warning'
+            // });
+            successFlag = true;
+            // return false;
+          }
+        });
+        // if(successFlag){
+        //   return false
+        // }
+      }
+      if (successCount === this.siteNameList.length) {
+        this.$message({ message: "表单全部校验成功", type: "success" });
+      } else {
+        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
+      }
+      // 组装数据需要的属性，暂时是死值，也可以循环出来
+      const parmas = {
+        data: {
+          rtuCode: this.rtuCode,
+          rtuTelemeteringStationSetting: this.formAll[0].form1,
+          rtuCentreSetting: this.formAll[1].form2,
+          rtuSenseTypeSetting: this.formAll[2].form3,
+          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
+          rtuIndustrialCameraSetting: this.formAll[4].form5,
+          rtuHydrologicSensingCommunication: this.formAll[5].form6,
+          rtuSlaveSetting: this.formAll[6].form7,
+          rtuDataFilter: this.formAll[7].form8,
+          rtuWaterLevelSetting: this.formAll[8].form9,
+          rtuRainSetting: this.formAll[9].form10,
+          rtuFlowmeterSetting: this.formAll[10].form11,
+          rtuEvaporatingDishSetting: this.formAll[11].form12,
+          rtuSoilSettler: this.formAll[12].form13,
+          rtu4To20Setting: this.formAll[13].form14,
+          rtuOtherSetting: this.formAll[14].form15
+        }
+      };
+      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
+      function dealInputSwitch(
+        str = "rtushuiwen_shangqingarrInt",
+        strBool = "rtushuiwen_shangqingarrboolean"
+      ) {
+        var form6Input = [];
+        var form6Switch = [];
+        var strTarget = "rtuHydrologicSensingCommunication";
+        for (let i = 0; i < 8; i++) {
+          var hasInput = parmas.data[strTarget].hasOwnProperty(
+            `${str}input${i}`
+          );
+          if (hasInput) {
+            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
+          } else {
+            form6Input[i] = null;
+          }
+          parmas.data[strTarget][str] = form6Input;
+          delete parmas.data[strTarget][`${str}input${i}`];
+          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
+            `${str}switch${i}`
+          );
+          if (hasSwitch) {
+            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
+          } else {
+            form6Switch[i] = false;
+          }
+          parmas.data[strTarget][strBool] = form6Switch;
+          delete parmas.data[strTarget][`${str}switch${i}`];
+        }
+      }
+      dealInputSwitch(
+        "rtushuiwen_shangqingarrInt",
+        "rtushuiwen_shangqingarrboolean"
+      );
+      dealInputSwitch(
+        "rtushuiwen_chenjiangarrInt",
+        "rtushuiwen_chenjiangarrboolean"
+      );
+      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
+      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ].sort((item1, item2) => item1 - item2);
+      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ].sort((item1, item2) => item1 - item2);
+      let rtuAddUpTimesNew = [];
+      let rtucamera_jiabaoNew = [];
+      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
+      for (var i = 0; i < 24; i++) {
+        rtuAddUpTimesNew.push(0);
+        rtucamera_jiabaoNew.push(0);
+      }
+      rtuAddUpTimes.forEach((item, index) => {
+        rtuAddUpTimesNew[item] = 1;
+      });
+      rtucamera_jiabao.forEach((item, index) => {
+        rtucamera_jiabaoNew[item] = 1;
+      });
+      parmas.data["rtuTelemeteringStationSetting"][
+        "rtuAddUpTimes"
+      ] = rtuAddUpTimesNew;
+      parmas.data["rtuIndustrialCameraSetting"][
+        "rtucamera_jiabao"
+      ] = rtucamera_jiabaoNew;
+      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
+      //   // console.log(res,'rTUSettingServiceUpdate')
+      //   this.echoClick()
+      // })
+      // console.log(parmas,'form6Inputform6Input')
+      // this.formAll=[]
+      // this.initPage(this.querySiteList[1])
+    },
+    creatListTest(arr) {
+      var arrList = arr.split(",");
+      // console.log(arrList,'arrrrrrrr')
+      let list = arrList.map((item, index) => {
+        let obj = {};
+        obj["code"] = index;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    creatList(arr) {
+      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
+      let list = arr.map((item, index) => {
+        let obj = {};
+        obj["code"] = index + 1;
+        obj["value"] = item;
+        return obj;
+      });
+      return list;
+    },
+    handleSelect(key) {
+      this.activeIndex = key;
+      // console.log(key)
+      for (var i = 0; i < 15; i++) {
+        if (key != i) {
+          this.formAll[i][`form${i + 1}Show`] = false;
+        } else {
+          this.formAll[i][`form${i + 1}Show`] = true;
+        }
+      }
+    },
+    selectChange(val) {
+      // console.log(val,'val')
+      this.echoClick(val);
+    },
+    async initPage(site) {
+      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
+      let resFirst = await this.$http.post(
+        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
+      );
+      let resData = resFirst.data.data;
+      let formArr = [
+        "rtuTelemeteringStationSetting",
+        "rtuCentreSetting",
+        "rtuSenseTypeSetting",
+        "rtuMeteorologicalSensingCommunicationSetting",
+        "rtuIndustrialCameraSetting",
+        "rtuHydrologicSensingCommunication",
+        "rtuSlaveSetting",
+        "rtuDataFilter",
+        "rtuWaterLevelSetting",
+        "rtuRainSetting",
+        "rtuFlowmeterSetting",
+        "rtuEvaporatingDishSetting",
+        "rtuSoilSettler",
+        "rtu4To20Setting",
+        "rtuOtherSetting"
+      ];
+      console.log(this.formAll,resData,'ressssss')
+      // this.formAll={}
+      this.rtuCode = resData.rtuCode;
+      for (let i = 1; i <= 15; i++) {
+        let obj = {};
+        // 水文传感里是第6个表单
+        if (i !== 6  && i !== 5) {
+          obj[`form${i}`] = resData[formArr[i - 1]];
+        }
+        //  else if (i === 1) {
+        //   var formObj = Object.assign({},resData[formArr[i - 1]]);
+        //   var rtuAddUpTimesNew = [];
+        //   if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
+        //     return;
+        //   }
+        //   formObj.rtuAddUpTimes.forEach((res, index) => {
+        //     if (res === 1) {
+        //       rtuAddUpTimesNew.push(index);
+        //     }
+        //   });
+        //   // form1Obj.hasOwnProperty('rtuAddUpTimes')
+        //   formObj.rtuAddUpTimes = rtuAddUpTimesNew;
+        //   // console.log(form1Obj,'form1Obj')
+        //   obj[`form${i}`] = formObj;
+        // }
+        else if (i === 5) {
+          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let rtucamera_jiabaoNew = [];
+          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
+            return;
+          }
+          formObj.rtucamera_jiabao.forEach((res, index) => {
+            if (res === 1) {
+              rtucamera_jiabaoNew.push(index);
+            }
+          });
+          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
+          // console.log(form1Obj,'form1Obj')
+          obj[`form${i}`] = formObj;
+        } else if (i === 6) {
+          var form6Obj = resData[formArr[i - 1]];
+          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
+          function creatInputSwitch(str, strBool) {
+            if (
+              form6Obj.hasOwnProperty(str) &&
+              form6Obj.hasOwnProperty(strBool)
+            ) {
+              for (let i = 0; i < 8; i++) {
+                form6Obj[`${str}input${i}`] = form6Obj[str][i];
+                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
+              }
+              delete form6Obj[str];
+              delete form6Obj[strBool];
+            }
+          }
+          creatInputSwitch(
+            "rtushuiwen_shangqingarrInt",
+            "rtushuiwen_shangqingarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_chenjiangarrInt",
+            "rtushuiwen_chenjiangarrboolean"
+          );
+          creatInputSwitch(
+            "rtushuiwen_zhaweiarrInt",
+            "rtushuiwen_zhaweiarrboolean"
+          );
+          obj[`form${i}`] = form6Obj;
+        }
+        if (i !== 1) {
+          obj[`form${i}Show`] = false;
+        } else {
+          obj[`form${i}Show`] = true;
+        }
+        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
+        this.formAll.push(obj);
+        // console.log(this.formAll,this.rtuCode,'this.formAll')
+      }
+    },
+    validatorAll(rule, value, callback, type, sug, alart) {
+      let typeLocal = type;
+      let sugLocal = sug;
+      let alartLocal = alart;
+      // 数字范围、数字长度、字符串长度、正则等
+      if (value && parseInt(typeLocal) === 1) {
+        // 数字范围
+        if (value !== undefined) {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        } else {
+          callback();
+        }
+      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
+        // 正则
+        let regExp = sugLocal.slice(1, -1);
+        let reg = new RegExp(regExp);
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error(alartLocal));
+        }
+      } else if (value && parseInt(typeLocal) === 3) {
+        if (sugLocal === undefined || sugLocal === "") {
+          // 下拉框 不显示错误信息
+          callback();
+        } else {
+          // console.log(value,sugLocal.indexOf(','),'value')
+          if (sugLocal.indexOf(",") !== -1) {
+            // 带，的是范围，不带则是固定长度
+            let sug1 = parseInt(sugLocal.split(",")[0]);
+            let sug2 = parseInt(sugLocal.split(",")[1]);
+            if (value.length >= sug1 && value.length <= sug2) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          } else if (sugLocal.indexOf(",") === -1) {
+            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
+            if (value.length === parseInt(sugLocal)) {
+              callback();
+            } else {
+              callback(new Error(alartLocal));
+            }
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 4) {
+        if (sugLocal === undefined || sugLocal === "") {
+          callback();
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else if (value && parseInt(typeLocal) === 5) {
+        // console.log(value,'value')
+        if (typeof value !== "number") {
+          callback(new Error("请输入纯数字"));
+        } else {
+          let sug1 = parseInt(sugLocal.split(",")[0]);
+          let sug2 = parseInt(sugLocal.split(",")[1]);
+          if (sug1 <= value && value <= sug2) {
+            callback();
+          } else {
+            callback(new Error(alartLocal));
+          }
+        }
+      } else {
+        callback();
+      }
+    },
+    formControl() {
+      function uniq(array) {
+        var temp = []; //一个新的临时数组
+        for (var i = 0; i < array.length; i++) {
+          if (temp.indexOf(array[i]) == -1) {
+            temp.push(array[i]);
+          }
+        }
+        return temp;
+      }
+      // 生成表单控件的接口
+      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
+        var dataRes = res.data.data;
+        // console.log(dataRes,'dataRes')
+        for (var i in dataRes) {
+          if (dataRes[i].length !== 0) {
+            dataRes[i].forEach((item, index, arr) => {
+              this.rules[item.fieldIdentifier] = [
+                {
+                  validator: (rule, value, callback) => {
+                    this.validatorAll(
+                      rule,
+                      value,
+                      callback,
+                      item.validatorType,
+                      item.validatorRules,
+                      item.validatorErrorText
+                    );
+                  },
+                  trigger: "change"
+                }
+              ];
+            });
+            let sub_titleList = dataRes[i].map(item => {
+              return item.subTitle;
+            });
+            var newObj = [];
+            // 根据小标题去重
+            uniq(sub_titleList).forEach(item => {
+              var obj = { name: item, data: [] };
+              var data = dataRes[i].forEach(l => {
+                if (
+                  l.subTitle === item &&
+                  l.subTitle !== "" &&
+                  l.subTitle !== undefined
+                ) {
+                  obj.data.push(l);
+                } else if (l.subTitle === "" || l.subTitle === undefined) {
+                  obj.data.push(l);
+                }
+              });
+              if (obj.name === undefined) {
+                return;
+              }
+              // obj.data= data 将后台数据生成带有小标题的
+              newObj.push(obj);
+            });
+            this.$set(this.formAllBody, i, newObj);
+          }
+        }
+        // console.log(this.formAllBody,'999')
+      });
+    },
+    async getSiteList() {
+      await this.$http
+        .post(this.nozzle.rTUSettingServiceQueryList)
+        .then(res => {
+          // console.log(res.data.data,'resss')
+          this.querySiteList = res.data.data;
+          this.querySite = this.querySiteList[0];
+        });
+    }
+  },
+  created(){
+    this.getSiteList().then(res=>{
+      this.initPage(this.querySiteList[0]);
+    });
+    this.formControl();
+    // console.log(666)
+  },
+  // beforeRouteLeave (to, from, next) {
+  //   // 导航离开该组件的对应路由时调用
+  //   // 可以访问组件实例 `this`
+  //   this.$confirm("请检查是否需要暂存！", "提示", {
+  //     confirmButtonText: "已暂存",
+  //     cancelButtonText: "取消",
+  //     type: "warning"
+  //   }).then(res=>{ next() }).catch(() => {});
+  // }
+};
+</script>
+<style lang="scss" scoped>
+.content{
+    width: 100% !important;
+    height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+
+      padding: 2%;
+      /deep/ .el-form{
+          .el-col{
+            height: 51px!important;
+            .el-form-item{
+              margin:11px 0 11px 0!important;
+              .el-form-item__label{
+                // text-align: right;
+                width: 130px;
+                text-align: right!important;
+                color: var(--white)!important;
+              }
+              .el-form-item__content{
+                .el-select{
+                  width:100%!important;
+                  .el-input .el-input__inner{
+                    width:100%!important;
+                  }
+                }
+                .el-input{
+                    width:100%!important;
+                  .el-input__inner {
+                    width: 100%!important;
+                    color: var(--white)!important;
+                  }
+
+                }
+
+                i{
+                  color: var(--white);
+                  font-style:normal!important;
+                  padding-right: 5px!important;
+                }
+                //
+              }
+            }
+            // input的单位，i图标
+            // .el-form-item__content i{
+            //   color: var(--white);
+            //   font-style:normal !important;
+            //   padding-right: 5px !important;
+            // }
+            // 普通input框100，select框也100
+            // .el-form-item.el-form-item-input{
+            //   // margin:11px 0 11px 0 !important;
+            //   .el-form-item__content{
+            //     // .el-select, .el-input{
+            //     //   width: 100%;
+            //     // }
+            //     .el-input__inner{
+            //       // width: 100%;
+            //     }
+            //   }
+            // }
+            // 小标题
+            &.subTitle {
+              /* height:40px!important; */
+              line-height:51px !important;
+              color:aqua !important;
+              /* margin-top: 11px; */
+            }
+
+            // 普通switch框，左180，右居中
+            .el-form-item.el-form-item-input.form-switch .el-form-item__label{
+              width: 180px !important;
+            }
+            .el-form-item.el-form-item-input.form-switch .el-form-item__content{
+              // width: 100% !important;
+              text-align: center !important;
+              margin-left: 180px !important;
+            }
+
+            .input-switch-div{
+              position:absolute !important;
+              left:0 !important;
+              top:0 !important;
+              width:1000px !important;
+              display:flex !important;
+              // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
+              .el-form-item-input.input-switch .el-form-item__content{
+                margin-left: 0 !important;
+              }
+              .el-form-item-input.input-switch .el-form-item-input{
+                /* display: flex; */
+                margin: initial !important;
+              }
+              .el-form-item .el-form-item__content .el-input .el-input__inner{
+                width: 66px !important
+              }
+            }
+
+          }
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu.el-menu-demo.el-menu--horizontal{
+      border-bottom: initial !important;
+      background-color: initial !important;
+      li.el-menu-item{
+        background-image:initial!important;
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    }
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+
+}
+
+</style>
diff --git a/src/components/ConfigManager/project.vue b/src/components/ConfigManager/project.vue
index ced76ad..fe435c7 100644
--- a/src/components/ConfigManager/project.vue
+++ b/src/components/ConfigManager/project.vue
@@ -934,7 +934,6 @@
             id: undefined,
             login: "",
             realName: "",
-            pwd: "",
             userType: 0,
             orgId: undefined,
             groupId: undefined,
diff --git a/src/components/ServiceWatch/components/applied.vue b/src/components/ServiceWatch/components/applied.vue
index fc87336..b7d5c0e 100644
--- a/src/components/ServiceWatch/components/applied.vue
+++ b/src/components/ServiceWatch/components/applied.vue
@@ -293,6 +293,7 @@
   .describe {
     width: 50px;
     text-align: center;
+    color: var(--white);
   }
 }
 /deep/ .el-input__inner {
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 816db22..9003c11 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -387,19 +387,19 @@
                 },
                 yAxis: {
                   axisLine: {
-                    show: true
+                    show: false
                   },
                   // splitNumber: 1,
                   // minInterval: 10,
                   // maxInterval: 20,
                   splitLine: {
                     show: false
-                  }
+                  },
                   // color: rgb(0, 119, 254)
                   // boundaryGap: [0, '100%']
-                  // axisLabel: {
-                  //   color: "rgb(0, 119, 254)"
-                  // }
+                  axisLabel: {
+                    color: "#3398DB"
+                  }
                 },
                 series: [
                   {
@@ -659,6 +659,9 @@
                 // maxInterval: 20,
                 splitLine: {
                   show: false
+                },
+                axisLabel: {
+                  color: "#3398DB"
                 }
                 // boundaryGap: [0, '100%']
               },
@@ -765,7 +768,7 @@
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .mian {
   margin-bottom: -10px;
 }
diff --git a/src/components/common/PageChart/line/index.vue b/src/components/common/PageChart/line/index.vue
index e750aee..83d7ccb 100644
--- a/src/components/common/PageChart/line/index.vue
+++ b/src/components/common/PageChart/line/index.vue
@@ -3,306 +3,307 @@
 </template>
 
 <script>
-let echarts = require('echarts/lib/echarts')
+let echarts = require("echarts/lib/echarts");
 // 引入折线图等组件
-require('echarts/lib/chart/line')
+require("echarts/lib/chart/line");
 // // 引入提示框和title组件，图例
-require('echarts/lib/component/toolbox')
-require('echarts/lib/component/title')
-require('echarts/lib/component/legend')
-require('echarts/lib/component/grid')
-require('echarts/lib/component/dataZoom')
-require('echarts/lib/component/tooltip')
-export default{
-  name:'ChartLine',
-  props:{
-    width:{
-      type:String,
-      default:'100%'
+require("echarts/lib/component/toolbox");
+require("echarts/lib/component/title");
+require("echarts/lib/component/legend");
+require("echarts/lib/component/grid");
+require("echarts/lib/component/dataZoom");
+require("echarts/lib/component/tooltip");
+export default {
+  name: "ChartLine",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
     },
-    height:{
-      type:String,
-      default:'400px'
+    height: {
+      type: String,
+      default: "400px"
     },
-    chartData:{
-      type:Object,
-      default:()=>{
-        return {}
+    chartData: {
+      type: Object,
+      default: () => {
+        return {};
       }
     },
     //标题
-    title:{
-      type:String,
-      default:''
+    title: {
+      type: String,
+      default: ""
     },
-    titleSize:{
-      type:Number,
-      default:16
+    titleSize: {
+      type: Number,
+      default: 16
     },
-    titleX:{
-      type:String,
-      default:'center'
+    titleX: {
+      type: String,
+      default: "center"
     },
-    titleY:{
-      type:String,
-      default:'3%'
+    titleY: {
+      type: String,
+      default: "3%"
     },
-    titleShow:{
-      type:Boolean,
-      default:true
+    titleShow: {
+      type: Boolean,
+      default: true
     },
     //图例相关
-    legendShow:{
-      type:Boolean,
-      default:true
+    legendShow: {
+      type: Boolean,
+      default: true
     },
-    legendOrient:{
-      type:String,
-      default:'horizontal'
+    legendOrient: {
+      type: String,
+      default: "horizontal"
     },
-    legendX:{
-      type:String,
-      default:'center'
+    legendX: {
+      type: String,
+      default: "center"
     },
-    legendY:{
-      type:String,
-      default:'bottom'
+    legendY: {
+      type: String,
+      default: "bottom"
     },
     //工具栏相关
-    toolboxShow:{
-      type:Boolean,
-      default:false
+    toolboxShow: {
+      type: Boolean,
+      default: false
     },
-    toolboxOrient:{
-      type:String,
-      default:'horizontal'
+    toolboxOrient: {
+      type: String,
+      default: "horizontal"
     },
     //提示框相关
-    tooltipShow:{
-      type:Boolean,
-      default:true
+    tooltipShow: {
+      type: Boolean,
+      default: true
     },
-    tooltipTrigger:{
-      type:String,
-      default:"axis"
+    tooltipTrigger: {
+      type: String,
+      default: "axis"
     },
     //区域缩放相关
-    dataZoomType:{
-      type:String,
-      default:"inside"
+    dataZoomType: {
+      type: String,
+      default: "inside"
     },
     //坐标轴相关
-    xAxisShow:{
-      type:Boolean,
-      default:true
+    xAxisShow: {
+      type: Boolean,
+      default: true
     },
-    xAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    xAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisSplitLineShow:{
-      type:Boolean,
-      default:false
+    yAxisSplitLineShow: {
+      type: Boolean,
+      default: false
     },
-    yAxisLineShow:{
-      type:Boolean,
-      default:false
+    yAxisLineShow: {
+      type: Boolean,
+      default: false
     },
     //坐标系相关
-    gridTop:{
-      type:Number,
-      default:10
+    gridTop: {
+      type: [Number, String],
+      default: 10
     },
-    gridLeft:{
-      type:String,
-      default:'5%'
+    gridLeft: {
+      type: [Number, String],
+      default: "5%"
     },
-    gridRight:{
-      type:String,
-      default:'10%'
+    gridRight: {
+      type: [Number, String],
+      default: "10%"
     },
-    gridBottom:{
-      type:Number,
-      default:0
+    gridBottom: {
+      type: [Number, String],
+      default: 0
     },
     //单位相关
-    xUnit:{
-      type:String,
-      default:''
+    xUnit: {
+      type: String,
+      default: ""
     },
-    yUnit:{
-      type:String,
-      default:''
+    yUnit: {
+      type: String,
+      default: ""
     },
     //最值显示
-    markPoint:{
-      type:Boolean,
-      default:false
+    markPoint: {
+      type: Boolean,
+      default: false
     },
-    xList:{
-      type:Array,
-      default:()=>{
-        return []
+    xList: {
+      type: Array,
+      default: () => {
+        return [];
       }
     }
   },
-  data(){
-    return{
-      chart:null, //Echarts实例
-    }
+  data() {
+    return {
+      chart: null //Echarts实例
+    };
   },
-  watch:{
+  watch: {
     //监听到数据改变，重新加载echart数据
-    chartData(val){
-      this.removeChart('reset')
-      this.initData()
+    chartData(val) {
+      this.removeChart("reset");
+      this.initData();
     }
   },
-  mounted(){
-    this.init()
-    this.initData()
+  mounted() {
+    this.init();
+    this.initData();
   },
-  methods:{
+  methods: {
     //初始化
-    init(){
-      this.chart = echarts.init(this.$el)
+    init() {
+      this.chart = echarts.init(this.$el);
       //监听页面大小改变
-      window.addEventListener('resize', ()=>{
-        if(this.chart){
-          this.chart.resize()
+      window.addEventListener("resize", () => {
+        if (this.chart) {
+          this.chart.resize();
         }
-      })
+      });
     },
     //初始化数据
-    initData(){
-      if(!this.chart) return
-      const obj = JSON.parse(JSON.stringify(this.chartData))
-      const arr = []
-      if(obj.dataList && obj.dataList.length) {
+    initData() {
+      if (!this.chart) return;
+      const obj = JSON.parse(JSON.stringify(this.chartData));
+      const arr = [];
+      if (obj.dataList && obj.dataList.length) {
         obj.dataList.forEach((item, index) => {
           // 对echarts数据做处理
           item = {
             name: obj.nameList[index],
             data: item,
-            type: 'line'
-          }
+            type: "line"
+          };
           // 根据参数判断是否显示最值
           if (this.markPoint) {
             item.markPoint = {
               label: { show: true },
               data: [
-                { type: 'max', name: '最大值', label: '最大值' },
-                { type: 'min', name: '最小值', label: '最小值' }
+                { type: "max", name: "最大值", label: "最大值" },
+                { type: "min", name: "最小值", label: "最小值" }
               ]
-            }
+            };
             item.markLine = {
-              data: [
-                { type: 'average', name: '平均值' }
-              ]
-            }
+              data: [{ type: "average", name: "平均值" }]
+            };
           }
-          arr.push(item)
-        })
-        obj.dataList = arr
-        this.initChart(obj)
+          arr.push(item);
+        });
+        obj.dataList = arr;
+        this.initChart(obj);
       }
     },
     //初始化echarts
-    initChart(data){
+    initChart(data) {
       this.chart.setOption({
         color: ["#3398DB", "red"],
-        title:{
-          show:this.titleShow,
-          text:this.title,
-          left:this.titleX,
-          top:this.titleY,
-          textStyle:{
-            fontSize:this.titleSize
+        title: {
+          show: this.titleShow,
+          text: this.title,
+          left: this.titleX,
+          top: this.titleY,
+          textStyle: {
+            fontSize: this.titleSize
           }
         },
         //图例设置
-        legend:{
-          show:this.legendShow,
-          orient:this.legendOrient,
-          left:this.legendX,
-          top:this.legendY,
-          data:data.nameList
+        legend: {
+          show: this.legendShow,
+          orient: this.legendOrient,
+          left: this.legendX,
+          top: this.legendY,
+          data: data.nameList
         },
         //工具栏
-        toolbox:{
-          show:this.toolboxShow,
-          orient:this.toolboxOrient,
-          feature:{
-            saveAsImage:{show:true},
-            dataView:{show:true,readOnly:true}
+        toolbox: {
+          show: this.toolboxShow,
+          orient: this.toolboxOrient,
+          feature: {
+            saveAsImage: { show: true },
+            dataView: { show: true, readOnly: true }
           }
         },
         //提示框
         tooltip: {
-          show:this.tooltipShow,
+          show: this.tooltipShow,
           trigger: this.tooltipTrigger,
           axisPointer: {
             type: "line",
             crossStyle: {
               color: "#333"
             },
-            snap:true,
-            axis:'x'
-          },
+            snap: true,
+            axis: "x"
+          }
         },
         //区域缩放
-        dataZoom:[
+        dataZoom: [
           {
             type: this.dataZoomType
           }
         ],
-        grid:{
-          top:this.gridTop,
-          left:this.gridLeft,
-          right:this.gridRight,
-          bottom:this.gridBottom,
-          containLabel:true
+        grid: {
+          top: this.gridTop,
+          left: this.gridLeft,
+          right: this.gridRight,
+          bottom: this.gridBottom,
+          containLabel: true
         },
-        xAxis:{
-          show:this.xAxisShow,
-          type:'category',
-          name:this.xUnit,
-          nameTextStyle:{
-            fontSize:12
+        xAxis: {
+          show: this.xAxisShow,
+          type: "category",
+          name: this.xUnit,
+          nameTextStyle: {
+            fontSize: 12
           },
-          splitLine:{
-            show:this.xAxisSplitLineShow,
+          splitLine: {
+            show: this.xAxisSplitLineShow
           },
-          boundaryGap:false,
-          axisTick:{show:false}, //坐标轴刻度是否显示
-          data:this.xList
+          boundaryGap: false,
+          axisTick: { show: false }, //坐标轴刻度是否显示
+          data: this.xList
         },
-        yAxis:{
-          type:'value',
-          name:this.yUnit,
+        yAxis: {
+          type: "value",
+          name: this.yUnit,
           splitNumber: 2,
-          axisLine:{
-            show:this.yAxisLineShow
+          axisLine: {
+            show: this.yAxisLineShow
           },
-          splitLine:{
-            show:this.yAxisSplitLineShow
+          splitLine: {
+            show: this.yAxisSplitLineShow
+          },
+          axisLabel: {
+            color: "#3398DB"
           }
         },
-        series:data.dataList
-      })
+        series: data.dataList
+      });
     },
     //注销echarts
-    removeChart(type){
-      if(!this.chart) return
-      this.chart.dispose() // 销毁echarts
-      this.chart = null
-      if(type === 'reset'){
-        this.init()
+    removeChart(type) {
+      if (!this.chart) return;
+      this.chart.dispose(); // 销毁echarts
+      this.chart = null;
+      if (type === "reset") {
+        this.init();
       }
     }
   },
-  beforeDestroy(){
-    this.removeChart()
+  beforeDestroy() {
+    this.removeChart();
   }
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/src/components/common/PageForm/index.vue b/src/components/common/PageForm/index.vue
index 47a77a9..c3e855d 100644
--- a/src/components/common/PageForm/index.vue
+++ b/src/components/common/PageForm/index.vue
@@ -489,42 +489,6 @@
 .avatar-uploader .el-upload:hover {
   border-color: #409eff;
 }
-/****treeselect样式重置****/
-/deep/ .vue-treeselect {
-  .vue-treeselect__control {
-    padding-left: 10px;
-    border: 1px solid var(--selecthover);
-    background-color: transparent;
-  }
-  .vue-treeselect__single-value {
-    color: var(--white);
-  }
-  .vue-treeselect__menu {
-    color: var(--white);
-    z-index: 99999;
-    background-color: var(--shouselect);
-    border: 1px solid var(--selecthover);
-  }
-  .vue-treeselect__menu-container {
-    z-index: 99999;
-  }
-  .vue-treeselect__option--highlight {
-    background: var(--selecthover);
-  }
-  .vue-treeselect__checkbox--checked {
-    border-color: #039be5;
-    background: #000;
-  }
-}
-/deep/
-  .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused)
-  .vue-treeselect__control:hover {
-  border: 1px solid var(--selecthover);
-}
-/deep/ .vue-treeselect--single .vue-treeselect__option--selected {
-  color: var(--white) !important;
-  background: var(--selecthover);
-}
 /****级联样式重置****/
 /deep/ .el-cascader {
   width: 100%;
diff --git a/src/components/configure/RtuConfig.vue b/src/components/configure/RtuConfig.vue
deleted file mode 100644
index d52244a..0000000
--- a/src/components/configure/RtuConfig.vue
+++ /dev/null
@@ -1,1032 +0,0 @@
-<template>
-  <div class="content">
-    <div
-      v-if="formAll && formAllBody && formAllBody.length"
-      style="text-align:left;padding:10px"
-    >
-      <el-select v-model="querySite" @change="selectChange">
-        <el-option
-          v-for="item in querySiteList"
-          :key="item"
-          :label="item"
-          :value="item"
-        >
-          <span style="float: left">{{ item }}</span>
-        </el-option>
-      </el-select>
-      <el-button type="primary" @click="echoClick">
-        回显
-      </el-button>
-      <el-button type="primary" @click="temStorage">
-        暂存
-      </el-button>
-      <el-button type="primary" @click="temStorageEcho">
-        暂存回显
-      </el-button>
-      <el-button type="primary" @click="sunmitAll">
-        提交
-      </el-button>
-    </div>
-    <div id="navMenuContent">
-      <el-menu
-        :default-active="activeIndex"
-        class="el-menu-demo"
-        mode="horizontal"
-        @select="handleSelect"
-        type="border-card"
-      >
-        <el-menu-item
-          v-for="(item, index) in siteNameList"
-          :index="`${index}`"
-          :key="index"
-          >{{ item }}</el-menu-item
-        >
-      </el-menu>
-    </div>
-    <div class="switchContent">
-      <div v-if="formAll && formAllBody && formAllBody.length">
-        <div v-for="(formItem, formItemIndex) in formAll" :key="formItemIndex">
-          <el-form
-            v-show="formItem[`form${formItemIndex + 1}Show`]"
-            :model="formItem[`form${formItemIndex + 1}`]"
-            :rules="rules"
-            ref="form"
-            class="demo-ruleForm"
-            label-position="right"
-            label-width="130px"
-            size="mini"
-          >
-            <!-- {{`form${index+1}`}} -->
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              class="rowClass"
-            >
-              <el-col :span="6" v-if="i.name" class="subTitle">{{
-                i.name
-              }}</el-col>
-              <el-col
-                :span="6"
-                v-for="(item, index) in i.data"
-                :key="index"
-                style="position:relative"
-              >
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 1"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 2"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                  >
-                    <el-option
-                      v-for="item in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="item.value"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 3"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input form-switch"
-                >
-                  <el-switch
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    active-color="#13ce66"
-                    inactive-color="#ff4949"
-                  ></el-switch>
-                </el-form-item>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 5"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-input
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    ><i slot="suffix">{{ item.unit }}</i></el-input
-                  >
-                </el-form-item>
-                <div
-                  v-if="parseInt(item.fieldType) === 4"
-                  class="input-switch-div"
-                >
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <!-- <el-input v-model="formItem[`form${formItemIndex+1}`][`${item.fieldIdentifier}input${0}`]" :placeholder="item.validatorMark"></el-input> -->
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${0}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${0}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${1}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${1}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${2}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${2}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${3}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${3}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${4}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1;"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${4}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${5}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${5}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${6}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${6}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                  <el-form-item
-                    :prop="item.fieldIdentifier"
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-input
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}input${7}`
-                        ]
-                      "
-                      :placeholder="item.validatorMark"
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item
-                    class="el-form-item-input input-switch"
-                    style="flex:1"
-                  >
-                    <el-switch
-                      v-model="
-                        formItem[`form${formItemIndex + 1}`][
-                          `${item.fieldIdentifier}switch${7}`
-                        ]
-                      "
-                      active-color="#13ce66"
-                      inactive-color="#ff4949"
-                    ></el-switch>
-                  </el-form-item>
-                </div>
-                <el-form-item
-                  v-if="parseInt(item.fieldType) === 6"
-                  :label="item.fieldName"
-                  :prop="item.fieldIdentifier"
-                  class="el-form-item-input"
-                >
-                  <el-select
-                    v-model="
-                      formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
-                    "
-                    :placeholder="item.validatorMark"
-                    multiple
-                    collapse-tags
-                  >
-                    <el-option
-                      v-for="(item, index) in creatListTest(item.selectOption)"
-                      :key="item.code"
-                      :label="item.value"
-                      :value="index"
-                    >
-                      <span style="float: left">{{ item.value }}</span>
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      querySite: "",
-      rtuCode: "",
-      querySiteList: [],
-      siteNameList: [
-        "遥测站设置",
-        "中心站设置",
-        "传感器型号选择",
-        "气象传感通信设置",
-        "工业相机设置",
-        "水文传感通信",
-        "从机设置",
-        "数据滤波",
-        "水位计",
-        "雨量计",
-        "流量计",
-        "蒸发皿",
-        "土壤沉降仪",
-        "4-20mA设置",
-        "其他设置"
-      ],
-      formAll: [],
-      // siteNameList:[],
-      formAllBody: [],
-      activeIndex: "0",
-      rules: {}
-    };
-  },
-  mounted() {},
-  methods: {
-    echoClick() {
-      this.formAll = [];
-      this.activeIndex = "0";
-      this.initPage(this.querySite);
-      // this.handleSelect(0)
-      // console.log(this.activeIndex)
-    },
-    temStorageEcho() {
-      // this.activeIndex = '0'
-      if (localStorage.getItem(name)) {
-        this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: "暂存回显成功", type: "success" });
-      } else {
-        this.$message({ message: "无暂存内容", type: "warning" });
-      }
-      // console.log(JSON.parse(sessionStorage.getItem(name)),111)
-    },
-    temStorage() {
-      try {
-        localStorage.setItem(name, JSON.stringify(this.formAll));
-        this.$message({ message: `保存成功`, type: "success" });
-      } catch (err) {
-        this.$message({ message: err, type: "warning" });
-      }
-      // localStorage.getItem(name);
-      // console.log(sessionStorage.getItem(name),111)
-    },
-    sunmitAll() {
-      // 提交所有表单，循环校验所有表单，当有个表单校验失败就break，提示该表单校验失败，根据校验成功总数或者无失败确定完成，组装数据发送到后台
-      var successCount = 0;
-      var successFlag = false;
-      for (var i = 0; i < 15; i++) {
-        this.$refs["form"][i].validate(valid => {
-          if (valid) {
-            successCount++;
-          } else {
-            // this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
-            // alert(`${this.siteNameList[i]} 校验失败，请查看`);
-            // this.$notify({
-            //   title: '警告',
-            //   message: `${this.siteNameList[i]} 校验失败，请查看`,
-            //   type: 'warning'
-            // });
-            successFlag = true;
-            // return false;
-          }
-        });
-        // if(successFlag){
-        //   return false
-        // }
-      }
-      if (successCount === this.siteNameList.length) {
-        this.$message({ message: "表单全部校验成功", type: "success" });
-      } else {
-        // this.$message({message: `第${i}个表单校验失败，请查看`,type: "warning"});
-      }
-      // 组装数据需要的属性，暂时是死值，也可以循环出来
-      const parmas = {
-        data: {
-          rtuCode: this.rtuCode,
-          rtuTelemeteringStationSetting: this.formAll[0].form1,
-          rtuCentreSetting: this.formAll[1].form2,
-          rtuSenseTypeSetting: this.formAll[2].form3,
-          rtuMeteorologicalSensingCommunicationSetting: this.formAll[3].form4,
-          rtuIndustrialCameraSetting: this.formAll[4].form5,
-          rtuHydrologicSensingCommunication: this.formAll[5].form6,
-          rtuSlaveSetting: this.formAll[6].form7,
-          rtuDataFilter: this.formAll[7].form8,
-          rtuWaterLevelSetting: this.formAll[8].form9,
-          rtuRainSetting: this.formAll[9].form10,
-          rtuFlowmeterSetting: this.formAll[10].form11,
-          rtuEvaporatingDishSetting: this.formAll[11].form12,
-          rtuSoilSettler: this.formAll[12].form13,
-          rtu4To20Setting: this.formAll[13].form14,
-          rtuOtherSetting: this.formAll[14].form15
-        }
-      };
-      // 之前初始化时将3处的两个数组生成了需要的字段，现在需要把每处16个字段组装成两数组，删除不需要的字段,转化方法暂时写在这里
-      function dealInputSwitch(
-        str = "rtushuiwen_shangqingarrInt",
-        strBool = "rtushuiwen_shangqingarrboolean"
-      ) {
-        var form6Input = [];
-        var form6Switch = [];
-        var strTarget = "rtuHydrologicSensingCommunication";
-        for (let i = 0; i < 8; i++) {
-          var hasInput = parmas.data[strTarget].hasOwnProperty(
-            `${str}input${i}`
-          );
-          if (hasInput) {
-            form6Input[i] = parmas.data[strTarget][`${str}input${i}`];
-          } else {
-            form6Input[i] = null;
-          }
-          parmas.data[strTarget][str] = form6Input;
-          delete parmas.data[strTarget][`${str}input${i}`];
-          var hasSwitch = parmas.data[strTarget].hasOwnProperty(
-            `${str}switch${i}`
-          );
-          if (hasSwitch) {
-            form6Switch[i] = parmas.data[strTarget][`${str}switch${i}`];
-          } else {
-            form6Switch[i] = false;
-          }
-          parmas.data[strTarget][strBool] = form6Switch;
-          delete parmas.data[strTarget][`${str}switch${i}`];
-        }
-      }
-      dealInputSwitch(
-        "rtushuiwen_shangqingarrInt",
-        "rtushuiwen_shangqingarrboolean"
-      );
-      dealInputSwitch(
-        "rtushuiwen_chenjiangarrInt",
-        "rtushuiwen_chenjiangarrboolean"
-      );
-      dealInputSwitch("rtushuiwen_zhaweiarrInt", "rtushuiwen_zhaweiarrboolean");
-      let rtuAddUpTimes = parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ].sort((item1, item2) => item1 - item2);
-      let rtucamera_jiabao = parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ].sort((item1, item2) => item1 - item2);
-      let rtuAddUpTimesNew = [];
-      let rtucamera_jiabaoNew = [];
-      // console.log(rtuAddUpTimes,'rtuAddUpTimes')
-      for (var i = 0; i < 24; i++) {
-        rtuAddUpTimesNew.push(0);
-        rtucamera_jiabaoNew.push(0);
-      }
-      rtuAddUpTimes.forEach((item, index) => {
-        rtuAddUpTimesNew[item] = 1;
-      });
-      rtucamera_jiabao.forEach((item, index) => {
-        rtucamera_jiabaoNew[item] = 1;
-      });
-      parmas.data["rtuTelemeteringStationSetting"][
-        "rtuAddUpTimes"
-      ] = rtuAddUpTimesNew;
-      parmas.data["rtuIndustrialCameraSetting"][
-        "rtucamera_jiabao"
-      ] = rtucamera_jiabaoNew;
-      // this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-      //   // console.log(res,'rTUSettingServiceUpdate')
-      //   this.echoClick()
-      // })
-      // console.log(parmas,'form6Inputform6Input')
-      // this.formAll=[]
-      // this.initPage(this.querySiteList[1])
-    },
-    creatListTest(arr) {
-      var arrList = arr.split(",");
-      // console.log(arrList,'arrrrrrrr')
-      let list = arrList.map((item, index) => {
-        let obj = {};
-        obj["code"] = index;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    creatList(arr) {
-      // 下拉框需要的option数据，ele需要value和lable，value是点击后的字段值，lable是展示值
-      let list = arr.map((item, index) => {
-        let obj = {};
-        obj["code"] = index + 1;
-        obj["value"] = item;
-        return obj;
-      });
-      return list;
-    },
-    handleSelect(key) {
-      this.activeIndex = key;
-      // console.log(key)
-      for (var i = 0; i < 15; i++) {
-        if (key != i) {
-          this.formAll[i][`form${i + 1}Show`] = false;
-        } else {
-          this.formAll[i][`form${i + 1}Show`] = true;
-        }
-      }
-    },
-    selectChange(val) {
-      // console.log(val,'val')
-      this.echoClick(val);
-    },
-    async initPage(site) {
-      // 回显接口请求数据 将水文传感里面3处特殊的控件需要的值，用请求数据遍历生成表单需要的字段，因为这3处的动态表单使用的是死的字段，其他的对应的表单数据赋值给对应表单就能回显了、
-      let resFirst = await this.$http.post(
-        `${this.nozzle.rTUSettingServiceQueryById}?code=${site}`
-      );
-      let resData = resFirst.data.data;
-      let formArr = [
-        "rtuTelemeteringStationSetting",
-        "rtuCentreSetting",
-        "rtuSenseTypeSetting",
-        "rtuMeteorologicalSensingCommunicationSetting",
-        "rtuIndustrialCameraSetting",
-        "rtuHydrologicSensingCommunication",
-        "rtuSlaveSetting",
-        "rtuDataFilter",
-        "rtuWaterLevelSetting",
-        "rtuRainSetting",
-        "rtuFlowmeterSetting",
-        "rtuEvaporatingDishSetting",
-        "rtuSoilSettler",
-        "rtu4To20Setting",
-        "rtuOtherSetting"
-      ];
-      // console.log(this.formAll,'ressssss')
-      // this.formAll={}
-      this.rtuCode = resData.rtuCode;
-      for (let i = 1; i <= 15; i++) {
-        let obj = {};
-        // 水文传感里是第6个表单
-        if (i !== 6 && i !== 1 && i !== 5) {
-          obj[`form${i}`] = resData[formArr[i - 1]];
-        } else if (i === 1) {
-          var formObj = Object.assign(resData[formArr[i - 1]]);
-          var rtuAddUpTimesNew = [];
-          if (!formObj.hasOwnProperty("rtuAddUpTimes")) {
-            return;
-          }
-          formObj.rtuAddUpTimes.forEach((res, index) => {
-            if (res === 1) {
-              rtuAddUpTimesNew.push(index);
-            }
-          });
-          // form1Obj.hasOwnProperty('rtuAddUpTimes')
-          formObj.rtuAddUpTimes = rtuAddUpTimesNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 5) {
-          let formObj = Object.assign(resData[formArr[i - 1]]);
-          let rtucamera_jiabaoNew = [];
-          if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
-            return;
-          }
-          formObj.rtucamera_jiabao.forEach((res, index) => {
-            if (res === 1) {
-              rtucamera_jiabaoNew.push(index);
-            }
-          });
-          formObj.rtucamera_jiabao = rtucamera_jiabaoNew;
-          // console.log(form1Obj,'form1Obj')
-          obj[`form${i}`] = formObj;
-        } else if (i === 6) {
-          var form6Obj = resData[formArr[i - 1]];
-          // 每一处需要input switch各8个共16个模拟字段，只处理第6个表单
-          function creatInputSwitch(str, strBool) {
-            if (
-              form6Obj.hasOwnProperty(str) &&
-              form6Obj.hasOwnProperty(strBool)
-            ) {
-              for (let i = 0; i < 8; i++) {
-                form6Obj[`${str}input${i}`] = form6Obj[str][i];
-                form6Obj[`${str}switch${i}`] = form6Obj[strBool][i];
-              }
-              delete form6Obj[str];
-              delete form6Obj[strBool];
-            }
-          }
-          creatInputSwitch(
-            "rtushuiwen_shangqingarrInt",
-            "rtushuiwen_shangqingarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_chenjiangarrInt",
-            "rtushuiwen_chenjiangarrboolean"
-          );
-          creatInputSwitch(
-            "rtushuiwen_zhaweiarrInt",
-            "rtushuiwen_zhaweiarrboolean"
-          );
-          obj[`form${i}`] = form6Obj;
-        }
-        if (i !== 1) {
-          obj[`form${i}Show`] = false;
-        } else {
-          obj[`form${i}Show`] = true;
-        }
-        // 表单数据赋值完成，控制表单切换的formshow,也放在一起了
-        this.formAll.push(obj);
-        // console.log(this.formAll,'this.formAll')
-      }
-    },
-    validatorAll(rule, value, callback, type, sug, alart) {
-      let typeLocal = type;
-      let sugLocal = sug;
-      let alartLocal = alart;
-      // 数字范围、数字长度、字符串长度、正则等
-      if (value && parseInt(typeLocal) === 1) {
-        // 数字范围
-        if (value !== undefined) {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        } else {
-          callback();
-        }
-      } else if (value && parseInt(typeLocal) === 2 && sugLocal) {
-        // 正则
-        let regExp = sugLocal.slice(1, -1);
-        let reg = new RegExp(regExp);
-        if (reg.test(value)) {
-          callback();
-        } else {
-          callback(new Error(alartLocal));
-        }
-      } else if (value && parseInt(typeLocal) === 3) {
-        if (sugLocal === undefined || sugLocal === "") {
-          // 下拉框 不显示错误信息
-          callback();
-        } else {
-          // console.log(value,sugLocal.indexOf(','),'value')
-          if (sugLocal.indexOf(",") !== -1) {
-            // 带，的是范围，不带则是固定长度
-            let sug1 = parseInt(sugLocal.split(",")[0]);
-            let sug2 = parseInt(sugLocal.split(",")[1]);
-            if (value.length >= sug1 && value.length <= sug2) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          } else if (sugLocal.indexOf(",") === -1) {
-            // console.log(sugLocal.indexOf(','),parseInt(sugLocal))
-            if (value.length === parseInt(sugLocal)) {
-              callback();
-            } else {
-              callback(new Error(alartLocal));
-            }
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 4) {
-        if (sugLocal === undefined || sugLocal === "") {
-          callback();
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else if (value && parseInt(typeLocal) === 5) {
-        // console.log(value,'value')
-        if (typeof value !== "number") {
-          callback(new Error("请输入纯数字"));
-        } else {
-          let sug1 = parseInt(sugLocal.split(",")[0]);
-          let sug2 = parseInt(sugLocal.split(",")[1]);
-          if (sug1 <= value && value <= sug2) {
-            callback();
-          } else {
-            callback(new Error(alartLocal));
-          }
-        }
-      } else {
-        callback();
-      }
-    },
-    formControl() {
-      function uniq(array) {
-        var temp = []; //一个新的临时数组
-        for (var i = 0; i < array.length; i++) {
-          if (temp.indexOf(array[i]) == -1) {
-            temp.push(array[i]);
-          }
-        }
-        return temp;
-      }
-      // 生成表单控件的接口
-      this.$http.post(this.nozzle.rtuPageQueryPage).then(res => {
-        var dataRes = res.data.data;
-        // console.log(dataRes,'dataRes')
-        for (var i in dataRes) {
-          if (dataRes[i].length !== 0) {
-            dataRes[i].forEach((item, index, arr) => {
-              this.rules[item.fieldIdentifier] = [
-                {
-                  validator: (rule, value, callback) => {
-                    this.validatorAll(
-                      rule,
-                      value,
-                      callback,
-                      item.validatorType,
-                      item.validatorRules,
-                      item.validatorErrorText
-                    );
-                  },
-                  trigger: "change"
-                }
-              ];
-            });
-            let sub_titleList = dataRes[i].map(item => {
-              return item.subTitle;
-            });
-            var newObj = [];
-            // 根据小标题去重
-            uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [] };
-              var data = dataRes[i].forEach(l => {
-                if (
-                  l.subTitle === item &&
-                  l.subTitle !== "" &&
-                  l.subTitle !== undefined
-                ) {
-                  obj.data.push(l);
-                } else if (l.subTitle === "" || l.subTitle === undefined) {
-                  obj.data.push(l);
-                }
-              });
-              if (obj.name === undefined) {
-                return;
-              }
-              // obj.data= data 将后台数据生成带有小标题的
-              newObj.push(obj);
-            });
-            this.$set(this.formAllBody, i, newObj);
-          }
-        }
-      });
-    },
-    async getSiteList() {
-      await this.$http
-        .post(this.nozzle.rTUSettingServiceQueryList)
-        .then(res => {
-          // console.log(res.data.data,'resss')
-          this.querySiteList = res.data.data;
-        });
-    }
-  },
-  created() {
-    this.getSiteList().then(res => {
-      this.initPage(this.querySiteList[0]);
-    });
-    this.formControl();
-  }
-  // beforeRouteLeave (to, from, next) {
-  //   // 导航离开该组件的对应路由时调用
-  //   // 可以访问组件实例 `this`
-  //   this.$confirm("请检查是否需要暂存！", "提示", {
-  //     confirmButtonText: "已暂存",
-  //     cancelButtonText: "取消",
-  //     type: "warning"
-  //   }).then(res=>{ next() }).catch(() => {});
-  // }
-};
-</script>
-<style lang="scss" scoped>
-.content {
-  width: 100% !important;
-  height: 100% !important;
-  #navMenuContent {
-    /* height: calc(100% - 20px);
-      width: calc(100% - 20px);
-      float: left;
-      border: 1px solid aqua;
-      box-sizing: border-box;
-      margin: 10px;
-      position: relative; */
-    width: 100%;
-    /* background-color: #fff; */
-  }
-  .switchContent {
-    // color: rgb(99, 96, 96);
-    color: red;
-    /* background-color: #fff; */
-    /* background-color: #fff; */
-    // color: white !important;
-
-    padding: 2%;
-    /deep/ .el-form {
-      .el-col {
-        height: 51px !important;
-        .el-form-item {
-          margin: 11px 0 11px 0 !important;
-          .el-form-item__label {
-            // text-align: right;
-            width: 130px;
-            text-align: right !important;
-            color: var(--white) !important;
-          }
-          .el-form-item__content {
-            .el-select {
-              width: 100% !important;
-              .el-input .el-input__inner {
-                width: 100% !important;
-              }
-            }
-            .el-input {
-              width: 100% !important;
-              .el-input__inner {
-                width: 100% !important;
-                color: var(--white) !important;
-              }
-            }
-
-            i {
-              color: var(--white);
-              font-style: normal !important;
-              padding-right: 5px !important;
-            }
-            //
-          }
-        }
-        // input的单位，i图标
-        // .el-form-item__content i{
-        //   color: var(--white);
-        //   font-style:normal !important;
-        //   padding-right: 5px !important;
-        // }
-        // 普通input框100，select框也100
-        // .el-form-item.el-form-item-input{
-        //   // margin:11px 0 11px 0 !important;
-        //   .el-form-item__content{
-        //     // .el-select, .el-input{
-        //     //   width: 100%;
-        //     // }
-        //     .el-input__inner{
-        //       // width: 100%;
-        //     }
-        //   }
-        // }
-        // 小标题
-        &.subTitle {
-          /* height:40px!important; */
-          line-height: 51px !important;
-          color: var(--diatitle);
-          /* margin-top: 11px; */
-        }
-
-        // 普通switch框，左180，右居中
-        .el-form-item.el-form-item-input.form-switch .el-form-item__label {
-          width: 180px !important;
-        }
-        .el-form-item.el-form-item-input.form-switch .el-form-item__content {
-          // width: 100% !important;
-          text-align: center !important;
-          margin-left: 180px !important;
-        }
-
-        .input-switch-div {
-          position: absolute !important;
-          left: 0 !important;
-          top: 0 !important;
-          width: 1000px !important;
-          display: flex !important;
-          // 土地商情哪里，input content左为0，.input-switch-div定位，el-form-item__content定位66px
-          .el-form-item-input.input-switch .el-form-item__content {
-            margin-left: 0 !important;
-          }
-          .el-form-item-input.input-switch .el-form-item-input {
-            /* display: flex; */
-            margin: initial !important;
-          }
-          .el-form-item .el-form-item__content .el-input .el-input__inner {
-            width: 66px !important;
-          }
-        }
-      }
-    }
-  }
-  // /deep/.el-menu-item{
-  //   background-color: #fff !important;
-  // }
-  /deep/ .el-menu.el-menu-demo.el-menu--horizontal {
-    border-bottom: initial !important;
-    background-color: initial !important;
-    li.el-menu-item {
-      background-image: initial !important;
-      background-color: #fff !important;
-    }
-    .el-menu-item.is-active {
-      // background-color: var(--dialogtitle)!important;
-      // background-color: #fff !important;
-    }
-    .el-menu-item:hover {
-      background-color: #fff !important;
-    }
-  }
-  // .el-menu--horizontal>.el-menu-item.is-active{
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item .is-active {
-  //   background-color: #fff !important;
-  // }
-  // .el-menu-item:hover {
-  //   background-color: #fff !important;
-  // }
-  // /deep/ .el-menu-item {
-  //   background-color: #fff!important;
-  // }
-}
-</style>
diff --git a/src/components/index.vue b/src/components/index.vue
index e859c51..2ac1f4a 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -87,7 +87,7 @@
             <el-submenu index="4" v-has="'m3'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置中心</span>
+                <span>报警预警</span>
               </template>
               <el-menu-item index="/configure/AlarmConfiguration" v-has="'m3-1'"
                 >报警配置</el-menu-item
@@ -103,14 +103,11 @@
                 v-has="'m3-4'"
                 >巡检配置</el-menu-item
               >
-              <el-menu-item index="/configure/RtuConfig" v-has="'m3-4'"
-                >RTU配置</el-menu-item
-              >
             </el-submenu>
             <el-submenu index="13" v-has="'m11'">
               <template slot="title">
                 <i class="el-icon-location"></i>
-                <span>配置管理</span>
+                <span>项目及站点配置</span>
               </template>
               <el-menu-item index="/ConfigManager/project" v-has="'m11-1'"
                 >项目设置</el-menu-item
@@ -126,6 +123,9 @@
               <el-menu-item index="/ConfigManager/factor" v-has="'m11-4'"
                 >因子管理</el-menu-item
               >
+              <el-menu-item index="/ConfigManager/RtuConfig" v-has="'m11-5'"
+                >RTU配置</el-menu-item
+              >
             </el-submenu>
             <el-submenu index="5" v-has="'m4'">
               <template slot="title">
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index bdc1504..909d7ca 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -451,13 +451,13 @@
         });
     },
     // 根据平台渲染站点统计
-    loadSiteNumForOroject(platform) {
+    loadSiteNumForOroject() {
       this.$http
-        .post(this.nozzle.sysPlatformGetSiteCountAndState, {
-          data: { platform: this.ChecksplatformCode }
+        .post(this.nozzle.getSiteNum, {
+          data: { platform: this.ChecksplatformCode, type: "" }
         })
         .then(response => {
-          if (response.data.code === 200) {
+          if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
             this.Site.SOn = this.Site.EOn;
@@ -466,9 +466,9 @@
             this.Project.SOn = this.Project.EOn;
             this.Project.SOff = this.Project.EOff;
             // 将新数据设置成数字滚动的结束值 也就是展示值
-            this.Site.EAll = response.data.data.sitecount;
-            this.Site.EOn = response.data.data.onlinecount;
-            this.Site.EOff = response.data.data.offlinecount;
+            this.Site.EAll = response.data.data.all;
+            this.Site.EOn = response.data.data.online;
+            this.Site.EOff = response.data.data.offline;
             // this.Project.EAll = response.data.data.projectcount;
             // this.Project.EOn = response.data.data.completed;
             // this.Project.EOff = response.data.data.noncompleted;
@@ -615,7 +615,11 @@
     ListClick(index) {
       this.ChecksplatformCode = this.ProjectList[index]["groupNo"];
       // 限制数组的长度不超过10个
-      if (this.historyList.length > 10) {
+      // console.log(this.historyList.length);
+      // console.log(this.ProjectList[index]["groupName"]);
+      var gname = this.ProjectList[index]["groupName"];
+      if (this.historyList.length >= 10 && this.historyList.includes(gname)) {
+      } else if (this.historyList.length >= 10) {
         this.historyList.pop();
       }
       this.historyList = this.selectTag(
@@ -1291,6 +1295,7 @@
   width: 100%;
   height: calc(100% - 40px);
   background: var(--preSiteCentent);
+  overflow: hidden;
 }
 .previewOfSiteStatusCentent .previewButton {
   padding-top: 0.2rem;
diff --git a/src/components/sys/user.vue b/src/components/sys/user.vue
index 537ce78..d9a82d0 100644
--- a/src/components/sys/user.vue
+++ b/src/components/sys/user.vue
@@ -40,7 +40,7 @@
             <span v-else style="color: red">最高权限管理</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="180px">
+        <el-table-column label="操作" width="240px">
           <template slot-scope="scope">
             <el-button
               type="text"
@@ -49,20 +49,22 @@
               v-has="'m9-1-2'"
               >修改用户</el-button
             >
-            <el-button
-              type="text"
-              size="small"
-              @click="handleClick('delete', scope.row)"
-              v-has="'m9-1-3'"
-              >删除用户</el-button
-            >
-            <el-button
-              type="text"
-              size="small"
-              @click="handleClick('reset', scope.row)"
-              v-has="'m9-1-4'"
-              >重置密码</el-button
-            >
+            <template v-if="scope.row.userType !== 1">
+              <el-button
+                type="text"
+                size="small"
+                @click="handleClick('delete', scope.row)"
+                v-has="'m9-1-3'"
+                >删除用户</el-button
+              >
+              <el-button
+                type="text"
+                size="small"
+                @click="handleClick('reset', scope.row)"
+                v-has="'m9-1-4'"
+                >重置密码</el-button
+              >
+            </template>
           </template>
         </el-table-column>
       </el-table>
@@ -149,7 +151,6 @@
         data: {
           id: undefined,
           login: "",
-          pwd: "",
           realName: "", //用户名称
           userType: 0, //类型
           mobile: "", //电话
diff --git a/src/router/index.js b/src/router/index.js
index cb21321..72fad6f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -50,11 +50,6 @@
             require(["@/components/configure/AlarmConfiguration"], resolve)
         },
         {
-          path: "/configure/RtuConfig", // 配置中心--rtu配置
-          name: "RtuConfig",
-          component: () => import("@/components/configure/RtuConfig")
-        },
-        {
           path: "/configure/PushRules", // 配置中心--推送规则
           name: "PushRules",
           component: resolve =>
@@ -97,6 +92,12 @@
             require(["@/components/ConfigManager/factor"], resolve)
         },
         {
+          path: "/ConfigManager/RtuConfig", // 配置管理--rtu配置
+          name: "RtuConfig",
+          component: resolve =>
+            require(["@/components/ConfigManager/RtuConfig"], resolve)
+        },
+        {
           path: "/MessageManagement/MessageQuery", // 消息管理--消息查询
           name: "MessageQuery",
           component: resolve =>