diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
index a323000..120db07 100644
--- a/src/components/ConfigManager/RtuConfig.vue
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="content">
-    <div v-if="!(formAll && formAllBody && formAllBody.length)" style="height:56px">
-
-    </div>
+    <div
+      v-if="!(formAll && formAllBody && formAllBody.length)"
+      style="height:56px"
+    ></div>
     <div
       v-if="formAll && formAllBody && formAllBody.length"
       class="filter-content"
@@ -25,7 +26,7 @@
         :options="querySiteList"
         filterable
         @change="selectChange"
-        ></el-cascader>
+      ></el-cascader>
       <!-- <el-select v-model="querySite" filterable @change="selectChange">
         <el-option
           v-for="(item,index) in querySiteList"
@@ -48,9 +49,13 @@
         提交
       </el-button>
       <div class="rtu-history-box">
-        <el-select v-model="rtuHistoryId" filterable @change="selectRtuHistoryId">
+        <el-select
+          v-model="rtuHistoryId"
+          filterable
+          @change="selectRtuHistoryId"
+        >
           <el-option
-            v-for="(item,index) in rtuHistoryList"
+            v-for="(item, index) in rtuHistoryList"
             :key="index"
             :label="`${item.createTime}`"
             :value="item.id"
@@ -60,7 +65,6 @@
         <el-button type="primary" @click="echoRtuHistory">
           回显历史记录
         </el-button>
-
       </div>
     </div>
     <div id="navMenuContent">
@@ -80,7 +84,15 @@
       </el-menu>
     </div>
     <div class="switchContent">
-      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+      <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`]"
@@ -94,32 +106,36 @@
           >
             <!-- {{`form${index+1}`}} -->
             <div class="row-box">
-
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              :class="{'control-show':!i.isShow, 'rowClass':true}"
-            >
-              <template v-if="i.isBlock">
-                <!-- <div :class="{'control-show':i.isShow}"> -->
+              <el-row
+                v-for="(i, index) in formAllBody[formItemIndex + 1]"
+                :key="index"
+                :class="{ 'control-show': !i.isShow, rowClass: true }"
+              >
+                <template v-if="i.isBlock">
+                  <!-- <div :class="{'control-show':i.isShow}"> -->
                   <el-col :span="6" v-if="i.name" class="subTitle">{{
                     i.name
                   }}</el-col>
                   <el-col
                     :span="6"
-                    v-for="(item) in i.data"
+                    v-for="item in i.data"
                     :key="item.fieldIdentifier"
-                    :class="{'el-col-class':true,'stop':item.hasOwnProperty('isShow') ? !item.isShow : false}"
+                    :class="{
+                      'el-col-class': true,
+                      stop: item.hasOwnProperty('isShow') ? !item.isShow : false
+                    }"
                   >
                     <el-form-item
                       v-if="parseInt(item.fieldType) === 1"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -129,14 +145,16 @@
                       v-if="parseInt(item.fieldType) === 2"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
-                        :class="{'stop':!i.isShow}"
+                        :class="{ stop: !i.isShow }"
                       >
                         <el-option
                           v-for="item in creatListTest(item.selectOption)"
@@ -152,11 +170,16 @@
                       v-if="parseInt(item.fieldType) === 3"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true,'form-switch':true}"
+                      :class="{
+                        'el-form-item-input': true,
+                        'form-switch': true
+                      }"
                     >
                       <el-switch
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         active-color="#13ce66"
                         inactive-color="#ff4949"
@@ -182,11 +205,13 @@
                       v-if="parseInt(item.fieldType) === 5"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -426,18 +451,22 @@
                       v-if="parseInt(item.fieldType) === 6"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         multiple
                         collapse-tags
                       >
                         <el-option
-                          v-for="(item, index) in creatListTest(item.selectOption)"
+                          v-for="(item, index) in creatListTest(
+                            item.selectOption
+                          )"
                           :key="item.code"
                           :label="item.value"
                           :value="index"
@@ -447,11 +476,9 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                <!-- </div> -->
-
-              </template>
-
-            </el-row>
+                  <!-- </div> -->
+                </template>
+              </el-row>
             </div>
           </el-form>
         </div>
@@ -468,15 +495,30 @@
 export default {
   data() {
     return {
-      querySite:[],
-      stCode:'',
-      rtuHistoryId:'',
-      hexRtuCode:'',
-      querySiteList:[],
-      rtuHistoryList:[],
-      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
-      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
-      formAll:[],
+      querySite: [],
+      stCode: "",
+      rtuHistoryId: "",
+      hexRtuCode: "",
+      querySiteList: [],
+      rtuHistoryList: [],
+      siteNameList: [
+        "遥测站设置",
+        "中心站设置",
+        "传感器型号选择",
+        "气象传感通信设置",
+        "工业相机设置",
+        "水文传感通信",
+        "从机设置",
+        "数据滤波",
+        "水位计",
+        "雨量计",
+        "流量计",
+        "蒸发皿",
+        "土壤沉降仪",
+        "4-20mA设置",
+        "其他设置"
+      ],
+      formAll: [],
       // siteNameList:[],
       formAllBody: [],
       activeIndex: "0",
@@ -488,12 +530,12 @@
   //     return this.formAll[0].form1.rtuOutDtu;
   //   }
   // },
-  watch:{
-    'querySite':{
+  watch: {
+    querySite: {
       handler(newValue, oldValue) {
-        console.log('this.formAll[0].form1.rtuOutDtu')
+        console.log("this.formAll[0].form1.rtuOutDtu");
       },
-      deep:true
+      deep: true
     }
   },
   mounted() {
@@ -501,265 +543,477 @@
     //// 第一个函数就是处理你要监听的属性，只要将其return出去就行
     // 外置dtu开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuOutDtu;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '外置DTU设置'){
-            arr[index].isShow =newVal;
+      function() {
+        return this.formAll[0].form1.rtuOutDtu;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "外置DTU设置") {
+            arr[index].isShow = newVal;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // GPRS，LORA开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuInnerMode;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '内置LoRa相关配置'){
-            arr[index].isShow = newVal === 'LORA' ? true : false;
+      function() {
+        return this.formAll[0].form1.rtuInnerMode;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "内置LoRa相关配置") {
+            arr[index].isShow = newVal === "LORA" ? true : false;
           }
-        })
-        this.formAllBody['2'].forEach((item,index,arr)=>{
-          if(item.name === '中心站1'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+        });
+        this.formAllBody["2"].forEach((item, index, arr) => {
+          if (item.name === "中心站1") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站2'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站2") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站3'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站3") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站4(备份站)'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站4(备份站)") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // 水位计雷达
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei1;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][2].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei1;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][2].isShow = true;
         }
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][4].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei2;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][4].isShow = true;
         }
-			}
-    )
+      }
+    );
     //  流量计水鬼
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = ['直接流量输出','安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']
-        var targetStatusArr = [false,true,true,true,false,false,false,false]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          "直接流量输出",
+          "安装高度",
+          "流量校正",
+          "淤积深度",
+          "无效参数",
+          "无效参数",
+          "无效参数",
+          "堰槽截面表高度分辨率"
+        ];
+        var targetStatusArr = [
+          false,
+          true,
+          true,
+          true,
+          false,
+          false,
+          false,
+          false
+        ];
         // let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_jiemian','rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+        let strArr = [
+          "rtull_ll1_jiemian",
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
-			}
-    )
+        });
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF_LZX_2水龟')){
-          this.formAllBody['11'][6].isShow = false
-        }else{
-          this.formAllBody['11'][6].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang2;
+      },
+      function(newVal, oldVal) {
+        if (!(newVal === "NF_LZX_2水龟")) {
+          this.formAllBody["11"][6].isShow = false;
+        } else {
+          this.formAllBody["11"][6].isShow = true;
         }
-			}
-    )
+      }
+    );
     // 遥测站 采集标志 开关， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtucjFlagTrans;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'][0].data[3].isShow = !newVal
-			}
-    )
+      function() {
+        return this.formAll[0].form1.rtucjFlagTrans;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"][0].data[3].isShow = !newVal;
+      }
+    );
     // 外置dtu设置，下拉框
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuother_dtu_type;
-			},
-			function (newVal, oldVal) {
-        var targetArr = [[true,true,true,true,false],[true,true,false,false,false],[false,false,false,false,true],[false,false,false,false,false]]
-        let select= ['LoRa-利尔达CN470','ManThink-门思科技','BC28电信管理平台NB','M5311移动平台NB'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['JoinEUI','频率格式','上行频率','下行频率','电信NB服务ID']
-        this.formAllBody['1'][2].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldName===strArr[i]){
-              arr[index].isShow = targetArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[0].form1.rtuother_dtu_type;
+      },
+      function(newVal, oldVal) {
+        var targetArr = [
+          [true, true, true, true, false],
+          [true, true, false, false, false],
+          [false, false, false, false, true],
+          [false, false, false, false, false]
+        ];
+        let select = [
+          "LoRa-利尔达CN470",
+          "ManThink-门思科技",
+          "BC28电信管理平台NB",
+          "M5311移动平台NB"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = [
+          "JoinEUI",
+          "频率格式",
+          "上行频率",
+          "下行频率",
+          "电信NB服务ID"
+        ];
+        this.formAllBody["1"][2].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldName === strArr[i]) {
+              arr[index].isShow = targetArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 从机1 ，2设置
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj1_canshu1','rtucj1_canshu2','rtucj1_canshu3']
-        this.formAllBody['7'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj1_canshu1", "rtucj1_canshu2", "rtucj1_canshu3"];
+        this.formAllBody["7"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji2;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj2_canshu1','rtucj2_canshu2','rtucj2_canshu3']
-        this.formAllBody['7'][3].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji2;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj2_canshu1", "rtucj2_canshu2", "rtucj2_canshu3"];
+        this.formAllBody["7"][3].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 流量计 流量槽
     this.$watch(
-			function () {
-				return this.formAll[10].form11.rtull_ll1_jiemian;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','窄底宽度','堰槽高度','宽底宽度','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','槽堰直径','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','无效参数','槽堰高度','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','槽堰高度','槽序号','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,true,false],[true,true,true,false,true,false,false],[true,true,true,false,false,false,true],[true,true,true,false,true,false,false],[true,true,true,true,true,false,false]]
-        let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[10].form11.rtull_ll1_jiemian;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "窄底宽度",
+            "堰槽高度",
+            "宽底宽度",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰直径",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "槽堰高度",
+            "槽序号",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [
+          [true, true, true, false, false, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, true, false],
+          [true, true, true, false, true, false, false],
+          [true, true, true, false, false, false, true],
+          [true, true, true, false, true, false, false],
+          [true, true, true, true, true, false, false]
+        ];
+        let select = [
+          "直接流量输出",
+          "三角堰",
+          "矩形堰",
+          "梯形堰",
+          "圆管",
+          "自定义截面",
+          "直角三角堰明渠",
+          "巴歇尔槽明渠"
+        ]; // 下拉框值，
+        let strArr = [
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 蒸发皿
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_zfly;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','量程','最小加水量'],['无效参数','无效参数','最小加水量'],['无效参数','无效参数','最小加水量']]
-        var targetStatusArr = [[true,true,true],[false,false,true],[false,false,true]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['12'][0].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_zfly;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["安装高度", "量程", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"]
+        ];
+        var targetStatusArr = [
+          [true, true, true],
+          [false, false, true],
+          [false, false, true]
+        ];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["12"][0].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 4am， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [[true, true, true, false, false, false, false]];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // bottom
   },
   methods: {
-    switchChange(val){
+    switchChange(val) {
       // console.log(val,this.formAll[0].form1,'change')
     },
-    switchClick(val){
-      console.log(val,'click')
+    switchClick(val) {
+      console.log(val, "click");
     },
     echoClick() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点回显
-      console.log(this.querySite,'this.querySite')
+      console.log(this.querySite, "this.querySite");
       this.formAll = [];
       this.activeIndex = "0";
       // this.getSiteList();
       this.initPage(rtuCode);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
       // this.handleSelect(0)
       // console.log(this.activeIndex)
     },
     echoRtuHistory() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点和历史id，回显
       this.formAll = [];
@@ -770,11 +1024,11 @@
     },
     temStorageEcho() {
       // this.activeIndex = '0'
-      if(localStorage.getItem(name)){
+      if (localStorage.getItem(name)) {
         this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: '暂存回显成功', type: "success" });
-      } else{
-        this.$message({ message: '无暂存内容', type: "warning" });
+        this.$message({ message: "暂存回显成功", type: "success" });
+      } else {
+        this.$message({ message: "无暂存内容", type: "warning" });
       }
       // console.log(JSON.parse(sessionStorage.getItem(name)),111)
     },
@@ -797,7 +1051,10 @@
           if (valid) {
             successCount++;
           } else {
-            this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            this.$message({
+              message: `${this.siteNameList[i]} 校验失败，请查看`,
+              type: "warning"
+            });
             // alert(`${this.siteNameList[i]} 校验失败，请查看`);
             // this.$notify({
             //   title: '警告',
@@ -808,11 +1065,11 @@
             // return false;
           }
         });
-        if(successFlag){
-          return false
+        if (successFlag) {
+          return false;
         }
       }
-      console.log(this.stCode,'form6Inputform6Input9999999')
+      console.log(this.stCode, "form6Inputform6Input9999999");
       if (successCount === this.siteNameList.length) {
         this.$message({ message: "表单全部校验成功", type: "success" });
       } else {
@@ -822,7 +1079,7 @@
       const parmas = {
         data: {
           rtuCode: this.rtuCode,
-          hexRtuCode : this.hexRtuCode,
+          hexRtuCode: this.hexRtuCode,
           rtuTelemeteringStationSetting: this.formAll[0].form1,
           rtuCentreSetting: this.formAll[1].form2,
           rtuSenseTypeSetting: this.formAll[2].form3,
@@ -905,10 +1162,12 @@
       parmas.data["rtuIndustrialCameraSetting"][
         "rtucamera_jiabao"
       ] = rtucamera_jiabaoNew;
-      this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-        // console.log(res,'rTUSettingServiceUpdate')
-        this.echoClick()
-      })
+      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])
@@ -947,18 +1206,18 @@
     },
     selectChange(val) {
       // this.querySite = []
-      this.rtuHistoryId='',
-      // console.log(val,'val')
-      this.echoClick(val);
-      this.getRtuHistoryList()
+      (this.rtuHistoryId = ""),
+        // console.log(val,'val')
+        this.echoClick(val);
+      this.getRtuHistoryList();
     },
     selectChange1(val) {
       // console.log(val,'val') input搜索
       this.echoClick(val);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     },
     selectRtuHistoryId(val) {
-      console.log(val,'selectRtuHistoryId')
+      console.log(val, "selectRtuHistoryId");
       // this.echoClick(val);
     },
     async initPage(site) {
@@ -968,8 +1227,8 @@
       let resFirst = await this.$http.post(
         `${this.nozzle.rTUSettingServiceQueryById}?rtuCode=${site}`
       );
-      if(resFirst.data.msg ===507){
-        this.$message('请更新')
+      if (resFirst.data.msg === 507) {
+        this.$message("请更新");
       }
       let resData = resFirst.data.data;
       let formArr = [
@@ -997,7 +1256,7 @@
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1017,7 +1276,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1093,14 +1352,14 @@
         "rtu4To20Setting",
         "rtuOtherSetting"
       ];
-      console.log(this.formAll,resData,'ressssss')
+      console.log(this.formAll, resData, "ressssss");
       // this.formAll={}
       this.rtuCode = resData.rtuCode;
       this.hexRtuCode = resData.hexRtuCode;
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1120,7 +1379,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1292,9 +1551,9 @@
             var newObj = [];
             // 根据小标题去重
             uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [], isShow:true, isBlock:true };
+              var obj = { name: item, data: [], isShow: true, isBlock: true };
               var data = dataRes[i].forEach(l => {
-                l.isShow = true
+                l.isShow = true;
                 if (
                   l.subTitle === item &&
                   l.subTitle !== "" &&
@@ -1314,27 +1573,27 @@
             this.$set(this.formAllBody, i, newObj);
           }
         }
-        console.log(this.formAllBody,'999')
+        console.log(this.formAllBody, "999");
       });
     },
     async getSiteList() {
       await this.$http
         .post(this.nozzle.rTUSettingServiceQueryList)
         .then(res => {
-          console.log(res.data.data,'resss')
+          console.log(res.data.data, "resss");
           this.querySiteList = res.data.data;
           // this.querySite[0] = this.querySiteList[0].children[0].label;
         });
     },
     async getRtuHistoryList() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       await this.$http
-      //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
+        //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
         .post(`${this.nozzle.queryRTUSettingHistory}?rtuCode=${rtuCode}`)
         .then(res => {
           // console.log(res.data,'resss')
@@ -1343,16 +1602,16 @@
         });
     }
   },
-  created(){
-    this.getSiteList().then(res=>{
+  created() {
+    this.getSiteList().then(res => {
       // this.querySiteList[0].rtuStationCode
       this.initPage(this.querySite);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     });
 
     this.formControl();
     // console.log(666)
-  },
+  }
   // beforeRouteLeave (to, from, next) {
   //   // 导航离开该组件的对应路由时调用
   //   // 可以访问组件实例 `this`
@@ -1373,208 +1632,206 @@
 //     }
 //   }
 // }
-.content{
-    width: 100% !important;
-    height: 100% !important;
-    #navMenuContent {
-      /* height: calc(100% - 20px);
+.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; */
+    width: 100%;
+    /* background-color: #fff; */
+  }
+  .filter-content {
+    text-align: left;
+    padding: 10px;
+    position: relative;
+    .rtu-history-box {
+      padding: 10px 0 0 0;
+      position: absolute;
+      right: 100px;
+      top: 0;
     }
-    .filter-content{
-      text-align:left;padding:10px;position:relative;
-      .rtu-history-box{
-        padding: 10px 0 0 0;
-        position: absolute;
-        right: 100px;
-        top: 0;
+  }
+  .switchContent {
+    // color: rgb(99, 96, 96);
+    color: red;
+    /* background-color: #fff; */
+    /* background-color: #fff; */
+    // color: white !important;
+
+    padding: 2% 0 0 0;
+    /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;
+          }
+        }
+      }
+      .rowClass {
+        .el-col-class {
+          position: relative;
+        }
+      }
+      .rowClass:nth-child(2n + 1) {
+        // background-color: rgba(	245,222,179,0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass:nth-child(2n) {
+        background-color: rgba(144, 147, 153, 0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass.control-show {
+        // background-color: #fff;
+        // cursor: pointer;
+        background-color: #ccc !important;
+        pointer-events: none !important;
+        border: 1px solid pink;
+        box-sizing: border-box;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // .control-show{
+        // }
+      }
+      .stop {
+        background-color: #ccc;
+        pointer-events: none;
+        border-radius: 10px;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // box-shadow: pink 10px 10px 10px ;
+        .el-input__suffix-inner {
+          pointer-events: none;
+        }
       }
     }
-    .switchContent {
-      // color: rgb(99, 96, 96);
-      color: red;
-      /* background-color: #fff; */
-      /* background-color: #fff; */
-      // color: white !important;
-
-      padding: 2% 0 0 0;
-      /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
-              }
-            }
-
-          }
-          .rowClass{
-            .el-col-class{
-              position:relative
-            }
-
-          }
-          .rowClass:nth-child(2n+1){
-            // background-color: rgba(	245,222,179,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass:nth-child(2n){
-            background-color: rgba(144,147,153,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass.control-show{
-              // background-color: #fff;
-              // cursor: pointer;
-              background-color: #ccc!important;
-              pointer-events: none !important;
-              border: 1px solid pink;
-              box-sizing: border-box;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-            // .control-show{
-            // }
-          }
-          .stop {
-              background-color: #ccc;
-              pointer-events: none;
-              border-radius: 10px;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-              // box-shadow: pink 10px 10px 10px ;
-              .el-input__suffix-inner{
-                pointer-events: none;
-              }
-          }
-
-      }
-
-
-
+  }
+  // /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;
     }
-    // /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-item.is-active {
+      // background-color: var(--dialogtitle)!important;
+      // 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;
-    // }
-
+    .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>
+<style>
+.content .switchContent[data-v-6d3cd89e] .el-form .rowClass.control-show {
+  background-color: #968282 !important;
+}
 </style>

diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
index a323000..120db07 100644
--- a/src/components/ConfigManager/RtuConfig.vue
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="content">
-    <div v-if="!(formAll && formAllBody && formAllBody.length)" style="height:56px">
-
-    </div>
+    <div
+      v-if="!(formAll && formAllBody && formAllBody.length)"
+      style="height:56px"
+    ></div>
     <div
       v-if="formAll && formAllBody && formAllBody.length"
       class="filter-content"
@@ -25,7 +26,7 @@
         :options="querySiteList"
         filterable
         @change="selectChange"
-        ></el-cascader>
+      ></el-cascader>
       <!-- <el-select v-model="querySite" filterable @change="selectChange">
         <el-option
           v-for="(item,index) in querySiteList"
@@ -48,9 +49,13 @@
         提交
       </el-button>
       <div class="rtu-history-box">
-        <el-select v-model="rtuHistoryId" filterable @change="selectRtuHistoryId">
+        <el-select
+          v-model="rtuHistoryId"
+          filterable
+          @change="selectRtuHistoryId"
+        >
           <el-option
-            v-for="(item,index) in rtuHistoryList"
+            v-for="(item, index) in rtuHistoryList"
             :key="index"
             :label="`${item.createTime}`"
             :value="item.id"
@@ -60,7 +65,6 @@
         <el-button type="primary" @click="echoRtuHistory">
           回显历史记录
         </el-button>
-
       </div>
     </div>
     <div id="navMenuContent">
@@ -80,7 +84,15 @@
       </el-menu>
     </div>
     <div class="switchContent">
-      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+      <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`]"
@@ -94,32 +106,36 @@
           >
             <!-- {{`form${index+1}`}} -->
             <div class="row-box">
-
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              :class="{'control-show':!i.isShow, 'rowClass':true}"
-            >
-              <template v-if="i.isBlock">
-                <!-- <div :class="{'control-show':i.isShow}"> -->
+              <el-row
+                v-for="(i, index) in formAllBody[formItemIndex + 1]"
+                :key="index"
+                :class="{ 'control-show': !i.isShow, rowClass: true }"
+              >
+                <template v-if="i.isBlock">
+                  <!-- <div :class="{'control-show':i.isShow}"> -->
                   <el-col :span="6" v-if="i.name" class="subTitle">{{
                     i.name
                   }}</el-col>
                   <el-col
                     :span="6"
-                    v-for="(item) in i.data"
+                    v-for="item in i.data"
                     :key="item.fieldIdentifier"
-                    :class="{'el-col-class':true,'stop':item.hasOwnProperty('isShow') ? !item.isShow : false}"
+                    :class="{
+                      'el-col-class': true,
+                      stop: item.hasOwnProperty('isShow') ? !item.isShow : false
+                    }"
                   >
                     <el-form-item
                       v-if="parseInt(item.fieldType) === 1"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -129,14 +145,16 @@
                       v-if="parseInt(item.fieldType) === 2"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
-                        :class="{'stop':!i.isShow}"
+                        :class="{ stop: !i.isShow }"
                       >
                         <el-option
                           v-for="item in creatListTest(item.selectOption)"
@@ -152,11 +170,16 @@
                       v-if="parseInt(item.fieldType) === 3"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true,'form-switch':true}"
+                      :class="{
+                        'el-form-item-input': true,
+                        'form-switch': true
+                      }"
                     >
                       <el-switch
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         active-color="#13ce66"
                         inactive-color="#ff4949"
@@ -182,11 +205,13 @@
                       v-if="parseInt(item.fieldType) === 5"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -426,18 +451,22 @@
                       v-if="parseInt(item.fieldType) === 6"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         multiple
                         collapse-tags
                       >
                         <el-option
-                          v-for="(item, index) in creatListTest(item.selectOption)"
+                          v-for="(item, index) in creatListTest(
+                            item.selectOption
+                          )"
                           :key="item.code"
                           :label="item.value"
                           :value="index"
@@ -447,11 +476,9 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                <!-- </div> -->
-
-              </template>
-
-            </el-row>
+                  <!-- </div> -->
+                </template>
+              </el-row>
             </div>
           </el-form>
         </div>
@@ -468,15 +495,30 @@
 export default {
   data() {
     return {
-      querySite:[],
-      stCode:'',
-      rtuHistoryId:'',
-      hexRtuCode:'',
-      querySiteList:[],
-      rtuHistoryList:[],
-      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
-      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
-      formAll:[],
+      querySite: [],
+      stCode: "",
+      rtuHistoryId: "",
+      hexRtuCode: "",
+      querySiteList: [],
+      rtuHistoryList: [],
+      siteNameList: [
+        "遥测站设置",
+        "中心站设置",
+        "传感器型号选择",
+        "气象传感通信设置",
+        "工业相机设置",
+        "水文传感通信",
+        "从机设置",
+        "数据滤波",
+        "水位计",
+        "雨量计",
+        "流量计",
+        "蒸发皿",
+        "土壤沉降仪",
+        "4-20mA设置",
+        "其他设置"
+      ],
+      formAll: [],
       // siteNameList:[],
       formAllBody: [],
       activeIndex: "0",
@@ -488,12 +530,12 @@
   //     return this.formAll[0].form1.rtuOutDtu;
   //   }
   // },
-  watch:{
-    'querySite':{
+  watch: {
+    querySite: {
       handler(newValue, oldValue) {
-        console.log('this.formAll[0].form1.rtuOutDtu')
+        console.log("this.formAll[0].form1.rtuOutDtu");
       },
-      deep:true
+      deep: true
     }
   },
   mounted() {
@@ -501,265 +543,477 @@
     //// 第一个函数就是处理你要监听的属性，只要将其return出去就行
     // 外置dtu开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuOutDtu;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '外置DTU设置'){
-            arr[index].isShow =newVal;
+      function() {
+        return this.formAll[0].form1.rtuOutDtu;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "外置DTU设置") {
+            arr[index].isShow = newVal;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // GPRS，LORA开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuInnerMode;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '内置LoRa相关配置'){
-            arr[index].isShow = newVal === 'LORA' ? true : false;
+      function() {
+        return this.formAll[0].form1.rtuInnerMode;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "内置LoRa相关配置") {
+            arr[index].isShow = newVal === "LORA" ? true : false;
           }
-        })
-        this.formAllBody['2'].forEach((item,index,arr)=>{
-          if(item.name === '中心站1'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+        });
+        this.formAllBody["2"].forEach((item, index, arr) => {
+          if (item.name === "中心站1") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站2'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站2") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站3'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站3") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站4(备份站)'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站4(备份站)") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // 水位计雷达
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei1;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][2].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei1;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][2].isShow = true;
         }
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][4].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei2;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][4].isShow = true;
         }
-			}
-    )
+      }
+    );
     //  流量计水鬼
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = ['直接流量输出','安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']
-        var targetStatusArr = [false,true,true,true,false,false,false,false]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          "直接流量输出",
+          "安装高度",
+          "流量校正",
+          "淤积深度",
+          "无效参数",
+          "无效参数",
+          "无效参数",
+          "堰槽截面表高度分辨率"
+        ];
+        var targetStatusArr = [
+          false,
+          true,
+          true,
+          true,
+          false,
+          false,
+          false,
+          false
+        ];
         // let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_jiemian','rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+        let strArr = [
+          "rtull_ll1_jiemian",
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
-			}
-    )
+        });
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF_LZX_2水龟')){
-          this.formAllBody['11'][6].isShow = false
-        }else{
-          this.formAllBody['11'][6].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang2;
+      },
+      function(newVal, oldVal) {
+        if (!(newVal === "NF_LZX_2水龟")) {
+          this.formAllBody["11"][6].isShow = false;
+        } else {
+          this.formAllBody["11"][6].isShow = true;
         }
-			}
-    )
+      }
+    );
     // 遥测站 采集标志 开关， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtucjFlagTrans;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'][0].data[3].isShow = !newVal
