diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
new file mode 100644
index 0000000..6bd1195
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
new file mode 100644
index 0000000..6bd1195
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
new file mode 100644
index 0000000..92d65bb
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
new file mode 100644
index 0000000..6bd1195
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
new file mode 100644
index 0000000..92d65bb
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
new file mode 100644
index 0000000..52295f2
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
new file mode 100644
index 0000000..6bd1195
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
new file mode 100644
index 0000000..92d65bb
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
new file mode 100644
index 0000000..52295f2
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
new file mode 100644
index 0000000..a23dbb5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
new file mode 100644
index 0000000..6bd1195
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
new file mode 100644
index 0000000..92d65bb
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
new file mode 100644
index 0000000..52295f2
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
new file mode 100644
index 0000000..a23dbb5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg"
new file mode 100644
index 0000000..bfe7d34
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
new file mode 100644
index 0000000..6bd1195
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
new file mode 100644
index 0000000..92d65bb
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
new file mode 100644
index 0000000..52295f2
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
new file mode 100644
index 0000000..a23dbb5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg"
new file mode 100644
index 0000000..bfe7d34
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\272\242.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\272\242.jpg"
new file mode 100644
index 0000000..c24b46e
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\272\242.jpg"
Binary files differ

diff --git a/config/index.js b/config/index.js
index 2f48193..3c07461 100644
--- a/config/index.js
+++ b/config/index.js
@@ -64,7 +64,7 @@
         'pathRewrite': {
           '^/SJFX': '' //需要rewrite重写的,
         }
-      }
+      },
     },
 
     // Various Dev Server settings
