更新ERP #94
@ -3,5 +3,6 @@ ENV = 'production'
|
|||||||
|
|
||||||
# base api
|
# base api
|
||||||
VUE_APP_BASE_API = ''
|
VUE_APP_BASE_API = ''
|
||||||
|
VUE_APP_WB_API = 'a.wms.picaiba.com'
|
||||||
VUE_APP_REPORT_DESIGN_URL = '/ureport/designer'
|
VUE_APP_REPORT_DESIGN_URL = '/ureport/designer'
|
||||||
VUE_APP_REPORT_VIEW_URL = '/ureport/preview'
|
VUE_APP_REPORT_VIEW_URL = '/ureport/preview'
|
||||||
|
230
src/api/00a-spc.js
Normal file
230
src/api/00a-spc.js
Normal file
@ -0,0 +1,230 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
export function AlarmCleared() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendAlarmClearedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function AlarmDetected() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendAlarmDetectedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function CompleteProcessFlow() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendCompleteProcessFlowEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ControlStateLocal() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendControlStateLocalEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ControlStateRemote() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendControlStateRemoteEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function E10StateChanged() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendE10StateChangedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function EmptyCassettereport() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendEmptyCassettereportEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function EquipmentOffline() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendEquipmentOfflineEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function MaintenancePlan() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendMaintenancePlanEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function MaintenanceRecord() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendMaintenanceRecordEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function MaterialReceived() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendMaterialReceivedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function MaterialRemoved() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendMaterialRemovedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function OKsubstratereport() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendOKsubstratereportEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function PowerConsumption() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendPowerConsumptionEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ProcessingCompleted() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendProcessingCompletedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ProcessingStarted() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendProcessingStartedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ProcessingStopped() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendProcessingStoppedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function QCPChange() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendQCPChangeEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function RepairRecord() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendRepairRecordEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Scrapsubstratereport() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendScrapsubstratereportEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ShuttleMovementFinished() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendShuttleMovementFinishedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ShuttleMovementStart() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendShuttleMovementStartEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function SpoolTransmitFailure() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendSpoolTransmitFailureEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function SpoolingActivated() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendSpoolingActivatedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function SpoolingDeactivated() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendSpoolingDeactivatedEvent',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function DisableEnableCommunication(data) {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendDisableEnableCommunication',
|
||||||
|
method: 'post',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'text/plain'
|
||||||
|
},
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getCommunicationState() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/communicationState/get',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getcontrollerState() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/controllerState/get',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function sendControllerState(data) {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendControllerState',
|
||||||
|
method: 'post',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'text/plain'
|
||||||
|
},
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function sendEqpState(data) {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendEqpState',
|
||||||
|
method: 'post',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'text/plain'
|
||||||
|
},
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function sendReportLinkedEventAndVid() {
|
||||||
|
return request({
|
||||||
|
url: '/cigs-00a/IL1testcontroller/post/sendReportLinkedEventAndVid',
|
||||||
|
method: 'post'
|
||||||
|
})
|
||||||
|
}
|
@ -267,6 +267,14 @@ export default {
|
|||||||
zh: '首页',
|
zh: '首页',
|
||||||
en: 'Home'
|
en: 'Home'
|
||||||
},
|
},
|
||||||
|
aSpc: {
|
||||||
|
zh: 'EAP',
|
||||||
|
en: 'EAP'
|
||||||
|
},
|
||||||
|
spcControl: {
|
||||||
|
zh: 'EAP控制',
|
||||||
|
en: 'EAP Control'
|
||||||
|
},
|
||||||
basic: {
|
basic: {
|
||||||
zh: '系统管理',
|
zh: '系统管理',
|
||||||
en: 'System Manager',
|
en: 'System Manager',
|
||||||
|
@ -16,6 +16,7 @@
|
|||||||
{{ 'navbar.homepage' | i18nFilter }}
|
{{ 'navbar.homepage' | i18nFilter }}
|
||||||
</div>
|
</div>
|
||||||
<el-dropdown :style="showTitle ? 'color: #fff' : '#000'" class="avatar-container right-menu-item hover-effect" trigger="click">
|
<el-dropdown :style="showTitle ? 'color: #fff' : '#000'" class="avatar-container right-menu-item hover-effect" trigger="click">
|
||||||
|
<el-dropdown-menu />
|
||||||
<el-badge :hidden="alarmNum>0?false:true" :value="alarmNum" class="item" style="line-height: 0; margin: 0 10px; vertical-align: -3px" @click.native="handleAlarm">
|
<el-badge :hidden="alarmNum>0?false:true" :value="alarmNum" class="item" style="line-height: 0; margin: 0 10px; vertical-align: -3px" @click.native="handleAlarm">
|
||||||
<svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" />
|
<svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" />
|
||||||
</el-badge>
|
</el-badge>
|
||||||
|
@ -92,6 +92,28 @@ export const constantRoutes = [
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/spc',
|
||||||
|
component: Layout,
|
||||||
|
redirect: '/spc',
|
||||||
|
name: 'spc',
|
||||||
|
meta: { title: routerTitle.aSpc?.[language] || routerTitle.aSpc.en, icon: 'form', iconPart: 'ArtManager', affix: true, required: true, requireToken: true },
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: 'spc',
|
||||||
|
component: () => import('@/views/00a-spc/index'),
|
||||||
|
name: 'spc',
|
||||||
|
meta: { title: routerTitle.aSpc?.[language] || routerTitle.aSpc.en, icon: 'form', affix: true, required: true, requireToken: true, noCache: true }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'spcControl',
|
||||||
|
component: () => import('@/views/00a-spc/spcControl'),
|
||||||
|
name: 'spcControl',
|
||||||
|
hidden: true,
|
||||||
|
meta: { title: routerTitle.spcControl?.[language] || routerTitle.spcControl.en, icon: 'form', affix: true, required: true, requireToken: true, noCache: true }
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
|
115
src/views/00a-spc/index.vue
Normal file
115
src/views/00a-spc/index.vue
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: zwq
|
||||||
|
* @Date: 2020-12-29 15:41:11
|
||||||
|
* @LastEditors: zwq
|
||||||
|
* @LastEditTime: 2022-07-21 15:07:28
|
||||||
|
* @Description:
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="btn-container">
|
||||||
|
<div v-for="(item,index) in btnList" :key="index" class="btndiv">
|
||||||
|
<el-card class="box-card" @click.native="sendInfo(item)">{{ item }}</el-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<spc-control />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import * as spcApi from '@/api/00a-spc'
|
||||||
|
import spcControl from './spcControl'
|
||||||
|
// , handleLimit
|
||||||
|
/**
|
||||||
|
* 表格表头配置项 TypeScript接口注释
|
||||||
|
* tableConfig<ConfigItem> = []
|
||||||
|
*
|
||||||
|
* Interface ConfigItem = {
|
||||||
|
* prop: string,
|
||||||
|
* label: string,
|
||||||
|
* width: string,
|
||||||
|
* align: string,
|
||||||
|
* subcomponent: function,
|
||||||
|
* filter: function
|
||||||
|
* }
|
||||||
|
*
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Aspc',
|
||||||
|
components: { spcControl },
|
||||||
|
filters: {
|
||||||
|
statusFilter(status) {
|
||||||
|
const statusMap = {
|
||||||
|
published: 'success',
|
||||||
|
draft: 'info',
|
||||||
|
deleted: 'danger'
|
||||||
|
}
|
||||||
|
return statusMap[status]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
btnList: [
|
||||||
|
'AlarmCleared',
|
||||||
|
'AlarmDetected',
|
||||||
|
'CompleteProcessFlow',
|
||||||
|
'ControlStateLocal',
|
||||||
|
'ControlStateRemote',
|
||||||
|
'E10StateChanged',
|
||||||
|
'EmptyCassettereport',
|
||||||
|
'EquipmentOffline',
|
||||||
|
'MaintenancePlan',
|
||||||
|
'MaintenanceRecord',
|
||||||
|
'MaterialReceived',
|
||||||
|
'MaterialRemoved',
|
||||||
|
'OKsubstratereport',
|
||||||
|
'PowerConsumption',
|
||||||
|
'ProcessingCompleted',
|
||||||
|
'ProcessingStarted',
|
||||||
|
'ProcessingStopped',
|
||||||
|
'QCPChange',
|
||||||
|
'RepairRecord',
|
||||||
|
'Scrapsubstratereport',
|
||||||
|
'ShuttleMovementFinished',
|
||||||
|
'ShuttleMovementStart',
|
||||||
|
'SpoolTransmitFailure',
|
||||||
|
'SpoolingActivated',
|
||||||
|
'SpoolingDeactivated'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
sendInfo(name) {
|
||||||
|
spcApi[name]().then(response => {
|
||||||
|
this.$message({
|
||||||
|
message: this.$t('module.basicData.visual.success'),
|
||||||
|
type: 'success',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.btn-container{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.btndiv{
|
||||||
|
width: 20%;
|
||||||
|
height: 100px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.box-card{
|
||||||
|
background-color: #3e8ef7;
|
||||||
|
margin: 10px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
274
src/views/00a-spc/spcControl.vue
Normal file
274
src/views/00a-spc/spcControl.vue
Normal file
@ -0,0 +1,274 @@
|
|||||||
|
<!--
|
||||||
|
* @Author: zwq
|
||||||
|
* @Date: 2020-12-29 15:41:11
|
||||||
|
* @LastEditors: zwq
|
||||||
|
* @LastEditTime: 2022-07-22 16:34:32
|
||||||
|
* @Description:
|
||||||
|
-->
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-row :gutter="10">
|
||||||
|
<el-form
|
||||||
|
ref="dataForm"
|
||||||
|
:model="dataForm"
|
||||||
|
:rules="rules"
|
||||||
|
size="medium"
|
||||||
|
label-position="left"
|
||||||
|
>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-form-item label="communication状态" prop="communicationState" required>
|
||||||
|
<el-switch
|
||||||
|
v-model="dataForm.communicationState"
|
||||||
|
:active-value="1"
|
||||||
|
:inactive-value="0"
|
||||||
|
@change="switchChange()"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<div v-show="communicationShow">Result ={{ communicationStatus }}</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6" :offset="1">
|
||||||
|
<el-form-item label="eqpState" prop="eqpState">
|
||||||
|
<el-select v-model="dataForm.eqpState" placeholder="请选择下拉选择" clearable @change="eqpStateChange">
|
||||||
|
<el-option
|
||||||
|
v-for="(item, index) in eqpStateArr"
|
||||||
|
:key="index"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
<div v-show="eqpStatusShow">Result ={{ eqpStatus }}</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="controllerState" prop="controllerState">
|
||||||
|
<el-select v-model="dataForm.controllerState" placeholder="请选择下拉选择" clearable @change="controllerStateChange">
|
||||||
|
<el-option
|
||||||
|
v-for="(item, index) in controllerStateArr"
|
||||||
|
:key="index"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
<span :class="dataForm.controllerState === 1? 'waring' : 'normal'">{{ controllerInfo }}</span>
|
||||||
|
<div v-show="controllerStatusShow">Result ={{ controllerStatus }}</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-form>
|
||||||
|
<el-col :span="3">
|
||||||
|
<el-button type="primary" @click="sendReportLinkedEventAndVid()"> ReportLinkedEventAndVid </el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
DisableEnableCommunication,
|
||||||
|
getCommunicationState,
|
||||||
|
getcontrollerState,
|
||||||
|
sendEqpState,
|
||||||
|
sendControllerState,
|
||||||
|
sendReportLinkedEventAndVid
|
||||||
|
} from '@/api/00a-spc'
|
||||||
|
/**
|
||||||
|
* 表格表头配置项 TypeScript接口注释
|
||||||
|
* tableConfig<ConfigItem> = []
|
||||||
|
*
|
||||||
|
* Interface ConfigItem = {
|
||||||
|
* prop: string,
|
||||||
|
* label: string,
|
||||||
|
* width: string,
|
||||||
|
* align: string,
|
||||||
|
* subcomponent: function,
|
||||||
|
* filter: function
|
||||||
|
* }
|
||||||
|
*
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Aspc',
|
||||||
|
components: { },
|
||||||
|
filters: {
|
||||||
|
statusFilter(status) {
|
||||||
|
const statusMap = {
|
||||||
|
published: 'success',
|
||||||
|
draft: 'info',
|
||||||
|
deleted: 'danger'
|
||||||
|
}
|
||||||
|
return statusMap[status]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataForm: {
|
||||||
|
communicationState: 0,
|
||||||
|
eqpState: undefined,
|
||||||
|
controllerState: undefined
|
||||||
|
},
|
||||||
|
controllerStatus: '',
|
||||||
|
eqpStatus: '',
|
||||||
|
communicationStatus: '',
|
||||||
|
communicationShow: false,
|
||||||
|
eqpStatusShow: false,
|
||||||
|
controllerStatusShow: false,
|
||||||
|
controllerInfo: '',
|
||||||
|
rules: {
|
||||||
|
},
|
||||||
|
eqpStateArr: [{
|
||||||
|
'label': 'local',
|
||||||
|
'value': 4
|
||||||
|
}, {
|
||||||
|
'label': 'remote',
|
||||||
|
'value': 5
|
||||||
|
}],
|
||||||
|
controllerStateArr: [{
|
||||||
|
'label': 'offline',
|
||||||
|
'value': 1
|
||||||
|
}, {
|
||||||
|
'label': 'online',
|
||||||
|
'value': 2
|
||||||
|
}],
|
||||||
|
websock: '',
|
||||||
|
url: '',
|
||||||
|
wbData: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getState()
|
||||||
|
this.url = process.env.VUE_APP_WB_API
|
||||||
|
this.initWebSocket()
|
||||||
|
getCommunicationState().then(res => {
|
||||||
|
this.dataForm.communicationState = res.data.communicationState
|
||||||
|
})
|
||||||
|
},
|
||||||
|
destroyed() {
|
||||||
|
// 页面销毁时关闭ws连接
|
||||||
|
if (this.websock) {
|
||||||
|
this.websock.close() // 关闭websocket
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
switchChange() {
|
||||||
|
this.communicationShow = false
|
||||||
|
DisableEnableCommunication(this.dataForm.communicationState).then(response => {
|
||||||
|
this.$message({
|
||||||
|
message: this.$t('module.basicData.visual.success'),
|
||||||
|
type: 'success',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
eqpStateChange() {
|
||||||
|
this.eqpStatusShow = false
|
||||||
|
sendEqpState(this.dataForm.eqpState).then(response => {
|
||||||
|
this.$message({
|
||||||
|
message: this.$t('module.basicData.visual.success'),
|
||||||
|
type: 'success',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
controllerStateChange() {
|
||||||
|
this.controllerStatusShow = false
|
||||||
|
sendControllerState(this.dataForm.controllerState).then(response => {
|
||||||
|
this.$message({
|
||||||
|
message: this.$t('module.basicData. visual.success'),
|
||||||
|
type: 'success',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getState() {
|
||||||
|
getcontrollerState().then(res => {
|
||||||
|
if (res.data.controllerState === 1) {
|
||||||
|
this.controllerInfo = 'offline'
|
||||||
|
} else if (res.data.eqpState === 4) {
|
||||||
|
this.controllerInfo = 'local'
|
||||||
|
} else if (res.data.eqpState === 5) {
|
||||||
|
this.controllerInfo = 'remote'
|
||||||
|
}
|
||||||
|
this.dataForm.eqpState = res.data.eqpState
|
||||||
|
this.dataForm.controllerState = res.data.controllerState
|
||||||
|
})
|
||||||
|
},
|
||||||
|
sendReportLinkedEventAndVid() {
|
||||||
|
sendReportLinkedEventAndVid().then(response => {
|
||||||
|
this.$message({
|
||||||
|
message: this.$t('module.basicData.visual.success'),
|
||||||
|
type: 'success',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
initWebSocket() {
|
||||||
|
// 初始化weosocket
|
||||||
|
const path = `ws://${this.url}/opcua/websocket/1`
|
||||||
|
this.websock = new WebSocket(path)
|
||||||
|
this.websock.onmessage = this.websocketonmessage
|
||||||
|
this.websock.onopen = this.websocketonopen
|
||||||
|
this.websock.onerror = this.websocketonerror
|
||||||
|
this.websock.onclose = this.websocketclose
|
||||||
|
},
|
||||||
|
websocketonopen() {
|
||||||
|
// 连接建立之后执行send方法发送数据
|
||||||
|
// this.websocketsend(JSON.stringify('2'))
|
||||||
|
},
|
||||||
|
websocketonerror() {
|
||||||
|
// 连接建立失败重连
|
||||||
|
this.initWebSocket()
|
||||||
|
},
|
||||||
|
websocketonmessage(e) {
|
||||||
|
// 数据接收
|
||||||
|
this.wbData = JSON.parse(e.data)
|
||||||
|
if (this.wbData.eqpResult) {
|
||||||
|
this.eqpStatus = this.wbData.eqpResult
|
||||||
|
this.dataForm.eqpState = parseInt(this.wbData.eqpState)
|
||||||
|
this.eqpStatusShow = true
|
||||||
|
} else if (this.wbData.vidResult) {
|
||||||
|
this.controllerStatus = this.wbData.vidResult
|
||||||
|
this.dataForm.controllerState = parseInt(this.wbData.controllerState)
|
||||||
|
if (this.wbData.controllerState === '1') {
|
||||||
|
this.controllerInfo = 'offline'
|
||||||
|
} else if (this.wbData.eqpState === '4') {
|
||||||
|
this.controllerInfo = 'local'
|
||||||
|
} else if (this.wbData.eqpState === '5') {
|
||||||
|
this.controllerInfo = 'remote'
|
||||||
|
}
|
||||||
|
this.controllerStatusShow = true
|
||||||
|
} else {
|
||||||
|
this.communicationStatus = this.wbData.communicationResult
|
||||||
|
this.dataForm.communicationState = parseInt(this.wbData.communicationState)
|
||||||
|
this.communicationShow = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
websocketsend(val) {
|
||||||
|
// 数据发送
|
||||||
|
this.websock.send(val)
|
||||||
|
},
|
||||||
|
websocketclose(e) {
|
||||||
|
// 关闭
|
||||||
|
console.log('断开连接', e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.app-container{
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
.waring{
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: #F56C6C;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.normal{
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: #67C23A;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in New Issue
Block a user