-			}
-    )
+      function() {
+        return this.formAll[0].form1.rtucjFlagTrans;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"][0].data[3].isShow = !newVal;
+      }
+    );
     // 外置dtu设置，下拉框
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuother_dtu_type;
-			},
-			function (newVal, oldVal) {
-        var targetArr = [[true,true,true,true,false],[true,true,false,false,false],[false,false,false,false,true],[false,false,false,false,false]]
-        let select= ['LoRa-利尔达CN470','ManThink-门思科技','BC28电信管理平台NB','M5311移动平台NB'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['JoinEUI','频率格式','上行频率','下行频率','电信NB服务ID']
-        this.formAllBody['1'][2].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldName===strArr[i]){
-              arr[index].isShow = targetArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[0].form1.rtuother_dtu_type;
+      },
+      function(newVal, oldVal) {
+        var targetArr = [
+          [true, true, true, true, false],
+          [true, true, false, false, false],
+          [false, false, false, false, true],
+          [false, false, false, false, false]
+        ];
+        let select = [
+          "LoRa-利尔达CN470",
+          "ManThink-门思科技",
+          "BC28电信管理平台NB",
+          "M5311移动平台NB"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = [
+          "JoinEUI",
+          "频率格式",
+          "上行频率",
+          "下行频率",
+          "电信NB服务ID"
+        ];
+        this.formAllBody["1"][2].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldName === strArr[i]) {
+              arr[index].isShow = targetArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 从机1 ，2设置
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj1_canshu1','rtucj1_canshu2','rtucj1_canshu3']
-        this.formAllBody['7'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj1_canshu1", "rtucj1_canshu2", "rtucj1_canshu3"];
+        this.formAllBody["7"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji2;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj2_canshu1','rtucj2_canshu2','rtucj2_canshu3']
-        this.formAllBody['7'][3].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji2;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj2_canshu1", "rtucj2_canshu2", "rtucj2_canshu3"];
+        this.formAllBody["7"][3].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 流量计 流量槽
     this.$watch(
-			function () {
-				return this.formAll[10].form11.rtull_ll1_jiemian;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','窄底宽度','堰槽高度','宽底宽度','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','槽堰直径','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','无效参数','槽堰高度','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','槽堰高度','槽序号','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,true,false],[true,true,true,false,true,false,false],[true,true,true,false,false,false,true],[true,true,true,false,true,false,false],[true,true,true,true,true,false,false]]
-        let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[10].form11.rtull_ll1_jiemian;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "窄底宽度",
+            "堰槽高度",
+            "宽底宽度",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰直径",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "槽堰高度",
+            "槽序号",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [
+          [true, true, true, false, false, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, true, false],
+          [true, true, true, false, true, false, false],
+          [true, true, true, false, false, false, true],
+          [true, true, true, false, true, false, false],
+          [true, true, true, true, true, false, false]
+        ];
+        let select = [
+          "直接流量输出",
+          "三角堰",
+          "矩形堰",
+          "梯形堰",
+          "圆管",
+          "自定义截面",
+          "直角三角堰明渠",
+          "巴歇尔槽明渠"
+        ]; // 下拉框值，
+        let strArr = [
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 蒸发皿
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_zfly;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','量程','最小加水量'],['无效参数','无效参数','最小加水量'],['无效参数','无效参数','最小加水量']]
-        var targetStatusArr = [[true,true,true],[false,false,true],[false,false,true]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['12'][0].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_zfly;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["安装高度", "量程", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"]
+        ];
+        var targetStatusArr = [
+          [true, true, true],
+          [false, false, true],
+          [false, false, true]
+        ];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["12"][0].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 4am， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [[true, true, true, false, false, false, false]];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // bottom
   },
   methods: {
-    switchChange(val){
+    switchChange(val) {
       // console.log(val,this.formAll[0].form1,'change')
     },
-    switchClick(val){
-      console.log(val,'click')
+    switchClick(val) {
+      console.log(val, "click");
     },
     echoClick() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点回显
-      console.log(this.querySite,'this.querySite')
+      console.log(this.querySite, "this.querySite");
       this.formAll = [];
       this.activeIndex = "0";
       // this.getSiteList();
       this.initPage(rtuCode);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
       // this.handleSelect(0)
       // console.log(this.activeIndex)
     },
     echoRtuHistory() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点和历史id，回显
       this.formAll = [];
@@ -770,11 +1024,11 @@
     },
     temStorageEcho() {
       // this.activeIndex = '0'
-      if(localStorage.getItem(name)){
+      if (localStorage.getItem(name)) {
         this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: '暂存回显成功', type: "success" });
-      } else{
-        this.$message({ message: '无暂存内容', type: "warning" });
+        this.$message({ message: "暂存回显成功", type: "success" });
+      } else {
+        this.$message({ message: "无暂存内容", type: "warning" });
       }
       // console.log(JSON.parse(sessionStorage.getItem(name)),111)
     },
@@ -797,7 +1051,10 @@
           if (valid) {
             successCount++;
           } else {
-            this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            this.$message({
+              message: `${this.siteNameList[i]} 校验失败，请查看`,
+              type: "warning"
+            });
             // alert(`${this.siteNameList[i]} 校验失败，请查看`);
             // this.$notify({
             //   title: '警告',
@@ -808,11 +1065,11 @@
             // return false;
           }
         });
-        if(successFlag){
-          return false
+        if (successFlag) {
+          return false;
         }
       }
-      console.log(this.stCode,'form6Inputform6Input9999999')
+      console.log(this.stCode, "form6Inputform6Input9999999");
       if (successCount === this.siteNameList.length) {
         this.$message({ message: "表单全部校验成功", type: "success" });
       } else {
@@ -822,7 +1079,7 @@
       const parmas = {
         data: {
           rtuCode: this.rtuCode,
-          hexRtuCode : this.hexRtuCode,
+          hexRtuCode: this.hexRtuCode,
           rtuTelemeteringStationSetting: this.formAll[0].form1,
           rtuCentreSetting: this.formAll[1].form2,
           rtuSenseTypeSetting: this.formAll[2].form3,
@@ -905,10 +1162,12 @@
       parmas.data["rtuIndustrialCameraSetting"][
         "rtucamera_jiabao"
       ] = rtucamera_jiabaoNew;
-      this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-        // console.log(res,'rTUSettingServiceUpdate')
-        this.echoClick()
-      })
+      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])
@@ -947,18 +1206,18 @@
     },
     selectChange(val) {
       // this.querySite = []
-      this.rtuHistoryId='',
-      // console.log(val,'val')
-      this.echoClick(val);
-      this.getRtuHistoryList()
+      (this.rtuHistoryId = ""),
+        // console.log(val,'val')
+        this.echoClick(val);
+      this.getRtuHistoryList();
     },
     selectChange1(val) {
       // console.log(val,'val') input搜索
       this.echoClick(val);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     },
     selectRtuHistoryId(val) {
-      console.log(val,'selectRtuHistoryId')
+      console.log(val, "selectRtuHistoryId");
       // this.echoClick(val);
     },
     async initPage(site) {
@@ -968,8 +1227,8 @@
       let resFirst = await this.$http.post(
         `${this.nozzle.rTUSettingServiceQueryById}?rtuCode=${site}`
       );
-      if(resFirst.data.msg ===507){
-        this.$message('请更新')
+      if (resFirst.data.msg === 507) {
+        this.$message("请更新");
       }
       let resData = resFirst.data.data;
       let formArr = [
@@ -997,7 +1256,7 @@
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1017,7 +1276,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1093,14 +1352,14 @@
         "rtu4To20Setting",
         "rtuOtherSetting"
       ];
-      console.log(this.formAll,resData,'ressssss')
+      console.log(this.formAll, resData, "ressssss");
       // this.formAll={}
       this.rtuCode = resData.rtuCode;
       this.hexRtuCode = resData.hexRtuCode;
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1120,7 +1379,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1292,9 +1551,9 @@
             var newObj = [];
             // 根据小标题去重
             uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [], isShow:true, isBlock:true };
+              var obj = { name: item, data: [], isShow: true, isBlock: true };
               var data = dataRes[i].forEach(l => {
-                l.isShow = true
+                l.isShow = true;
                 if (
                   l.subTitle === item &&
                   l.subTitle !== "" &&
@@ -1314,27 +1573,27 @@
             this.$set(this.formAllBody, i, newObj);
           }
         }
-        console.log(this.formAllBody,'999')
+        console.log(this.formAllBody, "999");
       });
     },
     async getSiteList() {
       await this.$http
         .post(this.nozzle.rTUSettingServiceQueryList)
         .then(res => {
-          console.log(res.data.data,'resss')
+          console.log(res.data.data, "resss");
           this.querySiteList = res.data.data;
           // this.querySite[0] = this.querySiteList[0].children[0].label;
         });
     },
     async getRtuHistoryList() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       await this.$http
-      //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
+        //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
         .post(`${this.nozzle.queryRTUSettingHistory}?rtuCode=${rtuCode}`)
         .then(res => {
           // console.log(res.data,'resss')
@@ -1343,16 +1602,16 @@
         });
     }
   },
-  created(){
-    this.getSiteList().then(res=>{
+  created() {
+    this.getSiteList().then(res => {
       // this.querySiteList[0].rtuStationCode
       this.initPage(this.querySite);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     });
 
     this.formControl();
     // console.log(666)
-  },
+  }
   // beforeRouteLeave (to, from, next) {
   //   // 导航离开该组件的对应路由时调用
   //   // 可以访问组件实例 `this`
@@ -1373,208 +1632,206 @@
 //     }
 //   }
 // }
-.content{
-    width: 100% !important;
-    height: 100% !important;
-    #navMenuContent {
-      /* height: calc(100% - 20px);
+.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; */
+    width: 100%;
+    /* background-color: #fff; */
+  }
+  .filter-content {
+    text-align: left;
+    padding: 10px;
+    position: relative;
+    .rtu-history-box {
+      padding: 10px 0 0 0;
+      position: absolute;
+      right: 100px;
+      top: 0;
     }
-    .filter-content{
-      text-align:left;padding:10px;position:relative;
-      .rtu-history-box{
-        padding: 10px 0 0 0;
-        position: absolute;
-        right: 100px;
-        top: 0;
+  }
+  .switchContent {
+    // color: rgb(99, 96, 96);
+    color: red;
+    /* background-color: #fff; */
+    /* background-color: #fff; */
+    // color: white !important;
+
+    padding: 2% 0 0 0;
+    /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;
+          }
+        }
+      }
+      .rowClass {
+        .el-col-class {
+          position: relative;
+        }
+      }
+      .rowClass:nth-child(2n + 1) {
+        // background-color: rgba(	245,222,179,0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass:nth-child(2n) {
+        background-color: rgba(144, 147, 153, 0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass.control-show {
+        // background-color: #fff;
+        // cursor: pointer;
+        background-color: #ccc !important;
+        pointer-events: none !important;
+        border: 1px solid pink;
+        box-sizing: border-box;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // .control-show{
+        // }
+      }
+      .stop {
+        background-color: #ccc;
+        pointer-events: none;
+        border-radius: 10px;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // box-shadow: pink 10px 10px 10px ;
+        .el-input__suffix-inner {
+          pointer-events: none;
+        }
       }
     }
-    .switchContent {
-      // color: rgb(99, 96, 96);
-      color: red;
-      /* background-color: #fff; */
-      /* background-color: #fff; */
-      // color: white !important;
-
-      padding: 2% 0 0 0;
-      /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
-              }
-            }
-
-          }
-          .rowClass{
-            .el-col-class{
-              position:relative
-            }
-
-          }
-          .rowClass:nth-child(2n+1){
-            // background-color: rgba(	245,222,179,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass:nth-child(2n){
-            background-color: rgba(144,147,153,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass.control-show{
-              // background-color: #fff;
-              // cursor: pointer;
-              background-color: #ccc!important;
-              pointer-events: none !important;
-              border: 1px solid pink;
-              box-sizing: border-box;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-            // .control-show{
-            // }
-          }
-          .stop {
-              background-color: #ccc;
-              pointer-events: none;
-              border-radius: 10px;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-              // box-shadow: pink 10px 10px 10px ;
-              .el-input__suffix-inner{
-                pointer-events: none;
-              }
-          }
-
-      }
-
-
-
+  }
+  // /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;
     }
-    // /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-item.is-active {
+      // background-color: var(--dialogtitle)!important;
+      // 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;
-    // }
-
+    .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>
+<style>
+.content .switchContent[data-v-6d3cd89e] .el-form .rowClass.control-show {
+  background-color: #968282 !important;
+}
 </style>
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 080fc2e..4bace9e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -76,6 +76,15 @@
               +安装位置关键标识，例如[武昌]湖北大学东门监测站点</span
             >
           </el-form-item>
+          <el-form-item label="站点编号" prop="stCode" style="width: 100%">
+            <el-input
+              :disabled="iscodefalse"
+              size="small"
+              v-model="ruleForm.stCode"
+              class="selectInput"
+            ></el-input>
+            <span>站点编号现在暂无规则制定</span>
+          </el-form-item>
           <el-form-item label="站点类型" prop="stationType">
             <el-select
               class="selectInput"
@@ -502,24 +511,26 @@
 import markMap from "./markMap.vue";
 export default {
   components: {
-    markMap,
+    markMap
   },
   data() {
     return {
+      // 判断添加站点和修改时候站点编号是否无法选中
+      iscodefalse: false,
       dialogFormVisible: false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
           searchStr: "",
           startDate: "",
-          endDate: "",
+          endDate: ""
         },
         list: [
           {
             type: "input",
             label: "站点名称/编号",
             value: "searchStr",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -527,7 +538,7 @@
             value: "startDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsStart",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -535,7 +546,7 @@
             value: "endDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsEnd",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "button",
@@ -543,7 +554,7 @@
             btType: "primary",
             icon: "el-icon-search",
             event: "search",
-            show: true,
+            show: true
           },
           {
             type: "button",
@@ -552,7 +563,7 @@
             icon: "el-icon-circle-plus-outline",
             event: "create",
             show: true,
-            disabled: true,
+            // disabled: true,
             has: "m11-2-1"
           }
         ]
@@ -566,21 +577,28 @@
         fieldList: [
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
+          {
+            label: "所属项目",
+            value: "platformName",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "站点类型", value: "stationTypeName", width: 120 },
           {
+            label: "站点存储时间",
+            value: "ut",
+            minWidth: 150,
+            tooltip: true
+          },
+
+          { label: "安装人", value: "person", width: 150 },
+          { label: "关联设备", value: "equips", width: 150, type: "slot" },
+          {
             label: "站点安装时间",
             value: "createTime",
             minWidth: 120,
-            tooltip: true,
-          },
-          { label: "安装人", value: "person", width: 100 },
-          { label: "关联设备", value: "equips", width: 150, type: "slot" },
-          {
-            label: "首次数据接入时间",
-            value: "tt",
-            minWidth: 150,
-            tooltip: true,
-          },
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
@@ -593,10 +611,10 @@
               type: "text",
               event: "update",
               show: true,
-              has: "m11-2-2",
-            },
-          ],
-        },
+              has: "m11-2-2"
+            }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {},
@@ -616,7 +634,7 @@
       xiufulist: [],
       delFlagoptions: [
         { value: "0", lable: "禁用" },
-        { value: "1", lable: "启用" },
+        { value: "1", lable: "启用" }
       ],
       configForm: {
         ruleId: "", //规则引擎
@@ -631,9 +649,9 @@
             property: "", //修复因子
             isEnable: "", //是否启用（0否 1是）
             minValue: 0, //正常范围最小值
-            maxValue: 0, //	正常范围最大值
-          },
-        ],
+            maxValue: 0 //	正常范围最大值
+          }
+        ]
       },
       ruleForm: {
         id: "", //站点ID
@@ -656,72 +674,72 @@
         coordinateSystem: "WGS84坐标系", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       },
       rules: {
-        // area: [
-        //   {
-        //     required: true,
-        //     message: "请选择所属区域",
-        //     trigger: "change"
-        //   }
-        // ],
+        stCode: [
+          {
+            required: true,
+            message: "请填写站点编号",
+            trigger: "blur"
+          }
+        ],
         stationType: [
           {
             required: true,
             message: "请选择站点类型",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         platformCode: [
           {
             required: true,
             message: "请选择所属项目",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         stName: [
           {
             required: true,
             message: "请填写站点名称",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lon: [
           {
             required: true,
             message: "请填写经度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lat: [
           {
             required: true,
             message: "请填写纬度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         coordinateSystem: [
           {
             required: true,
             message: "请填写站点坐标系",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         address: [
           {
             required: true,
             message: "请填写站点安装位置",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         person: [
           {
             required: true,
             message: "请填写安装负责人",
-            trigger: "blur",
-          },
-        ],
+            trigger: "blur"
+          }
+        ]
       },
       value: [],
       // 站点管理/所属区域数组
@@ -732,15 +750,15 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: "",
+          look: ""
         },
         width: "60%",
         visible: false,
         btLoading: false,
         type: "",
         btList: [
-          { label: "关闭", type: "", icon: "", event: "close", show: true },
-        ],
+          { label: "关闭", type: "", icon: "", event: "close", show: true }
+        ]
       },
       //设备表格通用相关
       deviceTableInfo: {
@@ -752,39 +770,39 @@
             label: "设备名称",
             value: "equipDesc",
             minWidth: 100,
-            tooltip: true,
+            tooltip: true
           },
           {
             label: "设备厂家",
             value: "equipFactory",
             minWidth: 150,
-            tooltip: true,
-          },
-        ],
+            tooltip: true
+          }
+        ]
       },
       //已关联设备表格相关
       isRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "",
+          sign: ""
         },
-        selectList: [],
+        selectList: []
       },
       //未关联设备表格相关
       unRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "unbound",
+          sign: "unbound"
         },
-        selectList: [],
+        selectList: []
       },
       //设备关联过滤相关
       deviceRelatedQuery: {
         searchStr: "",
-        siteCode: "",
+        siteCode: ""
       },
       //选中的项目对象
-      projectObj: {},
+      projectObj: {}
     };
   },
   mounted() {
@@ -801,7 +819,7 @@
     isCanInsertDevice() {
       return this.unRelatedDeviceTableInfo.selectList.length ? false : true;
     },
-    ...mapGetters(["allDept", "allRole", "allCity"]),
+    ...mapGetters(["allDept", "allRole", "allCity"])
   },
   watch: {
     "ruleForm.area": {
@@ -817,14 +835,21 @@
           }
         }
       },
-      deep: true, // 深度监听
+
+      deep: true // 深度监听
+    },
+    yzaddflag(isss) {
+      if (!isss) {
+        this.$refs.ruleForm.clearValidate();
+        // console.log(this.$refs.ruleForm.clearValidate());
+      }
     },
     dialogVisible: {
       handler(newVal, oldval) {
         if (oldval) {
           this.dialogImageUrl = "";
         }
-      },
+      }
     },
     "dialogInfo.visible"(val) {
       if (!val) {
@@ -846,7 +871,7 @@
     platformCode(val) {
       console.log(777, val);
       this.ruleForm.platformCode = val;
-    },
+    }
   },
   methods: {
     filterCondition() {
@@ -857,7 +882,7 @@
         property: "", //修复因子
         isEnable: "", //是否启用（0否 1是）
         minValue: 0, //正常范围最小值
-        maxValue: 0, //	正常范围最大值
+        maxValue: 0 //	正常范围最大值
       });
     },
     deleteIcons(index) {
@@ -874,7 +899,7 @@
       } else {
         httpurl = this.nozzle.siterepairconfigmodify;
       }
