feat: 新增锌线生产监控模块及相关API和组件

refactor(auth): 增加锌线系统token管理功能
feat(api): 添加锌线停机记录、生产报表和设备快照API
feat(views): 实现锌线实时监控、生产统计和停机统计页面
feat(components): 开发锌线生产报表、停机统计和班组绩效组件
feat(utils): 新增锌线专用请求工具zinc1Request
chore(vue.config): 配置锌线API代理

klp-ui/src/utils/auth.js

@@ -1,7 +1,9 @@
 import Cookies from 'js-cookie'
 
 const TokenKey = 'Admin-Token'
+const ZincTokenKey = 'Zinc-Token'
 
+// L3 Token管理
 export function getToken() {
   return Cookies.get(TokenKey)
 }
@@ -13,3 +15,16 @@ export function setToken(token) {
 export function removeToken() {
   return Cookies.remove(TokenKey)
 }
+
+// Zinc Token管理
+export function getZincToken() {
+  return Cookies.get(ZincTokenKey)
+}
+
+export function setZincToken(token) {
+  return Cookies.set(ZincTokenKey, token)
+}
+
+export function removeZincToken() {
+  return Cookies.remove(ZincTokenKey)
+}

klp-ui/src/utils/zinc1Request.js

@@ -0,0 +1,142 @@
+import axios from 'axios'
+import { Notification, MessageBox, Message } from 'element-ui'
+import store from '@/store'
+import { getZincToken } from '@/utils/auth'
+import errorCode from '@/utils/errorCode'
+import { tansParams } from "@/utils/klp";
+import cache from '@/plugins/cache'
+// 是否显示重新登录
+export let isRelogin = { show: false };
+
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+// 对应国际化资源文件后缀
+axios.defaults.headers['Content-Language'] = 'zh_CN'
+// 创建axios实例
+const service = axios.create({
+  // axios中请求配置有baseURL选项，表示请求URL公共部分
+  baseURL: '/zinc-api',
+  // 超时
+  timeout: 10000
+})
+
+// request拦截器
+service.interceptors.request.use(config => {
+  // 是否需要设置 token
+  const isToken = (config.headers || {}).isToken === false
+  // 是否需要防止数据重复提交
+  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
+  if (getZincToken() && !isToken) {
+    config.headers['Authorization'] = 'Bearer ' + getZincToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+  }
+  // get请求映射params参数
+  if (config.method === 'get' && config.params) {
+    let url = config.url + '?' + tansParams(config.params);
+    url = url.slice(0, -1);
+    config.params = {};
+    config.url = url;
+  }
+  if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
+    // 对于盖章请求，添加特殊处理确保 0 值不被过滤
+    if (config.url && config.url.includes('/stamp/java')) {
+      console.log('Stamp request - original data:', JSON.stringify(config.data, null, 2))
+      if (config.data && typeof config.data === 'object') {
+        // 确保 yPx 和 xPx 即使是 0 也被正确包含
+        // 创建一个新对象，确保所有值都被正确设置
+        const cleanData = {
+          targetFileUrl: String(config.data.targetFileUrl || ''),
+          stampImageUrl: String(config.data.stampImageUrl || ''),
+          pageNo: Number(config.data.pageNo) || 1,
+          xPx: Number(config.data.xPx) || 0,
+          yPx: Number(config.data.yPx) || 0
+        }
+        if (config.data.widthPx !== undefined && config.data.widthPx !== null) {
+          cleanData.widthPx = Number(config.data.widthPx)
+        }
+        if (config.data.heightPx !== undefined && config.data.heightPx !== null) {
+          cleanData.heightPx = Number(config.data.heightPx)
+        }
+        console.log('Stamp request - cleaned data:', JSON.stringify(cleanData, null, 2))
+        console.log('yPx in cleaned data:', cleanData.yPx, typeof cleanData.yPx)
+        config.data = cleanData
+      }
+    }
+    const requestObj = {
+      url: config.url,
+      data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
+      time: new Date().getTime()
+    }
+    const sessionObj = cache.session.getJSON('sessionObj')
+    if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
+      cache.session.setJSON('sessionObj', requestObj)
+    } else {
+      const s_url = sessionObj.url;                  // 请求地址
+      const s_data = sessionObj.data;                // 请求数据
+      const s_time = sessionObj.time;                // 请求时间
+      const interval = 1000;                         // 间隔时间(ms)，小于此时间视为重复提交
+      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
+        const message = '数据正在处理，请勿重复提交';
+        console.warn(`[${s_url}]: ` + message)
+        return Promise.reject(new Error(message))
+      } else {
+        cache.session.setJSON('sessionObj', requestObj)
+      }
+    }
+  }
+  return config
+}, error => {
+    console.log(error)
+    Promise.reject(error)
+})
+
+// 响应拦截器
+service.interceptors.response.use(res => {
+    // 未设置状态码则默认成功状态
+    const code = res.data.code || 200;
+    // 获取错误信息
+    const msg = errorCode[code] || res.data.msg || errorCode['default']
+    // 二进制数据则直接返回
+    if (res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer') {
+      return res.data
+    }
+    if (code === 401) {
+      if (!isRelogin.show) {
+        isRelogin.show = true;
+        MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
+          isRelogin.show = false;
+          store.dispatch('LogOut').then(() => {
+            location.href = process.env.VUE_APP_CONTEXT_PATH + "index";
+          })
+      }).catch(() => {
+        isRelogin.show = false;
+      });
+    }
+      return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
+    } else if (code === 500) {
+      Message({ message: msg, type: 'error' })
+      return Promise.reject(new Error(msg))
+    } else if (code === 601) {
+      Message({ message: msg, type: 'warning' })
+      return Promise.reject('error')
+    } else if (code !== 200) {
+      Notification.error({ title: msg })
+      return Promise.reject('error')
+    } else {
+      return res.data
+    }
+  },
+  error => {
+    console.log('err' + error)
+    let { message } = error;
+    if (message == "Network Error") {
+      message = "后端接口连接异常";
+    } else if (message.includes("timeout")) {
+      message = "系统接口请求超时";
+    } else if (message.includes("Request failed with status code")) {
+      message = "系统接口" + message.substr(message.length - 3) + "异常";
+    }
+    Message({ message: message, type: 'error', duration: 5 * 1000 })
+    return Promise.reject(error)
+  }
+)
+
+export default service