leadal-auth 0.0.1

package/src/styles/index.scss

@@ -0,0 +1,38 @@
+@import url("./common.scss");
+
+body {
+  margin: 0;
+}
+
+span {
+  font-size: 14px;
+}
+
+.f_center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.f_around {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.f_between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.f_end {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+/* 确保 el-message 的 z-index 高于 el-drawer */
+.el-message {
+  z-index: 9999 !important;
+}

package/src/utils/dict.js

@@ -0,0 +1,47 @@
+export const GENDER = {
+    0: '男',
+    1: '女',
+    2: '保密'
+}
+
+export const USER_TYPE = {
+    0: '系统用户',
+    1: '临时用户',
+    2: '职员',
+    4: '会员'
+}
+
+export const SECRET_LEVEL_LIST = [
+    { label: "公开", value: 1 },
+    { label: "内部", value: 2 },
+    { label: "秘密", value: 4 },
+    { label: "机密", value: 8 },
+    { label: "绝密", value: 16 },
+    { label: "核心机密", value: 32 },
+  ]
+
+export const SECRET_LEVEL = {
+    1: '公开',
+    2: '内部',
+    4: '秘密',
+    8: '机密',
+    16: '绝密',
+    32: '核心机密'
+}
+
+export const AUTH_TYPE = {
+    'face': '人脸采集',
+    'finger': '指纹采集',
+    'idCard': '身份卡绑定',
+}
+
+export const dictToArray = (obj, isNum = true) => {
+    const dictArr = []
+    for(const i in obj) {
+        dictArr.push({
+            label: obj[i],
+            value: isNum ? parseInt(i) : i
+        })
+    }
+    return dictArr
+}

package/src/utils/event-bus.js

@@ -0,0 +1,6 @@
+// eventBus
+import Vue from "vue";
+
+const eventBus = new Vue();
+
+export default eventBus;

package/src/utils/request-auth.js

@@ -0,0 +1,64 @@
+import axios from "axios";
+import { Message } from "element-ui";
+import store from "../store";
+
+// create an axios instance
+const service = axios.create({
+  timeout: 50000, // request timeout
+});
+
+// request interceptor
+service.interceptors.request.use(
+  (config) => {
+    if (process.env.NODE_ENV === "development") {
+      config.baseURL = "/plugin"; // 开发环境使用代理，baseURL留空
+    } else {
+      config.baseURL = store.state.authUrl + "/plugin";
+    }
+    return config;
+  },
+  (error) => {
+    // do something with request error
+    console.log(error); // for debug
+    return Promise.reject(error);
+  }
+);
+
+// response interceptor
+service.interceptors.response.use(
+  /**
+   * If you want to get http information such as headers or status
+   * Please return  response => response
+   */
+
+  /**
+   * Determine the request status by custom code
+   * Here is just an example
+   * You can also judge the status by HTTP Status Code
+   */
+  (response) => {
+    const res = response.data;
+    // if the custom code is not 20000, it is judged as an error.
+    if (res.code && res.code !== 0 && res.code !== 200) {
+      Message({
+        message: res.message || "请求失败,请稍后再试",
+        type: "error",
+        duration: 5 * 1000,
+      });
+      return Promise.reject(new Error(res.message || "Error"));
+    } else {
+      return res;
+    }
+  },
+  (error) => {
+    console.log("err" + error); // for debug
+    Message({
+      message: error.message,
+      type: "error",
+      duration: 5 * 1000,
+    });
+    return Promise.reject(error);
+  }
+);
+
+export default service;

package/src/utils/request.js

@@ -0,0 +1,64 @@
+import axios from "axios";
+import { Message } from "element-ui";
+import store from "../store";
+
+// create an axios instance
+const service = axios.create({
+  timeout: 50000, // request timeout
+});
+
+// request interceptor
+service.interceptors.request.use(
+  (config) => {
+    if (process.env.NODE_ENV === "development") {
+      config.baseURL = "/auth-component"; // 开发环境使用代理，baseURL留空
+    } else {
+      config.baseURL = store.state.baseUrl + "/auth-component";
+    }
+    return config;
+  },
+  (error) => {
+    // do something with request error
+    console.log(error); // for debug
+    return Promise.reject(error);
+  }
+);
+
+// response interceptor
+service.interceptors.response.use(
+  /**
+   * If you want to get http information such as headers or status
+   * Please return  response => response
+   */
+
+  /**
+   * Determine the request status by custom code
+   * Here is just an example
+   * You can also judge the status by HTTP Status Code
+   */
+  (response) => {
+    const res = response.data;
+    // if the custom code is not 20000, it is judged as an error.
+    if (res.code && res.code !== 0 && res.code !== 200) {
+      Message({
+        message: res.message || "请求失败,请稍后再试",
+        type: "error",
+        duration: 5 * 1000,
+      });
+      return Promise.reject(new Error(res.message || "Error"));
+    } else {
+      return res;
+    }
+  },
+  (error) => {
+    console.log("err" + error); // for debug
+    Message({
+      message: error.message,
+      type: "error",
+      duration: 5 * 1000,
+    });
+    return Promise.reject(error);
+  }
+);
+
+export default service;

package/src/utils/websocket.js

@@ -0,0 +1,282 @@
+/**
+ * WebSocket工具类
+ * 提供WebSocket连接、发送、接收、重连等功能
+ */
+class WebSocketClient {
+  constructor(url, options = {}) {
+    this.url = url
+    this.options = {
+      reconnectInterval: 5000, // 重连间隔时间
+      maxReconnectAttempts: 10, // 最大重连次数
+      heartbeatInterval: 120000, // 心跳间隔
+      ...options
+    }
+    
+    this.ws = null
+    this.reconnectAttempts = 0
+    this.isConnected = false
+    this.heartbeatTimer = null
+    this.eventListeners = new Map()
+    
+    // 绑定方法的this
+    this.onOpen = this.onOpen.bind(this)
+    this.onMessage = this.onMessage.bind(this)
+    this.onError = this.onError.bind(this)
+    this.onClose = this.onClose.bind(this)
+  }
+
+  /**
+   * 连接WebSocket
+   */
+  connect() {
+    try {
+      this.ws = new WebSocket(this.url)
+      this.ws.onopen = this.onOpen
+      this.ws.onmessage = this.onMessage
+      this.ws.onerror = this.onError
+      this.ws.onclose = this.onClose
+    } catch (error) {
+      console.error('WebSocket连接失败:', error)
+      this.handleReconnect()
+    }
+  }
+
+  /**
+   * 连接成功处理
+   */
+  onOpen(event) {
+    console.log('WebSocket连接成功')
+    this.isConnected = true
+    this.reconnectAttempts = 0
+    this.startHeartbeat()
+    this.emit('open', event)
+  }
+
+  /**
+   * 接收消息处理
+   */
+  onMessage(event) {
+    try {
+      const data = JSON.parse(event.data)
+      console.log('收到WebSocket消息:', data)
+      
+      // 处理心跳响应
+      if (data.type === 'pong') {
+        return
+      }
+      
+      this.emit('message', data)
+    } catch (error) {
+      console.error('解析WebSocket消息失败:', error)
+      this.emit('message', event.data)
+    }
+  }
+
+  /**
+   * 错误处理
+   */
+  onError(error) {
+    console.error('WebSocket错误:', error)
+    this.emit('error', error)
+  }
+
+  /**
+   * 连接关闭处理
+   */
+  onClose(event) {
+    console.log('WebSocket连接关闭:', event.code, event.reason)
+    this.isConnected = false
+    this.stopHeartbeat()
+    this.emit('close', event)
+    
+    // 如果不是主动关闭，尝试重连
+    if (event.code !== 1000) {
+      this.handleReconnect()
+    }
+  }
+
+  /**
+   * 发送消息
+   * @param {Object|String} data 要发送的数据
+   */
+  send(data) {
+    if (!this.isConnected || this.ws.readyState !== WebSocket.OPEN) {
+      console.warn('WebSocket未连接，无法发送消息')
+      return false
+    }
+
+    try {
+      const message = typeof data === 'string' ? data : JSON.stringify(data)
+      this.ws.send(message)
+      console.log('发送WebSocket消息:', data)
+      return true
+    } catch (error) {
+      console.error('发送WebSocket消息失败:', error)
+      return false
+    }
+  }
+
+  /**
+   * 添加事件监听器
+   * @param {String} event 事件名称 (open, message, error, close)
+   * @param {Function} callback 回调函数
+   */
+  on(event, callback) {
+    if (!this.eventListeners.has(event)) {
+      this.eventListeners.set(event, [])
+    }
+    this.eventListeners.get(event).push(callback)
+  }
+
+  /**
+   * 移除事件监听器
+   * @param {String} event 事件名称
+   * @param {Function} callback 回调函数
+   */
+  off(event, callback) {
+    const listeners = this.eventListeners.get(event)
+    if (listeners) {
+      const index = listeners.indexOf(callback)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }
+
+  /**
+   * 触发事件
+   * @param {String} event 事件名称
+   * @param {*} data 数据
+   */
+  emit(event, data) {
+    const listeners = this.eventListeners.get(event)
+    if (listeners) {
+      listeners.forEach(callback => {
+        try {
+          callback(data)
+        } catch (error) {
+          console.error(`事件监听器执行失败 [${event}]:`, error)
+        }
+      })
+    }
+  }
+
+  /**
+   * 处理重连
+   */
+  handleReconnect() {
+    if (this.reconnectAttempts < this.options.maxReconnectAttempts) {
+      this.reconnectAttempts++
+      console.log(`尝试重连WebSocket (${this.reconnectAttempts}/${this.options.maxReconnectAttempts})`)
+      
+      setTimeout(() => {
+        this.connect()
+      }, this.options.reconnectInterval)
+    } else {
+      console.error('WebSocket重连次数已达上限')
+      this.emit('reconnectFailed')
+    }
+  }
+
+  /**
+   * 开始心跳检测
+   */
+  startHeartbeat() {
+    this.stopHeartbeat()
+    this.heartbeatTimer = setInterval(() => {
+      if (this.isConnected) {
+        this.send({ type: 'ping', timestamp: Date.now() })
+      }
+    }, this.options.heartbeatInterval)
+  }
+
+  /**
+   * 停止心跳检测
+   */
+  stopHeartbeat() {
+    if (this.heartbeatTimer) {
+      clearInterval(this.heartbeatTimer)
+      this.heartbeatTimer = null
+    }
+  }
+
+  /**
+   * 主动关闭连接
+   */
+  close() {
+    this.stopHeartbeat()
+    if (this.ws) {
+      this.ws.close(1000, '主动关闭')
+    }
+    this.isConnected = false
+  }
+
+  /**
+   * 获取连接状态
+   */
+  getReadyState() {
+    return this.ws ? this.ws.readyState : WebSocket.CLOSED
+  }
+
+  /**
+   * 是否已连接
+   */
+  isOpen() {
+    return this.isConnected && this.ws && this.ws.readyState === WebSocket.OPEN
+  }
+}
+
+/**
+ * 创建WebSocket实例的工厂函数
+ * @param {String} url WebSocket服务器地址
+ * @param {Object} options 配置选项
+ * @returns {WebSocketClient} WebSocket客户端实例
+ */
+export function createWebSocket(url, options = {}) {
+  return new WebSocketClient(url, options)
+}
+
+// 导出类
+export default WebSocketClient
+
+/**
+ * 使用示例:
+ * 
+ * import WebSocketClient, { createWebSocket } from '@/utils/websocket'
+ * 
+ * // 方式1: 直接使用类
+ * const ws = new WebSocketClient('ws://localhost:8080/ws')
+ * 
+ * // 方式2: 使用工厂函数
+ * const ws = createWebSocket('ws://localhost:8080/ws', {
+ *   reconnectInterval: 5000,
+ *   maxReconnectAttempts: 10
+ * })
+ * 
+ * // 添加事件监听
+ * ws.on('open', () => {
+ *   console.log('连接已建立')
+ * })
+ * 
+ * ws.on('message', (data) => {
+ *   console.log('收到消息:', data)
+ * })
+ * 
+ * ws.on('error', (error) => {
+ *   console.error('连接错误:', error)
+ * })
+ * 
+ * ws.on('close', (event) => {
+ *   console.log('连接已关闭')
+ * })
+ * 
+ * // 连接
+ * ws.connect()
+ * 
+ * // 发送消息
+ * ws.send({ type: 'chat', message: 'Hello World' })
+ * ws.send('Hello World')
+ * 
+ * // 关闭连接
+ * ws.close()
+ */

package/vue.config.js

@@ -0,0 +1,43 @@
+const { defineConfig } = require('@vue/cli-service')
+const version = new Date().getTime();
+module.exports = defineConfig({
+  transpileDependencies: true,
+  lintOnSave: false,
+  productionSourceMap: false,
+  // 开发服务器配置
+  devServer: {
+    client: {
+      overlay: false // 关闭错误遮罩层
+    },
+    port: 8080,
+    proxy: {
+      // 代理auth相关API
+      '/auth-component': {
+        target: 'http://dftdm.netiler.com',
+        changeOrigin: true,
+        secure: false,
+        logLevel: 'debug'
+      },
+      // 代理plugin相关API
+      '/plugin': {
+        target: 'http://10.1.24.63:8080',
+        changeOrigin: true,
+        secure: false,
+        logLevel: 'debug'
+      }
+    },
+  },
+  configureWebpack: {
+    output: {
+      filename: '[name]/index.js',
+      libraryTarget: 'umd',
+      libraryExport: 'default',
+      library: 'ld-auth'
+    },
+    plugins: [
+      new (require('webpack')).DefinePlugin({
+        'process.env.VERSION': JSON.stringify(version)
+      })
+    ]
+  }
+})