-      this.$http.post(httpurl, this.configForm).then((res) => {
+      this.$http.post(httpurl, this.configForm).then(res => {
         console.log(res);
         if (res.data.code === 200) {
           this.configtrue = false;
@@ -884,7 +909,7 @@
         this.$message({
           message: res.data.message,
           type: res.data.code === 200 ? "success" : "error",
-          showClose: true,
+          showClose: true
         });
       });
     },
@@ -893,6 +918,18 @@
       this.dialogFormVisible = false;
       this.ruleForm.lon = lonlat[0];
       this.ruleForm.lat = lonlat[1];
+      this.$refs.ruleForm.validateField("lon", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
+      this.$refs.ruleForm.validateField("lat", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
     },
     //坐标拾取地图控件打开
     pickLngLat() {
@@ -921,26 +958,26 @@
       formdata.append("siteNo", this.ruleForm.stCode);
       formdata.append("username", "admin");
       let config = {
-        headers: { "Content-Type": "multipart/form-data" },
+        headers: { "Content-Type": "multipart/form-data" }
       };
       axios
         .post(this.nozzle.upload, formdata, config)
-        .then((res) => {
+        .then(res => {
           if (res.data.code == 1) {
             this.loading = false;
             this.$message({
               message: "上传图片成功！",
-              type: "success",
+              type: "success"
             });
             this.ruleForm.fileList.push(res.data.data[0]);
             this.siteTableInfo.refresh = Math.random();
           }
         })
-        .catch((res) => {
+        .catch(res => {
           this.loading = false;
           this.$message({
             message: "服务器问题！请重试！",
-            type: "warning",
+            type: "warning"
           });
         });
     },
@@ -949,7 +986,7 @@
       this.$confirm("此操作将永久删除该图片文件,无法撤回!是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           let fileNos = [];
@@ -958,33 +995,33 @@
             lock: true,
             text: "正在删除....",
             spinner: "el-icon-loading",
-            background: "rgba(0, 0, 0, 0.7)",
+            background: "rgba(0, 0, 0, 0.7)"
           });
           this.$http
             .post(this.nozzle.delete, {
               data: {
                 siteNo: this.ruleForm.stCode,
-                fileNos: fileNos,
-              },
+                fileNos: fileNos
+              }
             })
-            .then((res) => {
+            .then(res => {
               loadingdelet.close();
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
                 type: res.data.code === 1 ? "success" : "error",
-                message: res.data.msg,
+                message: res.data.msg
               });
-              this.ruleForm.fileList = this.ruleForm.fileList.filter((item) => {
+              this.ruleForm.fileList = this.ruleForm.fileList.filter(item => {
                 return item.fileNo != fileNo;
               });
             })
-            .catch((res) => {
+            .catch(res => {
               loadingdelet.close();
               this.$message({
                 type: "info",
-                message: "删除失败,请重试！",
+                message: "删除失败,请重试！"
               });
             });
         })
@@ -992,7 +1029,7 @@
           loadingdelet.close();
           this.$message({
             type: "info",
-            message: "已取消删除",
+            message: "已取消删除"
           });
         });
     },
@@ -1003,13 +1040,13 @@
     },
     // 弹框提交表单按钮
     saveOru(formName) {
-      this.$refs[formName].validate((valid) => {
+      this.$refs[formName].validate(valid => {
         if (valid) {
           this.$http
             .post(this.nozzle.saveOrupdate, {
-              data: this.ruleForm,
+              data: this.ruleForm
             })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
                 this.yzaddflag = false;
@@ -1017,7 +1054,7 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
         }
@@ -1035,21 +1072,19 @@
       if (visible) {
         this.timer = setInterval(() => {
           NodeList.prototype.forEach = Array.prototype.forEach;
-          document
-            .querySelectorAll(".el-cascader-node__label")
-            .forEach((el) => {
-              el.onclick = function () {
-                if (this.previousElementSibling)
-                  this.previousElementSibling.click();
-              };
-              el.ondblclick = function () {
-                if (Array.isArray(that.$refs.cascader)) {
-                  that.$refs.cascader[0].dropDownVisible = false;
-                } else {
-                  that.$refs.cascader.dropDownVisible = false;
-                }
-              };
-            });
+          document.querySelectorAll(".el-cascader-node__label").forEach(el => {
+            el.onclick = function() {
+              if (this.previousElementSibling)
+                this.previousElementSibling.click();
+            };
+            el.ondblclick = function() {
+              if (Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              } else {
+                that.$refs.cascader.dropDownVisible = false;
+              }
+            };
+          });
         }, 1000);
       } else {
         clearInterval(this.timer);
@@ -1059,8 +1094,8 @@
     async getsityType() {
       const { data } = await this.$http.post(this.nozzle.sityType, {
         data: {
-          siteType: "site_type",
-        },
+          siteType: "site_type"
+        }
       });
       this.siteTypeList = data.data;
     },
@@ -1070,16 +1105,16 @@
         .post(this.nozzle.sysPlatformList, {
           current: 0,
           size: 0,
-          data: { searchStr: "", startDate: "", endDate: "" },
+          data: { searchStr: "", startDate: "", endDate: "" }
         })
-        .then((res) => {
+        .then(res => {
           if (res.data.code === 1) {
-            this.projectList = res.data.data.list.map((item) => {
+            this.projectList = res.data.data.list.map(item => {
               return {
                 id: item.id,
                 key: item.name,
                 value: item.platformCode,
-                areaId: item.area,
+                areaId: item.area
               };
             });
           }
@@ -1106,6 +1141,8 @@
           break;
         //添加站点
         case "create":
+          this.iscodefalse = false;
+          this.projectObj = {};
           this.yzaddflag = true;
           this.title = "新增站点";
           this.syscityList = this.removeEmptyChild(this.allCity);
@@ -1113,12 +1150,13 @@
         //编辑站点
         case "update":
           this.title = "修改站点";
+          this.iscodefalse = true;
           for (let key in data) {
             if (key === "stationType") {
               data[key] = data[key] ? data[key].toString() : "";
             }
             this.projectObj = {
-              value: data.platformCode,
+              value: data.platformCode
             };
             this.ruleForm[key] = data[key];
           }
@@ -1141,28 +1179,28 @@
                 property: "", //修复因子
                 isEnable: "", //是否启用（0否 1是）
                 minValue: 0, //正常范围最小值
-                maxValue: 0, //	正常范围最大值
-              },
-            ],
+                maxValue: 0 //	正常范围最大值
+              }
+            ]
           }),
             console.log(index);
           this.configForm.st = data.stCode;
 
-          this.$http.get(this.nozzle.ruleEngineselectAll).then((res) => {
+          this.$http.get(this.nozzle.ruleEngineselectAll).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.ruleList = res.data.data.list;
               console.log(this.ruleList);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.yulianglist = res.data.data;
               console.log(this.yulianglist);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.guanwanglist = res.data.data;
@@ -1171,7 +1209,7 @@
           });
           this.$http
             .post(this.nozzle.listsitesupportedproperty + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 this.xiufulist = res.data.data;
@@ -1181,7 +1219,7 @@
 
           this.$http
             .post(this.nozzle.siteconfigdetail_by_st + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 if (res.data.data) {
@@ -1199,11 +1237,9 @@
                   this.configForm.siteRepairPropertyConfigList =
                     res.data.data.siteRepairPropertyConfigList;
                   this.configForm.id = res.data.data.id;
-                  this.configForm.siteRepairPropertyConfigList.forEach(
-                    (item) => {
-                      item.isEnable = String(item.isEnable);
-                    }
-                  );
+                  this.configForm.siteRepairPropertyConfigList.forEach(item => {
+                    item.isEnable = String(item.isEnable);
+                  });
                 } else {
                   //新增
                   this.isconfigadd = true;
@@ -1238,15 +1274,15 @@
         //添加设备到站点
         case "insert":
           const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
-            equipNos: insertEquipNoArr,
+            equipNos: insertEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1255,22 +1291,22 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
           break;
         //解绑设备与站点
         case "remove":
           const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
-            equipNos: removeEquipNoArr,
+            equipNos: removeEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1279,10 +1315,10 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             })
-            .catch((e) => {
+            .catch(e => {
               console.log(e);
             });
           break;
@@ -1318,7 +1354,7 @@
         coordinateSystem: "WGS84", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       };
       // this.$refs.cascader.$refs.panel.activePath = [];
       // this.$refs.cascader.$refs.panel.clearCheckedNodes();
@@ -1330,7 +1366,7 @@
     },
     //将空的children置为undefined,避免在没有下一级数据的情况下显示暂无数据
     removeEmptyChild(arr) {
-      arr.forEach((item) => {
+      arr.forEach(item => {
         if (!item.children || item.children.length < 1) {
           item.children = undefined;
         } else {
@@ -1338,11 +1374,11 @@
         }
       });
       return arr;
-    },
+    }
   },
   destroyed() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>

diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
index a323000..120db07 100644
--- a/src/components/ConfigManager/RtuConfig.vue
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="content">
-    <div v-if="!(formAll && formAllBody && formAllBody.length)" style="height:56px">
-
-    </div>
+    <div
+      v-if="!(formAll && formAllBody && formAllBody.length)"
+      style="height:56px"
+    ></div>
     <div
       v-if="formAll && formAllBody && formAllBody.length"
       class="filter-content"
@@ -25,7 +26,7 @@
         :options="querySiteList"
         filterable
         @change="selectChange"
-        ></el-cascader>
+      ></el-cascader>
       <!-- <el-select v-model="querySite" filterable @change="selectChange">
         <el-option
           v-for="(item,index) in querySiteList"
@@ -48,9 +49,13 @@
         提交
       </el-button>
       <div class="rtu-history-box">
-        <el-select v-model="rtuHistoryId" filterable @change="selectRtuHistoryId">
+        <el-select
+          v-model="rtuHistoryId"
+          filterable
+          @change="selectRtuHistoryId"
+        >
           <el-option
-            v-for="(item,index) in rtuHistoryList"
+            v-for="(item, index) in rtuHistoryList"
             :key="index"
             :label="`${item.createTime}`"
             :value="item.id"
@@ -60,7 +65,6 @@
         <el-button type="primary" @click="echoRtuHistory">
           回显历史记录
         </el-button>
-
       </div>
     </div>
     <div id="navMenuContent">
@@ -80,7 +84,15 @@
       </el-menu>
     </div>
     <div class="switchContent">
-      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+      <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`]"
@@ -94,32 +106,36 @@
           >
             <!-- {{`form${index+1}`}} -->
             <div class="row-box">
-
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              :class="{'control-show':!i.isShow, 'rowClass':true}"
-            >
-              <template v-if="i.isBlock">
-                <!-- <div :class="{'control-show':i.isShow}"> -->
+              <el-row
+                v-for="(i, index) in formAllBody[formItemIndex + 1]"
+                :key="index"
+                :class="{ 'control-show': !i.isShow, rowClass: true }"
+              >
+                <template v-if="i.isBlock">
+                  <!-- <div :class="{'control-show':i.isShow}"> -->
                   <el-col :span="6" v-if="i.name" class="subTitle">{{
                     i.name
                   }}</el-col>
                   <el-col
                     :span="6"
-                    v-for="(item) in i.data"
+                    v-for="item in i.data"
                     :key="item.fieldIdentifier"
-                    :class="{'el-col-class':true,'stop':item.hasOwnProperty('isShow') ? !item.isShow : false}"
+                    :class="{
+                      'el-col-class': true,
+                      stop: item.hasOwnProperty('isShow') ? !item.isShow : false
+                    }"
                   >
                     <el-form-item
                       v-if="parseInt(item.fieldType) === 1"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -129,14 +145,16 @@
                       v-if="parseInt(item.fieldType) === 2"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
-                        :class="{'stop':!i.isShow}"
+                        :class="{ stop: !i.isShow }"
                       >
                         <el-option
                           v-for="item in creatListTest(item.selectOption)"
@@ -152,11 +170,16 @@
                       v-if="parseInt(item.fieldType) === 3"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true,'form-switch':true}"
+                      :class="{
+                        'el-form-item-input': true,
+                        'form-switch': true
+                      }"
                     >
                       <el-switch
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         active-color="#13ce66"
                         inactive-color="#ff4949"
@@ -182,11 +205,13 @@
                       v-if="parseInt(item.fieldType) === 5"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -426,18 +451,22 @@
                       v-if="parseInt(item.fieldType) === 6"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         multiple
                         collapse-tags
                       >
                         <el-option
-                          v-for="(item, index) in creatListTest(item.selectOption)"
+                          v-for="(item, index) in creatListTest(
+                            item.selectOption
+                          )"
                           :key="item.code"
                           :label="item.value"
                           :value="index"
@@ -447,11 +476,9 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                <!-- </div> -->
-
-              </template>
-
-            </el-row>
+                  <!-- </div> -->
+                </template>
+              </el-row>
             </div>
           </el-form>
         </div>
@@ -468,15 +495,30 @@
 export default {
   data() {
     return {
-      querySite:[],
-      stCode:'',
-      rtuHistoryId:'',
-      hexRtuCode:'',
-      querySiteList:[],
-      rtuHistoryList:[],
-      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
-      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
-      formAll:[],
+      querySite: [],
+      stCode: "",
+      rtuHistoryId: "",
+      hexRtuCode: "",
+      querySiteList: [],
+      rtuHistoryList: [],
+      siteNameList: [
+        "遥测站设置",
+        "中心站设置",
+        "传感器型号选择",
+        "气象传感通信设置",
+        "工业相机设置",
+        "水文传感通信",
+        "从机设置",
+        "数据滤波",
+        "水位计",
+        "雨量计",
+        "流量计",
+        "蒸发皿",
+        "土壤沉降仪",
+        "4-20mA设置",
+        "其他设置"
+      ],
+      formAll: [],
       // siteNameList:[],
       formAllBody: [],
       activeIndex: "0",
@@ -488,12 +530,12 @@
   //     return this.formAll[0].form1.rtuOutDtu;
   //   }
   // },
-  watch:{
-    'querySite':{
+  watch: {
+    querySite: {
       handler(newValue, oldValue) {
-        console.log('this.formAll[0].form1.rtuOutDtu')
+        console.log("this.formAll[0].form1.rtuOutDtu");
       },
-      deep:true
+      deep: true
     }
   },
   mounted() {
@@ -501,265 +543,477 @@
     //// 第一个函数就是处理你要监听的属性，只要将其return出去就行
     // 外置dtu开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuOutDtu;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '外置DTU设置'){
-            arr[index].isShow =newVal;
+      function() {
+        return this.formAll[0].form1.rtuOutDtu;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "外置DTU设置") {
+            arr[index].isShow = newVal;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // GPRS，LORA开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuInnerMode;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '内置LoRa相关配置'){
-            arr[index].isShow = newVal === 'LORA' ? true : false;
+      function() {
+        return this.formAll[0].form1.rtuInnerMode;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "内置LoRa相关配置") {
+            arr[index].isShow = newVal === "LORA" ? true : false;
           }
-        })
-        this.formAllBody['2'].forEach((item,index,arr)=>{
-          if(item.name === '中心站1'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+        });
+        this.formAllBody["2"].forEach((item, index, arr) => {
+          if (item.name === "中心站1") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站2'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站2") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站3'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站3") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站4(备份站)'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站4(备份站)") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // 水位计雷达
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei1;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][2].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei1;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][2].isShow = true;
         }
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][4].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei2;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][4].isShow = true;
         }
-			}
-    )
+      }
+    );
     //  流量计水鬼
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = ['直接流量输出','安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']
-        var targetStatusArr = [false,true,true,true,false,false,false,false]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          "直接流量输出",
+          "安装高度",
+          "流量校正",
+          "淤积深度",
+          "无效参数",
+          "无效参数",
+          "无效参数",
+          "堰槽截面表高度分辨率"
+        ];
+        var targetStatusArr = [
+          false,
+          true,
+          true,
+          true,
+          false,
+          false,
+          false,
+          false
+        ];
         // let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_jiemian','rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+        let strArr = [
+          "rtull_ll1_jiemian",
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
-			}
-    )
+        });
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF_LZX_2水龟')){
-          this.formAllBody['11'][6].isShow = false
-        }else{
-          this.formAllBody['11'][6].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang2;
+      },
+      function(newVal, oldVal) {
+        if (!(newVal === "NF_LZX_2水龟")) {
+          this.formAllBody["11"][6].isShow = false;
+        } else {
+          this.formAllBody["11"][6].isShow = true;
         }
-			}
-    )
+      }
+    );
     // 遥测站 采集标志 开关， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtucjFlagTrans;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'][0].data[3].isShow = !newVal
-			}
-    )
+      function() {
+        return this.formAll[0].form1.rtucjFlagTrans;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"][0].data[3].isShow = !newVal;
+      }
+    );
     // 外置dtu设置，下拉框
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuother_dtu_type;
-			},
-			function (newVal, oldVal) {
-        var targetArr = [[true,true,true,true,false],[true,true,false,false,false],[false,false,false,false,true],[false,false,false,false,false]]
-        let select= ['LoRa-利尔达CN470','ManThink-门思科技','BC28电信管理平台NB','M5311移动平台NB'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['JoinEUI','频率格式','上行频率','下行频率','电信NB服务ID']
-        this.formAllBody['1'][2].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldName===strArr[i]){
-              arr[index].isShow = targetArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[0].form1.rtuother_dtu_type;
+      },
+      function(newVal, oldVal) {
+        var targetArr = [
+          [true, true, true, true, false],
+          [true, true, false, false, false],
+          [false, false, false, false, true],
+          [false, false, false, false, false]
+        ];
+        let select = [
+          "LoRa-利尔达CN470",
+          "ManThink-门思科技",
+          "BC28电信管理平台NB",
+          "M5311移动平台NB"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = [
+          "JoinEUI",
+          "频率格式",
+          "上行频率",
+          "下行频率",
+          "电信NB服务ID"
+        ];
+        this.formAllBody["1"][2].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldName === strArr[i]) {
+              arr[index].isShow = targetArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 从机1 ，2设置
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj1_canshu1','rtucj1_canshu2','rtucj1_canshu3']
-        this.formAllBody['7'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj1_canshu1", "rtucj1_canshu2", "rtucj1_canshu3"];
+        this.formAllBody["7"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji2;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj2_canshu1','rtucj2_canshu2','rtucj2_canshu3']
-        this.formAllBody['7'][3].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji2;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj2_canshu1", "rtucj2_canshu2", "rtucj2_canshu3"];
+        this.formAllBody["7"][3].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 流量计 流量槽
     this.$watch(
-			function () {
-				return this.formAll[10].form11.rtull_ll1_jiemian;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','窄底宽度','堰槽高度','宽底宽度','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','槽堰直径','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','无效参数','槽堰高度','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','槽堰高度','槽序号','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,true,false],[true,true,true,false,true,false,false],[true,true,true,false,false,false,true],[true,true,true,false,true,false,false],[true,true,true,true,true,false,false]]
-        let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[10].form11.rtull_ll1_jiemian;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "窄底宽度",
+            "堰槽高度",
+            "宽底宽度",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰直径",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "槽堰高度",
+            "槽序号",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [
+          [true, true, true, false, false, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, true, false],
+          [true, true, true, false, true, false, false],
+          [true, true, true, false, false, false, true],
+          [true, true, true, false, true, false, false],
+          [true, true, true, true, true, false, false]
+        ];
+        let select = [
+          "直接流量输出",
+          "三角堰",
+          "矩形堰",
+          "梯形堰",
+          "圆管",
+          "自定义截面",
+          "直角三角堰明渠",
+          "巴歇尔槽明渠"
+        ]; // 下拉框值，
+        let strArr = [
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 蒸发皿
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_zfly;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','量程','最小加水量'],['无效参数','无效参数','最小加水量'],['无效参数','无效参数','最小加水量']]
-        var targetStatusArr = [[true,true,true],[false,false,true],[false,false,true]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['12'][0].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_zfly;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["安装高度", "量程", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"]
+        ];
+        var targetStatusArr = [
+          [true, true, true],
+          [false, false, true],
+          [false, false, true]
+        ];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["12"][0].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 4am， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [[true, true, true, false, false, false, false]];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // bottom
   },
   methods: {
-    switchChange(val){
+    switchChange(val) {
       // console.log(val,this.formAll[0].form1,'change')
     },
-    switchClick(val){
-      console.log(val,'click')
+    switchClick(val) {
+      console.log(val, "click");
     },
     echoClick() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点回显
-      console.log(this.querySite,'this.querySite')
+      console.log(this.querySite, "this.querySite");
       this.formAll = [];
       this.activeIndex = "0";
       // this.getSiteList();
       this.initPage(rtuCode);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
       // this.handleSelect(0)
       // console.log(this.activeIndex)
     },
     echoRtuHistory() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点和历史id，回显
       this.formAll = [];
@@ -770,11 +1024,11 @@
     },
     temStorageEcho() {
       // this.activeIndex = '0'
-      if(localStorage.getItem(name)){
+      if (localStorage.getItem(name)) {
         this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: '暂存回显成功', type: "success" });
-      } else{
-        this.$message({ message: '无暂存内容', type: "warning" });
+        this.$message({ message: "暂存回显成功", type: "success" });
+      } else {
+        this.$message({ message: "无暂存内容", type: "warning" });
       }
       // console.log(JSON.parse(sessionStorage.getItem(name)),111)
     },
@@ -797,7 +1051,10 @@
           if (valid) {
             successCount++;
           } else {
-            this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            this.$message({
+              message: `${this.siteNameList[i]} 校验失败，请查看`,
+              type: "warning"
+            });
             // alert(`${this.siteNameList[i]} 校验失败，请查看`);
             // this.$notify({
             //   title: '警告',
@@ -808,11 +1065,11 @@
             // return false;
           }
         });
-        if(successFlag){
-          return false
+        if (successFlag) {
+          return false;
         }
       }
-      console.log(this.stCode,'form6Inputform6Input9999999')
+      console.log(this.stCode, "form6Inputform6Input9999999");
       if (successCount === this.siteNameList.length) {
         this.$message({ message: "表单全部校验成功", type: "success" });
       } else {
@@ -822,7 +1079,7 @@
       const parmas = {
         data: {
           rtuCode: this.rtuCode,
-          hexRtuCode : this.hexRtuCode,
+          hexRtuCode: this.hexRtuCode,
           rtuTelemeteringStationSetting: this.formAll[0].form1,
           rtuCentreSetting: this.formAll[1].form2,
           rtuSenseTypeSetting: this.formAll[2].form3,
@@ -905,10 +1162,12 @@
       parmas.data["rtuIndustrialCameraSetting"][
         "rtucamera_jiabao"
       ] = rtucamera_jiabaoNew;
-      this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-        // console.log(res,'rTUSettingServiceUpdate')
-        this.echoClick()
-      })
+      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])
@@ -947,18 +1206,18 @@
     },
     selectChange(val) {
       // this.querySite = []
-      this.rtuHistoryId='',
-      // console.log(val,'val')
-      this.echoClick(val);
-      this.getRtuHistoryList()
+      (this.rtuHistoryId = ""),
+        // console.log(val,'val')
+        this.echoClick(val);
+      this.getRtuHistoryList();
     },
     selectChange1(val) {
       // console.log(val,'val') input搜索
       this.echoClick(val);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     },
     selectRtuHistoryId(val) {
-      console.log(val,'selectRtuHistoryId')
+      console.log(val, "selectRtuHistoryId");
       // this.echoClick(val);
     },
     async initPage(site) {
@@ -968,8 +1227,8 @@
       let resFirst = await this.$http.post(
         `${this.nozzle.rTUSettingServiceQueryById}?rtuCode=${site}`
       );
-      if(resFirst.data.msg ===507){
-        this.$message('请更新')
+      if (resFirst.data.msg === 507) {
+        this.$message("请更新");
       }
       let resData = resFirst.data.data;
       let formArr = [
@@ -997,7 +1256,7 @@
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1017,7 +1276,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1093,14 +1352,14 @@
         "rtu4To20Setting",
         "rtuOtherSetting"
       ];
-      console.log(this.formAll,resData,'ressssss')
+      console.log(this.formAll, resData, "ressssss");
       // this.formAll={}
       this.rtuCode = resData.rtuCode;
       this.hexRtuCode = resData.hexRtuCode;
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1120,7 +1379,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1292,9 +1551,9 @@
             var newObj = [];
             // 根据小标题去重
             uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [], isShow:true, isBlock:true };
+              var obj = { name: item, data: [], isShow: true, isBlock: true };
               var data = dataRes[i].forEach(l => {
-                l.isShow = true
+                l.isShow = true;
                 if (
                   l.subTitle === item &&
                   l.subTitle !== "" &&
@@ -1314,27 +1573,27 @@
             this.$set(this.formAllBody, i, newObj);
           }
         }
-        console.log(this.formAllBody,'999')
+        console.log(this.formAllBody, "999");
       });
     },
     async getSiteList() {
       await this.$http
         .post(this.nozzle.rTUSettingServiceQueryList)
         .then(res => {
-          console.log(res.data.data,'resss')
+          console.log(res.data.data, "resss");
           this.querySiteList = res.data.data;
           // this.querySite[0] = this.querySiteList[0].children[0].label;
         });
     },
     async getRtuHistoryList() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       await this.$http
-      //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
+        //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
         .post(`${this.nozzle.queryRTUSettingHistory}?rtuCode=${rtuCode}`)
         .then(res => {
           // console.log(res.data,'resss')
@@ -1343,16 +1602,16 @@
         });
     }
   },
-  created(){
-    this.getSiteList().then(res=>{
+  created() {
+    this.getSiteList().then(res => {
       // this.querySiteList[0].rtuStationCode
       this.initPage(this.querySite);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     });
 
     this.formControl();
     // console.log(666)
-  },
+  }
   // beforeRouteLeave (to, from, next) {
   //   // 导航离开该组件的对应路由时调用
   //   // 可以访问组件实例 `this`
@@ -1373,208 +1632,206 @@
 //     }
 //   }
 // }
-.content{
-    width: 100% !important;
-    height: 100% !important;
-    #navMenuContent {
-      /* height: calc(100% - 20px);
+.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; */
+    width: 100%;
+    /* background-color: #fff; */
+  }
+  .filter-content {
+    text-align: left;
+    padding: 10px;
+    position: relative;
+    .rtu-history-box {
+      padding: 10px 0 0 0;
+      position: absolute;
+      right: 100px;
+      top: 0;
     }
-    .filter-content{
-      text-align:left;padding:10px;position:relative;
-      .rtu-history-box{
-        padding: 10px 0 0 0;
-        position: absolute;
-        right: 100px;
-        top: 0;
+  }
+  .switchContent {
+    // color: rgb(99, 96, 96);
+    color: red;
+    /* background-color: #fff; */
+    /* background-color: #fff; */
+    // color: white !important;
+
+    padding: 2% 0 0 0;
+    /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;
+          }
+        }
+      }
+      .rowClass {
+        .el-col-class {
+          position: relative;
+        }
+      }
+      .rowClass:nth-child(2n + 1) {
+        // background-color: rgba(	245,222,179,0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass:nth-child(2n) {
+        background-color: rgba(144, 147, 153, 0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass.control-show {
+        // background-color: #fff;
+        // cursor: pointer;
+        background-color: #ccc !important;
+        pointer-events: none !important;
+        border: 1px solid pink;
+        box-sizing: border-box;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // .control-show{
+        // }
+      }
+      .stop {
+        background-color: #ccc;
+        pointer-events: none;
+        border-radius: 10px;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // box-shadow: pink 10px 10px 10px ;
+        .el-input__suffix-inner {
+          pointer-events: none;
+        }
       }
     }
-    .switchContent {
-      // color: rgb(99, 96, 96);
-      color: red;
-      /* background-color: #fff; */
-      /* background-color: #fff; */
-      // color: white !important;
-
-      padding: 2% 0 0 0;
-      /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
-              }
-            }
-
-          }
-          .rowClass{
-            .el-col-class{
-              position:relative
-            }
-
-          }
-          .rowClass:nth-child(2n+1){
-            // background-color: rgba(	245,222,179,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass:nth-child(2n){
-            background-color: rgba(144,147,153,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass.control-show{
-              // background-color: #fff;
-              // cursor: pointer;
-              background-color: #ccc!important;
-              pointer-events: none !important;
-              border: 1px solid pink;
-              box-sizing: border-box;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-            // .control-show{
-            // }
-          }
-          .stop {
-              background-color: #ccc;
-              pointer-events: none;
-              border-radius: 10px;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-              // box-shadow: pink 10px 10px 10px ;
-              .el-input__suffix-inner{
-                pointer-events: none;
-              }
-          }
-
-      }
-
-
-
+  }
+  // /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;
     }
-    // /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-item.is-active {
+      // background-color: var(--dialogtitle)!important;
+      // 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;
-    // }
-
+    .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>
+<style>
+.content .switchContent[data-v-6d3cd89e] .el-form .rowClass.control-show {
+  background-color: #968282 !important;
+}
 </style>
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 080fc2e..4bace9e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -76,6 +76,15 @@
               +安装位置关键标识，例如[武昌]湖北大学东门监测站点</span
             >
           </el-form-item>
+          <el-form-item label="站点编号" prop="stCode" style="width: 100%">
+            <el-input
+              :disabled="iscodefalse"
+              size="small"
+              v-model="ruleForm.stCode"
+              class="selectInput"
+            ></el-input>
+            <span>站点编号现在暂无规则制定</span>
+          </el-form-item>
           <el-form-item label="站点类型" prop="stationType">
             <el-select
               class="selectInput"
@@ -502,24 +511,26 @@
 import markMap from "./markMap.vue";
 export default {
   components: {
-    markMap,
+    markMap
   },
   data() {
     return {
+      // 判断添加站点和修改时候站点编号是否无法选中
+      iscodefalse: false,
       dialogFormVisible: false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
           searchStr: "",
           startDate: "",
-          endDate: "",
+          endDate: ""
         },
         list: [
           {
             type: "input",
             label: "站点名称/编号",
             value: "searchStr",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -527,7 +538,7 @@
             value: "startDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsStart",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -535,7 +546,7 @@
             value: "endDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsEnd",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "button",
@@ -543,7 +554,7 @@
             btType: "primary",
             icon: "el-icon-search",
             event: "search",
-            show: true,
+            show: true
           },
           {
             type: "button",
@@ -552,7 +563,7 @@
             icon: "el-icon-circle-plus-outline",
             event: "create",
             show: true,
-            disabled: true,
+            // disabled: true,
             has: "m11-2-1"
           }
         ]
@@ -566,21 +577,28 @@
         fieldList: [
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
+          {
+            label: "所属项目",
+            value: "platformName",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "站点类型", value: "stationTypeName", width: 120 },
           {
+            label: "站点存储时间",
+            value: "ut",
+            minWidth: 150,
+            tooltip: true
+          },
+
+          { label: "安装人", value: "person", width: 150 },
+          { label: "关联设备", value: "equips", width: 150, type: "slot" },
+          {
             label: "站点安装时间",
             value: "createTime",
             minWidth: 120,
-            tooltip: true,
-          },
-          { label: "安装人", value: "person", width: 100 },
-          { label: "关联设备", value: "equips", width: 150, type: "slot" },
-          {
-            label: "首次数据接入时间",
-            value: "tt",
-            minWidth: 150,
-            tooltip: true,
-          },
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
@@ -593,10 +611,10 @@
               type: "text",
               event: "update",
               show: true,
-              has: "m11-2-2",
-            },
-          ],
-        },
+              has: "m11-2-2"
+            }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {},
@@ -616,7 +634,7 @@
       xiufulist: [],
       delFlagoptions: [
         { value: "0", lable: "禁用" },
-        { value: "1", lable: "启用" },
+        { value: "1", lable: "启用" }
       ],
       configForm: {
         ruleId: "", //规则引擎
@@ -631,9 +649,9 @@
             property: "", //修复因子
             isEnable: "", //是否启用（0否 1是）
             minValue: 0, //正常范围最小值
-            maxValue: 0, //	正常范围最大值
-          },
-        ],
+            maxValue: 0 //	正常范围最大值
+          }
+        ]
       },
       ruleForm: {
         id: "", //站点ID
@@ -656,72 +674,72 @@
         coordinateSystem: "WGS84坐标系", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       },
       rules: {
-        // area: [
-        //   {
-        //     required: true,
-        //     message: "请选择所属区域",
-        //     trigger: "change"
-        //   }
-        // ],
+        stCode: [
+          {
+            required: true,
+            message: "请填写站点编号",
+            trigger: "blur"
+          }
+        ],
         stationType: [
           {
             required: true,
             message: "请选择站点类型",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         platformCode: [
           {
             required: true,
             message: "请选择所属项目",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         stName: [
           {
             required: true,
             message: "请填写站点名称",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lon: [
           {
             required: true,
             message: "请填写经度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lat: [
           {
             required: true,
             message: "请填写纬度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         coordinateSystem: [
           {
             required: true,
             message: "请填写站点坐标系",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         address: [
           {
             required: true,
             message: "请填写站点安装位置",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         person: [
           {
             required: true,
             message: "请填写安装负责人",
-            trigger: "blur",
-          },
-        ],
+            trigger: "blur"
+          }
+        ]
       },
       value: [],
       // 站点管理/所属区域数组
@@ -732,15 +750,15 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: "",
+          look: ""
         },
         width: "60%",
         visible: false,
         btLoading: false,
         type: "",
         btList: [
-          { label: "关闭", type: "", icon: "", event: "close", show: true },
-        ],
+          { label: "关闭", type: "", icon: "", event: "close", show: true }
+        ]
       },
       //设备表格通用相关
       deviceTableInfo: {
@@ -752,39 +770,39 @@
             label: "设备名称",
             value: "equipDesc",
             minWidth: 100,
-            tooltip: true,
+            tooltip: true
           },
           {
             label: "设备厂家",
             value: "equipFactory",
             minWidth: 150,
-            tooltip: true,
-          },
-        ],
+            tooltip: true
+          }
+        ]
       },
       //已关联设备表格相关
       isRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "",
+          sign: ""
         },
-        selectList: [],
+        selectList: []
       },
       //未关联设备表格相关
       unRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "unbound",
+          sign: "unbound"
         },
-        selectList: [],
+        selectList: []
       },
       //设备关联过滤相关
       deviceRelatedQuery: {
         searchStr: "",
-        siteCode: "",
+        siteCode: ""
       },
       //选中的项目对象
-      projectObj: {},
+      projectObj: {}
     };
   },
   mounted() {
@@ -801,7 +819,7 @@
     isCanInsertDevice() {
       return this.unRelatedDeviceTableInfo.selectList.length ? false : true;
     },
-    ...mapGetters(["allDept", "allRole", "allCity"]),
+    ...mapGetters(["allDept", "allRole", "allCity"])
   },
   watch: {
     "ruleForm.area": {
@@ -817,14 +835,21 @@
           }
         }
       },
-      deep: true, // 深度监听
+
+      deep: true // 深度监听
+    },
+    yzaddflag(isss) {
+      if (!isss) {
+        this.$refs.ruleForm.clearValidate();
+        // console.log(this.$refs.ruleForm.clearValidate());
+      }
     },
     dialogVisible: {
       handler(newVal, oldval) {
         if (oldval) {
           this.dialogImageUrl = "";
         }
-      },
+      }
     },
     "dialogInfo.visible"(val) {
       if (!val) {
@@ -846,7 +871,7 @@
     platformCode(val) {
       console.log(777, val);
       this.ruleForm.platformCode = val;
-    },
+    }
   },
   methods: {
     filterCondition() {
@@ -857,7 +882,7 @@
         property: "", //修复因子
         isEnable: "", //是否启用（0否 1是）
         minValue: 0, //正常范围最小值
-        maxValue: 0, //	正常范围最大值
+        maxValue: 0 //	正常范围最大值
       });
     },
     deleteIcons(index) {
@@ -874,7 +899,7 @@
       } else {
         httpurl = this.nozzle.siterepairconfigmodify;
       }
-      this.$http.post(httpurl, this.configForm).then((res) => {
+      this.$http.post(httpurl, this.configForm).then(res => {
         console.log(res);
         if (res.data.code === 200) {
           this.configtrue = false;
@@ -884,7 +909,7 @@
         this.$message({
           message: res.data.message,
           type: res.data.code === 200 ? "success" : "error",
-          showClose: true,
+          showClose: true
         });
       });
     },
@@ -893,6 +918,18 @@
       this.dialogFormVisible = false;
       this.ruleForm.lon = lonlat[0];
       this.ruleForm.lat = lonlat[1];
+      this.$refs.ruleForm.validateField("lon", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
+      this.$refs.ruleForm.validateField("lat", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
     },
     //坐标拾取地图控件打开
     pickLngLat() {
@@ -921,26 +958,26 @@
       formdata.append("siteNo", this.ruleForm.stCode);
       formdata.append("username", "admin");
       let config = {
-        headers: { "Content-Type": "multipart/form-data" },
+        headers: { "Content-Type": "multipart/form-data" }
       };
       axios
         .post(this.nozzle.upload, formdata, config)
-        .then((res) => {
+        .then(res => {
           if (res.data.code == 1) {
             this.loading = false;
             this.$message({
               message: "上传图片成功！",
-              type: "success",
+              type: "success"
             });
             this.ruleForm.fileList.push(res.data.data[0]);
             this.siteTableInfo.refresh = Math.random();
           }
         })
-        .catch((res) => {
+        .catch(res => {
           this.loading = false;
           this.$message({
             message: "服务器问题！请重试！",
-            type: "warning",
+            type: "warning"
           });
         });
     },
@@ -949,7 +986,7 @@
       this.$confirm("此操作将永久删除该图片文件,无法撤回!是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           let fileNos = [];
@@ -958,33 +995,33 @@
             lock: true,
             text: "正在删除....",
             spinner: "el-icon-loading",
-            background: "rgba(0, 0, 0, 0.7)",
+            background: "rgba(0, 0, 0, 0.7)"
           });
           this.$http
             .post(this.nozzle.delete, {
               data: {
                 siteNo: this.ruleForm.stCode,
-                fileNos: fileNos,
-              },
+                fileNos: fileNos
+              }
             })
-            .then((res) => {
+            .then(res => {
               loadingdelet.close();
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
                 type: res.data.code === 1 ? "success" : "error",
-                message: res.data.msg,
+                message: res.data.msg
               });
-              this.ruleForm.fileList = this.ruleForm.fileList.filter((item) => {
+              this.ruleForm.fileList = this.ruleForm.fileList.filter(item => {
                 return item.fileNo != fileNo;
               });
             })
-            .catch((res) => {
+            .catch(res => {
               loadingdelet.close();
               this.$message({
                 type: "info",
-                message: "删除失败,请重试！",
+                message: "删除失败,请重试！"
               });
             });
         })
@@ -992,7 +1029,7 @@
           loadingdelet.close();
           this.$message({
             type: "info",
-            message: "已取消删除",
+            message: "已取消删除"
           });
         });
     },
@@ -1003,13 +1040,13 @@
     },
     // 弹框提交表单按钮
     saveOru(formName) {
-      this.$refs[formName].validate((valid) => {
+      this.$refs[formName].validate(valid => {
         if (valid) {
           this.$http
             .post(this.nozzle.saveOrupdate, {
-              data: this.ruleForm,
+              data: this.ruleForm
             })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
                 this.yzaddflag = false;
@@ -1017,7 +1054,7 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
         }
@@ -1035,21 +1072,19 @@
       if (visible) {
         this.timer = setInterval(() => {
           NodeList.prototype.forEach = Array.prototype.forEach;
-          document
-            .querySelectorAll(".el-cascader-node__label")
-            .forEach((el) => {
-              el.onclick = function () {
-                if (this.previousElementSibling)
-                  this.previousElementSibling.click();
-              };
-              el.ondblclick = function () {
-                if (Array.isArray(that.$refs.cascader)) {
-                  that.$refs.cascader[0].dropDownVisible = false;
-                } else {
-                  that.$refs.cascader.dropDownVisible = false;
-                }
-              };
-            });
+          document.querySelectorAll(".el-cascader-node__label").forEach(el => {
+            el.onclick = function() {
+              if (this.previousElementSibling)
+                this.previousElementSibling.click();
+            };
+            el.ondblclick = function() {
+              if (Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              } else {
+                that.$refs.cascader.dropDownVisible = false;
+              }
+            };
+          });
         }, 1000);
       } else {
         clearInterval(this.timer);
@@ -1059,8 +1094,8 @@
     async getsityType() {
       const { data } = await this.$http.post(this.nozzle.sityType, {
         data: {
-          siteType: "site_type",
-        },
+          siteType: "site_type"
+        }
       });
       this.siteTypeList = data.data;
     },
@@ -1070,16 +1105,16 @@
         .post(this.nozzle.sysPlatformList, {
           current: 0,
           size: 0,
-          data: { searchStr: "", startDate: "", endDate: "" },
+          data: { searchStr: "", startDate: "", endDate: "" }
         })
-        .then((res) => {
+        .then(res => {
           if (res.data.code === 1) {
-            this.projectList = res.data.data.list.map((item) => {
+            this.projectList = res.data.data.list.map(item => {
               return {
                 id: item.id,
                 key: item.name,
                 value: item.platformCode,
-                areaId: item.area,
+                areaId: item.area
               };
             });
           }
@@ -1106,6 +1141,8 @@
           break;
         //添加站点
         case "create":
+          this.iscodefalse = false;
+          this.projectObj = {};
           this.yzaddflag = true;
           this.title = "新增站点";
           this.syscityList = this.removeEmptyChild(this.allCity);
@@ -1113,12 +1150,13 @@
         //编辑站点
         case "update":
           this.title = "修改站点";
+          this.iscodefalse = true;
           for (let key in data) {
             if (key === "stationType") {
               data[key] = data[key] ? data[key].toString() : "";
             }
             this.projectObj = {
-              value: data.platformCode,
+              value: data.platformCode
             };
             this.ruleForm[key] = data[key];
           }
@@ -1141,28 +1179,28 @@
                 property: "", //修复因子
                 isEnable: "", //是否启用（0否 1是）
                 minValue: 0, //正常范围最小值
-                maxValue: 0, //	正常范围最大值
-              },
-            ],
+                maxValue: 0 //	正常范围最大值
+              }
+            ]
           }),
             console.log(index);
           this.configForm.st = data.stCode;
 
-          this.$http.get(this.nozzle.ruleEngineselectAll).then((res) => {
+          this.$http.get(this.nozzle.ruleEngineselectAll).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.ruleList = res.data.data.list;
               console.log(this.ruleList);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.yulianglist = res.data.data;
               console.log(this.yulianglist);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.guanwanglist = res.data.data;
@@ -1171,7 +1209,7 @@
           });
           this.$http
             .post(this.nozzle.listsitesupportedproperty + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 this.xiufulist = res.data.data;
@@ -1181,7 +1219,7 @@
 
           this.$http
             .post(this.nozzle.siteconfigdetail_by_st + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 if (res.data.data) {
@@ -1199,11 +1237,9 @@
                   this.configForm.siteRepairPropertyConfigList =
                     res.data.data.siteRepairPropertyConfigList;
                   this.configForm.id = res.data.data.id;
-                  this.configForm.siteRepairPropertyConfigList.forEach(
-                    (item) => {
-                      item.isEnable = String(item.isEnable);
-                    }
-                  );
+                  this.configForm.siteRepairPropertyConfigList.forEach(item => {
+                    item.isEnable = String(item.isEnable);
+                  });
                 } else {
                   //新增
                   this.isconfigadd = true;
@@ -1238,15 +1274,15 @@
         //添加设备到站点
         case "insert":
           const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
-            equipNos: insertEquipNoArr,
+            equipNos: insertEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1255,22 +1291,22 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
           break;
         //解绑设备与站点
         case "remove":
           const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
-            equipNos: removeEquipNoArr,
+            equipNos: removeEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1279,10 +1315,10 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             })
-            .catch((e) => {
+            .catch(e => {
               console.log(e);
             });
           break;
@@ -1318,7 +1354,7 @@
         coordinateSystem: "WGS84", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       };
       // this.$refs.cascader.$refs.panel.activePath = [];
       // this.$refs.cascader.$refs.panel.clearCheckedNodes();
@@ -1330,7 +1366,7 @@
     },
     //将空的children置为undefined,避免在没有下一级数据的情况下显示暂无数据
     removeEmptyChild(arr) {
-      arr.forEach((item) => {
+      arr.forEach(item => {
         if (!item.children || item.children.length < 1) {
           item.children = undefined;
         } else {
@@ -1338,11 +1374,11 @@
         }
       });
       return arr;
-    },
+    }
   },
   destroyed() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index d725e0c..0b4d019 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -32,6 +32,7 @@
     >
       <el-table :data="TableData" style="width: 100%;height:calc(100% - 45px)">
         <el-table-column prop="stCode" label="站点编号"></el-table-column>
+        <el-table-column prop="name" label="所属项目"></el-table-column>
         <el-table-column prop="stName" label="名称"></el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">

diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
index a323000..120db07 100644
--- a/src/components/ConfigManager/RtuConfig.vue
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="content">
-    <div v-if="!(formAll && formAllBody && formAllBody.length)" style="height:56px">
-
-    </div>
+    <div
+      v-if="!(formAll && formAllBody && formAllBody.length)"
+      style="height:56px"
+    ></div>
     <div
       v-if="formAll && formAllBody && formAllBody.length"
       class="filter-content"
@@ -25,7 +26,7 @@
         :options="querySiteList"
         filterable
         @change="selectChange"
-        ></el-cascader>
+      ></el-cascader>
       <!-- <el-select v-model="querySite" filterable @change="selectChange">
         <el-option
           v-for="(item,index) in querySiteList"
@@ -48,9 +49,13 @@
         提交
       </el-button>
       <div class="rtu-history-box">
-        <el-select v-model="rtuHistoryId" filterable @change="selectRtuHistoryId">
+        <el-select
+          v-model="rtuHistoryId"
+          filterable
+          @change="selectRtuHistoryId"
+        >
           <el-option
-            v-for="(item,index) in rtuHistoryList"
+            v-for="(item, index) in rtuHistoryList"
             :key="index"
             :label="`${item.createTime}`"
             :value="item.id"
@@ -60,7 +65,6 @@
         <el-button type="primary" @click="echoRtuHistory">
           回显历史记录
         </el-button>
-
       </div>
     </div>
     <div id="navMenuContent">
@@ -80,7 +84,15 @@
       </el-menu>
     </div>
     <div class="switchContent">
-      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+      <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`]"
@@ -94,32 +106,36 @@
           >
             <!-- {{`form${index+1}`}} -->
             <div class="row-box">
-
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              :class="{'control-show':!i.isShow, 'rowClass':true}"
-            >
-              <template v-if="i.isBlock">
-                <!-- <div :class="{'control-show':i.isShow}"> -->
+              <el-row
+                v-for="(i, index) in formAllBody[formItemIndex + 1]"
+                :key="index"
+                :class="{ 'control-show': !i.isShow, rowClass: true }"
+              >
+                <template v-if="i.isBlock">
+                  <!-- <div :class="{'control-show':i.isShow}"> -->
                   <el-col :span="6" v-if="i.name" class="subTitle">{{
                     i.name
                   }}</el-col>
                   <el-col
                     :span="6"
-                    v-for="(item) in i.data"
+                    v-for="item in i.data"
                     :key="item.fieldIdentifier"
-                    :class="{'el-col-class':true,'stop':item.hasOwnProperty('isShow') ? !item.isShow : false}"
+                    :class="{
+                      'el-col-class': true,
+                      stop: item.hasOwnProperty('isShow') ? !item.isShow : false
+                    }"
                   >
                     <el-form-item
                       v-if="parseInt(item.fieldType) === 1"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -129,14 +145,16 @@
                       v-if="parseInt(item.fieldType) === 2"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
-                        :class="{'stop':!i.isShow}"
+                        :class="{ stop: !i.isShow }"
                       >
                         <el-option
                           v-for="item in creatListTest(item.selectOption)"
@@ -152,11 +170,16 @@
                       v-if="parseInt(item.fieldType) === 3"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true,'form-switch':true}"
+                      :class="{
+                        'el-form-item-input': true,
+                        'form-switch': true
+                      }"
                     >
                       <el-switch
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         active-color="#13ce66"
                         inactive-color="#ff4949"
@@ -182,11 +205,13 @@
                       v-if="parseInt(item.fieldType) === 5"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -426,18 +451,22 @@
                       v-if="parseInt(item.fieldType) === 6"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         multiple
                         collapse-tags
                       >
                         <el-option
-                          v-for="(item, index) in creatListTest(item.selectOption)"
+                          v-for="(item, index) in creatListTest(
+                            item.selectOption
+                          )"
                           :key="item.code"
                           :label="item.value"
                           :value="index"
@@ -447,11 +476,9 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                <!-- </div> -->
-
-              </template>
-
-            </el-row>
+                  <!-- </div> -->
+                </template>
+              </el-row>
             </div>
           </el-form>
         </div>
@@ -468,15 +495,30 @@
 export default {
   data() {
     return {
-      querySite:[],
-      stCode:'',
-      rtuHistoryId:'',
-      hexRtuCode:'',
-      querySiteList:[],
-      rtuHistoryList:[],
-      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
-      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
-      formAll:[],
+      querySite: [],
+      stCode: "",
+      rtuHistoryId: "",
+      hexRtuCode: "",
+      querySiteList: [],
+      rtuHistoryList: [],
+      siteNameList: [
+        "遥测站设置",
+        "中心站设置",
+        "传感器型号选择",
+        "气象传感通信设置",
+        "工业相机设置",
+        "水文传感通信",
+        "从机设置",
+        "数据滤波",
+        "水位计",
+        "雨量计",
+        "流量计",
+        "蒸发皿",
+        "土壤沉降仪",
+        "4-20mA设置",
+        "其他设置"
+      ],
+      formAll: [],
       // siteNameList:[],
       formAllBody: [],
       activeIndex: "0",
@@ -488,12 +530,12 @@
   //     return this.formAll[0].form1.rtuOutDtu;
   //   }
   // },
-  watch:{
-    'querySite':{
+  watch: {
+    querySite: {
       handler(newValue, oldValue) {
-        console.log('this.formAll[0].form1.rtuOutDtu')
+        console.log("this.formAll[0].form1.rtuOutDtu");
       },
-      deep:true
+      deep: true
     }
   },
   mounted() {
@@ -501,265 +543,477 @@
     //// 第一个函数就是处理你要监听的属性，只要将其return出去就行
     // 外置dtu开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuOutDtu;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '外置DTU设置'){
-            arr[index].isShow =newVal;
+      function() {
+        return this.formAll[0].form1.rtuOutDtu;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "外置DTU设置") {
+            arr[index].isShow = newVal;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // GPRS，LORA开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuInnerMode;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '内置LoRa相关配置'){
-            arr[index].isShow = newVal === 'LORA' ? true : false;
+      function() {
+        return this.formAll[0].form1.rtuInnerMode;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "内置LoRa相关配置") {
+            arr[index].isShow = newVal === "LORA" ? true : false;
           }
-        })
-        this.formAllBody['2'].forEach((item,index,arr)=>{
-          if(item.name === '中心站1'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+        });
+        this.formAllBody["2"].forEach((item, index, arr) => {
+          if (item.name === "中心站1") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站2'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站2") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站3'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站3") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站4(备份站)'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站4(备份站)") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // 水位计雷达
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei1;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][2].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei1;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][2].isShow = true;
         }
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][4].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei2;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][4].isShow = true;
         }
-			}
-    )
+      }
+    );
     //  流量计水鬼
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = ['直接流量输出','安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']
-        var targetStatusArr = [false,true,true,true,false,false,false,false]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          "直接流量输出",
+          "安装高度",
+          "流量校正",
+          "淤积深度",
+          "无效参数",
+          "无效参数",
+          "无效参数",
+          "堰槽截面表高度分辨率"
+        ];
+        var targetStatusArr = [
+          false,
+          true,
+          true,
+          true,
+          false,
+          false,
+          false,
+          false
+        ];
         // let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_jiemian','rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+        let strArr = [
