Andon监控

src/api/ManufacturingCenter/AntonMonitoring.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+// 电子看板_线体上下线数量统计_查询
+export function ANDON_countselect() {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '1',
+      name: 'ANDON_大屏幕显示',
+      param: 'WorkShopType=A'
+    }
+  })
+}
+export function ANDON_opselect(opname) {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '1',
+      name: 'ANDON_办公室监控_消息通知',
+      param: 'WorkShopType=A' + '&工位号=' + opname + '=string'
+    }
+  })
+}
+

src/icons/svg/AntonMonitoring.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1557551342926" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2259" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 972.20608a460.22656 460.22656 0 1 1 460.8-460.22144 460.50816 460.50816 0 0 1-460.8 460.22144z m0-869.248a409.6 409.6 0 1 0 409.56416 409.6 409.6 409.6 0 0 0-409.56416-409.6z m317.47584 413.51168v-0.08192c0 0.3072-0.0512 0.58368-0.0512 0.85504-0.03072 0.1536-0.03072 0.30208-0.0512 0.42496 0 0.2048-0.05632 0.43008-0.0768 0.62976l-0.08192 0.73216v0.08192a27.45856 27.45856 0 0 1-6.69696 14.336c-6.72768 8.66304-14.06464 16.7936-21.4272 24.7808a558.592 558.592 0 0 1-135.74144 109.4656 347.96032 347.96032 0 0 1-101.71392 39.10144 277.43232 277.43232 0 0 1-116.88448-1.7664c-67.15904-15.52896-128-54.16448-181.17632-100.32128a510.62784 510.62784 0 0 1-69.39136-71.2448 28.55424 28.55424 0 0 1 0-36.72064c6.69696-8.66304 14.05952-16.8192 21.42208-24.7808a557.94688 557.94688 0 0 1 135.73632-109.41952 347.70432 347.70432 0 0 1 101.7088-39.1168 277.55008 277.55008 0 0 1 116.85376 1.7408c67.16416 15.5392 128 54.1952 181.17632 100.352a508.54912 508.54912 0 0 1 69.39648 71.2448 26.97216 26.97216 0 0 1 6.70208 14.336 0.09216 0.09216 0 0 0 0 0.0768l0.08192 0.73216 0.11264 0.65024v0.43008a7.89504 7.89504 0 0 1 0.05632 0.84992c0 0.45568 0.0512 0.88576 0.0512 1.31072l-0.00512 1.32608zM509.44 381.99808c-66.2784 0-120.00768 57.18528-120.00768 127.77472s53.76 127.75424 120.00768 127.75424 120.0384-57.1904 120.0384-127.75424S575.74912 381.99808 509.44 381.99808z m0 191.616c-33.12128 0-60.0064-28.61056-60.0064-63.86688s26.86976-63.86176 60.0064-63.86176 60.0064 28.60032 60.00128 63.88736-26.83904 63.86688-60.00128 63.86688z" p-id="2260" fill="#ffffff"></path></svg>

src/icons/svg/OutPartSelect.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1557551270940" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1394" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M767.142469 703.290721 447.538361 703.290721l0 191.763488 511.369643 0L958.908004 64.079434 447.538361 64.079434l0 191.763488 319.604108 0L767.142469 703.290721zM831.065338 767.212566 831.065338 191.922101 511.458159 191.922101l0-63.920822 383.528 0L894.986159 831.132364 511.458159 831.132364l0-63.920822L831.065338 767.211543z" p-id="1395" fill="#ffffff"></path><path d="M447.538361 447.606411 447.538361 319.763744 511.458159 319.763744 511.458159 383.685589 575.380004 383.685589 575.380004 447.606411 639.301849 447.606411 639.301849 511.527233 575.380004 511.527233 575.380004 575.448054 511.458159 575.448054 511.458159 639.369899 447.538361 639.369899 447.538361 511.527233 64.011384 511.527233 64.011384 447.606411Z" p-id="1396" fill="#ffffff"></path></svg>

