修改EAP

Reviewed-on: #96

dist/static/css/chunk-130d547d.692e3f17.css

@@ -0,0 +1 @@
+.app-container[data-v-3a23e516]{width:100%;height:200px}.waring[data-v-3a23e516]{padding:5px;border-radius:5px;background-color:#f56c6c;color:#fff}.normal[data-v-3a23e516]{padding:5px;border-radius:5px;background-color:#67c23a;color:#fff}

dist/static/css/chunk-1906682e.a283ee15.css

@@ -1 +0,0 @@
-.app-container[data-v-6d6503bb]{width:100%;height:200px}.waring[data-v-6d6503bb]{padding:5px;border-radius:5px;background-color:#f56c6c;color:#fff}.normal[data-v-6d6503bb]{padding:5px;border-radius:5px;background-color:#67c23a;color:#fff}.btn-container[data-v-2ecdfc10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.btndiv[data-v-2ecdfc10]{width:20%;height:100px;margin:auto}.box-card[data-v-2ecdfc10]{background-color:#3e8ef7;margin:10px;color:#fff}

dist/static/css/chunk-716be8db.a21c6bda.css

@@ -1 +0,0 @@
-.app-container[data-v-6d6503bb]{width:100%;height:200px}.waring[data-v-6d6503bb]{padding:5px;border-radius:5px;background-color:#f56c6c;color:#fff}.normal[data-v-6d6503bb]{padding:5px;border-radius:5px;background-color:#67c23a;color:#fff}

dist/static/css/chunk-fc6258c6.923bc0fc.css

@@ -0,0 +1 @@
+.app-container[data-v-3a23e516]{width:100%;height:200px}.waring[data-v-3a23e516]{padding:5px;border-radius:5px;background-color:#f56c6c;color:#fff}.normal[data-v-3a23e516]{padding:5px;border-radius:5px;background-color:#67c23a;color:#fff}.btn-container[data-v-2e322fe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.btndiv[data-v-2e322fe2]{width:20%;height:100px;margin:auto}.box-card[data-v-2e322fe2]{background-color:#3e8ef7;margin:10px;color:#fff}

src/api/EAP.js

@@ -228,3 +228,17 @@ export function sendReportLinkedEventAndVid() {
     method: 'post'
   })
 }
+
+export function sendSecsGemSetting() {
+  return request({
+    url: '/cigs-00a/IL1testcontroller/post/sendSecsGemSetting',
+    method: 'post'
+  })
+}
+
+export function sendAlarmReport() {
+  return request({
+    url: '/cigs-00a/IL1testcontroller/post/sendAlarmReport',
+    method: 'post'
+  })
+}

src/lang/i18n.js

@@ -267,11 +267,11 @@ export default {
       zh: '首页',
       en: 'Home'
     },
-    aSpc: {
+    eap: {
       zh: 'EAP',
       en: 'EAP'
     },
-    spcControl: {
+    eapControl: {
       zh: 'EAP控制',
       en: 'EAP Control'
     },

src/router/index.js

@@ -93,24 +93,24 @@ export const constantRoutes = [
     ]
   },
   {
-    path: '/spc',
+    path: '/eap',
     component: Layout,
-    redirect: '/spc',
-    name: 'spc',
-    meta: { title: routerTitle.aSpc?.[language] || routerTitle.aSpc.en, icon: 'form', iconPart: 'ArtManager', affix: true, required: true, requireToken: true },
+    redirect: '/eap',
+    name: 'eap',
+    meta: { title: routerTitle.eap?.[language] || routerTitle.eap.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: 'eap',
+        component: () => import('@/views/EAP/index'),
+        name: 'eap',
+        meta: { title: routerTitle.eap?.[language] || routerTitle.eap.en, icon: 'form', affix: true, required: true, requireToken: true, noCache: true }
       },
       {
-        path: 'spcControl',
-        component: () => import('@/views/00a-spc/spcControl'),
-        name: 'spcControl',
+        path: 'eapControl',
+        component: () => import('@/views/EAP/eapControl'),
+        name: 'eapControl',
         hidden: true,
-        meta: { title: routerTitle.spcControl?.[language] || routerTitle.spcControl.en, icon: 'form', affix: true, required: true, requireToken: true, noCache: true }
+        meta: { title: routerTitle.eapControl?.[language] || routerTitle.eapControl.en, icon: 'form', affix: true, required: true, requireToken: true, noCache: true }
       }
     ]
   },

src/views/EAP/eapControl.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 15:41:11
  * @LastEditors: zwq
- * @LastEditTime: 2022-07-22 16:34:32
+ * @LastEditTime: 2022-08-05 09:09:17
  * @Description:
 -->
 <template>
@@ -17,16 +17,12 @@
       >
         <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()"
-            />
+            <span :class="dataForm.communicationState === 0? 'waring' : 'normal'">{{ dataForm.communicationState === 0? 'off' : 'on' }}</span>
+            <el-button type="primary" size="mini" @click="switchChange()">控制</el-button>
           </el-form-item>
-          <div v-show="communicationShow">Result ={{ communicationStatus }}</div>
+          <!-- <div v-show="communicationShow">Result ={{ communicationStatus }}</div> -->
         </el-col>
-        <el-col :span="6" :offset="1">
+        <el-col v-if="false" :span="6" :offset="1">
           <el-form-item label="eqpState" prop="eqpState">
             <el-select v-model="dataForm.eqpState" placeholder="请选择下拉选择" clearable @change="eqpStateChange">
               <el-option
@@ -36,7 +32,7 @@
                 :value="item.value"
               />
             </el-select>
-            <div v-show="eqpStatusShow">Result ={{ eqpStatus }}</div>
+            <!-- <div v-show="eqpStatusShow">Result ={{ eqpStatus }}</div> -->
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -49,12 +45,18 @@
                 :value="item.value"
               />
             </el-select>
-            <span :class="dataForm.controllerState === 1? 'waring' : 'normal'">{{ controllerInfo }}</span>
-            <div v-show="controllerStatusShow">Result ={{ controllerStatus }}</div>
+            <span :class="controllerInfo === 'offline'? 'waring' : 'normal'">{{ controllerInfo }}</span>
+            <!-- <div v-show="controllerStatusShow">Result ={{ controllerStatus }}</div> -->
           </el-form-item>
         </el-col>
       </el-form>
+      <el-col :span="3" :offset="2">
+        <el-button type="primary" @click="sendSecsGemSetting()">Setting</el-button>
+      </el-col>
       <el-col :span="3">
+        <el-button type="primary" @click="sendAlarmReport()">AlarmReport</el-button>
+      </el-col>
+      <el-col v-if="false" :span="3">
         <el-button type="primary" @click="sendReportLinkedEventAndVid()"> ReportLinkedEventAndVid </el-button>
       </el-col>
     </el-row>
@@ -68,8 +70,10 @@ import {
   getcontrollerState,
   sendEqpState,
   sendControllerState,
-  sendReportLinkedEventAndVid
-} from '@/api/00a-spc'
+  sendReportLinkedEventAndVid,
+  sendSecsGemSetting,
+  sendAlarmReport
+} from '@/api/EAP'
 /**
  * 表格表头配置项 TypeScript接口注释
  * tableConfig<ConfigItem> = []
@@ -126,8 +130,11 @@ export default {
         'label': 'offline',
         'value': 1
       }, {
-        'label': 'online',
+        'label': 'local',
         'value': 2
+      }, {
+        'label': 'remote',
+        'value': 3
       }],
       websock: '',
       url: '',
@@ -151,7 +158,8 @@ export default {
   methods: {
     switchChange() {
       this.communicationShow = false
-      DisableEnableCommunication(this.dataForm.communicationState).then(response => {
+      const cState = this.dataForm.communicationState ? 0 : 1
+      DisableEnableCommunication(cState).then(response => {
         this.$message({
           message: this.$t('module.basicData.visual.success'),
           type: 'success',
@@ -173,7 +181,7 @@ export default {
       this.controllerStatusShow = false
       sendControllerState(this.dataForm.controllerState).then(response => {
         this.$message({
-          message: this.$t('module.basicData. visual.success'),
+          message: this.$t('module.basicData.visual.success'),
           type: 'success',
           duration: 1500
         })
@@ -182,14 +190,16 @@ export default {
     getState() {
       getcontrollerState().then(res => {
         if (res.data.controllerState === 1) {
+          this.dataForm.controllerState = 1
           this.controllerInfo = 'offline'
         } else if (res.data.eqpState === 4) {
+          this.dataForm.controllerState = 2
           this.controllerInfo = 'local'
         } else if (res.data.eqpState === 5) {
+          this.dataForm.controllerState = 3
           this.controllerInfo = 'remote'
         }
         this.dataForm.eqpState = res.data.eqpState
-        this.dataForm.controllerState = res.data.controllerState
       })
     },
     sendReportLinkedEventAndVid() {
@@ -201,9 +211,27 @@ export default {
         })
       })
     },
+    sendSecsGemSetting() {
+      sendSecsGemSetting().then(response => {
+        this.$message({
+          message: this.$t('module.basicData.visual.success'),
+          type: 'success',
+          duration: 1500
+        })
+      })
+    },
+    sendAlarmReport() {
+      sendAlarmReport().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`
+      const path = `ws://${this.url}/opcua/websocket/${Math.round(Math.random() * 100)}`
       this.websock = new WebSocket(path)
       this.websock.onmessage = this.websocketonmessage
       this.websock.onopen = this.websocketonopen
@@ -211,6 +239,7 @@ export default {
       this.websock.onclose = this.websocketclose
     },
     websocketonopen() {
+      console.log('websocketonopen')
       // 连接建立之后执行send方法发送数据
       // this.websocketsend(JSON.stringify('2'))
     },
@@ -221,24 +250,27 @@ export default {
     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) {
+      console.log(this.wbData)
+      if (this.wbData.controllerState) {
         this.controllerStatus = this.wbData.vidResult
-        this.dataForm.controllerState = parseInt(this.wbData.controllerState)
         if (this.wbData.controllerState === '1') {
+          this.dataForm.controllerState = 1
           this.controllerInfo = 'offline'
         } else if (this.wbData.eqpState === '4') {
+          this.dataForm.controllerState = 2
           this.controllerInfo = 'local'
         } else if (this.wbData.eqpState === '5') {
+          this.dataForm.controllerState = 3
           this.controllerInfo = 'remote'
         }
         this.controllerStatusShow = true
+      } else if (this.wbData.eqpState) {
+        this.eqpStatus = this.wbData.eqpResult
+        this.dataForm.eqpState = parseInt(this.wbData.eqpState)
+        this.eqpStatusShow = true
       } else {
         this.communicationStatus = this.wbData.communicationResult
-        this.dataForm.communicationState = parseInt(this.wbData.communicationState)
+        this.dataForm.communicationState = parseInt(this.wbData.connectState)
         this.communicationShow = true
       }
     },
@@ -249,6 +281,7 @@ export default {
     websocketclose(e) {
       // 关闭
       console.log('断开连接', e)
+      this.initWebSocket()
     }
   }
 }

src/views/EAP/index.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 15:41:11
  * @LastEditors: zwq
- * @LastEditTime: 2022-07-21 15:07:28
+ * @LastEditTime: 2022-08-03 16:30:27
  * @Description:
 -->
 <template>
@@ -17,8 +17,8 @@
 </template>
 
 <script>
-import * as spcApi from '@/api/00a-spc'
-import spcControl from './spcControl'
+import * as spcApi from '@/api/EAP'
+import spcControl from './eapControl'
 // , handleLimit
 /**
  * 表格表头配置项 TypeScript接口注释
@@ -52,31 +52,31 @@ export default {
   data() {
     return {
       btnList: [
-        'AlarmCleared',
-        'AlarmDetected',
-        'CompleteProcessFlow',
+        'EquipmentOffline',
         'ControlStateLocal',
         'ControlStateRemote',
-        'E10StateChanged',
-        'EmptyCassettereport',
-        'EquipmentOffline',
-        'MaintenancePlan',
-        'MaintenanceRecord',
+        'AlarmDetected',
+        'AlarmCleared',
+        // 'SpoolTransmitFailure',
+        // 'SpoolingActivated',
+        // 'SpoolingDeactivated',
+        'ProcessingStarted',
+        'ProcessingCompleted',
+        'ProcessingStopped',
         'MaterialReceived',
         'MaterialRemoved',
-        'OKsubstratereport',
-        'PowerConsumption',
-        'ProcessingCompleted',
-        'ProcessingStarted',
-        'ProcessingStopped',
-        'QCPChange',
+        'E10StateChanged',
+        'CompleteProcessFlow',
+        'MaintenancePlan',
+        'MaintenanceRecord',
         'RepairRecord',
-        'Scrapsubstratereport',
-        'ShuttleMovementFinished',
         'ShuttleMovementStart',
-        'SpoolTransmitFailure',
-        'SpoolingActivated',
-        'SpoolingDeactivated'
+        'ShuttleMovementFinished',
+        'QCPChange',
+        'PowerConsumption',
+        'OKsubstratereport',
+        'Scrapsubstratereport',
+        'EmptyCassettereport'
       ]
     }
   },