大屏三

src/assets/css/reset.css

@@ -91,7 +91,7 @@ html, body {
 body {
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-     background: #05032a center center / 100% 100% url(../../assets/images/screen1/bg.png) no-repeat;
+     background: #05032a center center / 100% 100% url(../../assets/images/screen1/bg.jpg) no-repeat;
 }
 
 div, p {

src/assets/js/getData2.js

@@ -26,3 +26,9 @@ export const productSchedule = (id) => post('api/bigscreen/product/productSchedu
 
 /** 1.8大屏中二 */
 export const unfinishOrder = (id) => post('api/bigscreen/product/unfinishOrder', {})
+
+// 车间看板
+// 1.1任务数
+export const getTask = (id) => post('api/agvBigScreen/getTask', {})
+// 1.2车辆状态
+export const getAgvMsg = (id) => post('api/agvBigScreen/getAgvMsg', {})

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>