+          "rtull_ll1_jiemian",
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
-			}
-    )
+        });
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF_LZX_2水龟')){
-          this.formAllBody['11'][6].isShow = false
-        }else{
-          this.formAllBody['11'][6].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang2;
+      },
+      function(newVal, oldVal) {
+        if (!(newVal === "NF_LZX_2水龟")) {
+          this.formAllBody["11"][6].isShow = false;
+        } else {
+          this.formAllBody["11"][6].isShow = true;
         }
-			}
-    )
+      }
+    );
     // 遥测站 采集标志 开关， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtucjFlagTrans;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'][0].data[3].isShow = !newVal
-			}
-    )
+      function() {
+        return this.formAll[0].form1.rtucjFlagTrans;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"][0].data[3].isShow = !newVal;
+      }
+    );
     // 外置dtu设置，下拉框
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuother_dtu_type;
-			},
-			function (newVal, oldVal) {
-        var targetArr = [[true,true,true,true,false],[true,true,false,false,false],[false,false,false,false,true],[false,false,false,false,false]]
-        let select= ['LoRa-利尔达CN470','ManThink-门思科技','BC28电信管理平台NB','M5311移动平台NB'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['JoinEUI','频率格式','上行频率','下行频率','电信NB服务ID']
-        this.formAllBody['1'][2].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldName===strArr[i]){
-              arr[index].isShow = targetArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[0].form1.rtuother_dtu_type;
+      },
+      function(newVal, oldVal) {
+        var targetArr = [
+          [true, true, true, true, false],
+          [true, true, false, false, false],
+          [false, false, false, false, true],
+          [false, false, false, false, false]
+        ];
+        let select = [
+          "LoRa-利尔达CN470",
+          "ManThink-门思科技",
+          "BC28电信管理平台NB",
+          "M5311移动平台NB"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = [
+          "JoinEUI",
+          "频率格式",
+          "上行频率",
+          "下行频率",
+          "电信NB服务ID"
+        ];
+        this.formAllBody["1"][2].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldName === strArr[i]) {
+              arr[index].isShow = targetArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 从机1 ，2设置
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj1_canshu1','rtucj1_canshu2','rtucj1_canshu3']
-        this.formAllBody['7'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj1_canshu1", "rtucj1_canshu2", "rtucj1_canshu3"];
+        this.formAllBody["7"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji2;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj2_canshu1','rtucj2_canshu2','rtucj2_canshu3']
-        this.formAllBody['7'][3].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji2;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj2_canshu1", "rtucj2_canshu2", "rtucj2_canshu3"];
+        this.formAllBody["7"][3].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 流量计 流量槽
     this.$watch(
-			function () {
-				return this.formAll[10].form11.rtull_ll1_jiemian;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','窄底宽度','堰槽高度','宽底宽度','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','槽堰直径','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','无效参数','槽堰高度','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','槽堰高度','槽序号','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,true,false],[true,true,true,false,true,false,false],[true,true,true,false,false,false,true],[true,true,true,false,true,false,false],[true,true,true,true,true,false,false]]
-        let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[10].form11.rtull_ll1_jiemian;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "窄底宽度",
+            "堰槽高度",
+            "宽底宽度",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰直径",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "槽堰高度",
+            "槽序号",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [
+          [true, true, true, false, false, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, true, false],
+          [true, true, true, false, true, false, false],
+          [true, true, true, false, false, false, true],
+          [true, true, true, false, true, false, false],
+          [true, true, true, true, true, false, false]
+        ];
+        let select = [
+          "直接流量输出",
+          "三角堰",
+          "矩形堰",
+          "梯形堰",
+          "圆管",
+          "自定义截面",
+          "直角三角堰明渠",
+          "巴歇尔槽明渠"
+        ]; // 下拉框值，
+        let strArr = [
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 蒸发皿
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_zfly;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','量程','最小加水量'],['无效参数','无效参数','最小加水量'],['无效参数','无效参数','最小加水量']]
-        var targetStatusArr = [[true,true,true],[false,false,true],[false,false,true]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['12'][0].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_zfly;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["安装高度", "量程", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"]
+        ];
+        var targetStatusArr = [
+          [true, true, true],
+          [false, false, true],
+          [false, false, true]
+        ];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["12"][0].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 4am， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [[true, true, true, false, false, false, false]];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // bottom
   },
   methods: {
-    switchChange(val){
+    switchChange(val) {
       // console.log(val,this.formAll[0].form1,'change')
     },
-    switchClick(val){
-      console.log(val,'click')
+    switchClick(val) {
+      console.log(val, "click");
     },
     echoClick() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点回显
-      console.log(this.querySite,'this.querySite')
+      console.log(this.querySite, "this.querySite");
       this.formAll = [];
       this.activeIndex = "0";
       // this.getSiteList();
       this.initPage(rtuCode);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
       // this.handleSelect(0)
       // console.log(this.activeIndex)
     },
     echoRtuHistory() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点和历史id，回显
       this.formAll = [];
@@ -770,11 +1024,11 @@
     },
     temStorageEcho() {
       // this.activeIndex = '0'
-      if(localStorage.getItem(name)){
+      if (localStorage.getItem(name)) {
         this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: '暂存回显成功', type: "success" });
-      } else{
-        this.$message({ message: '无暂存内容', type: "warning" });
+        this.$message({ message: "暂存回显成功", type: "success" });
+      } else {
+        this.$message({ message: "无暂存内容", type: "warning" });
       }
       // console.log(JSON.parse(sessionStorage.getItem(name)),111)
     },
@@ -797,7 +1051,10 @@
           if (valid) {
             successCount++;
           } else {
-            this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            this.$message({
+              message: `${this.siteNameList[i]} 校验失败，请查看`,
+              type: "warning"
+            });
             // alert(`${this.siteNameList[i]} 校验失败，请查看`);
             // this.$notify({
             //   title: '警告',
@@ -808,11 +1065,11 @@
             // return false;
           }
         });
-        if(successFlag){
-          return false
+        if (successFlag) {
+          return false;
         }
       }
-      console.log(this.stCode,'form6Inputform6Input9999999')
+      console.log(this.stCode, "form6Inputform6Input9999999");
       if (successCount === this.siteNameList.length) {
         this.$message({ message: "表单全部校验成功", type: "success" });
       } else {
@@ -822,7 +1079,7 @@
       const parmas = {
         data: {
           rtuCode: this.rtuCode,
-          hexRtuCode : this.hexRtuCode,
+          hexRtuCode: this.hexRtuCode,
           rtuTelemeteringStationSetting: this.formAll[0].form1,
           rtuCentreSetting: this.formAll[1].form2,
           rtuSenseTypeSetting: this.formAll[2].form3,
@@ -905,10 +1162,12 @@
       parmas.data["rtuIndustrialCameraSetting"][
         "rtucamera_jiabao"
       ] = rtucamera_jiabaoNew;
-      this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-        // console.log(res,'rTUSettingServiceUpdate')
-        this.echoClick()
-      })
+      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])
@@ -947,18 +1206,18 @@
     },
     selectChange(val) {
       // this.querySite = []
-      this.rtuHistoryId='',
-      // console.log(val,'val')
-      this.echoClick(val);
-      this.getRtuHistoryList()
+      (this.rtuHistoryId = ""),
+        // console.log(val,'val')
+        this.echoClick(val);
+      this.getRtuHistoryList();
     },
     selectChange1(val) {
       // console.log(val,'val') input搜索
       this.echoClick(val);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     },
     selectRtuHistoryId(val) {
-      console.log(val,'selectRtuHistoryId')
+      console.log(val, "selectRtuHistoryId");
       // this.echoClick(val);
     },
     async initPage(site) {
@@ -968,8 +1227,8 @@
       let resFirst = await this.$http.post(
         `${this.nozzle.rTUSettingServiceQueryById}?rtuCode=${site}`
       );
-      if(resFirst.data.msg ===507){
-        this.$message('请更新')
+      if (resFirst.data.msg === 507) {
+        this.$message("请更新");
       }
       let resData = resFirst.data.data;
       let formArr = [
@@ -997,7 +1256,7 @@
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1017,7 +1276,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1093,14 +1352,14 @@
         "rtu4To20Setting",
         "rtuOtherSetting"
       ];
-      console.log(this.formAll,resData,'ressssss')
+      console.log(this.formAll, resData, "ressssss");
       // this.formAll={}
       this.rtuCode = resData.rtuCode;
       this.hexRtuCode = resData.hexRtuCode;
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1120,7 +1379,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1292,9 +1551,9 @@
             var newObj = [];
             // 根据小标题去重
             uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [], isShow:true, isBlock:true };
+              var obj = { name: item, data: [], isShow: true, isBlock: true };
               var data = dataRes[i].forEach(l => {
-                l.isShow = true
+                l.isShow = true;
                 if (
                   l.subTitle === item &&
                   l.subTitle !== "" &&
@@ -1314,27 +1573,27 @@
             this.$set(this.formAllBody, i, newObj);
           }
         }
-        console.log(this.formAllBody,'999')
+        console.log(this.formAllBody, "999");
       });
     },
     async getSiteList() {
       await this.$http
         .post(this.nozzle.rTUSettingServiceQueryList)
         .then(res => {
-          console.log(res.data.data,'resss')
+          console.log(res.data.data, "resss");
           this.querySiteList = res.data.data;
           // this.querySite[0] = this.querySiteList[0].children[0].label;
         });
     },
     async getRtuHistoryList() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       await this.$http
-      //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
+        //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
         .post(`${this.nozzle.queryRTUSettingHistory}?rtuCode=${rtuCode}`)
         .then(res => {
           // console.log(res.data,'resss')
@@ -1343,16 +1602,16 @@
         });
     }
   },
-  created(){
-    this.getSiteList().then(res=>{
+  created() {
+    this.getSiteList().then(res => {
       // this.querySiteList[0].rtuStationCode
       this.initPage(this.querySite);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     });
 
     this.formControl();
     // console.log(666)
-  },
+  }
   // beforeRouteLeave (to, from, next) {
   //   // 导航离开该组件的对应路由时调用
   //   // 可以访问组件实例 `this`
@@ -1373,208 +1632,206 @@
 //     }
 //   }
 // }
-.content{
-    width: 100% !important;
-    height: 100% !important;
-    #navMenuContent {
-      /* height: calc(100% - 20px);
+.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; */
+    width: 100%;
+    /* background-color: #fff; */
+  }
+  .filter-content {
+    text-align: left;
+    padding: 10px;
+    position: relative;
+    .rtu-history-box {
+      padding: 10px 0 0 0;
+      position: absolute;
+      right: 100px;
+      top: 0;
     }
-    .filter-content{
-      text-align:left;padding:10px;position:relative;
-      .rtu-history-box{
-        padding: 10px 0 0 0;
-        position: absolute;
-        right: 100px;
-        top: 0;
+  }
+  .switchContent {
+    // color: rgb(99, 96, 96);
+    color: red;
+    /* background-color: #fff; */
+    /* background-color: #fff; */
+    // color: white !important;
+
+    padding: 2% 0 0 0;
+    /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;
+          }
+        }
+      }
+      .rowClass {
+        .el-col-class {
+          position: relative;
+        }
+      }
+      .rowClass:nth-child(2n + 1) {
+        // background-color: rgba(	245,222,179,0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass:nth-child(2n) {
+        background-color: rgba(144, 147, 153, 0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass.control-show {
+        // background-color: #fff;
+        // cursor: pointer;
+        background-color: #ccc !important;
+        pointer-events: none !important;
+        border: 1px solid pink;
+        box-sizing: border-box;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // .control-show{
+        // }
+      }
+      .stop {
+        background-color: #ccc;
+        pointer-events: none;
+        border-radius: 10px;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // box-shadow: pink 10px 10px 10px ;
+        .el-input__suffix-inner {
+          pointer-events: none;
+        }
       }
     }
-    .switchContent {
-      // color: rgb(99, 96, 96);
-      color: red;
-      /* background-color: #fff; */
-      /* background-color: #fff; */
-      // color: white !important;
-
-      padding: 2% 0 0 0;
-      /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
-              }
-            }
-
-          }
-          .rowClass{
-            .el-col-class{
-              position:relative
-            }
-
-          }
-          .rowClass:nth-child(2n+1){
-            // background-color: rgba(	245,222,179,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass:nth-child(2n){
-            background-color: rgba(144,147,153,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass.control-show{
-              // background-color: #fff;
-              // cursor: pointer;
-              background-color: #ccc!important;
-              pointer-events: none !important;
-              border: 1px solid pink;
-              box-sizing: border-box;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-            // .control-show{
-            // }
-          }
-          .stop {
-              background-color: #ccc;
-              pointer-events: none;
-              border-radius: 10px;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-              // box-shadow: pink 10px 10px 10px ;
-              .el-input__suffix-inner{
-                pointer-events: none;
-              }
-          }
-
-      }
-
-
-
+  }
+  // /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;
     }
-    // /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-item.is-active {
+      // background-color: var(--dialogtitle)!important;
+      // 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;
-    // }
-
+    .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>
+<style>
+.content .switchContent[data-v-6d3cd89e] .el-form .rowClass.control-show {
+  background-color: #968282 !important;
+}
 </style>
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 080fc2e..4bace9e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -76,6 +76,15 @@
               +安装位置关键标识，例如[武昌]湖北大学东门监测站点</span
             >
           </el-form-item>
+          <el-form-item label="站点编号" prop="stCode" style="width: 100%">
+            <el-input
+              :disabled="iscodefalse"
+              size="small"
+              v-model="ruleForm.stCode"
+              class="selectInput"
+            ></el-input>
+            <span>站点编号现在暂无规则制定</span>
+          </el-form-item>
           <el-form-item label="站点类型" prop="stationType">
             <el-select
               class="selectInput"
@@ -502,24 +511,26 @@
 import markMap from "./markMap.vue";
 export default {
   components: {
-    markMap,
+    markMap
   },
   data() {
     return {
+      // 判断添加站点和修改时候站点编号是否无法选中
+      iscodefalse: false,
       dialogFormVisible: false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
           searchStr: "",
           startDate: "",
-          endDate: "",
+          endDate: ""
         },
         list: [
           {
             type: "input",
             label: "站点名称/编号",
             value: "searchStr",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -527,7 +538,7 @@
             value: "startDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsStart",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -535,7 +546,7 @@
             value: "endDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsEnd",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "button",
@@ -543,7 +554,7 @@
             btType: "primary",
             icon: "el-icon-search",
             event: "search",
-            show: true,
+            show: true
           },
           {
             type: "button",
@@ -552,7 +563,7 @@
             icon: "el-icon-circle-plus-outline",
             event: "create",
             show: true,
-            disabled: true,
+            // disabled: true,
             has: "m11-2-1"
           }
         ]
@@ -566,21 +577,28 @@
         fieldList: [
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
+          {
+            label: "所属项目",
+            value: "platformName",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "站点类型", value: "stationTypeName", width: 120 },
           {
+            label: "站点存储时间",
+            value: "ut",
+            minWidth: 150,
+            tooltip: true
+          },
+
+          { label: "安装人", value: "person", width: 150 },
+          { label: "关联设备", value: "equips", width: 150, type: "slot" },
+          {
             label: "站点安装时间",
             value: "createTime",
             minWidth: 120,
-            tooltip: true,
-          },
-          { label: "安装人", value: "person", width: 100 },
-          { label: "关联设备", value: "equips", width: 150, type: "slot" },
-          {
-            label: "首次数据接入时间",
-            value: "tt",
-            minWidth: 150,
-            tooltip: true,
-          },
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
@@ -593,10 +611,10 @@
               type: "text",
               event: "update",
               show: true,
-              has: "m11-2-2",
-            },
-          ],
-        },
+              has: "m11-2-2"
+            }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {},
@@ -616,7 +634,7 @@
       xiufulist: [],
       delFlagoptions: [
         { value: "0", lable: "禁用" },
-        { value: "1", lable: "启用" },
+        { value: "1", lable: "启用" }
       ],
       configForm: {
         ruleId: "", //规则引擎
@@ -631,9 +649,9 @@
             property: "", //修复因子
             isEnable: "", //是否启用（0否 1是）
             minValue: 0, //正常范围最小值
-            maxValue: 0, //	正常范围最大值
-          },
-        ],
+            maxValue: 0 //	正常范围最大值
+          }
+        ]
       },
       ruleForm: {
         id: "", //站点ID
@@ -656,72 +674,72 @@
         coordinateSystem: "WGS84坐标系", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       },
       rules: {
-        // area: [
-        //   {
-        //     required: true,
-        //     message: "请选择所属区域",
-        //     trigger: "change"
-        //   }
-        // ],
+        stCode: [
+          {
+            required: true,
+            message: "请填写站点编号",
+            trigger: "blur"
+          }
+        ],
         stationType: [
           {
             required: true,
             message: "请选择站点类型",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         platformCode: [
           {
             required: true,
             message: "请选择所属项目",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         stName: [
           {
             required: true,
             message: "请填写站点名称",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lon: [
           {
             required: true,
             message: "请填写经度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lat: [
           {
             required: true,
             message: "请填写纬度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         coordinateSystem: [
           {
             required: true,
             message: "请填写站点坐标系",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         address: [
           {
             required: true,
             message: "请填写站点安装位置",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         person: [
           {
             required: true,
             message: "请填写安装负责人",
-            trigger: "blur",
-          },
-        ],
+            trigger: "blur"
+          }
+        ]
       },
       value: [],
       // 站点管理/所属区域数组
@@ -732,15 +750,15 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: "",
+          look: ""
         },
         width: "60%",
         visible: false,
         btLoading: false,
         type: "",
         btList: [
-          { label: "关闭", type: "", icon: "", event: "close", show: true },
-        ],
+          { label: "关闭", type: "", icon: "", event: "close", show: true }
+        ]
       },
       //设备表格通用相关
       deviceTableInfo: {
@@ -752,39 +770,39 @@
             label: "设备名称",
             value: "equipDesc",
             minWidth: 100,
-            tooltip: true,
+            tooltip: true
           },
           {
             label: "设备厂家",
             value: "equipFactory",
             minWidth: 150,
-            tooltip: true,
-          },
-        ],
+            tooltip: true
+          }
+        ]
       },
       //已关联设备表格相关
       isRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "",
+          sign: ""
         },
-        selectList: [],
+        selectList: []
       },
       //未关联设备表格相关
       unRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "unbound",
+          sign: "unbound"
         },
