可以设置和查询机器人IO，但是查询IO状态的指令只能发送一次，发送多次 机器人就GG了

Zhang Jie · Zhang Jie · commit 8edf6e9c9cb3 · 2020-09-15T19:52:56.000+08:00
diff --git a/config/index.js b/config/index.js
@@ -10,7 +10,12 @@ module.exports = {
     // Paths
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    proxyTable: {},
+    proxyTable: {
+      '/service/*': {
+        target: 'http://192.168.12.249:8081',
+        changeOrigin: true
+      }
+    },
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "anim-event": "^1.0.16",
+    "axios": "^0.20.0",
     "cssprefix": "^2.0.16",
     "element-ui": "^2.13.0",
     "less": "^3.11.1",
diff --git a/src/Tools.js b/src/Tools.js
@@ -15,6 +15,34 @@ function downloadFlie() {
     document.body.removeChild(elementA);
 }
 
+let deepCopy = (obj) => {
+    if (typeof obj !== 'object') {
+        return obj;
+    }
+
+    let type = Object.prototype.toString.apply(obj);
+    let ret = type === '[object Array]' ? [] : {};
+
+    if (type === '[object Array]') {
+        ret = [];
+        let i = 0;
+        while (i < obj.length) {
+            ret[i] = deepCopy(obj[i]);
+            i++;
+        }
+    } else {
+        ret = {};
+        for (let k in obj) {
+            if (obj.hasOwnProperty(k)) {
+                ret[k] = deepCopy(obj[k]);
+            }
+        }
+    }
+
+    return ret;
+}
+
 export default {
-    downloadFlie: downloadFlie
+    downloadFlie: downloadFlie,
+    deepCopy: deepCopy
 }
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -12,7 +12,7 @@
         <template slot="title">工程管理</template>
         <el-menu-item index="9-1">新建</el-menu-item>
         <el-menu-item index="9-2">打开</el-menu-item>
-        <el-menu-item index="9-3">保存</el-menu-item>
+        <el-menu-item index="9-3" @click="saveProject">保存</el-menu-item>
       </el-submenu>
       <el-submenu index="2">
         <template slot="title">系统配置</template>
@@ -25,13 +25,17 @@
       <el-menu-item index="4">
         <div @click="showCode">查看代码</div>
       </el-menu-item>
+      <el-menu-item index="5">
+        <div @click="run">运行</div>
+      </el-menu-item>
     </el-menu>
     <img :src="logoPath"/>
     
   </div>
 </template>
 
 <script>
+import Tools from "@/Tools.js";
 export default {
   name: "Header",
   data() {
@@ -48,6 +52,42 @@ export default {
 
     showCode(){
         debugger;
+    },
+
+    run(){
+      this.axios({
+        url: '/service/run',
+        method: 'post',
+        data: {
+          path: ''
+        }
+      })
+    },
+
+    saveProject(){
+      // save stateData
+      let stateData = Tools.deepCopy(statePageVue.threadAry);
+     
+      // save blockly xml
+      let blocklyWindow = document.getElementsByTagName('iframe')[0].contentWindow;
+      let blocklyData = blocklyWindow.Blockly.Xml.workspaceToDom(blocklyWindow.Code.workspace);
+     
+       // save qrl
+       let code = blocklyWindow.Blockly.Lua.workspaceToCode(blocklyWindow.Code.workspace);
+     this.axios({
+        url: '/service/saveProject',
+        method: 'post',
+        data: {
+          stateData: stateData,
+          blocklyData: stateDataXml, //blocklyData,
+          code: code
+        }
+      }).then((res)=>{
+        // debugger;
+      })
+
+
+
     }
   }
 };
diff --git a/src/components/IOPage.vue b/src/components/IOPage.vue
@@ -0,0 +1,51 @@
+<template>
+  <div id="IOPage">
+    <span>IO 20103状态：</span>
+    <el-switch v-model="status" active-color="#13ce66" inactive-color="#DCDFE6"></el-switch>
+
+    <el-button type="primary" @click="refresh" style="display: block; margin-left: 100px;margin-top:50px;">刷新</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "IOPage",
+
+  data() {
+    return {
+      status: false,
+    };
+  },
+
+  methods: {
+    getStatus() {
+      this.axios({
+        url: "/service/getStatus",
+        method: "post",
+        data: {
+          port: "20103",
+        },
+      }).then((res) => {
+        this.status = !!res.data.data;
+      });
+    },
+    refresh(){
+        this.getStatus();
+    }
+  },
+  created(){
+    //   this.getStatus();
+  }
+};
+</script>
+
+<style scoped>
+#IOPage{
+    margin-top: 100px;
+}
+span{
+    margin-left: 100px;
+    position: relative;
+    top: 1px;
+}
+</style>
diff --git a/src/main.js b/src/main.js
@@ -5,9 +5,11 @@ import App from './App'
 import router from './router'
 import Element from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
+import axios from 'axios';
 
 
 Vue.use(Element, { size: 'small', zIndex: 3000 });
+Vue.prototype.axios = axios;
 
 Vue.config.productionTip = false
 
diff --git a/src/router/index.js b/src/router/index.js
@@ -10,6 +10,7 @@ import Demo from '@/components/Demo'
 import DemoIndex from '@/components/demos/DemoIndex'
 import PathAnimation from '@/components/demos/PathAnimation'
 import StatePage from '@/components/demos/StatePage'
+import IOPage from '@/components/IOPage'
 
 Vue.use(Router)
 
@@ -67,6 +68,10 @@ export default new Router({
         {
           path: 'state',
           component: StatePage
+        },
+        {
+          path: 'io',
+          component: IOPage
         }
       ]
     }

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ import Demo from '@/components/Demo'`
`10`	`10`	`import DemoIndex from '@/components/demos/DemoIndex'`
`11`	`11`	`import PathAnimation from '@/components/demos/PathAnimation'`
`12`	`12`	`import StatePage from '@/components/demos/StatePage'`
	`13`	`+import IOPage from '@/components/IOPage'`
`13`	`14`
`14`	`15`	`Vue.use(Router)`
`15`	`16`
`@@ -67,6 +68,10 @@ export default new Router({`
`67`	`68`	`{`
`68`	`69`	`path: 'state',`
`69`	`70`	`component: StatePage`
	`71`	`+ },`
	`72`	`+ {`
	`73`	`+ path: 'io',`
	`74`	`+ component: IOPage`
`70`	`75`	`}`
`71`	`76`	`]`
`72`	`77`	`}`