<add>[important]添加堆垛机故障显示

src/axios/base/base.axios.js

@@ -3,11 +3,11 @@ import axios from "axios";
 if(process.env.NODE_ENV === 'development') {
     axios.defaults.baseURL = 'http://localhost:18990';
 }else {
-    axios.defaults.baseURL = 'http://192.168.103.200:18990';
+    axios.defaults.baseURL = 'http://10.90.36.70:443/wcsServe';
 }
 //axios.defaults.headers.post['Content-Type'] = 'application/json';
 //axios.defaults.responseType = 'application/json'
-axios.defaults.timeout = 5000
+axios.defaults.timeout = 10000
 
 axios.interceptors.request.use(function (config) {
     // 在发送请求之前做些什么

src/axios/stacker.js

@@ -13,4 +13,8 @@ export default {
     editStackerData(stackerDataItem) {
         return axios.post('/api/wcs/stacker/editStacker', stackerDataItem)
     },
+    // 查询报警代码
+    queryStackerErr(query) {
+        return axios.post('/api/wcs/stacker/queryErrInfo', query)
+    }
 }

src/view/component/stackerStatus/ShowStackerErr.vue

@@ -0,0 +1,127 @@
+<!--  -->
+<template>
+  <div>
+    <el-dialog
+        :model-value="modelValue"
+        title="报警详情"
+        @close="() => {$emit('update:modelValue', false)}"
+    >
+      <el-form label-position="left" label-width="120px">
+        <el-form-item label="所属区域：">
+          <el-input class="showInput" v-model="errInfo.area"/>
+        </el-form-item>
+        <el-form-item label="报警编号：">
+          <el-input class="showInput" v-model="errInfo.errNo"/>
+        </el-form-item>
+        <el-form-item label="报警类型：">
+          <el-input class="showInput" v-model="errInfo.errType"/>
+        </el-form-item>
+        <el-form-item label="报警信息：">
+          <el-input class="showInput" v-model="errInfo.errMsg"
+                    :autosize="{ minRows: 3, maxRows: 20 }"
+                    type="textarea"/>
+        </el-form-item>
+        <el-form-item label="建议：">
+          <el-input class="showInput" v-model="errInfo.suggest"
+                    :autosize="{ minRows: 3, maxRows: 20 }"
+                    type="textarea"/>
+        </el-form-item>
+        <el-form-item label="备注信息：">
+          <el-input class="showInput" v-model="errInfo.remark"
+                    :autosize="{ minRows: 3, maxRows: 20 }"
+                    type="textarea"/>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="danger" @click="$emit('update:modelValue', false)">关闭窗口</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+// import  《组件名称》  from '《组件路径》 ';
+
+
+import stacker from "@/axios/stacker";
+import {ElMessage} from "element-plus";
+
+export default {
+  // import 引入的组件需要注入到对象中才能使用
+  components: {},
+  props: ['modelValue'],
+  emits: ['update:modelValue'],
+  data() {
+    // 这里存放数据
+    return {
+      errInfo: {}
+
+    }
+  },
+  // 计算属性 类似于 data 概念
+  computed: {},
+  // 监控 data 中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+    query(area, errNo) {
+      this.errInfo = {}
+      stacker.queryStackerErr({area: area, errNo: errNo }).then(res=>{
+        const responseData = res.data
+        if(responseData.code === 0){
+          ElMessage({
+            message: '查询成功',
+            type: 'success',
+          })
+          this.errInfo = Object.freeze(responseData["returnData"])
+        }else{
+          ElMessage({
+            message: '服务器返回失败：' + responseData.msg,
+            type: 'warning',
+          })
+        }
+      }).catch(ex=>{
+        ElMessage({
+          message: '请求服务器失败：' + ex,
+          type: 'error',
+        })
+      })
+    }
+
+  },
+  // 组合式 API
+  setup() {
+  },
+  // 创建之前
+  beforeCreate() {
+  },
+  // 创建完成(可以访问 this 实例)
+  created() {
+  },
+  // 生命周期 - 挂载之前
+  beforeMount() {
+  },
+  // 生命周期 - 挂载完成（可以访问 DOM 元素）
+  mounted() {
+  },
+  // 更新之前
+  beforeUpdate() {
+  },
+  // 更新之后
+  updated() {
+  },
+  // 销毁之前
+  beforeUnmount() {
+  },
+  // 销毁完成
+  unmounted() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+
+</style>

src/view/layout/MainPage.vue

@@ -1,4 +1,4 @@
-主要框架
+<!--主要框架-->
 <template>
   <div>
     <MainHeader style="width: 100%; height: 50px"/>

src/view/tab/systemStatus/StackerStatus.vue

@@ -41,19 +41,9 @@
             </el-button>
           </template>
         </el-table-column>
-<!--        <el-table-column fixed="right" label="操作" align="center" width="80">-->
-<!--          <template #default="scope">-->
-<!--            <el-button-group class="ml-4">-->
-<!--              <el-tooltip content="查询" placement="top" effect="light">-->
-<!--                <el-button type="primary" size="small"  @click="search(scope.row)">-->
-<!--                  <el-icon><Search/></el-icon>-->
-<!--                </el-button>-->
-<!--              </el-tooltip>-->
-<!--            </el-button-group>-->
-<!--          </template>-->
-<!--        </el-table-column>-->
       </el-table>
     </el-row>
+    <ShowStackerErr v-model="showErrDia" ref="showStackerErr"></ShowStackerErr>
   </div>
 </template>
 
@@ -64,16 +54,19 @@ import {ElLoading, ElMessage} from "element-plus";
 import {formatterOnOrOffEnum} from "@/enum/base/on.off.enum";
 import {formatterStackerControlModel} from "@/enum/stacker/stackerControlModelEnum";
 import {formatterStackerStatus} from "@/enum/stacker/stackerStatusEnum";
+import ShowStackerErr from "@/view/component/stackerStatus/ShowStackerErr.vue";
 
 export default {
   // import 引入的组件需要注入到对象中才能使用
-  components: {},
+  components: {ShowStackerErr},
   props: [],
   emits: [],
   data() {
     // 这里存放数据
     return {
-      stackerInfo:[]
+      stackerInfo:[],
+      // 展示报警弹窗
+      showErrDia: false,
     }
   },
   // 计算属性 类似于 data 概念
@@ -118,7 +111,15 @@ export default {
     },
     // 显示故障
     showErr(row) {
-
+      if(row.errCode === 0) {
+        ElMessage({
+          message: '当前没有报警，或者可以查询刷新后再试',
+          type: 'success',
+        })
+        return
+      }
+      this.showErrDia = true;
+      this.$refs.showStackerErr.query('S', row.errCode);
     }
   },
   // 组合式 API

vue.config.js

@@ -1,5 +1,6 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
+  publicPath: '/wcs',
   transpileDependencies: true,
   chainWebpack: (config) => {
     config.plugin('define').tap((defineConfig) => {