-        selectList: [],
+        selectList: []
       },
       //设备关联过滤相关
       deviceRelatedQuery: {
         searchStr: "",
-        siteCode: "",
+        siteCode: ""
       },
       //选中的项目对象
-      projectObj: {},
+      projectObj: {}
     };
   },
   mounted() {
@@ -801,7 +819,7 @@
     isCanInsertDevice() {
       return this.unRelatedDeviceTableInfo.selectList.length ? false : true;
     },
-    ...mapGetters(["allDept", "allRole", "allCity"]),
+    ...mapGetters(["allDept", "allRole", "allCity"])
   },
   watch: {
     "ruleForm.area": {
@@ -817,14 +835,21 @@
           }
         }
       },
-      deep: true, // 深度监听
+
+      deep: true // 深度监听
+    },
+    yzaddflag(isss) {
+      if (!isss) {
+        this.$refs.ruleForm.clearValidate();
+        // console.log(this.$refs.ruleForm.clearValidate());
+      }
     },
     dialogVisible: {
       handler(newVal, oldval) {
         if (oldval) {
           this.dialogImageUrl = "";
         }
-      },
+      }
     },
     "dialogInfo.visible"(val) {
       if (!val) {
@@ -846,7 +871,7 @@
     platformCode(val) {
       console.log(777, val);
       this.ruleForm.platformCode = val;
-    },
+    }
   },
   methods: {
     filterCondition() {
@@ -857,7 +882,7 @@
         property: "", //修复因子
         isEnable: "", //是否启用（0否 1是）
         minValue: 0, //正常范围最小值
-        maxValue: 0, //	正常范围最大值
+        maxValue: 0 //	正常范围最大值
       });
     },
     deleteIcons(index) {
@@ -874,7 +899,7 @@
       } else {
         httpurl = this.nozzle.siterepairconfigmodify;
       }