diff --git a/src/components/NFCloudPlatform/Attic.vue b/src/components/NFCloudPlatform/Attic.vue
new file mode 100644
index 0000000..b632b05
--- /dev/null
+++ b/src/components/NFCloudPlatform/Attic.vue
@@ -0,0 +1,627 @@
+<template>
+  <div id="Attic">
+    <div class="videoBox" v-show="show == 1"></div>
+    <div class="videoBox1" v-show="show == 2"></div>
+    <div class="videoBox2" v-show="show == 3"></div>
+    <div class="videoBox3" v-show="show == 4"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F0e9121002de649f1b2ac6c4c905401d3.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="middleLeft">
+          <div class="title">水泵控制台</div>
+          <div class="statue">
+            水泵状态：
+            <span class="circle" v-show="flag"></span>
+            <span class="circle1" v-show="!flag"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+        <div class="middleRight">
+          <div class="title">阀门控制台</div>
+          <div class="statue">
+            阀门状态：
+            <span class="circle" v-show="flag1"></span>
+            <span class="circle1" v-show="!flag1"></span>
+          </div>
+          <div class="controlBtn">
+            <div @click="start1">
+              <span>启&nbsp;&nbsp;动</span>
+            </div>
+            <div @click="stop1">
+              <span>停&nbsp;&nbsp;止</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="middle middleWater">
+        <div class="middleLeft">
+          <div class="title">阀门开度</div>
+          <div class="setWater">
+            <input v-model="setwaterValue" @input="checkFt" />
+            <span id="waterbtn" @click="waterMath">确定</span>
+          </div>
+          <div class="setWater1">
+            <span>最小值：0</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span>最大值：100</span>&nbsp;&nbsp;&nbsp;&nbsp;
+            <span class="tip">提示：阀门开度尽量不要超过50</span>
+          </div>
+          <div class="setWater1">
+            <span>阀门开度值：{{waterValue}}%</span>&nbsp;&nbsp;&nbsp;&nbsp;
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <!--<div class="time">
+					<div><span>13:23:50</span>&nbsp;(pm)</div>
+					<div>2019年05月15日&nbsp;星期一</div>
+        </div>-->
+        <div class="detail">
+          <div>
+            <span class="label">流量</span>
+            <span class="value">{{Liuliang}}</span>
+            <span class="label">水位</span>
+            <span class="value">{{shuiwei}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Attic",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      flag1: false,
+      show: "4",
+      setwaterValue: "",
+      waterValue: "",
+      Liuliang: "",
+      shuiwei: "",
+      timer: null
+    };
+  },
+  methods: {
+    //初始运行状态
+    getInitStatue() {
+      let params1 = "1\r\n设备状态";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+            this.flag1 = false;
+            this.readStatue();
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "设备运行中",
+              type: "success"
+            });
+          } else {
+            this.$message({
+              message: Ary[2],
+              type: "warning"
+            });
+            this.$router.push({
+              path: "/login"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "3\r\n流量\r\n水位\r\n阀门开度";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.Liuliang = Ary[2];
+          this.shuiwei = Ary[3];
+          this.waterValue = Ary[4];
+        });
+    },
+    readStatue() {
+      if (this.flag == true && this.flag1 == true) {
+        this.show = 2;
+      } else if (this.flag == false && this.flag1 == false) {
+        this.show = 4;
+      } else if (this.flag == true && this.flag1 == false) {
+        this.show = 1;
+      } else if (this.flag == false && this.flag1 == true) {
+        this.show = 3;
+      }
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(4);
+                        this.flag = true;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+
+      //				var url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      //				var xhr = new XMLHttpRequest();
+      //	            xhr.open('POST', url, true);
+      //	            xhr.send('1\r\n泵开M\r\n0');
+      //	            xhr.onreadystatechange = function () {
+      //	                //后端接受完毕
+      //	            	if(xhr.readyState == 4){
+      //	                 var obj = JSON.parse(xhr.responseText);
+      //	                 console.log(obj);
+      //	               }
+      //	            };
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(5);
+                        this.flag = false;
+                        this.readStatue();
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    //阀门控制台
+    start1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n1", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(6);
+            this.flag1 = true;
+            this.readStatue();
+            this.$message({
+              message: "阀门已开启",
+              type: "success"
+            });
+          }
+        });
+    },
+    stop1() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n阀门开\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.record(7);
+            this.flag1 = false;
+            this.readStatue();
+            this.$message({
+              message: "阀门已关闭",
+              type: "success"
+            });
+          }
+        });
+    },
+    //阀门开度
+    waterMath() {
+      let params = "1\r\n阀门开度\r\n" + this.setwaterValue;
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$message({
+              message: "阀门开度设置成功",
+              type: "success"
+            });
+          }
+        });
+    },
+    //监听阀门开度输入值
+    checkFt() {
+      var isCheck = isNaN(
+        parseInt(this.setwaterValue.substr(this.setwaterValue.length - 1))
+      );
+      if (isCheck) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "请输入数字格式",
+          type: "error"
+        });
+      } else if (this.setwaterValue > 50) {
+        this.setwaterValue = "";
+        this.$message({
+          message: "阀门开度不能超过50",
+          type: "error"
+        });
+      }
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#Attic {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hl.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBox1 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/实验操作室.gif")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox2 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+.videoBox3 {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/检测操作室hh.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  display: flex;
+}
+
+.middle > div {
+  width: 50%;
+}
+
+.middleWater > div {
+  width: 100%;
+}
+
+.setWater {
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.setWater > input {
+  border: 1px solid #cccccc;
+  height: 26px;
+  background: none;
+  outline: none;
+  color: #ffffff;
+  font-size: 15px;
+  width: 130px;
+}
+
+.setWater > span {
+  background: #1bbe60;
+  display: inline-block;
+  font-size: 18px;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  width: 80px;
+  color: #ffffff;
+}
+
+.setWater1 {
+  padding-left: 20px;
+  padding-top: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  color: #ffffff;
+  font-size: 13px;
+}
+
+.setWater1 > .tip {
+  color: #e33636;
+  font-weight: bold;
+}
+
+.middleLeft {
+  border-right: 1px solid #0d2027;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 16%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  /*margin-top: 30px;*/
+}
+
+.detail div {
+  display: flex;
+  padding: 10px 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/GroundFloor.vue b/src/components/NFCloudPlatform/GroundFloor.vue
new file mode 100644
index 0000000..519ad92
--- /dev/null
+++ b/src/components/NFCloudPlatform/GroundFloor.vue
@@ -0,0 +1,427 @@
+<template>
+  <div id="GroundFloor">
+    <div class="videoBox" v-show="!flag"></div>
+    <div class="videoBoxActive" v-show="flag"></div>
+    <div class="rightBox">
+      <div class="topVideo">
+        <div class="title">视频监控</div>
+        <div class="myiframe">
+          <iframe
+            scrolling="no"
+            frameborder="0"
+            webkitallowfullscreen="true"
+            mozallowfullscreen="true"
+            allowfullscreen="true"
+            src="http://mn.mingnew.com/live/hls.html?hls=http%3A%2F%2Fhls.open.ys7.com%2Fopenlive%2F05023b7fad89489585128af2f00591ba.m3u8"
+            style="width: 100%;height:100%"
+          ></iframe>
+        </div>
+      </div>
+      <div class="middle">
+        <div class="title">控制台</div>
+        <div class="statue">
+          设备状态：
+          <span class="circle" v-show="flag"></span>
+          <span class="circle1" v-show="!flag"></span>
+        </div>
+        <div class="controlBtn">
+          <div @click="start">
+            <span>启&nbsp;&nbsp;动</span>
+          </div>
+          <div @click="stop">
+            <span>停&nbsp;&nbsp;止</span>
+          </div>
+        </div>
+      </div>
+      <div class="bottomMessage">
+        <div class="title">监控数据</div>
+        <div class="detail">
+          <div>
+            <span class="label">电压(V)</span>
+            <span class="value">{{stopV}}</span>
+            <span class="label">电流(A)</span>
+            <span class="value">{{startA}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroundFloor",
+  data: function() {
+    return {
+      sid: localStorage.getItem("SID"),
+      userName: localStorage.getItem("userName"),
+      flag: false,
+      stopV: "",
+      startA: ""
+    };
+  },
+  methods: {
+    getInitStatue() {
+      let params1 = "1\r\n设备状态1";
+      let url1 = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      this.$http
+        .post(url1, params1, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.flag = false;
+          } else if (Ary[0] == "OK" && Ary[2] == 1) {
+            this.flag = true;
+          } else {
+            this.$message({
+              message: Ary[2] + "请检查硬件设备连接是否正常",
+              type: "warning"
+            });
+          }
+        });
+    },
+    readData() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=R`;
+      let params = "2\r\n电流\r\n电压";
+      this.$http
+        .post(url, params, {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          this.startA = Ary[2];
+          this.stopV = Ary[3];
+        });
+    },
+    //水泵控制台
+    start() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵关M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵开M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵开M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(2);
+                        this.flag = true;
+                        this.$message({
+                          message: "水泵开启成功",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    stop() {
+      let url = `http:\/\/120.27.155.137:7080/exdata?SID=${this.sid}&OP=W`;
+      this.$http
+        .post(url, "1\r\n泵开M1\r\n0", {
+          headers: {
+            "content-type": "text/plain"
+          }
+        })
+        .then(res => {
+          var Ary = this.formatterData(res.data);
+          if (Ary[0] == "OK" && Ary[2] == 0) {
+            this.$http
+              .post(url, "1\r\n泵关M1\r\n1", {
+                headers: {
+                  "content-type": "text/plain"
+                }
+              })
+              .then(res => {
+                var Ary = this.formatterData(res.data);
+                if (Ary[0] == "OK" && Ary[2] == 0) {
+                  this.$http
+                    .post(url, "1\r\n泵关M1\r\n0", {
+                      headers: {
+                        "content-type": "text/plain"
+                      }
+                    })
+                    .then(res => {
+                      var Ary = this.formatterData(res.data);
+                      if (Ary[0] == "OK" && Ary[2] == 0) {
+                        this.record(3);
+                        this.flag = false;
+                        this.$message({
+                          message: "水泵已关闭",
+                          type: "success"
+                        });
+                      }
+                    });
+                }
+              });
+          }
+        });
+    },
+    // 获取时间
+    getDate() {
+      let date = new Date();
+      this.year = date.getFullYear();
+      this.month = date.getMonth() + 1;
+      this.day = date.getDate();
+      switch (date.getDay()) {
+        case 1:
+          this.week = "一";
+          break;
+        case 2:
+          this.week = "二";
+          break;
+        case 3:
+          this.week = "三";
+          break;
+        case 4:
+          this.week = "四";
+          break;
+        case 5:
+          this.week = "五";
+          break;
+        case 6:
+          this.week = "六";
+          break;
+        case 7:
+          this.week = "天";
+          break;
+      }
+      this.hour = date.getHours();
+      this.minutes =
+        date.getMinutes() < 10 ? 0 + "" + date.getMinutes() : date.getMinutes();
+      this.seconds =
+        date.getSeconds() < 10 ? 0 + "" + date.getSeconds() : date.getSeconds();
+      this.noon = this.hour >= 12 ? "PM" : "AM";
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    this.getInitStatue();
+    this.readData();
+    this.timer = setInterval(this.readData, 4000);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+    this.timer = null;
+  }
+};
+</script>
+
+<style scoped>
+#GroundFloor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+#page1 {
+  height: 100%;
+  /*background: #0d2027;*/
+  padding: 0 20px 20px 20px;
+  display: flex;
+  box-sizing: border-box;
+}
+
+.videoBox {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/泵站_红.jpg")
+    no-repeat center;
+  background-size: 100% 100%;
+}
+
+.videoBoxActive {
+  width: 73%;
+  background: url("./../../../static/img/工业物联网云平台/start.gif") no-repeat
+    center;
+  background-size: 100% 100%;
+}
+
+.rightBox {
+  width: 27%;
+  margin-left: 20px;
+  box-sizing: border-box;
+}
+
+.title {
+  height: 50px;
+  line-height: 50px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #ffffff;
+  padding-left: 20px;
+}
+
+.topVideo {
+  height: 40%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.myiframe {
+  width: 95%;
+  margin: 0 auto;
+  height: calc(100% - 60px);
+}
+
+.middle {
+  height: 20%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.statue {
+  height: 20px;
+  line-height: 20px;
+  color: #ffffff;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.start {
+  color: #17f6c3;
+}
+
+.circle {
+  display: inline-block;
+  background: #1bbe60;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.circle1 {
+  display: inline-block;
+  background: #ee3b3b;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  margin-left: 15px;
+}
+
+.controlBtn {
+  height: calc(100% - 70px);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+  padding: 0 20px;
+}
+
+.controlBtn div:first-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #1bbe60;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.controlBtn div:last-child {
+  height: 25%;
+  min-height: 28px;
+  width: 45%;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: #e33636;
+  font-size: 18px;
+  cursor: pointer;
+}
+
+.bottomMessage {
+  height: 37%;
+  margin-top: 2%;
+  background: #0a2e37;
+  border-radius: 3px;
+}
+
+.time {
+  display: flex;
+  height: 40px;
+  color: #ffffff;
+  justify-content: space-between;
+  padding: 0 20px;
+  line-height: 40px;
+}
+
+.time > div > span {
+  font-size: 25px;
+  color: #18ffc9;
+}
+
+.detail {
+  margin-top: 30px;
+}
+
+.detail div {
+  display: flex;
+  padding: 0 20px;
+}
+
+.detail div .label {
+  display: inline-block;
+  width: 15%;
+  color: #ffffff;
+}
+
+.detail div .value {
+  display: inline-block;
+  width: 27%;
+  margin-right: 4%;
+  border: 1px solid #18ffc9;
+  padding: 0 10px;
+  color: #ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/RealTime.vue b/src/components/NFCloudPlatform/RealTime.vue
new file mode 100644
index 0000000..4b84a51
--- /dev/null
+++ b/src/components/NFCloudPlatform/RealTime.vue
@@ -0,0 +1,139 @@
+<template>
+  <div id="RealTime">
+    <div class="formBox">
+       <el-input v-model="username" placeholder="请输入账号"></el-input>
+      <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
+      <!--<span id="search" @click="search" v-if="power == 'admin'">
+				删除
+      </span>-->
+    </div>
+    <div class="tableBox">
+      <table>
+        <tr class="thead">
+          <th>账号</th>
+          <th>IP</th>
+          <th>时间</th>
+          <th>操作描述</th>
+        </tr>
+        <tr class="tbody" v-for="(item,index) in list" :key="index">
+          <td>{{item.log_user_name}}</td>
+          <td>{{item.log_ip}}</td>
+          <td>{{item.create_time}}</td>
+          <td>{{item.log_name}}</td>
+        </tr>
+      </table>
+    </div>
+    <div class="footer">
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        :page-size="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "RealTime",
+  data: function() {
+    return {
+      power: localStorage.getItem("userName"),
+      username: "",
+      list: [],
+      total: 0,
+      pageSize: 10,
+      currentPage: 1
+    };
+  },
+  methods: {
+    getData() {
+      let url = "/dataApi/LogCloudPlatformsController/queryPlatformsLogByPage";
+      let params = {
+        showCount: this.pageSize,
+        currentPage: this.currentPage,
+        log_user_name: this.username
+      };
+      axios.post(url, params).then(res => {
+        this.list = res.data.data;
+        this.total = res.data.totalResult;
+      });
+    },
+    search() {
+      this.getData();
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getData();
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.getData();
+    }
+  },
+  mounted: function() {
+    this.getData();
+  }
+};
+</script>
+
+<style scoped>
+#RealTime {
+  width: 100%;
+  height: 100%;
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.formBox {
+  height: 60px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.formBox .el-input {
+  width: 200px;
+  margin: 0 10px;
+}
+.tableBox {
+  height: calc(100% - 80px);
+  /*border: #17F6C3 1px solid;*/
+  width: 100%;
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.thead {
+  color: white;
+  font-size: 15px;
+  height: 45px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tbody {
+  color: #ffffff;
+  font-size: 14px;
+  text-align: center;
+  height: 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid #0d2027;
+}
+.footer {
+  position: fixed;
+  left: 20;
+  right: 20;
+  bottom: 0;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/NFCloudPlatform/VideoSurveillance.vue b/src/components/NFCloudPlatform/VideoSurveillance.vue
new file mode 100644
index 0000000..acc5864
--- /dev/null
+++ b/src/components/NFCloudPlatform/VideoSurveillance.vue
@@ -0,0 +1,103 @@
+<template>
+  <div
+    id="VideoSurveillance"
+    v-loading="loading"
+    element-loading-text="正在登陆中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    stripe
+  >
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="LoginOn">
+      <el-tab-pane label="一楼泵站" name="first">
+        <child1 v-if="isChildUpdate1"></child1>
+      </el-tab-pane>
+      <el-tab-pane label="顶楼泵站" name="second">
+        <child2 v-if="!isChildUpdate1"></child2>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import GroundFloor from "@/components/NFCloudPlatform/GroundFloor"; //视频监控-一楼泵站
+import Attic from "@/components/NFCloudPlatform/Attic"; //视频监控-顶楼泵站
+export default {
+  name: "VideoSurveillance",
+  components: {
+    child1: GroundFloor,
+    child2: Attic
+  },
+  data: function() {
+    return {
+      activeName: "first",
+      isChildUpdate1: true,
+      LoginOn: false,
+      userName: "工程作业及监控系统",
+      loading:true
+    };
+  },
+  methods: {
+    handleClick(tab, event) {
+      if (tab.name == "first") {
+        this.isChildUpdate1 = true;
+      } else if (tab.name == "second") {
+        this.isChildUpdate1 = false;
+      }
+    },
+    //SN:53231220106     密码：xfgd0987654321  //平台地址   http://132.232.115.20:8103
+    login1() {
+      let params = {
+        GRM: "53231220106",
+        PASS: "xfgd0987654321"
+      };
+      var url = "http://www.yunplc.com:7080/exlog";
+      this.$http.post(url, this.qs.stringify(params)).then(res => {
+        var Ary = this.formatterData(res.data);
+        if (Ary[0] == "OK") {
+          var str = JSON.stringify(res.data);
+          var index = str.indexOf("SID") + 4;
+          var sid = str.substring(index, str.length - 5);
+          localStorage.setItem("SID", sid);
+          localStorage.setItem("flag", 0);
+          localStorage.setItem("flag1", 0);
+          this.loading=false;
+          this.LoginOn = true;
+          this.record(1);
+        } else {
+          this.$message.error(Ary[2]);
+        }
+      });
+    },
+    formatterData(data) {
+      var str = data;
+      var strs = new Array();
+      strs = str.split("\r\n");
+      var Ary = [];
+      for (var i = 0; i < strs.length; i++) {
+        Ary.push(strs[i]);
+      }
+      return Ary;
+    },
+    record(type) {
+      let url = "/dataApi/LogCloudPlatformsController/addPlatformsLog";
+      let params = {
+        log_user_name: this.userName,
+        log_type: type
+      };
+      this.$http.post(url, params).then(res => {});
+    }
+  },
+  mounted: function() {
+    //   默认登录
+    localStorage.setItem("userName", "工程作业及监控系统");
+    this.login1();
+  }
+};
+</script>
+
+<style scoped>
+#VideoSurveillance {
+  width: 100%;
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 83dcad4..786d1fd 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -90,6 +90,14 @@
               <el-menu-item index="6-1" route="/DataAnalysis/dataScreening">数据总览</el-menu-item>
               <el-menu-item index="6-2" route="/DataAnalysis/StatisticalReport">统计报表</el-menu-item>
             </el-submenu>
+             <el-submenu index="7">
+              <template slot="title">
+                <i class="el-icon-location"></i>
+                <span>工业物联网云平台</span>
+              </template>
+              <el-menu-item index="7-1" route="/NFCloudPlatform/VideoSurveillance">视频监控</el-menu-item>
+              <el-menu-item index="7-2" route="/NFCloudPlatform/RealTime">实时监控</el-menu-item>
+            </el-submenu>
           </el-menu>
         </el-aside>
         <el-main style="height:100%">
diff --git a/src/router/index.js b/src/router/index.js
index bdc6bb3..9e7f937 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -27,6 +27,12 @@
 // 数据分析
 import DataScreening from '@/components/DataAnalysis/dataScreening' //数据总览
 import StatisticalReport from '@/components/DataAnalysis/StatisticalReport' //统计报表
+// 工业物联网云平台
+import VideoSurveillance from '@/components/NFCloudPlatform/VideoSurveillance' //视频监控
+// import GroundFloor from '@/components/NFCloudPlatform/GroundFloor' //视频监控-一楼泵站
+// import Attic from '@/components/NFCloudPlatform/Attic' //视频监控-顶楼泵站
+import RealTime from '@/components/NFCloudPlatform/RealTime' //实时监控
+
 
 
 Vue.use(Router)
@@ -81,6 +87,24 @@
     path: '/DataAnalysis/StatisticalReport',// 数据分析--统计报表
     name: 'StatisticalReport',
     component: StatisticalReport
+  },{
+    path: '/NFCloudPlatform/VideoSurveillance',// 工业物联网云平台--视频监控
+    name: 'VideoSurveillance',
+    component: VideoSurveillance
+  },
+  // {
+  //   path: '/NFCloudPlatform/GroundFloor',// 工业物联网云平台--视频监控-一楼泵站
+  //   name: 'GroundFloor',
+  //   component: GroundFloor
+  // },{
+  //   path: '/NFCloudPlatform/Attic',// 工业物联网云平台--视频监控-顶楼泵站
+  //   name: 'Attic',
+  //   component: Attic
+  // },
+  {
+    path: '/NFCloudPlatform/RealTime',// 工业物联网云平台--实时监控
+    name: 'RealTime',
+    component: RealTime
   },]
   },{
     path: '/login',
@@ -93,7 +117,7 @@
     path: "*",
     redirect: "/"
   }
-  ]
+  ]  
 })
 // router.beforeEach((to, from, next) => {
 //   /*   使用过程为,
diff --git a/src/util/CHGTwo.js b/src/util/CHGTwo.js
index fe86a89..efed5f5 100644
--- a/src/util/CHGTwo.js
+++ b/src/util/CHGTwo.js
@@ -1,5 +1,5 @@
 /**
- * 项目管理相关接口
+ * 项目管理相关接口+工业物联网云平台
  * @exports {Object}
  * 陈洪刚
  */
@@ -10,6 +10,8 @@
   'StationBaseControllerGetUsers': '/StationBaseController/getUsers', //查询平台关联的权限用户
   'alarmLogGetAlarmLogInfo': '/alarmLog/getAlarmLogInfo', //告警推送日志查询
   'alarmLogStatistical': '/alarmLog/statistical', //告警统计
+
+  'exdata':'/exdata', //工业物联网云平台--写数据
 };
 
 for (let item in nozzle) {
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
new file mode 100644
index 0000000..db62c18
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/jcczs.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
new file mode 100644
index 0000000..dd9960b
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/logo_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
new file mode 100644
index 0000000..c6b6df5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
new file mode 100644
index 0000000..e68308c
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/start.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
new file mode 100644
index 0000000..2615ff9
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/stop.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
new file mode 100644
index 0000000..6bd1195
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/zst_img.png"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
new file mode 100644
index 0000000..92d65bb
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\345\256\236\351\252\214\346\223\215\344\275\234\345\256\244.gif"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
new file mode 100644
index 0000000..52295f2
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244_\347\272\242.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
new file mode 100644
index 0000000..a23dbb5
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hh.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg"
new file mode 100644
index 0000000..bfe7d34
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\243\200\346\265\213\346\223\215\344\275\234\345\256\244hl.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\272\242.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\272\242.jpg"
new file mode 100644
index 0000000..c24b46e
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\272\242.jpg"
Binary files differ
diff --git "a/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\273\277.jpg" "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\273\277.jpg"
new file mode 100644
index 0000000..0b90dc2
--- /dev/null
+++ "b/static/img/\345\267\245\344\270\232\347\211\251\350\201\224\347\275\221\344\272\221\345\271\263\345\217\260/\346\263\265\347\253\231_\347\273\277.jpg"
Binary files differ