src/icons/svg/machine.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1557552071193" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2463" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M938.666667 810.666667V85.333333H106.666667v448h21.333333v64h64v85.333334h42.666667v-85.333334h64v-64h21.333333V298.666667h362.666667v512h-106.666667v-85.333334h-170.666667v85.333334h-106.666666v-85.333334H128v85.333334H42.666667v128h938.666666v-128zM256 554.666667H170.666667v-21.333334h85.333333z m21.333333-298.666667v234.666667H149.333333V128h746.666667v682.666667h-170.666667V256z m170.666667 512h85.333333v42.666667h-85.333333zM170.666667 768h85.333333v42.666667H170.666667z m768 128H85.333333v-42.666667h853.333334z" p-id="2464" fill="#1296db"></path><path d="M661.333333 192m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z" p-id="2465" fill="#1296db"></path><path d="M277.333333 170.666667h298.666667v42.666666H277.333333zM789.333333 597.333333h42.666667v170.666667h-42.666667zM789.333333 469.333333h42.666667v85.333334h-42.666667zM789.333333 341.333333h42.666667v85.333334h-42.666667z" p-id="2466" fill="#1296db"></path></svg>

src/icons/svg/machiningHoursStatistics.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1557551198088" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="569" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 964.608c-61.089792 0-120.367104-11.969536-176.183296-35.57888-53.900288-22.797312-102.300672-55.428096-143.858688-96.987136-41.55904-41.558016-74.189824-89.959424-96.987136-143.858688C71.361536 632.367104 59.392 573.089792 59.392 512s11.969536-120.367104 35.57888-176.183296c22.797312-53.900288 55.428096-102.300672 96.987136-143.858688 41.558016-41.55904 89.959424-74.189824 143.858688-96.987136C391.632896 71.361536 450.910208 59.392 512 59.392s120.367104 11.969536 176.183296 35.57888c53.900288 22.797312 102.300672 55.428096 143.858688 96.987136 41.55904 41.558016 74.189824 89.959424 96.987136 143.858688C952.638464 391.632896 964.608 450.910208 964.608 512c0 88.037376-25.302016 173.389824-73.16992 246.832128-7.719936 11.845632-23.5776 15.187968-35.426304 7.469056-11.843584-7.719936-15.187968-23.580672-7.468032-35.426304C890.978304 665.769984 913.408 590.084096 913.408 512c0-54.201344-10.609664-106.76736-31.53408-156.237824-20.215808-47.797248-49.163264-90.727424-86.03648-127.599616s-79.803392-65.819648-127.599616-86.03648C618.76736 121.201664 566.201344 110.592 512 110.592s-106.76736 10.609664-156.237824 31.53408c-47.797248 20.215808-90.727424 49.163264-127.599616 86.03648s-65.819648 79.803392-86.03648 127.599616C121.201664 405.23264 110.592 457.798656 110.592 512s10.609664 106.76736 31.53408 156.237824c20.215808 47.797248 49.163264 90.727424 86.03648 127.599616s79.803392 65.819648 127.599616 86.03648C405.23264 902.798336 457.798656 913.408 512 913.408c80.4864 0 158.12096-23.724032 224.514048-68.605952 11.711488-7.917568 27.626496-4.842496 35.545088 6.87104 7.918592 11.712512 4.842496 27.626496-6.87104 35.546112C690.296832 937.846784 602.745856 964.608 512 964.608z" p-id="570" fill="#ffffff"></path><path d="M674.051072 392.5504l-221.702144-128c-7.919616-4.574208-17.680384-4.574208-25.6 0-7.92064 4.573184-12.8 13.024256-12.8 22.1696l0 435.2-10.24 0c-14.139392 0-25.6 11.460608-25.6 25.6s11.460608 25.6 25.6 25.6l122.88 0c14.139392 0 25.6-11.460608 25.6-25.6s-11.460608-25.6-25.6-25.6l-61.44 0L465.148928 557.500416 674.051072 436.8896c7.92064-4.573184 12.8-13.024256 12.8-22.1696S681.971712 397.12256 674.051072 392.5504zM465.148928 498.378752 465.148928 331.061248 610.051072 414.72 465.148928 498.378752z" p-id="571" fill="#ffffff"></path></svg>