-      this.$http.post(httpurl, this.configForm).then((res) => {
+      this.$http.post(httpurl, this.configForm).then(res => {
         console.log(res);
         if (res.data.code === 200) {
           this.configtrue = false;
@@ -884,7 +909,7 @@
         this.$message({
           message: res.data.message,
           type: res.data.code === 200 ? "success" : "error",
-          showClose: true,
+          showClose: true
         });
       });
     },
@@ -893,6 +918,18 @@
       this.dialogFormVisible = false;
       this.ruleForm.lon = lonlat[0];
       this.ruleForm.lat = lonlat[1];
+      this.$refs.ruleForm.validateField("lon", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
+      this.$refs.ruleForm.validateField("lat", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
     },
     //坐标拾取地图控件打开
     pickLngLat() {
@@ -921,26 +958,26 @@
       formdata.append("siteNo", this.ruleForm.stCode);
       formdata.append("username", "admin");
       let config = {
-        headers: { "Content-Type": "multipart/form-data" },
+        headers: { "Content-Type": "multipart/form-data" }
       };
       axios
         .post(this.nozzle.upload, formdata, config)
-        .then((res) => {
+        .then(res => {
           if (res.data.code == 1) {
             this.loading = false;
             this.$message({
               message: "上传图片成功！",
-              type: "success",
+              type: "success"
             });
             this.ruleForm.fileList.push(res.data.data[0]);
             this.siteTableInfo.refresh = Math.random();
           }
         })
-        .catch((res) => {
+        .catch(res => {
           this.loading = false;
           this.$message({
             message: "服务器问题！请重试！",
-            type: "warning",
+            type: "warning"
           });
         });
     },
@@ -949,7 +986,7 @@
       this.$confirm("此操作将永久删除该图片文件,无法撤回!是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           let fileNos = [];
@@ -958,33 +995,33 @@
             lock: true,
             text: "正在删除....",
             spinner: "el-icon-loading",
-            background: "rgba(0, 0, 0, 0.7)",
+            background: "rgba(0, 0, 0, 0.7)"
           });
           this.$http
             .post(this.nozzle.delete, {
               data: {
                 siteNo: this.ruleForm.stCode,
-                fileNos: fileNos,
-              },
+                fileNos: fileNos
+              }
             })
-            .then((res) => {
+            .then(res => {
               loadingdelet.close();
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
                 type: res.data.code === 1 ? "success" : "error",
-                message: res.data.msg,
+                message: res.data.msg
               });
-              this.ruleForm.fileList = this.ruleForm.fileList.filter((item) => {
+              this.ruleForm.fileList = this.ruleForm.fileList.filter(item => {
                 return item.fileNo != fileNo;
               });
             })
-            .catch((res) => {
+            .catch(res => {
               loadingdelet.close();
               this.$message({
                 type: "info",
-                message: "删除失败,请重试！",
+                message: "删除失败,请重试！"
               });
             });
         })
@@ -992,7 +1029,7 @@
           loadingdelet.close();
           this.$message({
             type: "info",
-            message: "已取消删除",
+            message: "已取消删除"
           });
         });
     },
@@ -1003,13 +1040,13 @@
     },
     // 弹框提交表单按钮
     saveOru(formName) {
-      this.$refs[formName].validate((valid) => {
+      this.$refs[formName].validate(valid => {
         if (valid) {
           this.$http
             .post(this.nozzle.saveOrupdate, {
-              data: this.ruleForm,
+              data: this.ruleForm
             })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
                 this.yzaddflag = false;
@@ -1017,7 +1054,7 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
         }
@@ -1035,21 +1072,19 @@
       if (visible) {
         this.timer = setInterval(() => {
           NodeList.prototype.forEach = Array.prototype.forEach;
-          document
-            .querySelectorAll(".el-cascader-node__label")
-            .forEach((el) => {
-              el.onclick = function () {
-                if (this.previousElementSibling)
-                  this.previousElementSibling.click();
-              };
-              el.ondblclick = function () {
-                if (Array.isArray(that.$refs.cascader)) {
-                  that.$refs.cascader[0].dropDownVisible = false;
-                } else {
-                  that.$refs.cascader.dropDownVisible = false;
-                }
-              };
-            });
+          document.querySelectorAll(".el-cascader-node__label").forEach(el => {
+            el.onclick = function() {
+              if (this.previousElementSibling)
+                this.previousElementSibling.click();
+            };
+            el.ondblclick = function() {
+              if (Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              } else {
+                that.$refs.cascader.dropDownVisible = false;
+              }
+            };
+          });
         }, 1000);
       } else {
         clearInterval(this.timer);
@@ -1059,8 +1094,8 @@
     async getsityType() {
       const { data } = await this.$http.post(this.nozzle.sityType, {
         data: {
-          siteType: "site_type",
-        },
+          siteType: "site_type"
+        }
       });
       this.siteTypeList = data.data;
     },
@@ -1070,16 +1105,16 @@
         .post(this.nozzle.sysPlatformList, {
           current: 0,
           size: 0,
-          data: { searchStr: "", startDate: "", endDate: "" },
+          data: { searchStr: "", startDate: "", endDate: "" }
         })
-        .then((res) => {
+        .then(res => {
           if (res.data.code === 1) {
-            this.projectList = res.data.data.list.map((item) => {
+            this.projectList = res.data.data.list.map(item => {
               return {
                 id: item.id,
                 key: item.name,
                 value: item.platformCode,
-                areaId: item.area,
+                areaId: item.area
               };
             });
           }
@@ -1106,6 +1141,8 @@
           break;
         //添加站点
         case "create":
+          this.iscodefalse = false;
+          this.projectObj = {};
           this.yzaddflag = true;
           this.title = "新增站点";
           this.syscityList = this.removeEmptyChild(this.allCity);
@@ -1113,12 +1150,13 @@
         //编辑站点
         case "update":
           this.title = "修改站点";
+          this.iscodefalse = true;
           for (let key in data) {
             if (key === "stationType") {
               data[key] = data[key] ? data[key].toString() : "";
             }
             this.projectObj = {
-              value: data.platformCode,
+              value: data.platformCode
             };
             this.ruleForm[key] = data[key];
           }
@@ -1141,28 +1179,28 @@
                 property: "", //修复因子
                 isEnable: "", //是否启用（0否 1是）
                 minValue: 0, //正常范围最小值
-                maxValue: 0, //	正常范围最大值
-              },
-            ],
+                maxValue: 0 //	正常范围最大值
+              }
+            ]
           }),
             console.log(index);
           this.configForm.st = data.stCode;
 
-          this.$http.get(this.nozzle.ruleEngineselectAll).then((res) => {
+          this.$http.get(this.nozzle.ruleEngineselectAll).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.ruleList = res.data.data.list;
               console.log(this.ruleList);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.yulianglist = res.data.data;
               console.log(this.yulianglist);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.guanwanglist = res.data.data;
@@ -1171,7 +1209,7 @@
           });
           this.$http
             .post(this.nozzle.listsitesupportedproperty + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 this.xiufulist = res.data.data;
@@ -1181,7 +1219,7 @@
 
           this.$http
             .post(this.nozzle.siteconfigdetail_by_st + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 if (res.data.data) {
@@ -1199,11 +1237,9 @@
                   this.configForm.siteRepairPropertyConfigList =
                     res.data.data.siteRepairPropertyConfigList;
                   this.configForm.id = res.data.data.id;
-                  this.configForm.siteRepairPropertyConfigList.forEach(
-                    (item) => {
-                      item.isEnable = String(item.isEnable);
-                    }
-                  );
+                  this.configForm.siteRepairPropertyConfigList.forEach(item => {
+                    item.isEnable = String(item.isEnable);
+                  });
                 } else {
                   //新增
                   this.isconfigadd = true;
@@ -1238,15 +1274,15 @@
         //添加设备到站点
         case "insert":
           const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
-            equipNos: insertEquipNoArr,
+            equipNos: insertEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1255,22 +1291,22 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
           break;
         //解绑设备与站点
         case "remove":
           const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
-            equipNos: removeEquipNoArr,
+            equipNos: removeEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1279,10 +1315,10 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             })
-            .catch((e) => {
+            .catch(e => {
               console.log(e);
             });
           break;
@@ -1318,7 +1354,7 @@
         coordinateSystem: "WGS84", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       };
       // this.$refs.cascader.$refs.panel.activePath = [];
       // this.$refs.cascader.$refs.panel.clearCheckedNodes();
@@ -1330,7 +1366,7 @@
     },
     //将空的children置为undefined,避免在没有下一级数据的情况下显示暂无数据
     removeEmptyChild(arr) {
-      arr.forEach((item) => {
+      arr.forEach(item => {
         if (!item.children || item.children.length < 1) {
           item.children = undefined;
         } else {
@@ -1338,11 +1374,11 @@
         }
       });
       return arr;
-    },
+    }
   },
   destroyed() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index d725e0c..0b4d019 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -32,6 +32,7 @@
     >
       <el-table :data="TableData" style="width: 100%;height:calc(100% - 45px)">
         <el-table-column prop="stCode" label="站点编号"></el-table-column>
+        <el-table-column prop="name" label="所属项目"></el-table-column>
         <el-table-column prop="stName" label="名称"></el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
diff --git a/src/components/configure/AlarmLog.vue b/src/components/configure/AlarmLog.vue
index ab1f5a5..e18191e 100644
--- a/src/components/configure/AlarmLog.vue
+++ b/src/components/configure/AlarmLog.vue
@@ -46,6 +46,7 @@
     >
       <el-table :data="TableData" style="width: 100%;height:calc(100% - 45px)">
         <el-table-column prop="siteNo" label="站点编号"></el-table-column>
+        <el-table-column prop="name" label="所属项目"></el-table-column>
         <el-table-column prop="siteName" label="站点名称"></el-table-column>
         <el-table-column prop="factorsName" label="因子名"></el-table-column>
         <el-table-column prop="warnType" label="报警级别">

diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
index a323000..120db07 100644
--- a/src/components/ConfigManager/RtuConfig.vue
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="content">
-    <div v-if="!(formAll && formAllBody && formAllBody.length)" style="height:56px">
-
-    </div>
+    <div
+      v-if="!(formAll && formAllBody && formAllBody.length)"
+      style="height:56px"
+    ></div>
     <div
       v-if="formAll && formAllBody && formAllBody.length"
       class="filter-content"
@@ -25,7 +26,7 @@
         :options="querySiteList"
         filterable
         @change="selectChange"
-        ></el-cascader>
+      ></el-cascader>
       <!-- <el-select v-model="querySite" filterable @change="selectChange">
         <el-option
           v-for="(item,index) in querySiteList"
@@ -48,9 +49,13 @@
         提交
       </el-button>
       <div class="rtu-history-box">
-        <el-select v-model="rtuHistoryId" filterable @change="selectRtuHistoryId">
+        <el-select
+          v-model="rtuHistoryId"
+          filterable
+          @change="selectRtuHistoryId"
+        >
           <el-option
-            v-for="(item,index) in rtuHistoryList"
+            v-for="(item, index) in rtuHistoryList"
             :key="index"
             :label="`${item.createTime}`"
             :value="item.id"
@@ -60,7 +65,6 @@
         <el-button type="primary" @click="echoRtuHistory">
           回显历史记录
         </el-button>
-
       </div>
     </div>
     <div id="navMenuContent">
@@ -80,7 +84,15 @@
       </el-menu>
     </div>
     <div class="switchContent">
-      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+      <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`]"
@@ -94,32 +106,36 @@
           >
             <!-- {{`form${index+1}`}} -->
             <div class="row-box">
-
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              :class="{'control-show':!i.isShow, 'rowClass':true}"
-            >
-              <template v-if="i.isBlock">
-                <!-- <div :class="{'control-show':i.isShow}"> -->
+              <el-row
+                v-for="(i, index) in formAllBody[formItemIndex + 1]"
+                :key="index"
+                :class="{ 'control-show': !i.isShow, rowClass: true }"
+              >
+                <template v-if="i.isBlock">
+                  <!-- <div :class="{'control-show':i.isShow}"> -->
                   <el-col :span="6" v-if="i.name" class="subTitle">{{
                     i.name
                   }}</el-col>
                   <el-col
                     :span="6"
-                    v-for="(item) in i.data"
+                    v-for="item in i.data"
                     :key="item.fieldIdentifier"
-                    :class="{'el-col-class':true,'stop':item.hasOwnProperty('isShow') ? !item.isShow : false}"
+                    :class="{
+                      'el-col-class': true,
+                      stop: item.hasOwnProperty('isShow') ? !item.isShow : false
+                    }"
                   >
                     <el-form-item
                       v-if="parseInt(item.fieldType) === 1"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -129,14 +145,16 @@
                       v-if="parseInt(item.fieldType) === 2"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
-                        :class="{'stop':!i.isShow}"
+                        :class="{ stop: !i.isShow }"
                       >
                         <el-option
                           v-for="item in creatListTest(item.selectOption)"
@@ -152,11 +170,16 @@
                       v-if="parseInt(item.fieldType) === 3"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true,'form-switch':true}"
+                      :class="{
+                        'el-form-item-input': true,
+                        'form-switch': true
+                      }"
                     >
                       <el-switch
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         active-color="#13ce66"
                         inactive-color="#ff4949"
@@ -182,11 +205,13 @@
                       v-if="parseInt(item.fieldType) === 5"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -426,18 +451,22 @@
                       v-if="parseInt(item.fieldType) === 6"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         multiple
                         collapse-tags
                       >
                         <el-option
-                          v-for="(item, index) in creatListTest(item.selectOption)"
+                          v-for="(item, index) in creatListTest(
+                            item.selectOption
+                          )"
                           :key="item.code"
                           :label="item.value"
                           :value="index"
@@ -447,11 +476,9 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                <!-- </div> -->
-
-              </template>
-
-            </el-row>
+                  <!-- </div> -->
+                </template>
+              </el-row>
             </div>
           </el-form>
         </div>
@@ -468,15 +495,30 @@
 export default {
   data() {
     return {
-      querySite:[],
-      stCode:'',
-      rtuHistoryId:'',
-      hexRtuCode:'',
-      querySiteList:[],
-      rtuHistoryList:[],
-      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
-      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
-      formAll:[],
+      querySite: [],
+      stCode: "",
+      rtuHistoryId: "",
+      hexRtuCode: "",
+      querySiteList: [],
+      rtuHistoryList: [],
+      siteNameList: [
+        "遥测站设置",
+        "中心站设置",
+        "传感器型号选择",
+        "气象传感通信设置",
+        "工业相机设置",
+        "水文传感通信",
+        "从机设置",
+        "数据滤波",
+        "水位计",
+        "雨量计",
+        "流量计",
+        "蒸发皿",
+        "土壤沉降仪",
+        "4-20mA设置",
+        "其他设置"
+      ],
+      formAll: [],
       // siteNameList:[],
       formAllBody: [],
       activeIndex: "0",
@@ -488,12 +530,12 @@
   //     return this.formAll[0].form1.rtuOutDtu;
   //   }
   // },
-  watch:{
-    'querySite':{
+  watch: {
+    querySite: {
       handler(newValue, oldValue) {
-        console.log('this.formAll[0].form1.rtuOutDtu')
+        console.log("this.formAll[0].form1.rtuOutDtu");
       },
-      deep:true
+      deep: true
     }
   },
   mounted() {
@@ -501,265 +543,477 @@
     //// 第一个函数就是处理你要监听的属性，只要将其return出去就行
     // 外置dtu开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuOutDtu;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '外置DTU设置'){
-            arr[index].isShow =newVal;
+      function() {
+        return this.formAll[0].form1.rtuOutDtu;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "外置DTU设置") {
+            arr[index].isShow = newVal;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // GPRS，LORA开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuInnerMode;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '内置LoRa相关配置'){
-            arr[index].isShow = newVal === 'LORA' ? true : false;
+      function() {
+        return this.formAll[0].form1.rtuInnerMode;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "内置LoRa相关配置") {
+            arr[index].isShow = newVal === "LORA" ? true : false;
           }
-        })
-        this.formAllBody['2'].forEach((item,index,arr)=>{
-          if(item.name === '中心站1'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+        });
+        this.formAllBody["2"].forEach((item, index, arr) => {
+          if (item.name === "中心站1") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站2'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站2") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站3'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站3") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站4(备份站)'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站4(备份站)") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // 水位计雷达
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei1;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][2].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei1;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][2].isShow = true;
         }
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][4].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei2;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][4].isShow = true;
         }
-			}
-    )
+      }
+    );
     //  流量计水鬼
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = ['直接流量输出','安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']
-        var targetStatusArr = [false,true,true,true,false,false,false,false]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          "直接流量输出",
+          "安装高度",
+          "流量校正",
+          "淤积深度",
+          "无效参数",
+          "无效参数",
+          "无效参数",
+          "堰槽截面表高度分辨率"
+        ];
+        var targetStatusArr = [
+          false,
+          true,
+          true,
+          true,
+          false,
+          false,
+          false,
+          false
+        ];
         // let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_jiemian','rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+        let strArr = [
+          "rtull_ll1_jiemian",
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
-			}
-    )
+        });
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF_LZX_2水龟')){
-          this.formAllBody['11'][6].isShow = false
-        }else{
-          this.formAllBody['11'][6].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang2;
+      },
+      function(newVal, oldVal) {
+        if (!(newVal === "NF_LZX_2水龟")) {
+          this.formAllBody["11"][6].isShow = false;
+        } else {
+          this.formAllBody["11"][6].isShow = true;
         }
-			}
-    )
+      }
+    );
     // 遥测站 采集标志 开关， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtucjFlagTrans;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'][0].data[3].isShow = !newVal
-			}
-    )
+      function() {
+        return this.formAll[0].form1.rtucjFlagTrans;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"][0].data[3].isShow = !newVal;
+      }
+    );
     // 外置dtu设置，下拉框
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuother_dtu_type;
-			},
-			function (newVal, oldVal) {
-        var targetArr = [[true,true,true,true,false],[true,true,false,false,false],[false,false,false,false,true],[false,false,false,false,false]]
-        let select= ['LoRa-利尔达CN470','ManThink-门思科技','BC28电信管理平台NB','M5311移动平台NB'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['JoinEUI','频率格式','上行频率','下行频率','电信NB服务ID']
-        this.formAllBody['1'][2].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldName===strArr[i]){
-              arr[index].isShow = targetArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[0].form1.rtuother_dtu_type;
+      },
+      function(newVal, oldVal) {
+        var targetArr = [
+          [true, true, true, true, false],
+          [true, true, false, false, false],
+          [false, false, false, false, true],
+          [false, false, false, false, false]
+        ];
+        let select = [
+          "LoRa-利尔达CN470",
+          "ManThink-门思科技",
+          "BC28电信管理平台NB",
+          "M5311移动平台NB"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = [
+          "JoinEUI",
+          "频率格式",
+          "上行频率",
+          "下行频率",
+          "电信NB服务ID"
+        ];
+        this.formAllBody["1"][2].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldName === strArr[i]) {
+              arr[index].isShow = targetArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 从机1 ，2设置
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj1_canshu1','rtucj1_canshu2','rtucj1_canshu3']
-        this.formAllBody['7'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj1_canshu1", "rtucj1_canshu2", "rtucj1_canshu3"];
+        this.formAllBody["7"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji2;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj2_canshu1','rtucj2_canshu2','rtucj2_canshu3']
-        this.formAllBody['7'][3].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji2;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj2_canshu1", "rtucj2_canshu2", "rtucj2_canshu3"];
+        this.formAllBody["7"][3].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 流量计 流量槽
     this.$watch(
-			function () {
-				return this.formAll[10].form11.rtull_ll1_jiemian;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','窄底宽度','堰槽高度','宽底宽度','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','槽堰直径','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','无效参数','槽堰高度','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','槽堰高度','槽序号','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,true,false],[true,true,true,false,true,false,false],[true,true,true,false,false,false,true],[true,true,true,false,true,false,false],[true,true,true,true,true,false,false]]
-        let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[10].form11.rtull_ll1_jiemian;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "窄底宽度",
+            "堰槽高度",
+            "宽底宽度",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰直径",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "槽堰高度",
+            "槽序号",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [
+          [true, true, true, false, false, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, true, false],
+          [true, true, true, false, true, false, false],
+          [true, true, true, false, false, false, true],
+          [true, true, true, false, true, false, false],
+          [true, true, true, true, true, false, false]
+        ];
+        let select = [
+          "直接流量输出",
+          "三角堰",
+          "矩形堰",
+          "梯形堰",
+          "圆管",
+          "自定义截面",
+          "直角三角堰明渠",
+          "巴歇尔槽明渠"
+        ]; // 下拉框值，
+        let strArr = [
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 蒸发皿
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_zfly;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','量程','最小加水量'],['无效参数','无效参数','最小加水量'],['无效参数','无效参数','最小加水量']]
-        var targetStatusArr = [[true,true,true],[false,false,true],[false,false,true]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['12'][0].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_zfly;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["安装高度", "量程", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"]
+        ];
+        var targetStatusArr = [
+          [true, true, true],
+          [false, false, true],
+          [false, false, true]
+        ];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["12"][0].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 4am， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [[true, true, true, false, false, false, false]];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // bottom
   },
   methods: {
-    switchChange(val){
+    switchChange(val) {
       // console.log(val,this.formAll[0].form1,'change')
     },
-    switchClick(val){
-      console.log(val,'click')
+    switchClick(val) {
+      console.log(val, "click");
     },
     echoClick() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点回显
-      console.log(this.querySite,'this.querySite')
+      console.log(this.querySite, "this.querySite");
       this.formAll = [];
       this.activeIndex = "0";
       // this.getSiteList();
       this.initPage(rtuCode);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
       // this.handleSelect(0)
       // console.log(this.activeIndex)
     },
     echoRtuHistory() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点和历史id，回显
       this.formAll = [];
@@ -770,11 +1024,11 @@
     },
     temStorageEcho() {
       // this.activeIndex = '0'
-      if(localStorage.getItem(name)){
+      if (localStorage.getItem(name)) {
         this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: '暂存回显成功', type: "success" });
-      } else{
-        this.$message({ message: '无暂存内容', type: "warning" });
+        this.$message({ message: "暂存回显成功", type: "success" });
+      } else {
+        this.$message({ message: "无暂存内容", type: "warning" });
       }
       // console.log(JSON.parse(sessionStorage.getItem(name)),111)
     },
@@ -797,7 +1051,10 @@
           if (valid) {
             successCount++;
           } else {
-            this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            this.$message({
+              message: `${this.siteNameList[i]} 校验失败，请查看`,
+              type: "warning"
+            });
             // alert(`${this.siteNameList[i]} 校验失败，请查看`);
             // this.$notify({
             //   title: '警告',
@@ -808,11 +1065,11 @@
             // return false;
           }
         });
-        if(successFlag){
-          return false
+        if (successFlag) {
+          return false;
         }
       }
-      console.log(this.stCode,'form6Inputform6Input9999999')
+      console.log(this.stCode, "form6Inputform6Input9999999");
       if (successCount === this.siteNameList.length) {
         this.$message({ message: "表单全部校验成功", type: "success" });
       } else {
@@ -822,7 +1079,7 @@
       const parmas = {
         data: {
           rtuCode: this.rtuCode,
-          hexRtuCode : this.hexRtuCode,
+          hexRtuCode: this.hexRtuCode,
           rtuTelemeteringStationSetting: this.formAll[0].form1,
           rtuCentreSetting: this.formAll[1].form2,
           rtuSenseTypeSetting: this.formAll[2].form3,
@@ -905,10 +1162,12 @@
       parmas.data["rtuIndustrialCameraSetting"][
         "rtucamera_jiabao"
       ] = rtucamera_jiabaoNew;
-      this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-        // console.log(res,'rTUSettingServiceUpdate')
-        this.echoClick()
-      })
+      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])
@@ -947,18 +1206,18 @@
     },
     selectChange(val) {
       // this.querySite = []
-      this.rtuHistoryId='',
-      // console.log(val,'val')
-      this.echoClick(val);
-      this.getRtuHistoryList()
+      (this.rtuHistoryId = ""),
+        // console.log(val,'val')
+        this.echoClick(val);
+      this.getRtuHistoryList();
     },
     selectChange1(val) {
       // console.log(val,'val') input搜索
       this.echoClick(val);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     },
     selectRtuHistoryId(val) {
-      console.log(val,'selectRtuHistoryId')
+      console.log(val, "selectRtuHistoryId");
       // this.echoClick(val);
     },
     async initPage(site) {
@@ -968,8 +1227,8 @@
       let resFirst = await this.$http.post(
         `${this.nozzle.rTUSettingServiceQueryById}?rtuCode=${site}`
       );
-      if(resFirst.data.msg ===507){
-        this.$message('请更新')
+      if (resFirst.data.msg === 507) {
+        this.$message("请更新");
       }
       let resData = resFirst.data.data;
       let formArr = [
@@ -997,7 +1256,7 @@
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1017,7 +1276,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1093,14 +1352,14 @@
         "rtu4To20Setting",
         "rtuOtherSetting"
       ];
-      console.log(this.formAll,resData,'ressssss')
+      console.log(this.formAll, resData, "ressssss");
       // this.formAll={}
       this.rtuCode = resData.rtuCode;
       this.hexRtuCode = resData.hexRtuCode;
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1120,7 +1379,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1292,9 +1551,9 @@
             var newObj = [];
             // 根据小标题去重
             uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [], isShow:true, isBlock:true };
+              var obj = { name: item, data: [], isShow: true, isBlock: true };
               var data = dataRes[i].forEach(l => {
-                l.isShow = true
+                l.isShow = true;
                 if (
                   l.subTitle === item &&
                   l.subTitle !== "" &&
@@ -1314,27 +1573,27 @@
             this.$set(this.formAllBody, i, newObj);
           }
         }
-        console.log(this.formAllBody,'999')
+        console.log(this.formAllBody, "999");
       });
     },
     async getSiteList() {
       await this.$http
         .post(this.nozzle.rTUSettingServiceQueryList)
         .then(res => {
-          console.log(res.data.data,'resss')
+          console.log(res.data.data, "resss");
           this.querySiteList = res.data.data;
           // this.querySite[0] = this.querySiteList[0].children[0].label;
         });
     },
     async getRtuHistoryList() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       await this.$http
-      //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
+        //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
         .post(`${this.nozzle.queryRTUSettingHistory}?rtuCode=${rtuCode}`)
         .then(res => {
           // console.log(res.data,'resss')
@@ -1343,16 +1602,16 @@
         });
     }
   },
-  created(){
-    this.getSiteList().then(res=>{
+  created() {
+    this.getSiteList().then(res => {
       // this.querySiteList[0].rtuStationCode
       this.initPage(this.querySite);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     });
 
     this.formControl();
     // console.log(666)
-  },
+  }
   // beforeRouteLeave (to, from, next) {
   //   // 导航离开该组件的对应路由时调用
   //   // 可以访问组件实例 `this`
@@ -1373,208 +1632,206 @@
 //     }
 //   }
 // }
-.content{
-    width: 100% !important;
-    height: 100% !important;
-    #navMenuContent {
-      /* height: calc(100% - 20px);
+.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; */
+    width: 100%;
+    /* background-color: #fff; */
+  }
+  .filter-content {
+    text-align: left;
+    padding: 10px;
+    position: relative;
+    .rtu-history-box {
+      padding: 10px 0 0 0;
+      position: absolute;
+      right: 100px;
+      top: 0;
     }
-    .filter-content{
-      text-align:left;padding:10px;position:relative;
-      .rtu-history-box{
-        padding: 10px 0 0 0;
-        position: absolute;
-        right: 100px;
-        top: 0;
+  }
+  .switchContent {
+    // color: rgb(99, 96, 96);
+    color: red;
+    /* background-color: #fff; */
+    /* background-color: #fff; */
+    // color: white !important;
+
+    padding: 2% 0 0 0;
+    /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;
+          }
+        }
+      }
+      .rowClass {
+        .el-col-class {
+          position: relative;
+        }
+      }
+      .rowClass:nth-child(2n + 1) {
+        // background-color: rgba(	245,222,179,0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass:nth-child(2n) {
+        background-color: rgba(144, 147, 153, 0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass.control-show {
+        // background-color: #fff;
+        // cursor: pointer;
+        background-color: #ccc !important;
+        pointer-events: none !important;
+        border: 1px solid pink;
+        box-sizing: border-box;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // .control-show{
+        // }
+      }
+      .stop {
+        background-color: #ccc;
+        pointer-events: none;
+        border-radius: 10px;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // box-shadow: pink 10px 10px 10px ;
+        .el-input__suffix-inner {
+          pointer-events: none;
+        }
       }
     }
-    .switchContent {
-      // color: rgb(99, 96, 96);
-      color: red;
-      /* background-color: #fff; */
-      /* background-color: #fff; */
-      // color: white !important;
-
-      padding: 2% 0 0 0;
-      /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
-              }
-            }
-
-          }
-          .rowClass{
-            .el-col-class{
-              position:relative
-            }
-
-          }
-          .rowClass:nth-child(2n+1){
-            // background-color: rgba(	245,222,179,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass:nth-child(2n){
-            background-color: rgba(144,147,153,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass.control-show{
-              // background-color: #fff;
-              // cursor: pointer;
-              background-color: #ccc!important;
-              pointer-events: none !important;
-              border: 1px solid pink;
-              box-sizing: border-box;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-            // .control-show{
-            // }
-          }
-          .stop {
-              background-color: #ccc;
-              pointer-events: none;
-              border-radius: 10px;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-              // box-shadow: pink 10px 10px 10px ;
-              .el-input__suffix-inner{
-                pointer-events: none;
-              }
-          }
-
-      }
-
-
-
+  }
+  // /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;
     }
-    // /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-item.is-active {
+      // background-color: var(--dialogtitle)!important;
+      // 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;
-    // }
-
+    .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>
+<style>
+.content .switchContent[data-v-6d3cd89e] .el-form .rowClass.control-show {
+  background-color: #968282 !important;
+}
 </style>
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 080fc2e..4bace9e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -76,6 +76,15 @@
               +安装位置关键标识，例如[武昌]湖北大学东门监测站点</span
             >
           </el-form-item>
+          <el-form-item label="站点编号" prop="stCode" style="width: 100%">
+            <el-input
+              :disabled="iscodefalse"
+              size="small"
+              v-model="ruleForm.stCode"
+              class="selectInput"
+            ></el-input>
+            <span>站点编号现在暂无规则制定</span>
+          </el-form-item>
           <el-form-item label="站点类型" prop="stationType">
             <el-select
               class="selectInput"
@@ -502,24 +511,26 @@
 import markMap from "./markMap.vue";
 export default {
   components: {
-    markMap,
+    markMap
   },
   data() {
     return {
+      // 判断添加站点和修改时候站点编号是否无法选中
+      iscodefalse: false,
       dialogFormVisible: false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
           searchStr: "",
           startDate: "",
-          endDate: "",
+          endDate: ""
         },
         list: [
           {
             type: "input",
             label: "站点名称/编号",
             value: "searchStr",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -527,7 +538,7 @@
             value: "startDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsStart",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -535,7 +546,7 @@
             value: "endDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsEnd",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "button",
@@ -543,7 +554,7 @@
             btType: "primary",
             icon: "el-icon-search",
             event: "search",
-            show: true,
+            show: true
           },
           {
             type: "button",
@@ -552,7 +563,7 @@
             icon: "el-icon-circle-plus-outline",
             event: "create",
             show: true,
-            disabled: true,
+            // disabled: true,
             has: "m11-2-1"
           }
         ]
@@ -566,21 +577,28 @@
         fieldList: [
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
+          {
+            label: "所属项目",
+            value: "platformName",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "站点类型", value: "stationTypeName", width: 120 },
           {
+            label: "站点存储时间",
+            value: "ut",
+            minWidth: 150,
+            tooltip: true
+          },
+
+          { label: "安装人", value: "person", width: 150 },
+          { label: "关联设备", value: "equips", width: 150, type: "slot" },
+          {
             label: "站点安装时间",
             value: "createTime",
             minWidth: 120,
-            tooltip: true,
-          },
-          { label: "安装人", value: "person", width: 100 },
-          { label: "关联设备", value: "equips", width: 150, type: "slot" },
-          {
-            label: "首次数据接入时间",
-            value: "tt",
-            minWidth: 150,
-            tooltip: true,
-          },
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
@@ -593,10 +611,10 @@
               type: "text",
               event: "update",
               show: true,
-              has: "m11-2-2",
-            },
-          ],
-        },
+              has: "m11-2-2"
+            }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {},
@@ -616,7 +634,7 @@
       xiufulist: [],
       delFlagoptions: [
         { value: "0", lable: "禁用" },
-        { value: "1", lable: "启用" },
+        { value: "1", lable: "启用" }
       ],
       configForm: {
         ruleId: "", //规则引擎
@@ -631,9 +649,9 @@
             property: "", //修复因子
             isEnable: "", //是否启用（0否 1是）
             minValue: 0, //正常范围最小值
-            maxValue: 0, //	正常范围最大值
-          },
-        ],
+            maxValue: 0 //	正常范围最大值
+          }
+        ]
       },
       ruleForm: {
         id: "", //站点ID
@@ -656,72 +674,72 @@
         coordinateSystem: "WGS84坐标系", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       },
       rules: {
-        // area: [
-        //   {
-        //     required: true,
-        //     message: "请选择所属区域",
-        //     trigger: "change"
-        //   }
-        // ],
+        stCode: [
+          {
+            required: true,
+            message: "请填写站点编号",
+            trigger: "blur"
+          }
+        ],
         stationType: [
           {
             required: true,
             message: "请选择站点类型",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         platformCode: [
           {
             required: true,
             message: "请选择所属项目",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         stName: [
           {
             required: true,
             message: "请填写站点名称",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lon: [
           {
             required: true,
             message: "请填写经度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lat: [
           {
             required: true,
             message: "请填写纬度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         coordinateSystem: [
           {
             required: true,
             message: "请填写站点坐标系",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         address: [
           {
             required: true,
             message: "请填写站点安装位置",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         person: [
           {
             required: true,
             message: "请填写安装负责人",
-            trigger: "blur",
-          },
-        ],
+            trigger: "blur"
+          }
+        ]
       },
       value: [],
       // 站点管理/所属区域数组
@@ -732,15 +750,15 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: "",
+          look: ""
         },
         width: "60%",
         visible: false,
         btLoading: false,
         type: "",
         btList: [
-          { label: "关闭", type: "", icon: "", event: "close", show: true },
-        ],
+          { label: "关闭", type: "", icon: "", event: "close", show: true }
+        ]
       },
       //设备表格通用相关
       deviceTableInfo: {
@@ -752,39 +770,39 @@
             label: "设备名称",
             value: "equipDesc",
             minWidth: 100,
-            tooltip: true,
+            tooltip: true
           },
           {
             label: "设备厂家",
             value: "equipFactory",
             minWidth: 150,
-            tooltip: true,
-          },
-        ],
+            tooltip: true
+          }
+        ]
       },
       //已关联设备表格相关
       isRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "",
+          sign: ""
         },
-        selectList: [],
+        selectList: []
       },
       //未关联设备表格相关
       unRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "unbound",
+          sign: "unbound"
         },
-        selectList: [],
+        selectList: []
       },
       //设备关联过滤相关
       deviceRelatedQuery: {
         searchStr: "",
-        siteCode: "",
+        siteCode: ""
       },
       //选中的项目对象
-      projectObj: {},
+      projectObj: {}
     };
   },
   mounted() {
@@ -801,7 +819,7 @@
     isCanInsertDevice() {
       return this.unRelatedDeviceTableInfo.selectList.length ? false : true;
     },
-    ...mapGetters(["allDept", "allRole", "allCity"]),
+    ...mapGetters(["allDept", "allRole", "allCity"])
   },
   watch: {
     "ruleForm.area": {
@@ -817,14 +835,21 @@
           }
         }
       },
-      deep: true, // 深度监听
+
+      deep: true // 深度监听
+    },
+    yzaddflag(isss) {
+      if (!isss) {
+        this.$refs.ruleForm.clearValidate();
+        // console.log(this.$refs.ruleForm.clearValidate());
+      }
     },
     dialogVisible: {
       handler(newVal, oldval) {
         if (oldval) {
           this.dialogImageUrl = "";
         }
-      },
+      }
     },
     "dialogInfo.visible"(val) {
       if (!val) {
@@ -846,7 +871,7 @@
     platformCode(val) {
       console.log(777, val);
       this.ruleForm.platformCode = val;
-    },
+    }
   },
   methods: {
     filterCondition() {
@@ -857,7 +882,7 @@
         property: "", //修复因子
         isEnable: "", //是否启用（0否 1是）
         minValue: 0, //正常范围最小值
-        maxValue: 0, //	正常范围最大值
+        maxValue: 0 //	正常范围最大值
       });
     },
     deleteIcons(index) {
@@ -874,7 +899,7 @@
       } else {
         httpurl = this.nozzle.siterepairconfigmodify;
       }
-      this.$http.post(httpurl, this.configForm).then((res) => {
+      this.$http.post(httpurl, this.configForm).then(res => {
         console.log(res);
         if (res.data.code === 200) {
           this.configtrue = false;
@@ -884,7 +909,7 @@
         this.$message({
           message: res.data.message,
           type: res.data.code === 200 ? "success" : "error",
-          showClose: true,
+          showClose: true
         });
       });
     },
@@ -893,6 +918,18 @@
       this.dialogFormVisible = false;
       this.ruleForm.lon = lonlat[0];
       this.ruleForm.lat = lonlat[1];
+      this.$refs.ruleForm.validateField("lon", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
+      this.$refs.ruleForm.validateField("lat", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
     },
     //坐标拾取地图控件打开
     pickLngLat() {
@@ -921,26 +958,26 @@
       formdata.append("siteNo", this.ruleForm.stCode);
       formdata.append("username", "admin");
       let config = {
-        headers: { "Content-Type": "multipart/form-data" },
+        headers: { "Content-Type": "multipart/form-data" }
       };
       axios
         .post(this.nozzle.upload, formdata, config)
-        .then((res) => {
+        .then(res => {
           if (res.data.code == 1) {
             this.loading = false;
             this.$message({
               message: "上传图片成功！",
-              type: "success",
+              type: "success"
             });
             this.ruleForm.fileList.push(res.data.data[0]);
             this.siteTableInfo.refresh = Math.random();
           }
         })
-        .catch((res) => {
+        .catch(res => {
           this.loading = false;
           this.$message({
             message: "服务器问题！请重试！",
-            type: "warning",
+            type: "warning"
           });
         });
     },
@@ -949,7 +986,7 @@
       this.$confirm("此操作将永久删除该图片文件,无法撤回!是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           let fileNos = [];
@@ -958,33 +995,33 @@
             lock: true,
             text: "正在删除....",
             spinner: "el-icon-loading",
-            background: "rgba(0, 0, 0, 0.7)",
+            background: "rgba(0, 0, 0, 0.7)"
           });
           this.$http
             .post(this.nozzle.delete, {
               data: {
                 siteNo: this.ruleForm.stCode,
-                fileNos: fileNos,
-              },
+                fileNos: fileNos
+              }
             })
-            .then((res) => {
+            .then(res => {
               loadingdelet.close();
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
                 type: res.data.code === 1 ? "success" : "error",
-                message: res.data.msg,
+                message: res.data.msg
               });
-              this.ruleForm.fileList = this.ruleForm.fileList.filter((item) => {
+              this.ruleForm.fileList = this.ruleForm.fileList.filter(item => {
                 return item.fileNo != fileNo;
               });
             })
-            .catch((res) => {
+            .catch(res => {
               loadingdelet.close();
               this.$message({
                 type: "info",
-                message: "删除失败,请重试！",
+                message: "删除失败,请重试！"
               });
             });
         })
@@ -992,7 +1029,7 @@
           loadingdelet.close();
           this.$message({
             type: "info",
-            message: "已取消删除",
+            message: "已取消删除"
           });
         });
     },
@@ -1003,13 +1040,13 @@
     },
     // 弹框提交表单按钮
     saveOru(formName) {
-      this.$refs[formName].validate((valid) => {
+      this.$refs[formName].validate(valid => {
         if (valid) {
           this.$http
             .post(this.nozzle.saveOrupdate, {
-              data: this.ruleForm,
+              data: this.ruleForm
             })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
                 this.yzaddflag = false;
@@ -1017,7 +1054,7 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
         }
@@ -1035,21 +1072,19 @@
       if (visible) {
         this.timer = setInterval(() => {
           NodeList.prototype.forEach = Array.prototype.forEach;
-          document
-            .querySelectorAll(".el-cascader-node__label")
-            .forEach((el) => {
-              el.onclick = function () {
-                if (this.previousElementSibling)
-                  this.previousElementSibling.click();
-              };
-              el.ondblclick = function () {
-                if (Array.isArray(that.$refs.cascader)) {
-                  that.$refs.cascader[0].dropDownVisible = false;
-                } else {
-                  that.$refs.cascader.dropDownVisible = false;
-                }
-              };
-            });
+          document.querySelectorAll(".el-cascader-node__label").forEach(el => {
+            el.onclick = function() {
+              if (this.previousElementSibling)
+                this.previousElementSibling.click();
+            };
+            el.ondblclick = function() {
+              if (Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              } else {
+                that.$refs.cascader.dropDownVisible = false;
+              }
+            };
+          });
         }, 1000);
       } else {
         clearInterval(this.timer);
@@ -1059,8 +1094,8 @@
     async getsityType() {
       const { data } = await this.$http.post(this.nozzle.sityType, {
         data: {
-          siteType: "site_type",
-        },
+          siteType: "site_type"
+        }
       });
       this.siteTypeList = data.data;
     },
@@ -1070,16 +1105,16 @@
         .post(this.nozzle.sysPlatformList, {
           current: 0,
           size: 0,
-          data: { searchStr: "", startDate: "", endDate: "" },
+          data: { searchStr: "", startDate: "", endDate: "" }
         })
-        .then((res) => {
+        .then(res => {
           if (res.data.code === 1) {
-            this.projectList = res.data.data.list.map((item) => {
+            this.projectList = res.data.data.list.map(item => {
               return {
                 id: item.id,
                 key: item.name,
                 value: item.platformCode,
-                areaId: item.area,
+                areaId: item.area
               };
             });
           }
@@ -1106,6 +1141,8 @@
           break;
         //添加站点
         case "create":
+          this.iscodefalse = false;
+          this.projectObj = {};
           this.yzaddflag = true;
           this.title = "新增站点";
           this.syscityList = this.removeEmptyChild(this.allCity);
@@ -1113,12 +1150,13 @@
         //编辑站点
         case "update":
           this.title = "修改站点";
+          this.iscodefalse = true;
           for (let key in data) {
             if (key === "stationType") {
               data[key] = data[key] ? data[key].toString() : "";
             }
             this.projectObj = {
-              value: data.platformCode,
+              value: data.platformCode
             };
             this.ruleForm[key] = data[key];
           }
@@ -1141,28 +1179,28 @@
                 property: "", //修复因子
                 isEnable: "", //是否启用（0否 1是）
                 minValue: 0, //正常范围最小值
-                maxValue: 0, //	正常范围最大值
-              },
-            ],
+                maxValue: 0 //	正常范围最大值
+              }
+            ]
           }),
             console.log(index);
           this.configForm.st = data.stCode;
 
-          this.$http.get(this.nozzle.ruleEngineselectAll).then((res) => {
+          this.$http.get(this.nozzle.ruleEngineselectAll).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.ruleList = res.data.data.list;
               console.log(this.ruleList);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.yulianglist = res.data.data;
               console.log(this.yulianglist);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.guanwanglist = res.data.data;
@@ -1171,7 +1209,7 @@
           });
           this.$http
             .post(this.nozzle.listsitesupportedproperty + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 this.xiufulist = res.data.data;
@@ -1181,7 +1219,7 @@
 
           this.$http
             .post(this.nozzle.siteconfigdetail_by_st + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 if (res.data.data) {
@@ -1199,11 +1237,9 @@
                   this.configForm.siteRepairPropertyConfigList =
                     res.data.data.siteRepairPropertyConfigList;
                   this.configForm.id = res.data.data.id;
-                  this.configForm.siteRepairPropertyConfigList.forEach(
-                    (item) => {
-                      item.isEnable = String(item.isEnable);
-                    }
-                  );
+                  this.configForm.siteRepairPropertyConfigList.forEach(item => {
+                    item.isEnable = String(item.isEnable);
+                  });
                 } else {
                   //新增
                   this.isconfigadd = true;
@@ -1238,15 +1274,15 @@
         //添加设备到站点
         case "insert":
           const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
-            equipNos: insertEquipNoArr,
+            equipNos: insertEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1255,22 +1291,22 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
           break;
         //解绑设备与站点
         case "remove":
           const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
-            equipNos: removeEquipNoArr,
+            equipNos: removeEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1279,10 +1315,10 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             })
-            .catch((e) => {
+            .catch(e => {
               console.log(e);
             });
           break;
@@ -1318,7 +1354,7 @@
         coordinateSystem: "WGS84", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       };
       // this.$refs.cascader.$refs.panel.activePath = [];
       // this.$refs.cascader.$refs.panel.clearCheckedNodes();
@@ -1330,7 +1366,7 @@
     },
     //将空的children置为undefined,避免在没有下一级数据的情况下显示暂无数据
     removeEmptyChild(arr) {
-      arr.forEach((item) => {
+      arr.forEach(item => {
         if (!item.children || item.children.length < 1) {
           item.children = undefined;
         } else {
@@ -1338,11 +1374,11 @@
         }
       });
       return arr;
-    },
+    }
   },
   destroyed() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index d725e0c..0b4d019 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -32,6 +32,7 @@
     >
       <el-table :data="TableData" style="width: 100%;height:calc(100% - 45px)">
         <el-table-column prop="stCode" label="站点编号"></el-table-column>
+        <el-table-column prop="name" label="所属项目"></el-table-column>
         <el-table-column prop="stName" label="名称"></el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
diff --git a/src/components/configure/AlarmLog.vue b/src/components/configure/AlarmLog.vue
index ab1f5a5..e18191e 100644
--- a/src/components/configure/AlarmLog.vue
+++ b/src/components/configure/AlarmLog.vue
@@ -46,6 +46,7 @@
     >
       <el-table :data="TableData" style="width: 100%;height:calc(100% - 45px)">
         <el-table-column prop="siteNo" label="站点编号"></el-table-column>
+        <el-table-column prop="name" label="所属项目"></el-table-column>
         <el-table-column prop="siteName" label="站点名称"></el-table-column>
         <el-table-column prop="factorsName" label="因子名"></el-table-column>
         <el-table-column prop="warnType" label="报警级别">
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 9f843f2..25816a1 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -676,7 +676,7 @@
                 }
               });
 
-              // 加载历史数据
+              // 加载历史表格数据
               this.loadDataGridData();
               this.Search();
             })
@@ -694,12 +694,9 @@
     HistoryHandleClick(tab, event) {
       if (tab.index == 1) {
         // 渲染echarts的因子下拉框
-        if (this.FirstOn) {
-          // 仅仅第一次进来历史图形的页面时，需要加载因子列表
-          this.loadSiteYinZiData();
-          this.FirstOn = false;
-        }
-        if (this.DateisChange) {
+        this.loadSiteYinZiData();
+
+        if (this.DateisChange || this.sitechange) {
           // 调用函数渲染数据
           this.loadEchartsData();
         }
@@ -863,6 +860,8 @@
               this.ChartsX = response.data.tt;
               this.ChartsUp = response.data.up;
               this.ChartsDown = response.data.down;
+              document.getElementById("HistoryEchart").innerHTML = "";
+
               this.$nextTick(function() {
                 this.loadEcharts();
               });

diff --git a/src/components/ConfigManager/RtuConfig.vue b/src/components/ConfigManager/RtuConfig.vue
index a323000..120db07 100644
--- a/src/components/ConfigManager/RtuConfig.vue
+++ b/src/components/ConfigManager/RtuConfig.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="content">
-    <div v-if="!(formAll && formAllBody && formAllBody.length)" style="height:56px">
-
-    </div>
+    <div
+      v-if="!(formAll && formAllBody && formAllBody.length)"
+      style="height:56px"
+    ></div>
     <div
       v-if="formAll && formAllBody && formAllBody.length"
       class="filter-content"
@@ -25,7 +26,7 @@
         :options="querySiteList"
         filterable
         @change="selectChange"
-        ></el-cascader>
+      ></el-cascader>
       <!-- <el-select v-model="querySite" filterable @change="selectChange">
         <el-option
           v-for="(item,index) in querySiteList"
@@ -48,9 +49,13 @@
         提交
       </el-button>
       <div class="rtu-history-box">
-        <el-select v-model="rtuHistoryId" filterable @change="selectRtuHistoryId">
+        <el-select
+          v-model="rtuHistoryId"
+          filterable
+          @change="selectRtuHistoryId"
+        >
           <el-option
-            v-for="(item,index) in rtuHistoryList"
+            v-for="(item, index) in rtuHistoryList"
             :key="index"
             :label="`${item.createTime}`"
             :value="item.id"
@@ -60,7 +65,6 @@
         <el-button type="primary" @click="echoRtuHistory">
           回显历史记录
         </el-button>
-
       </div>
     </div>
     <div id="navMenuContent">
@@ -80,7 +84,15 @@
       </el-menu>
     </div>
     <div class="switchContent">
-      <div v-if="formAll && formAll.length !==0 &&formAll[0] && formAllBody && formAllBody.length">
+      <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`]"
@@ -94,32 +106,36 @@
           >
             <!-- {{`form${index+1}`}} -->
             <div class="row-box">
-
-            <el-row
-              v-for="(i, index) in formAllBody[formItemIndex + 1]"
-              :key="index"
-              :class="{'control-show':!i.isShow, 'rowClass':true}"
-            >
-              <template v-if="i.isBlock">
-                <!-- <div :class="{'control-show':i.isShow}"> -->
+              <el-row
+                v-for="(i, index) in formAllBody[formItemIndex + 1]"
+                :key="index"
+                :class="{ 'control-show': !i.isShow, rowClass: true }"
+              >
+                <template v-if="i.isBlock">
+                  <!-- <div :class="{'control-show':i.isShow}"> -->
                   <el-col :span="6" v-if="i.name" class="subTitle">{{
                     i.name
                   }}</el-col>
                   <el-col
                     :span="6"
-                    v-for="(item) in i.data"
+                    v-for="item in i.data"
                     :key="item.fieldIdentifier"
-                    :class="{'el-col-class':true,'stop':item.hasOwnProperty('isShow') ? !item.isShow : false}"
+                    :class="{
+                      'el-col-class': true,
+                      stop: item.hasOwnProperty('isShow') ? !item.isShow : false
+                    }"
                   >
                     <el-form-item
                       v-if="parseInt(item.fieldType) === 1"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -129,14 +145,16 @@
                       v-if="parseInt(item.fieldType) === 2"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
-                        :class="{'stop':!i.isShow}"
+                        :class="{ stop: !i.isShow }"
                       >
                         <el-option
                           v-for="item in creatListTest(item.selectOption)"
@@ -152,11 +170,16 @@
                       v-if="parseInt(item.fieldType) === 3"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true,'form-switch':true}"
+                      :class="{
+                        'el-form-item-input': true,
+                        'form-switch': true
+                      }"
                     >
                       <el-switch
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         active-color="#13ce66"
                         inactive-color="#ff4949"
@@ -182,11 +205,13 @@
                       v-if="parseInt(item.fieldType) === 5"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-input
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         ><i slot="suffix">{{ item.unit }}</i></el-input
@@ -426,18 +451,22 @@
                       v-if="parseInt(item.fieldType) === 6"
                       :label="item.fieldName"
                       :prop="item.fieldIdentifier"
-                      :class="{'el-form-item-input':true}"
+                      :class="{ 'el-form-item-input': true }"
                     >
                       <el-select
                         v-model="
-                          formItem[`form${formItemIndex + 1}`][item.fieldIdentifier]
+                          formItem[`form${formItemIndex + 1}`][
+                            item.fieldIdentifier
+                          ]
                         "
                         :placeholder="item.validatorMark"
                         multiple
                         collapse-tags
                       >
                         <el-option
-                          v-for="(item, index) in creatListTest(item.selectOption)"
+                          v-for="(item, index) in creatListTest(
+                            item.selectOption
+                          )"
                           :key="item.code"
                           :label="item.value"
                           :value="index"
@@ -447,11 +476,9 @@
                       </el-select>
                     </el-form-item>
                   </el-col>
-                <!-- </div> -->
-
-              </template>
-
-            </el-row>
+                  <!-- </div> -->
+                </template>
+              </el-row>
             </div>
           </el-form>
         </div>
@@ -468,15 +495,30 @@
 export default {
   data() {
     return {
-      querySite:[],
-      stCode:'',
-      rtuHistoryId:'',
-      hexRtuCode:'',
-      querySiteList:[],
-      rtuHistoryList:[],
-      siteNameList:['遥测站设置','中心站设置','传感器型号选择','气象传感通信设置','工业相机设置','水文传感通信','从机设置',
-      '数据滤波','水位计','雨量计','流量计','蒸发皿','土壤沉降仪','4-20mA设置','其他设置'],
-      formAll:[],
+      querySite: [],
+      stCode: "",
+      rtuHistoryId: "",
+      hexRtuCode: "",
+      querySiteList: [],
+      rtuHistoryList: [],
+      siteNameList: [
+        "遥测站设置",
+        "中心站设置",
+        "传感器型号选择",
+        "气象传感通信设置",
+        "工业相机设置",
+        "水文传感通信",
+        "从机设置",
+        "数据滤波",
+        "水位计",
+        "雨量计",
+        "流量计",
+        "蒸发皿",
+        "土壤沉降仪",
+        "4-20mA设置",
+        "其他设置"
+      ],
+      formAll: [],
       // siteNameList:[],
       formAllBody: [],
       activeIndex: "0",
@@ -488,12 +530,12 @@
   //     return this.formAll[0].form1.rtuOutDtu;
   //   }
   // },
-  watch:{
-    'querySite':{
+  watch: {
+    querySite: {
       handler(newValue, oldValue) {
-        console.log('this.formAll[0].form1.rtuOutDtu')
+        console.log("this.formAll[0].form1.rtuOutDtu");
       },
-      deep:true
+      deep: true
     }
   },
   mounted() {
@@ -501,265 +543,477 @@
     //// 第一个函数就是处理你要监听的属性，只要将其return出去就行
     // 外置dtu开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuOutDtu;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '外置DTU设置'){
-            arr[index].isShow =newVal;
+      function() {
+        return this.formAll[0].form1.rtuOutDtu;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "外置DTU设置") {
+            arr[index].isShow = newVal;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // GPRS，LORA开关
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuInnerMode;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'].forEach((item,index,arr)=>{
-          if(item.name === '内置LoRa相关配置'){
-            arr[index].isShow = newVal === 'LORA' ? true : false;
+      function() {
+        return this.formAll[0].form1.rtuInnerMode;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"].forEach((item, index, arr) => {
+          if (item.name === "内置LoRa相关配置") {
+            arr[index].isShow = newVal === "LORA" ? true : false;
           }
-        })
-        this.formAllBody['2'].forEach((item,index,arr)=>{
-          if(item.name === '中心站1'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+        });
+        this.formAllBody["2"].forEach((item, index, arr) => {
+          if (item.name === "中心站1") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站2'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站2") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站3'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站3") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-          if(item.name === '中心站4(备份站)'){
-            arr[index].isShow = newVal === 'GPRS' ? true : false;
+          if (item.name === "中心站4(备份站)") {
+            arr[index].isShow = newVal === "GPRS" ? true : false;
           }
-        })
-			}
-    )
+        });
+      }
+    );
     // 水位计雷达
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei1;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][2].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei1;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][2].isShow = true;
         }
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_shuiwei2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF-WGX-5小雷达水位计' | newVal=== 'NF-WGX-6大雷达水位计')){
-          this.formAllBody['9'][2].isShow = false
-        }else{
-          this.formAllBody['9'][4].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_shuiwei2;
+      },
+      function(newVal, oldVal) {
+        if (
+          !(
+            (newVal === "NF-WGX-5小雷达水位计") |
+            (newVal === "NF-WGX-6大雷达水位计")
+          )
+        ) {
+          this.formAllBody["9"][2].isShow = false;
+        } else {
+          this.formAllBody["9"][4].isShow = true;
         }
-			}
-    )
+      }
+    );
     //  流量计水鬼
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = ['直接流量输出','安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']
-        var targetStatusArr = [false,true,true,true,false,false,false,false]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          "直接流量输出",
+          "安装高度",
+          "流量校正",
+          "淤积深度",
+          "无效参数",
+          "无效参数",
+          "无效参数",
+          "堰槽截面表高度分辨率"
+        ];
+        var targetStatusArr = [
+          false,
+          true,
+          true,
+          true,
+          false,
+          false,
+          false,
+          false
+        ];
         // let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_jiemian','rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+        let strArr = [
