大屏三

src/pages/WorkshopScreen.vue

@@ -1,15 +1,57 @@
 <template>
   <section class="bg">
     <t-header title="海亮铜管智能车间生产监控中心"></t-header>
+    <div class="container" @click="rectClick">
+      <p>{{zb}}</p>
+    </div>
   </section>
 </template>
 
 <script>
 import THeader from '@components/header.vue'
+import {getTask, getAgvMsg} from '@js/getData2.js'
 export default {
   name: 'WorkshopScreen',
   components: {
     THeader
+  },
+  data () {
+    return {
+      zb: ''
+    }
+  },
+  methods: {
+    rectClick () {
+      var ev = window.event
+      // 获取相对于当前所指向对象的位置坐标
+      this.zb = 'x:' + ev.offsetX + 'y:' + ev.offsetY
+    },
+    async _getTask () {
+      let res = await getTask()
+      if (res.code === '1') {
+      } else {
+        this.Dialog(res.desc)
+      }
+    },
+    async _getAgvMsg () {
+      let res = await getAgvMsg()
+      if (res.code === '1') {
+      } else {
+        this.Dialog(res.desc)
+      }
+    }
   }
 }
 </script>
+
+<style lang="stylus" scoped>
+@import '~@css/mixin'
+.bg
+  _wh(100%, 100%)
+  overflow hidden
+.container
+  _wh(100%, calc(100% - 1.38rem))
+  padding .3rem .2509rem 0
+  overflow hidden
+  clear both
+</style>