src/utils/request.js

@@ -5,6 +5,7 @@ import axios from 'axios'
 
 export const wsuri = `ws://192.168.1.232:61101//WebMoudule//websocket`
 export const name = `OP8888`
+export const name1 = `OP1000`
 
 // 创建axios实例
 export const readFile = `http://192.168.1.231:8411/webpage/file/` // invoice

src/views/Inventory/Inboundscanning/index.vue

@@ -172,7 +172,7 @@ export default {
         this.Partpaint = response.data[0].零件图号
         return this.Partpaint
       }).then(() => {
-        this. getCraftNumber()
+        this.getCraftNumber()
       })
       // this.getscantable()
     },
@@ -188,27 +188,27 @@ export default {
       } else {
         this.listLoading = true
         searchTable(this.partNumber).then(response => {
-          if(response.data.length === 0) {
+          if (response.data.length === 0) {
             this.listLoading = false
             this.$notify({
               title: '警告',
               message: '该零件未加工完成',
               type: 'warning'
             })
-          }else {
+          } else {
             for (let i = 0; i < response.data.length; i++) {
               if (response.data[i].考核状态 === 8) {
                 this.listLoading = false
                 this.$notify({
                   title: '警告',
-                  message: 'P' + response.data[i].工艺计划流水号 +  '已入库',
+                  message: 'P' + response.data[i].工艺计划流水号 + '已入库',
                   type: 'warning'
                 })
               } else if (response.data[i].考核状态 === 9) {
                 this.listLoading = false
                 this.$notify({
                   title: '警告',
-                  message: 'P' + response.data[i].工艺计划流水号 +  '已出库',
+                  message: 'P' + response.data[i].工艺计划流水号 + '已出库',
                   type: 'warning'
                 })
               } else if (response.data[i].考核状态 === 7) {
@@ -223,7 +223,7 @@ export default {
                   机床图号: response.data[i].机床图号,
                   零件图号: response.data[i].零件图号
                 })
-                let hash = {}; // 一个新数组，data为你需要去重的数组，newData用于接收去重后的数组, curVal.去重条件
+                const hash = {} // 一个新数组，data为你需要去重的数组，newData用于接收去重后的数组, curVal.去重条件
                 this.tableDataNum = this.tableData.reduce((preVal, curVal) => {
                   hash[curVal.工艺计划流水号] ? '' : hash[curVal.工艺计划流水号] = true && preVal.push({
                     工艺计划流水号: curVal.工艺计划流水号,
@@ -234,7 +234,7 @@ export default {
                     innumber: curVal.innumber,
                     capture: '',
                     note: ''
-                  });
+                  })
                   return preVal
                 }, [])
               }

src/views/ManufacturingCenter/AntonMonitoring/index.vue

@@ -0,0 +1,153 @@
+<template>
+  <div>
+    <el-card>
+      <el-badge :value="value" class="item" style="margin-bottom: 10px; float: right">
+        <el-button size="small" @click="openWindow">Andon信息</el-button>
+      </el-badge>
+      <el-table
+        :data="tableData"
+        style="width: 100%;"
+        size="mini"
+        height="800"
+        highlight-current-row
+        border>
+        <el-table-column align="center" label="工位号">
+          <template slot-scope="scope">
+            <el-button type="text">{{ scope.row.工位号 }}</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="登陆人">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.姓名===''||scope.row.姓名===null" slot="reference" size="small" style="width: 80px" type="warning">未登录</el-tag>
+            <el-tag v-else slot="reference" type="success" size="small" style="width: 80px"> {{ scope.row.姓名 }} </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="呼叫类型">
+          <template slot-scope="scope">
+            <div v-if="scope.row.呼叫备注===''|| scope.row.呼叫备注===null"><div style="width: 12px;height: 12px;border-radius: 50%;background-color: rgb(103, 194, 58);display: inline-block;margin:0px 5px 0 0"/>正常工作</div>
+            <div v-else ><div style="width: 12px;height: 12px;border-radius: 50%;background-color: red;display: inline-block;margin:0px 5px 0 0"/>{{ scope.row.呼叫备注 }}</div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      width="60%">
+      <el-table
+        :data="tableDataMassage"
+        style="width: 100%;"
+        size="mini"
+        height="500"
+        highlight-current-row
+        border>
+        <el-table-column align="center" label="工位号">
+          <template slot-scope="scope">
+            <el-button type="text">{{ scope.row.工位号 }}</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="登陆人">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.姓名===''||scope.row.姓名===null" slot="reference" size="small" style="width: 80px" type="warning">未登录</el-tag>
+            <el-tag v-else slot="reference" type="success" size="small" style="width: 80px"> {{ scope.row.姓名 }} </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="呼叫类型">
+          <template slot-scope="scope">
+            <div v-if="scope.row.呼叫备注===''|| scope.row.呼叫备注===null"><div style="width: 12px;height: 12px;border-radius: 50%;background-color: rgb(103, 194, 58);display: inline-block;margin:0px 5px 0 0"/>正常工作</div>
+            <div v-else ><div style="width: 12px;height: 12px;border-radius: 50%;background-color: red;display: inline-block;margin:0px 5px 0 0"/>{{ scope.row.呼叫备注 }}</div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { ANDON_countselect } from '@/api/ManufacturingCenter/AntonMonitoring'
+import { wsuri, name1 } from '@/utils/request'
+export default {
+  data() {
+    return {
+      tableData: [],
+      timer_ANDON: '',
+      andonMsg: '',
+      Name: '',
+      massage: [],
+      dialogVisible: false,
+      tableDataMassage: [],
+      value: 0
+    }
+  },
+  mounted() {
+    this.ANDON_countselect()
+    this.timer_ANDON = setInterval(this.search(), 60 * 1000 * 5) // ANDON看板 5 分钟一刷新
+  },
+  created() {
+    this.initWebpack()
+  },
+  methods: {
+    ANDON_countselect() {
+      ANDON_countselect().then(response => {
+        this.tableData = response.data
+      })
+    },
+    // 初始化websocket
+    initWebpack() {
+      this.websock = new WebSocket(wsuri)// 这里面的this都指向vue
+      this.websock.onopen = this.websocketopen
+      this.websock.onmessage = this.websocketonmessage
+      this.websock.onclose = this.websocketclose
+      this.websock.onerror = this.websocketerror
+    },
+    // 打开
+    websocketopen() {
+      console.log('WebSocket连接成功')
+      this.websock.send('{<' + name1 + '>}')
+    },
+    // 数据接收
+    websocketonmessage(msg) {
+      console.log(msg)
+      this.andonMsg = msg.data.split('|')[3]
+      this.Name = msg.data.split('|')[2]
+      if (this.andonMsg === '1') {
+        this.search()
+      }
+    },
+    // 关闭
+    websocketclose() {
+      console.log('WebSocket关闭')
+    },
+    // 失败
+    websocketerror() {
+      console.log('WebSocket连接失败')
+    },
+    search() {
+      this.tableDataMassage = []
+      ANDON_countselect().then(response => {
+        this.tableData = response.data
+        return response.data
+      }).then(data => {
+        for (let i = 0; i < data.length; i++) {
+          if (data[i].呼叫备注 !== null) {
+            this.tableDataMassage.push(data[i])
+          }
+        }
+        this.value = this.tableDataMassage.length
+      })
+    },
+    openWindow() {
+      this.dialogVisible = true
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+  .el-card{
+    margin-left: 2px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    margin-right: 2px;
+  }
+</style>