+          "rtull_ll1_jiemian",
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
-			}
-    )
+        });
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang2;
-			},
-			function (newVal, oldVal) {
-        if(!(newVal==='NF_LZX_2水龟')){
-          this.formAllBody['11'][6].isShow = false
-        }else{
-          this.formAllBody['11'][6].isShow = true
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang2;
+      },
+      function(newVal, oldVal) {
+        if (!(newVal === "NF_LZX_2水龟")) {
+          this.formAllBody["11"][6].isShow = false;
+        } else {
+          this.formAllBody["11"][6].isShow = true;
         }
-			}
-    )
+      }
+    );
     // 遥测站 采集标志 开关， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtucjFlagTrans;
-			},
-			function (newVal, oldVal) {
-        this.formAllBody['1'][0].data[3].isShow = !newVal
-			}
-    )
+      function() {
+        return this.formAll[0].form1.rtucjFlagTrans;
+      },
+      function(newVal, oldVal) {
+        this.formAllBody["1"][0].data[3].isShow = !newVal;
+      }
+    );
     // 外置dtu设置，下拉框
     this.$watch(
-			function () {
-				return this.formAll[0].form1.rtuother_dtu_type;
-			},
-			function (newVal, oldVal) {
-        var targetArr = [[true,true,true,true,false],[true,true,false,false,false],[false,false,false,false,true],[false,false,false,false,false]]
-        let select= ['LoRa-利尔达CN470','ManThink-门思科技','BC28电信管理平台NB','M5311移动平台NB'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['JoinEUI','频率格式','上行频率','下行频率','电信NB服务ID']
-        this.formAllBody['1'][2].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldName===strArr[i]){
-              arr[index].isShow = targetArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[0].form1.rtuother_dtu_type;
+      },
+      function(newVal, oldVal) {
+        var targetArr = [
+          [true, true, true, true, false],
+          [true, true, false, false, false],
+          [false, false, false, false, true],
+          [false, false, false, false, false]
+        ];
+        let select = [
+          "LoRa-利尔达CN470",
+          "ManThink-门思科技",
+          "BC28电信管理平台NB",
+          "M5311移动平台NB"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = [
+          "JoinEUI",
+          "频率格式",
+          "上行频率",
+          "下行频率",
+          "电信NB服务ID"
+        ];
+        this.formAllBody["1"][2].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldName === strArr[i]) {
+              arr[index].isShow = targetArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 从机1 ，2设置
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj1_canshu1','rtucj1_canshu2','rtucj1_canshu3']
-        this.formAllBody['7'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj1_canshu1", "rtucj1_canshu2", "rtucj1_canshu3"];
+        this.formAllBody["7"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_congji2;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['无效参数','无效参数','无效参数'],['抽水周期','抽水超时','排水超时'],['无效参数','无效参数','无效参数'],['采集周期','通道延时','演示递增'],['采集周期','通道延时','无效参数'],['查询周期','抽水超时','排水超时']]
-        var targetStatusArr = [[false,false,false],[true,true,true],[false,false,false],[true,true,true],[true,true,false],[true,true,true]]
-        let select= ['默认从机','电机驱动板（水质监测柜）','VGUS屏幕（水质监测柜）','二供（净水器）','二供（水箱）','主控板（5/9参数水质监测柜）'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtucj2_canshu1','rtucj2_canshu2','rtucj2_canshu3']
-        this.formAllBody['7'][3].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_congji2;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["无效参数", "无效参数", "无效参数"],
+          ["抽水周期", "抽水超时", "排水超时"],
+          ["无效参数", "无效参数", "无效参数"],
+          ["采集周期", "通道延时", "演示递增"],
+          ["采集周期", "通道延时", "无效参数"],
+          ["查询周期", "抽水超时", "排水超时"]
+        ];
+        var targetStatusArr = [
+          [false, false, false],
+          [true, true, true],
+          [false, false, false],
+          [true, true, true],
+          [true, true, false],
+          [true, true, true]
+        ];
+        let select = [
+          "默认从机",
+          "电机驱动板（水质监测柜）",
+          "VGUS屏幕（水质监测柜）",
+          "二供（净水器）",
+          "二供（水箱）",
+          "主控板（5/9参数水质监测柜）"
+        ]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtucj2_canshu1", "rtucj2_canshu2", "rtucj2_canshu3"];
+        this.formAllBody["7"][3].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 流量计 流量槽
     this.$watch(
-			function () {
-				return this.formAll[10].form11.rtull_ll1_jiemian;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','上地宽度','堰槽高度','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','窄底宽度','堰槽高度','宽底宽度','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','槽堰直径','无效参数','堰槽截面表高度分辨率'],['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','无效参数','槽堰高度','无效参数','堰槽截面表高度分辨率'],['溢流高度','流量校正','淤积深度','槽堰高度','槽序号','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,false,false],[true,true,true,true,true,true,false],[true,true,true,false,true,false,false],[true,true,true,false,false,false,true],[true,true,true,false,true,false,false],[true,true,true,true,true,false,false]]
-        let select= ['直接流量输出','三角堰','矩形堰','梯形堰','圆管','自定义截面','直角三角堰明渠','巴歇尔槽明渠'] // 下拉框值，
-        let strArr= ['rtull_ll1_gaodu','rtull_ll1_jiaozheng','rtull_ll1_shendu','rtull_ll1_shangdikuandu','rtull_ll1_yancaogaodu','rtull_ll1_xiadikuandu','rtull_ll1_fenbian']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[10].form11.rtull_ll1_jiemian;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "上地宽度",
+            "堰槽高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "窄底宽度",
+            "堰槽高度",
+            "宽底宽度",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰直径",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "槽堰高度",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ],
+          [
+            "溢流高度",
+            "流量校正",
+            "淤积深度",
+            "槽堰高度",
+            "槽序号",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [
+          [true, true, true, false, false, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, false, false],
+          [true, true, true, true, true, true, false],
+          [true, true, true, false, true, false, false],
+          [true, true, true, false, false, false, true],
+          [true, true, true, false, true, false, false],
+          [true, true, true, true, true, false, false]
+        ];
+        let select = [
+          "直接流量输出",
+          "三角堰",
+          "矩形堰",
+          "梯形堰",
+          "圆管",
+          "自定义截面",
+          "直角三角堰明渠",
+          "巴歇尔槽明渠"
+        ]; // 下拉框值，
+        let strArr = [
+          "rtull_ll1_gaodu",
+          "rtull_ll1_jiaozheng",
+          "rtull_ll1_shendu",
+          "rtull_ll1_shangdikuandu",
+          "rtull_ll1_yancaogaodu",
+          "rtull_ll1_xiadikuandu",
+          "rtull_ll1_fenbian"
+        ];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 蒸发皿
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_zfly;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','量程','最小加水量'],['无效参数','无效参数','最小加水量'],['无效参数','无效参数','最小加水量']]
-        var targetStatusArr = [[true,true,true],[false,false,true],[false,false,true]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['12'][0].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_zfly;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          ["安装高度", "量程", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"],
+          ["无效参数", "无效参数", "最小加水量"]
+        ];
+        var targetStatusArr = [
+          [true, true, true],
+          [false, false, true],
+          [false, false, true]
+        ];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["12"][0].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // 4am， 存储周期 rtuSaveCircle
     this.$watch(
-			function () {
-				return this.formAll[2].form3.rtucgq_liuliang1;
-			},
-			function (newVal, oldVal) {
-        var targetNameArr = [['安装高度','流量校正','淤积深度','无效参数','无效参数','无效参数','堰槽截面表高度分辨率']]
-        var targetStatusArr = [[true,true,true,false,false,false,false]]
-        let select= ['独立蒸发皿','水位值1','水位值2'] // 下拉框值，对应targetArr其他5个控件显示的4状态
-        let strArr= ['rtuzf_gaodu','rtuzf_liangcheng','rtuzf_zuixiao']
-        this.formAllBody['11'][1].data.forEach((item,index,arr)=>{
-          for(let i = 0;i<strArr.length;i++){
-            if(arr[index].fieldIdentifier===strArr[i]){
-              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i]
-              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i]
+      function() {
+        return this.formAll[2].form3.rtucgq_liuliang1;
+      },
+      function(newVal, oldVal) {
+        var targetNameArr = [
+          [
+            "安装高度",
+            "流量校正",
+            "淤积深度",
+            "无效参数",
+            "无效参数",
+            "无效参数",
+            "堰槽截面表高度分辨率"
+          ]
+        ];
+        var targetStatusArr = [[true, true, true, false, false, false, false]];
+        let select = ["独立蒸发皿", "水位值1", "水位值2"]; // 下拉框值，对应targetArr其他5个控件显示的4状态
+        let strArr = ["rtuzf_gaodu", "rtuzf_liangcheng", "rtuzf_zuixiao"];
+        this.formAllBody["11"][1].data.forEach((item, index, arr) => {
+          for (let i = 0; i < strArr.length; i++) {
+            if (arr[index].fieldIdentifier === strArr[i]) {
+              arr[index].isShow = targetStatusArr[select.indexOf(newVal)][i];
+              arr[index].fieldName = targetNameArr[select.indexOf(newVal)][i];
             }
           }
-        })
+        });
         // console.log(this.formAllBody['1'][2].data, select.indexOf(newVal),'_this.formAllBody[]')
-			}
-    )
+      }
+    );
     // bottom
   },
   methods: {
-    switchChange(val){
+    switchChange(val) {
       // console.log(val,this.formAll[0].form1,'change')
     },
-    switchClick(val){
-      console.log(val,'click')
+    switchClick(val) {
+      console.log(val, "click");
     },
     echoClick() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点回显
-      console.log(this.querySite,'this.querySite')
+      console.log(this.querySite, "this.querySite");
       this.formAll = [];
       this.activeIndex = "0";
       // this.getSiteList();
       this.initPage(rtuCode);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
       // this.handleSelect(0)
       // console.log(this.activeIndex)
     },
     echoRtuHistory() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       // 根据站点和历史id，回显
       this.formAll = [];
@@ -770,11 +1024,11 @@
     },
     temStorageEcho() {
       // this.activeIndex = '0'
-      if(localStorage.getItem(name)){
+      if (localStorage.getItem(name)) {
         this.formAll = JSON.parse(localStorage.getItem(name));
-        this.$message({ message: '暂存回显成功', type: "success" });
-      } else{
-        this.$message({ message: '无暂存内容', type: "warning" });
+        this.$message({ message: "暂存回显成功", type: "success" });
+      } else {
+        this.$message({ message: "无暂存内容", type: "warning" });
       }
       // console.log(JSON.parse(sessionStorage.getItem(name)),111)
     },
@@ -797,7 +1051,10 @@
           if (valid) {
             successCount++;
           } else {
-            this.$message({message: `${this.siteNameList[i]} 校验失败，请查看`,type: "warning"});
+            this.$message({
+              message: `${this.siteNameList[i]} 校验失败，请查看`,
+              type: "warning"
+            });
             // alert(`${this.siteNameList[i]} 校验失败，请查看`);
             // this.$notify({
             //   title: '警告',
@@ -808,11 +1065,11 @@
             // return false;
           }
         });
-        if(successFlag){
-          return false
+        if (successFlag) {
+          return false;
         }
       }
-      console.log(this.stCode,'form6Inputform6Input9999999')
+      console.log(this.stCode, "form6Inputform6Input9999999");
       if (successCount === this.siteNameList.length) {
         this.$message({ message: "表单全部校验成功", type: "success" });
       } else {
@@ -822,7 +1079,7 @@
       const parmas = {
         data: {
           rtuCode: this.rtuCode,
-          hexRtuCode : this.hexRtuCode,
+          hexRtuCode: this.hexRtuCode,
           rtuTelemeteringStationSetting: this.formAll[0].form1,
           rtuCentreSetting: this.formAll[1].form2,
           rtuSenseTypeSetting: this.formAll[2].form3,
@@ -905,10 +1162,12 @@
       parmas.data["rtuIndustrialCameraSetting"][
         "rtucamera_jiabao"
       ] = rtucamera_jiabaoNew;
-      this.$http.post(`${this.nozzle.rTUSettingServiceUpdate}`,parmas).then(res=>{
-        // console.log(res,'rTUSettingServiceUpdate')
-        this.echoClick()
-      })
+      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])
@@ -947,18 +1206,18 @@
     },
     selectChange(val) {
       // this.querySite = []
-      this.rtuHistoryId='',
-      // console.log(val,'val')
-      this.echoClick(val);
-      this.getRtuHistoryList()
+      (this.rtuHistoryId = ""),
+        // console.log(val,'val')
+        this.echoClick(val);
+      this.getRtuHistoryList();
     },
     selectChange1(val) {
       // console.log(val,'val') input搜索
       this.echoClick(val);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     },
     selectRtuHistoryId(val) {
-      console.log(val,'selectRtuHistoryId')
+      console.log(val, "selectRtuHistoryId");
       // this.echoClick(val);
     },
     async initPage(site) {
@@ -968,8 +1227,8 @@
       let resFirst = await this.$http.post(
         `${this.nozzle.rTUSettingServiceQueryById}?rtuCode=${site}`
       );
-      if(resFirst.data.msg ===507){
-        this.$message('请更新')
+      if (resFirst.data.msg === 507) {
+        this.$message("请更新");
       }
       let resData = resFirst.data.data;
       let formArr = [
@@ -997,7 +1256,7 @@
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1017,7 +1276,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1093,14 +1352,14 @@
         "rtu4To20Setting",
         "rtuOtherSetting"
       ];
-      console.log(this.formAll,resData,'ressssss')
+      console.log(this.formAll, resData, "ressssss");
       // this.formAll={}
       this.rtuCode = resData.rtuCode;
       this.hexRtuCode = resData.hexRtuCode;
       for (let i = 1; i <= 15; i++) {
         let obj = {};
         // 水文传感里是第6个表单
-        if (i !== 6  && i !== 5) {
+        if (i !== 6 && i !== 5) {
           obj[`form${i}`] = resData[formArr[i - 1]];
         }
         //  else if (i === 1) {
@@ -1120,7 +1379,7 @@
         //   obj[`form${i}`] = formObj;
         // }
         else if (i === 5) {
-          let formObj = Object.assign({},resData[formArr[i - 1]]);
+          let formObj = Object.assign({}, resData[formArr[i - 1]]);
           let rtucamera_jiabaoNew = [];
           if (!formObj.hasOwnProperty("rtucamera_jiabao")) {
             return;
@@ -1292,9 +1551,9 @@
             var newObj = [];
             // 根据小标题去重
             uniq(sub_titleList).forEach(item => {
-              var obj = { name: item, data: [], isShow:true, isBlock:true };
+              var obj = { name: item, data: [], isShow: true, isBlock: true };
               var data = dataRes[i].forEach(l => {
-                l.isShow = true
+                l.isShow = true;
                 if (
                   l.subTitle === item &&
                   l.subTitle !== "" &&
@@ -1314,27 +1573,27 @@
             this.$set(this.formAllBody, i, newObj);
           }
         }
-        console.log(this.formAllBody,'999')
+        console.log(this.formAllBody, "999");
       });
     },
     async getSiteList() {
       await this.$http
         .post(this.nozzle.rTUSettingServiceQueryList)
         .then(res => {
-          console.log(res.data.data,'resss')
+          console.log(res.data.data, "resss");
           this.querySiteList = res.data.data;
           // this.querySite[0] = this.querySiteList[0].children[0].label;
         });
     },
     async getRtuHistoryList() {
-      let rtuCode = ''
-      if(this.querySite.length===1){
-        rtuCode = this.querySite[0]
-      }else{
-        rtuCode = this.querySite[1]
+      let rtuCode = "";
+      if (this.querySite.length === 1) {
+        rtuCode = this.querySite[0];
+      } else {
+        rtuCode = this.querySite[1];
       }
       await this.$http
-      //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
+        //`${this.nozzle.queryRTUSettingHistory}?stCode=${this.querySite}`
         .post(`${this.nozzle.queryRTUSettingHistory}?rtuCode=${rtuCode}`)
         .then(res => {
           // console.log(res.data,'resss')
@@ -1343,16 +1602,16 @@
         });
     }
   },
-  created(){
-    this.getSiteList().then(res=>{
+  created() {
+    this.getSiteList().then(res => {
       // this.querySiteList[0].rtuStationCode
       this.initPage(this.querySite);
-      this.getRtuHistoryList()
+      this.getRtuHistoryList();
     });
 
     this.formControl();
     // console.log(666)
-  },
+  }
   // beforeRouteLeave (to, from, next) {
   //   // 导航离开该组件的对应路由时调用
   //   // 可以访问组件实例 `this`
@@ -1373,208 +1632,206 @@
 //     }
 //   }
 // }
-.content{
-    width: 100% !important;
-    height: 100% !important;
-    #navMenuContent {
-      /* height: calc(100% - 20px);
+.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; */
+    width: 100%;
+    /* background-color: #fff; */
+  }
+  .filter-content {
+    text-align: left;
+    padding: 10px;
+    position: relative;
+    .rtu-history-box {
+      padding: 10px 0 0 0;
+      position: absolute;
+      right: 100px;
+      top: 0;
     }
-    .filter-content{
-      text-align:left;padding:10px;position:relative;
-      .rtu-history-box{
-        padding: 10px 0 0 0;
-        position: absolute;
-        right: 100px;
-        top: 0;
+  }
+  .switchContent {
+    // color: rgb(99, 96, 96);
+    color: red;
+    /* background-color: #fff; */
+    /* background-color: #fff; */
+    // color: white !important;
+
+    padding: 2% 0 0 0;
+    /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;
+          }
+        }
+      }
+      .rowClass {
+        .el-col-class {
+          position: relative;
+        }
+      }
+      .rowClass:nth-child(2n + 1) {
+        // background-color: rgba(	245,222,179,0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass:nth-child(2n) {
+        background-color: rgba(144, 147, 153, 0.3);
+        box-shadow: rgba(144, 147, 153, 0.32) 0px 2px 4px 0px;
+        margin: 10px 0 0 0;
+        border-radius: 10px;
+      }
+      .rowClass.control-show {
+        // background-color: #fff;
+        // cursor: pointer;
+        background-color: #ccc !important;
+        pointer-events: none !important;
+        border: 1px solid pink;
+        box-sizing: border-box;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // .control-show{
+        // }
+      }
+      .stop {
+        background-color: #ccc;
+        pointer-events: none;
+        border-radius: 10px;
+        .el-input__inner {
+          border: 1px solid #dcdfe6;
+        }
+        // box-shadow: pink 10px 10px 10px ;
+        .el-input__suffix-inner {
+          pointer-events: none;
+        }
       }
     }
-    .switchContent {
-      // color: rgb(99, 96, 96);
-      color: red;
-      /* background-color: #fff; */
-      /* background-color: #fff; */
-      // color: white !important;
-
-      padding: 2% 0 0 0;
-      /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
-              }
-            }
-
-          }
-          .rowClass{
-            .el-col-class{
-              position:relative
-            }
-
-          }
-          .rowClass:nth-child(2n+1){
-            // background-color: rgba(	245,222,179,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass:nth-child(2n){
-            background-color: rgba(144,147,153,0.3);
-            box-shadow: rgba(144,147,153, 0.32) 0px 2px 4px 0px;
-            margin: 10px 0 0 0 ;
-            border-radius: 10px;
-          }
-          .rowClass.control-show{
-              // background-color: #fff;
-              // cursor: pointer;
-              background-color: #ccc!important;
-              pointer-events: none !important;
-              border: 1px solid pink;
-              box-sizing: border-box;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-            // .control-show{
-            // }
-          }
-          .stop {
-              background-color: #ccc;
-              pointer-events: none;
-              border-radius: 10px;
-              .el-input__inner{
-                border:1px solid #DCDFE6;
-              }
-              // box-shadow: pink 10px 10px 10px ;
-              .el-input__suffix-inner{
-                pointer-events: none;
-              }
-          }
-
-      }
-
-
-
+  }
+  // /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;
     }
-    // /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-item.is-active {
+      // background-color: var(--dialogtitle)!important;
+      // 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;
-    // }
-
+    .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>
+<style>
+.content .switchContent[data-v-6d3cd89e] .el-form .rowClass.control-show {
+  background-color: #968282 !important;
+}
 </style>
diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 080fc2e..4bace9e 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -76,6 +76,15 @@
               +安装位置关键标识，例如[武昌]湖北大学东门监测站点</span
             >
           </el-form-item>
+          <el-form-item label="站点编号" prop="stCode" style="width: 100%">
+            <el-input
+              :disabled="iscodefalse"
+              size="small"
+              v-model="ruleForm.stCode"
+              class="selectInput"
+            ></el-input>
+            <span>站点编号现在暂无规则制定</span>
+          </el-form-item>
           <el-form-item label="站点类型" prop="stationType">
             <el-select
               class="selectInput"
@@ -502,24 +511,26 @@
 import markMap from "./markMap.vue";
 export default {
   components: {
-    markMap,
+    markMap
   },
   data() {
     return {
+      // 判断添加站点和修改时候站点编号是否无法选中
+      iscodefalse: false,
       dialogFormVisible: false,
       //站点搜索相关
       siteFilterInfo: {
         query: {
           searchStr: "",
           startDate: "",
-          endDate: "",
+          endDate: ""
         },
         list: [
           {
             type: "input",
             label: "站点名称/编号",
             value: "searchStr",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -527,7 +538,7 @@
             value: "startDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsStart",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "date",
@@ -535,7 +546,7 @@
             value: "endDate",
             dateType: "date",
             datePickerOptions: "pickerOptionsEnd",
-            hideLabel: true,
+            hideLabel: true
           },
           {
             type: "button",
@@ -543,7 +554,7 @@
             btType: "primary",
             icon: "el-icon-search",
             event: "search",
-            show: true,
+            show: true
           },
           {
             type: "button",
@@ -552,7 +563,7 @@
             icon: "el-icon-circle-plus-outline",
             event: "create",
             show: true,
-            disabled: true,
+            // disabled: true,
             has: "m11-2-1"
           }
         ]
@@ -566,21 +577,28 @@
         fieldList: [
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
+          {
+            label: "所属项目",
+            value: "platformName",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "站点类型", value: "stationTypeName", width: 120 },
           {
+            label: "站点存储时间",
+            value: "ut",
+            minWidth: 150,
+            tooltip: true
+          },
+
+          { label: "安装人", value: "person", width: 150 },
+          { label: "关联设备", value: "equips", width: 150, type: "slot" },
+          {
             label: "站点安装时间",
             value: "createTime",
             minWidth: 120,
-            tooltip: true,
-          },
-          { label: "安装人", value: "person", width: 100 },
-          { label: "关联设备", value: "equips", width: 150, type: "slot" },
-          {
-            label: "首次数据接入时间",
-            value: "tt",
-            minWidth: 150,
-            tooltip: true,
-          },
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
@@ -593,10 +611,10 @@
               type: "text",
               event: "update",
               show: true,
-              has: "m11-2-2",
-            },
-          ],
-        },
+              has: "m11-2-2"
+            }
+          ]
+        }
       },
       //列表相关
       listTypeInfo: {},
@@ -616,7 +634,7 @@
       xiufulist: [],
       delFlagoptions: [
         { value: "0", lable: "禁用" },
-        { value: "1", lable: "启用" },
+        { value: "1", lable: "启用" }
       ],
       configForm: {
         ruleId: "", //规则引擎
@@ -631,9 +649,9 @@
             property: "", //修复因子
             isEnable: "", //是否启用（0否 1是）
             minValue: 0, //正常范围最小值
-            maxValue: 0, //	正常范围最大值
-          },
-        ],
+            maxValue: 0 //	正常范围最大值
+          }
+        ]
       },
       ruleForm: {
         id: "", //站点ID
@@ -656,72 +674,72 @@
         coordinateSystem: "WGS84坐标系", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       },
       rules: {
-        // area: [
-        //   {
-        //     required: true,
-        //     message: "请选择所属区域",
-        //     trigger: "change"
-        //   }
-        // ],
+        stCode: [
+          {
+            required: true,
+            message: "请填写站点编号",
+            trigger: "blur"
+          }
+        ],
         stationType: [
           {
             required: true,
             message: "请选择站点类型",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         platformCode: [
           {
             required: true,
             message: "请选择所属项目",
-            trigger: "change",
-          },
+            trigger: "change"
+          }
         ],
         stName: [
           {
             required: true,
             message: "请填写站点名称",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lon: [
           {
             required: true,
             message: "请填写经度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         lat: [
           {
             required: true,
             message: "请填写纬度",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         coordinateSystem: [
           {
             required: true,
             message: "请填写站点坐标系",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         address: [
           {
             required: true,
             message: "请填写站点安装位置",
-            trigger: "blur",
-          },
+            trigger: "blur"
+          }
         ],
         person: [
           {
             required: true,
             message: "请填写安装负责人",
-            trigger: "blur",
-          },
-        ],
+            trigger: "blur"
+          }
+        ]
       },
       value: [],
       // 站点管理/所属区域数组
@@ -732,15 +750,15 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: "",
+          look: ""
         },
         width: "60%",
         visible: false,
         btLoading: false,
         type: "",
         btList: [
-          { label: "关闭", type: "", icon: "", event: "close", show: true },
-        ],
+          { label: "关闭", type: "", icon: "", event: "close", show: true }
+        ]
       },
       //设备表格通用相关
       deviceTableInfo: {
@@ -752,39 +770,39 @@
             label: "设备名称",
             value: "equipDesc",
             minWidth: 100,
-            tooltip: true,
+            tooltip: true
           },
           {
             label: "设备厂家",
             value: "equipFactory",
             minWidth: 150,
-            tooltip: true,
-          },
-        ],
+            tooltip: true
+          }
+        ]
       },
       //已关联设备表格相关
       isRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "",
+          sign: ""
         },
-        selectList: [],
+        selectList: []
       },
       //未关联设备表格相关
       unRelatedDeviceTableInfo: {
         data: [],
         query: {
-          sign: "unbound",
+          sign: "unbound"
         },
-        selectList: [],
+        selectList: []
       },
       //设备关联过滤相关
       deviceRelatedQuery: {
         searchStr: "",
-        siteCode: "",
+        siteCode: ""
       },
       //选中的项目对象
-      projectObj: {},
+      projectObj: {}
     };
   },
   mounted() {
@@ -801,7 +819,7 @@
     isCanInsertDevice() {
       return this.unRelatedDeviceTableInfo.selectList.length ? false : true;
     },
-    ...mapGetters(["allDept", "allRole", "allCity"]),
+    ...mapGetters(["allDept", "allRole", "allCity"])
   },
   watch: {
     "ruleForm.area": {
@@ -817,14 +835,21 @@
           }
         }
       },
-      deep: true, // 深度监听
+
+      deep: true // 深度监听
+    },
+    yzaddflag(isss) {
+      if (!isss) {
+        this.$refs.ruleForm.clearValidate();
+        // console.log(this.$refs.ruleForm.clearValidate());
+      }
     },
     dialogVisible: {
       handler(newVal, oldval) {
         if (oldval) {
           this.dialogImageUrl = "";
         }
-      },
+      }
     },
     "dialogInfo.visible"(val) {
       if (!val) {
@@ -846,7 +871,7 @@
     platformCode(val) {
       console.log(777, val);
       this.ruleForm.platformCode = val;
-    },
+    }
   },
   methods: {
     filterCondition() {
@@ -857,7 +882,7 @@
         property: "", //修复因子
         isEnable: "", //是否启用（0否 1是）
         minValue: 0, //正常范围最小值
-        maxValue: 0, //	正常范围最大值
+        maxValue: 0 //	正常范围最大值
       });
     },
     deleteIcons(index) {
@@ -874,7 +899,7 @@
       } else {
         httpurl = this.nozzle.siterepairconfigmodify;
       }
-      this.$http.post(httpurl, this.configForm).then((res) => {
+      this.$http.post(httpurl, this.configForm).then(res => {
         console.log(res);
         if (res.data.code === 200) {
           this.configtrue = false;
@@ -884,7 +909,7 @@
         this.$message({
           message: res.data.message,
           type: res.data.code === 200 ? "success" : "error",
-          showClose: true,
+          showClose: true
         });
       });
     },
@@ -893,6 +918,18 @@
       this.dialogFormVisible = false;
       this.ruleForm.lon = lonlat[0];
       this.ruleForm.lat = lonlat[1];
+      this.$refs.ruleForm.validateField("lon", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
+      this.$refs.ruleForm.validateField("lat", valid => {
+        //valid返回的是规则集中写的错误提示信息，如果满足条件，返回的就是空
+        if (!valid) {
+          return;
+        }
+      });
     },
     //坐标拾取地图控件打开
     pickLngLat() {
@@ -921,26 +958,26 @@
       formdata.append("siteNo", this.ruleForm.stCode);
       formdata.append("username", "admin");
       let config = {
-        headers: { "Content-Type": "multipart/form-data" },
+        headers: { "Content-Type": "multipart/form-data" }
       };
       axios
         .post(this.nozzle.upload, formdata, config)
-        .then((res) => {
+        .then(res => {
           if (res.data.code == 1) {
             this.loading = false;
             this.$message({
               message: "上传图片成功！",
-              type: "success",
+              type: "success"
             });
             this.ruleForm.fileList.push(res.data.data[0]);
             this.siteTableInfo.refresh = Math.random();
           }
         })
-        .catch((res) => {
+        .catch(res => {
           this.loading = false;
           this.$message({
             message: "服务器问题！请重试！",
-            type: "warning",
+            type: "warning"
           });
         });
     },
@@ -949,7 +986,7 @@
       this.$confirm("此操作将永久删除该图片文件,无法撤回!是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(() => {
           let fileNos = [];
@@ -958,33 +995,33 @@
             lock: true,
             text: "正在删除....",
             spinner: "el-icon-loading",
-            background: "rgba(0, 0, 0, 0.7)",
+            background: "rgba(0, 0, 0, 0.7)"
           });
           this.$http
             .post(this.nozzle.delete, {
               data: {
                 siteNo: this.ruleForm.stCode,
-                fileNos: fileNos,
-              },
+                fileNos: fileNos
+              }
             })
-            .then((res) => {
+            .then(res => {
               loadingdelet.close();
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
                 type: res.data.code === 1 ? "success" : "error",
-                message: res.data.msg,
+                message: res.data.msg
               });
-              this.ruleForm.fileList = this.ruleForm.fileList.filter((item) => {
+              this.ruleForm.fileList = this.ruleForm.fileList.filter(item => {
                 return item.fileNo != fileNo;
               });
             })
-            .catch((res) => {
+            .catch(res => {
               loadingdelet.close();
               this.$message({
                 type: "info",
-                message: "删除失败,请重试！",
+                message: "删除失败,请重试！"
               });
             });
         })
@@ -992,7 +1029,7 @@
           loadingdelet.close();
           this.$message({
             type: "info",
-            message: "已取消删除",
+            message: "已取消删除"
           });
         });
     },
@@ -1003,13 +1040,13 @@
     },
     // 弹框提交表单按钮
     saveOru(formName) {
-      this.$refs[formName].validate((valid) => {
+      this.$refs[formName].validate(valid => {
         if (valid) {
           this.$http
             .post(this.nozzle.saveOrupdate, {
-              data: this.ruleForm,
+              data: this.ruleForm
             })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
                 this.yzaddflag = false;
@@ -1017,7 +1054,7 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
         }
@@ -1035,21 +1072,19 @@
       if (visible) {
         this.timer = setInterval(() => {
           NodeList.prototype.forEach = Array.prototype.forEach;
-          document
-            .querySelectorAll(".el-cascader-node__label")
-            .forEach((el) => {
-              el.onclick = function () {
-                if (this.previousElementSibling)
-                  this.previousElementSibling.click();
-              };
-              el.ondblclick = function () {
-                if (Array.isArray(that.$refs.cascader)) {
-                  that.$refs.cascader[0].dropDownVisible = false;
-                } else {
-                  that.$refs.cascader.dropDownVisible = false;
-                }
-              };
-            });
+          document.querySelectorAll(".el-cascader-node__label").forEach(el => {
+            el.onclick = function() {
+              if (this.previousElementSibling)
+                this.previousElementSibling.click();
+            };
+            el.ondblclick = function() {
+              if (Array.isArray(that.$refs.cascader)) {
+                that.$refs.cascader[0].dropDownVisible = false;
+              } else {
+                that.$refs.cascader.dropDownVisible = false;
+              }
+            };
+          });
         }, 1000);
       } else {
         clearInterval(this.timer);
@@ -1059,8 +1094,8 @@
     async getsityType() {
       const { data } = await this.$http.post(this.nozzle.sityType, {
         data: {
-          siteType: "site_type",
-        },
+          siteType: "site_type"
+        }
       });
       this.siteTypeList = data.data;
     },
@@ -1070,16 +1105,16 @@
         .post(this.nozzle.sysPlatformList, {
           current: 0,
           size: 0,
-          data: { searchStr: "", startDate: "", endDate: "" },
+          data: { searchStr: "", startDate: "", endDate: "" }
         })
-        .then((res) => {
+        .then(res => {
           if (res.data.code === 1) {
-            this.projectList = res.data.data.list.map((item) => {
+            this.projectList = res.data.data.list.map(item => {
               return {
                 id: item.id,
                 key: item.name,
                 value: item.platformCode,
-                areaId: item.area,
+                areaId: item.area
               };
             });
           }
@@ -1106,6 +1141,8 @@
           break;
         //添加站点
         case "create":
+          this.iscodefalse = false;
+          this.projectObj = {};
           this.yzaddflag = true;
           this.title = "新增站点";
           this.syscityList = this.removeEmptyChild(this.allCity);
@@ -1113,12 +1150,13 @@
         //编辑站点
         case "update":
           this.title = "修改站点";
+          this.iscodefalse = true;
           for (let key in data) {
             if (key === "stationType") {
               data[key] = data[key] ? data[key].toString() : "";
             }
             this.projectObj = {
-              value: data.platformCode,
+              value: data.platformCode
             };
             this.ruleForm[key] = data[key];
           }
@@ -1141,28 +1179,28 @@
                 property: "", //修复因子
                 isEnable: "", //是否启用（0否 1是）
                 minValue: 0, //正常范围最小值
-                maxValue: 0, //	正常范围最大值
-              },
-            ],
+                maxValue: 0 //	正常范围最大值
+              }
+            ]
           }),
             console.log(index);
           this.configForm.st = data.stCode;
 
-          this.$http.get(this.nozzle.ruleEngineselectAll).then((res) => {
+          this.$http.get(this.nozzle.ruleEngineselectAll).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.ruleList = res.data.data.list;
               console.log(this.ruleList);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.yulianglist = res.data.data;
               console.log(this.yulianglist);
             }
           });
-          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then((res) => {
+          this.$http.post(this.nozzle.siteinfolist, { type: 1 }).then(res => {
             console.log(res);
             if (res.data.code === 200) {
               this.guanwanglist = res.data.data;
@@ -1171,7 +1209,7 @@
           });
           this.$http
             .post(this.nozzle.listsitesupportedproperty + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 this.xiufulist = res.data.data;
@@ -1181,7 +1219,7 @@
 
           this.$http
             .post(this.nozzle.siteconfigdetail_by_st + "/" + data.stCode)
-            .then((res) => {
+            .then(res => {
               console.log(res);
               if (res.data.code === 200) {
                 if (res.data.data) {
@@ -1199,11 +1237,9 @@
                   this.configForm.siteRepairPropertyConfigList =
                     res.data.data.siteRepairPropertyConfigList;
                   this.configForm.id = res.data.data.id;
-                  this.configForm.siteRepairPropertyConfigList.forEach(
-                    (item) => {
-                      item.isEnable = String(item.isEnable);
-                    }
-                  );
+                  this.configForm.siteRepairPropertyConfigList.forEach(item => {
+                    item.isEnable = String(item.isEnable);
+                  });
                 } else {
                   //新增
                   this.isconfigadd = true;
@@ -1238,15 +1274,15 @@
         //添加设备到站点
         case "insert":
           const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
-            equipNos: insertEquipNoArr,
+            equipNos: insertEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1255,22 +1291,22 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             });
           break;
         //解绑设备与站点
         case "remove":
           const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
-            (item) => item.equipNo
+            item => item.equipNo
           );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
-            equipNos: removeEquipNoArr,
+            equipNos: removeEquipNoArr
           };
           this.$http
             .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
-            .then((res) => {
+            .then(res => {
               if (res.data.code === 1) {
                 this.deviceRelatedQuery.searchStr = "";
                 this.deviceTableInfo.refresh = Math.random();
@@ -1279,10 +1315,10 @@
               this.$message({
                 message: res.data.msg,
                 type: res.data.code === 1 ? "success" : "error",
-                showClose: true,
+                showClose: true
               });
             })
-            .catch((e) => {
+            .catch(e => {
               console.log(e);
             });
           break;
@@ -1318,7 +1354,7 @@
         coordinateSystem: "WGS84", //坐标系（经纬度所对应的的坐标系）
         address: "", //站点安装位置
         person: "", //安装负责人
-        fileList: [], //现场安装图片
+        fileList: [] //现场安装图片
       };
       // this.$refs.cascader.$refs.panel.activePath = [];
       // this.$refs.cascader.$refs.panel.clearCheckedNodes();
@@ -1330,7 +1366,7 @@
     },
     //将空的children置为undefined,避免在没有下一级数据的情况下显示暂无数据
     removeEmptyChild(arr) {
-      arr.forEach((item) => {
+      arr.forEach(item => {
         if (!item.children || item.children.length < 1) {
           item.children = undefined;
         } else {
@@ -1338,11 +1374,11 @@
         }
       });
       return arr;
-    },
+    }
   },
   destroyed() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/configure/AlarmConfiguration.vue b/src/components/configure/AlarmConfiguration.vue
index d725e0c..0b4d019 100644
--- a/src/components/configure/AlarmConfiguration.vue
+++ b/src/components/configure/AlarmConfiguration.vue
@@ -32,6 +32,7 @@
     >
       <el-table :data="TableData" style="width: 100%;height:calc(100% - 45px)">
         <el-table-column prop="stCode" label="站点编号"></el-table-column>
+        <el-table-column prop="name" label="所属项目"></el-table-column>
         <el-table-column prop="stName" label="名称"></el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
diff --git a/src/components/configure/AlarmLog.vue b/src/components/configure/AlarmLog.vue
index ab1f5a5..e18191e 100644
--- a/src/components/configure/AlarmLog.vue
+++ b/src/components/configure/AlarmLog.vue
@@ -46,6 +46,7 @@
     >
       <el-table :data="TableData" style="width: 100%;height:calc(100% - 45px)">
         <el-table-column prop="siteNo" label="站点编号"></el-table-column>
+        <el-table-column prop="name" label="所属项目"></el-table-column>
         <el-table-column prop="siteName" label="站点名称"></el-table-column>
         <el-table-column prop="factorsName" label="因子名"></el-table-column>
         <el-table-column prop="warnType" label="报警级别">
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 9f843f2..25816a1 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -676,7 +676,7 @@
                 }
               });
 
-              // 加载历史数据
+              // 加载历史表格数据
               this.loadDataGridData();
               this.Search();
             })
@@ -694,12 +694,9 @@
     HistoryHandleClick(tab, event) {
       if (tab.index == 1) {
         // 渲染echarts的因子下拉框
-        if (this.FirstOn) {
-          // 仅仅第一次进来历史图形的页面时，需要加载因子列表
-          this.loadSiteYinZiData();
-          this.FirstOn = false;
-        }
-        if (this.DateisChange) {
+        this.loadSiteYinZiData();
+
+        if (this.DateisChange || this.sitechange) {
           // 调用函数渲染数据
           this.loadEchartsData();
         }
@@ -863,6 +860,8 @@
               this.ChartsX = response.data.tt;
               this.ChartsUp = response.data.up;
               this.ChartsDown = response.data.down;
+              document.getElementById("HistoryEchart").innerHTML = "";
+
               this.$nextTick(function() {
                 this.loadEcharts();
               });
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index c7d390e..64a7b26 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -710,6 +710,8 @@
       FirstOn: true, //进来页面未点击历史图形的时候为true, 点击历史图形后为false,避免因子与图形接口多次渲染导致页面卡顿。
       DateisChange: false, //当时间段的时间进行变换后，切换tab时应该重新请求数据，否则不用数据刷新，默认时间未改动为false。
       YinZiChange: true, //判断因子是否改变过，如果改变过则重新请求echarts数据。
+      sitechange: false,
+
       loading: false,
       loading2: false,
       loading3: false,
@@ -811,6 +813,11 @@
   watch: {
     flag: function(newval, oldval) {
       this.newList = newval;
+    },
+    dialogVisible(val) {
+      if (!val) {
+        this.$echarts.init(document.getElementById("HistoryEchart")).dispose();
+      }
     }
   },
   methods: {
@@ -842,10 +849,10 @@
 
     //根据当前项目后台坐标计算出的中心飞行到指定城市
     flyToCity() {
-      console.log("经纬度最大边框是：" + this.north);
-      console.log("经纬度最大边框是：" + this.south);
-      console.log("经纬度最大边框是：" + this.east);
-      console.log("经纬度最大边框是：" + this.west);
+      // console.log("经纬度最大边框是：" + this.north);
+      // console.log("经纬度最大边框是：" + this.south);
+      // console.log("经纬度最大边框是：" + this.east);
+      // console.log("经纬度最大边框是：" + this.west);
       this.map
         .getView()
         .setCenter([
@@ -871,11 +878,14 @@
     },
     //点击历史数据
     historyData(stCode) {
-      console.log(stCode);
+      this.NFSNowDataTableData = [];
+      this.NFSNowDataTableHead = [];
+      this.HistoryBox = "DateGrid";
       this.currentSiteNo = stCode;
       this.dialogVisible = true;
+      this.sitechange = true;
+
       setTimeout(() => {
-        // this.LoadGridTitleData();
         this.loadDataGridData();
       }, 0);
     },
@@ -896,7 +906,7 @@
             var qwe = response.data.data === "" ? [] : response.data.data;
 
             this.ProjectList = this.ProjectList.concat(qwe);
-            console.log(this.ProjectList);
+            // console.log(this.ProjectList);
           } else {
             message(response);
           }
@@ -1526,7 +1536,7 @@
                   //聚簇图层按级别控制开关
 
                   _this.map.on("update-end", () => {
-                    console.log("当前级别是：" + _this.map.getLevel());
+                    // console.log("当前级别是：" + _this.map.getLevel());
                     //隐藏聚簇图层
                     if (_this.map.getLevel() > 9) {
                       if (this.clusterLayer)
@@ -1541,9 +1551,9 @@
 
                   //点击单个图标事件
                   this.graphicsLayerByMarker.on("click", res => {
-                    console.log(res.graphic.attributes.mapPoint);
-                    console.log(res.graphic.attributes.stCode);
-                    console.log(res.graphic.attributes.stName);
+                    // console.log(res.graphic.attributes.mapPoint);
+                    // console.log(res.graphic.attributes.stCode);
+                    // console.log(res.graphic.attributes.stName);
                     _this.$http
                       .post(_this.nozzle.getTempData, {
                         data: {
@@ -1734,7 +1744,7 @@
         feature.tt = cell.tt;
         feature.code = cell.code;
         feature.status = cell.status; //在线离线状态
-        
+
         //加入ol.feautre几何属性
         feature.wkt = resultwkt;
         //无聚簇类型图层也添加一遍
@@ -1823,15 +1833,15 @@
     },
 
     getStyleOfCar(feature) {
-      var imgUrl="https://static.arcgis.com/images/Symbols/Shapes/BluePin1LargeB.png"
-      if(feature.status==0)
-      imgUrl ="https://static.arcgis.com/images/Symbols/Shapes/BluePin1LargeB.png"
-      else 
-      imgUrl ='./../../../static/img/offlineStation.png';
+      var imgUrl =
+        "https://static.arcgis.com/images/Symbols/Shapes/BluePin1LargeB.png";
+      if (feature.status == 0)
+        imgUrl =
+          "https://static.arcgis.com/images/Symbols/Shapes/BluePin1LargeB.png";
+      else imgUrl = "./../../../static/img/offlineStation.png";
       return new Style({
         image: new Icon({
-          src:
-            imgUrl
+          src: imgUrl
         })
       });
     },
@@ -1961,7 +1971,7 @@
             }
           } else {
             //点击的是vector图层的feature
-            console.log(feature);
+            // console.log(feature);
             //开始展示属性
             this.showOlPanel(feature);
           }
@@ -2013,73 +2023,6 @@
           }
         })
         .then(resP => {
-          console.log(resP);
-          //开始展示属性字段
-          /*  let textContent = "";
-          let closeDOM =
-            "<div style='background-color: rgb(206,224,255);border-bottom: 1px solid;border-bottom-color: gray;'><a style='color:cornflowerblue ;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a>";
-
-          textContent =
-            "<div style='color: cornflowerblue !important;font-size: 17px;font-weight: bold;margin-left: 9px;'>" +
-            "详细信息" +
-            "</div></br> ";
-          textContent += "<div style='margin-bottom: 6px;'></div>";
-
-          textContent +=
-            `<div style='color: cornflowerblue;position:absolute;font-size:15px;line-height:33px;margin-left: 22px;margin-top: -44px;width:69px;cursor: pointer;text-decoration:underline' onclick='historyData("` +
-            feature.stCode +
-            `")'>` +
-            "历史数据" +
-            "</div></div>";
-
-          textContent +=
-            '<div style="background-color: rgb(192,213,248);"><div style="width:260px;height:33px;color: darkslategray;line-height:33px;">' +
-            '<div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">' +
-            "名称" +
-            "</div>" +
-            '<div style="font-size:14px;line-height:33px;margin-top: 5px;position: absolute;margin-left: 179px;">' +
-            feature.stName +
-            "</div>" +
-            "</div>";
-
-          textContent +=
-            '<div style="width:260px;height:33px;color: darkslategray;line-height:33px;">' +
-            '<div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">' +
-            "观测时间" +
-            "</div>" +
-            '<div style="font-size:14px;line-height:33px;margin-top: 5px;position: absolute;margin-left: 179px;">' +
-            feature.tt +
-            "</div>" +
-            "</div>";
-
-          let data = {};
-          let currentData = resP.data.data;
-          for (let kx = 0; kx < currentData.length; kx++) {
-            data[currentData[kx].name] = currentData[kx].value;
-          }
-          console.log(data);
-
-          textContent += '<div style="width:300px;">';
-          for (let key in data) {
-            textContent +=
-              '<div style="width:260px;height:33px;color: darkslategray;">' +
-              '<div style="font-size:14px;line-height:33px; margin-left: 11px;margin-top: 5px;position: absolute;">' +
-              key +
-              "</div>" +
-              '<div style="font-size:14px;line-height:33px;margin-top: 5px;position: absolute;margin-left: 179px;">' +
-              data[key] +
-              "</div>" +
-              "</div>";
-          }
-          textContent += "</div></div>";
-
-          textContent = closeDOM + textContent;
-
-          textContent +=
-            "<div style='bottom: 50%;left: -4px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #3364bd;width: 0; height: 0; position: absolute;transform: translate(-50%, 0);'></div>";
-          */
-          /*  document.getElementById("popup").innerHTML = textContent; */
-
           this.featureData = feature;
 
           this.resPData = resP.data.data;
@@ -2186,7 +2129,7 @@
                   }
                 })
                 .then(response => {
-                  console.log(response);
+                  // console.log(response);
                   if (response.data.code === 1) {
                     let picBaseUrl =
                       "https://static.arcgis.com/images/Symbols/Shapes/";
@@ -2313,7 +2256,7 @@
                     //聚簇图层按级别控制开关
 
                     _this.map.on("update-end", () => {
-                      console.log("当前级别是：" + _this.map.getLevel());
+                      // console.log("当前级别是：" + _this.map.getLevel());
                       //隐藏聚簇图层
                       if (_this.map.getLevel() > 9) {
                         if (this.clusterLayer)
@@ -2326,7 +2269,7 @@
                       }
 
                       _this.map.on("update-end", () => {
-                        console.log("当前级别是：" + _this.map.getLevel());
+                        // console.log("当前级别是：" + _this.map.getLevel());
                         //隐藏聚簇图层
                         if (_this.map.getLevel() > 9) {
                           if (clusterLayer) _this.map.removeLayer(clusterLayer);
@@ -2340,9 +2283,9 @@
 
                       //点击单个图标事件
                       this.graphicsLayerByMarker.on("click", res => {
-                        console.log(res.graphic.attributes.mapPoint);
-                        console.log(res.graphic.attributes.stCode);
-                        console.log(res.graphic.attributes.stName);
+                        // console.log(res.graphic.attributes.mapPoint);
+                        // console.log(res.graphic.attributes.stCode);
+                        // console.log(res.graphic.attributes.stName);
                         _this.$http
                           .post(_this.nozzle.getTempData, {
                             data: {
@@ -2455,18 +2398,13 @@
 
     // 根据站点编号查询站点的表头数据
     LoadGridTitleData() {
-      // 加载历史数据/在表头前面加载
-      setTimeout(() => {
-        this.loadDataGridData();
-      }, 0);
-
       this.$http
         .get(this.nozzle.siteGetHeads + `?siteNo=${this.currentSiteNo}`)
         .then(response => {
           // 加载表头
           var headobj = response.data.data;
           // console.log(headobj);
-          console.log(11111, this.HistoryTableData);
+          // console.log(11111, this.HistoryTableData);
           // let arr = [];
           this.NFSNowDataTableHead = headobj.filter((item, index, obj) => {
             for (let k in this.HistoryTableData[0]) {
@@ -2476,7 +2414,7 @@
             }
           });
           // console.log(8888, arr);
-          console.log(22222222, this.NFSNowDataTableHead);
+          // console.log(22222222, this.NFSNowDataTableHead);
         })
         .catch(response => {
           message(response);
@@ -2487,21 +2425,7 @@
     HistoryHandleClick(tab, event) {
       if (tab.index == 1) {
         // 渲染echarts的因子下拉框
-        if (this.FirstOn) {
-          // 仅仅第一次进来历史图形的页面时，需要加载因子列表
-          this.loadSiteYinZiData();
-          this.FirstOn = false;
-        }
-        if (this.DateisChange) {
-          // 调用函数渲染数据
-          this.loadEchartsData();
-        }
-      } else {
-        // 渲染datagrid
-        if (this.DateisChange) {
-          // 渲染站点历史数据表格
-          this.loadDataGridData();
-        }
+        this.loadSiteYinZiData();
       }
     },
     //分页
@@ -2557,7 +2481,7 @@
               // 加载表头
               var headobj = response.data.data;
               // console.log(headobj);
-              console.log(11111, this.HistoryTableData);
+              // console.log(11111, this.HistoryTableData);
               // let arr = [];
               this.NFSNowDataTableHead = headobj.filter((item, index, obj) => {
                 for (let k in this.HistoryTableData[0]) {
@@ -2567,7 +2491,8 @@
                 }
               });
               // console.log(8888, arr);
-              console.log(22222222, this.NFSNowDataTableHead);
+              // console.log(22222222, this.NFSNowDataTableHead);
+              this.LoadGridTitleData();
             })
             .catch(response => {
               message(response);
@@ -2593,6 +2518,8 @@
             codeAscii: "",
             codeProperty: "请选择因子"
           });
+          // console.log(SleVal);
+
           // 初始值清空
           this.SiteYinzi = "";
           this.SiteYinzi2 = "";
@@ -2607,10 +2534,10 @@
             this.loadEchartsData();
           } else if (SleVal.length == 1) {
             this.SiteYinziAll = SleVal;
-            this.SiteYinzi = SleVal[1].codeAscii;
+            this.SiteYinzi = SleVal[0].codeAscii;
             this.SiteYinziAll2 = SleVal;
             this.SiteYinzi2 = SleVal[0].codeAscii;
-            this.SiteYinziZn = SleVal[1].codeProperty;
+            this.SiteYinziZn = SleVal[0].codeProperty;
             this.SiteYinzi2Zn = SleVal[0].codeProperty;
             this.loadEchartsData();
           } else {
@@ -2652,11 +2579,10 @@
     },
     // 获取echarts数据
     loadEchartsData() {
-      if (this.DateisChange || this.YinZiChange) {
+      if (this.DateisChange || this.YinZiChange || this.sitechange) {
         this.YinZiChange = false;
         this.DateisChange = false;
         // 时间改变过或者因子有变化，请求新数据渲染
-        // 如果没有改变 不发送请求
         this.$http
           .get(
             this.nozzle.dataSiteDataEchat +
@@ -2680,6 +2606,8 @@
                 this.loadEcharts();
               });
             } else {
+              document.getElementById("HistoryEchart").innerHTML = "";
+
               this.$message({
                 showClose: true,
                 message: "无数据",
@@ -2688,6 +2616,8 @@
             }
           })
           .catch(response => {
+            document.getElementById("HistoryEchart").innerHTML = "";
+
             this.$message({
               showClose: true,
               message: "无数据",
@@ -2704,6 +2634,10 @@
     //渲染echarts
     loadEcharts() {
       // 基于准备好的dom，初始化echarts实例
+
+      document
+        .getElementById("HistoryEchart")
+        .removeAttribute("_echarts_instance_");
       this.myChart = this.$echarts.init(
         document.getElementById("HistoryEchart")
       );
@@ -2809,9 +2743,8 @@
       this.HistoryPage = val;
       this.loadDataGridData();
     },
-    // 点击详情里面历史搜索
     Search() {
-      if (this.HistoryBox == "Charts") {
+      if (this.HistoryBox === "Charts") {
         this.loadEchartsData();
       } else {
         this.loadDataGridData();
@@ -2836,9 +2769,7 @@
     window.closepopup = this.closepopup;
     window.historyData = this.historyData;
   }, */
-  created() {
-
-  },
+  created() {},
   mounted: function() {
     // 默认加载所有的平台
     this.LoadAllProject();
@@ -3634,4 +3565,14 @@
 .lefticon33 {
   background: url("../../../static/img/lx_qs_icon.png") no-repeat !important;
 }
+#NFSHistoryData2 {
+  width: 100%;
+  height: calc(100% - 60px);
+  display: inline-block;
+  /* background: rgba(255, 255, 255, 0.1); */
+}
+#HistoryEchart {
+  width: 100%;
+  height: 450px;
+}
 </style>