vue2-client 1.17.38 → 1.17.39

package/src/services/api/restTools.js

@@ -1,215 +1,215 @@
-import { getSystemVersion, METHOD, request } from '@vue2-client/utils/request'
-import { ACCESS_TOKEN, V4_ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
-
-/**
- * GET请求
- * @param url 请求地址
- * @param parameter 路径参数
- * @returns {Promise<AxiosResponse<T>>}
- */
-function get (url, parameter) {
-  return request(url, METHOD.GET, parameter)
-}
-
-/**
- * POST请求
- * @param url 请求地址
- * @param parameter 请求参数
- * @param config
- * @returns {Promise<AxiosResponse<T>>}
- */
-function post (url, parameter, config = {}) {
-  return request(url, METHOD.POST, parameter, config)
-}
-
-/**
- * POST请求
- * @param url 请求地址
- * @param parameter 请求参数
- * @param serviceName
- * @param isDev
- * @param config
- * @returns {Promise<AxiosResponse<T>>}
- */
-function postByServiceName (url, parameter, serviceName = process.env.VUE_APP_SYSTEM_NAME, isDev, config = {}) {
-  if (url.startsWith('api/') || url.startsWith('/api/')) {
-    return request(url, METHOD.POST, parameter, config)
-  }
-  let apiPre = '/api/'
-  if (isDev) {
-    apiPre = '/devApi/'
-  }
-  if (!url.startsWith('/')) {
-    url = '/' + url
-  }
-  url = apiPre + serviceName + url
-  return request(url, METHOD.POST, parameter, config)
-}
-
-/**
- * DELETE请求
- * @param url 请求地址
- * @param parameter 请求参数
- * @param config
- * @returns {Promise<AxiosResponse<T>>}
- */
-function del (url, parameter, config = {}) {
-  return request(url, METHOD.DELETE, parameter, config)
-}
-
-/**
- * PUT请求
- * @param url 请求地址
- * @param parameter 请求参数
- * @param config
- * @returns {Promise<AxiosResponse<T>>}
- */
-function put (url, parameter, config = {}) {
-  return request(url, METHOD.PUT, parameter, config)
-}
-
-/**
- * 封装 EventSource 请求函数
- * @param {string} url - 请求地址
- * @param {Object} options - 请求选项（包括 method, headers, body 等）
- * @param {Function} onDataUpdate - 数据更新回调，每次接收到新的数据都会调用
- * @param {Function} onError - 错误处理回调
- * @returns {Function} - 用于取消请求的函数
- */
-function startEventStreamPOST (url, params, headers = {}, onDataUpdate, onError, serviceName = process.env.VUE_APP_SYSTEM_NAME, method = 'GET') {
-  return startEventStream(url, params, headers, onDataUpdate, onError, serviceName, 'POST')
-}
-function startEventStream (url, params, headers = {}, onDataUpdate, onError, serviceName = process.env.VUE_APP_SYSTEM_NAME, method = 'GET') {
-  // let isStopped = false
-  let isStopped = false
-  let requestCount = 0
-
-  if (!(url.startsWith('api/') || url.startsWith('/api/') || url.startsWith('http'))) {
-    if (!url.startsWith('/')) {
-      url = '/' + url
-    }
-    url = '/api/' + serviceName + url
-  }
-
-  console.log(`[EventStream] 开始新的请求: ${url}`, {
-    params,
-    headers,
-    method
-  })
-
-  const controller = new AbortController()
-  const { signal } = controller
-  const token = localStorage.getItem(ACCESS_TOKEN)
-  // 增加 V4 登录请求头
-  if (token) {
-    const compatible = getSystemVersion()
-    if (compatible === 'V4') {
-      // V4 环境则添加 V4请求头
-      headers[V4_ACCESS_TOKEN] = token
-    } else {
-      headers[ACCESS_TOKEN] = token
-    }
-  }
-  fetch(url, {
-    method: method,
-    headers: {
-      ...headers,
-      Accept: 'text/event-stream',
-      'Cache-Control': 'no-cache',
-      Connection: 'keep-alive'
-    },
-    body: JSON.stringify(params),
-    signal
-  }).then(response => {
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`)
-    }
-
-    requestCount++
-    console.log(`[EventStream] 请求已打开 (第${requestCount}次): ${url}`, {
-      status: response.status,
-      statusText: response.statusText
-    })
-
-    const reader = response.body.getReader()
-    const decoder = new TextDecoder()
-    let buffer = ''
-
-    function processStream () {
-      if (isStopped) {
-        console.log(`[EventStream] 请求已停止，停止读取流: ${url}`)
-        return
-      }
-
-      reader.read().then(({ done, value }) => {
-        if (done) {
-          console.log(`[EventStream] 流读取完成: ${url}`)
-          return
-        }
-
-        const chunk = decoder.decode(value, { stream: true })
-        buffer += chunk
-
-        // 处理接收到的数据
-        const lines = buffer.split('\n')
-        buffer = lines.pop() // 保留最后一个不完整的行
-
-        let currentEvent = null
-        let currentData = null
-
-        for (const line of lines) {
-          if (line.startsWith('event: ')) {
-            currentEvent = line.slice(7)
-          } else if (line.startsWith('data: ')) {
-            currentData = line.slice(6)
-            try {
-              const parsedData = JSON.parse(currentData)
-              if (currentEvent === 'additionalInfo') {
-                // 触发 additionalInfo 回调
-                onDataUpdate?.(parsedData, 'additionalInfo')
-              } else {
-                // 普通消息数据
-                onDataUpdate?.(parsedData, 'sourceInfo')
-              }
-            } catch (e) {
-              if (currentEvent === 'sourceInfo') {
-                // 触发 sourceInfo 回调
-                onDataUpdate?.(currentData, 'sourceInfo')
-              } else {
-                onDataUpdate?.(currentData, 'data')
-              }
-            }
-            // 重置当前事件和数据
-            currentEvent = null
-            currentData = null
-          }
-        }
-
-        processStream()
-      }).catch(error => {
-        console.error(`[EventStream] 流读取错误: ${url}`, error)
-        if (!isStopped) {
-          isStopped = true
-          onError?.(error)
-        }
-      })
-    }
-
-    processStream()
-  }).catch(error => {
-    console.error(`[EventStream] 请求错误: ${url}`, error)
-    if (!isStopped) {
-      isStopped = true
-      onError?.(error)
-    }
-  })
-
-  // 返回停止函数
-  return () => {
-    isStopped = true
-    controller.abort()
-    console.log('连接已关闭')
-  }
-}
-
-export { get, post, del, put, postByServiceName, startEventStream, startEventStreamPOST }
+import { getSystemVersion, METHOD, request } from '@vue2-client/utils/request'
+import { ACCESS_TOKEN, V4_ACCESS_TOKEN } from '@vue2-client/store/mutation-types'
+
+/**
+ * GET请求
+ * @param url 请求地址
+ * @param parameter 路径参数
+ * @returns {Promise<AxiosResponse<T>>}
+ */
+function get (url, parameter) {
+  return request(url, METHOD.GET, parameter)
+}
+
+/**
+ * POST请求
+ * @param url 请求地址
+ * @param parameter 请求参数
+ * @param config
+ * @returns {Promise<AxiosResponse<T>>}
+ */
+function post (url, parameter, config = {}) {
+  return request(url, METHOD.POST, parameter, config)
+}
+
+/**
+ * POST请求
+ * @param url 请求地址
+ * @param parameter 请求参数
+ * @param serviceName
+ * @param isDev
+ * @param config
+ * @returns {Promise<AxiosResponse<T>>}
+ */
+function postByServiceName (url, parameter, serviceName = process.env.VUE_APP_SYSTEM_NAME, isDev, config = {}) {
+  if (url.startsWith('api/') || url.startsWith('/api/')) {
+    return request(url, METHOD.POST, parameter, config)
+  }
+  let apiPre = '/api/'
+  if (isDev) {
+    apiPre = '/devApi/'
+  }
+  if (!url.startsWith('/')) {
+    url = '/' + url
+  }
+  url = apiPre + serviceName + url
+  return request(url, METHOD.POST, parameter, config)
+}
+
+/**
+ * DELETE请求
+ * @param url 请求地址
+ * @param parameter 请求参数
+ * @param config
+ * @returns {Promise<AxiosResponse<T>>}
+ */
+function del (url, parameter, config = {}) {
+  return request(url, METHOD.DELETE, parameter, config)
+}
+
+/**
+ * PUT请求
+ * @param url 请求地址
+ * @param parameter 请求参数
+ * @param config
+ * @returns {Promise<AxiosResponse<T>>}
+ */
+function put (url, parameter, config = {}) {
+  return request(url, METHOD.PUT, parameter, config)
+}
+
+/**
+ * 封装 EventSource 请求函数
+ * @param {string} url - 请求地址
+ * @param {Object} options - 请求选项（包括 method, headers, body 等）
+ * @param {Function} onDataUpdate - 数据更新回调，每次接收到新的数据都会调用
+ * @param {Function} onError - 错误处理回调
+ * @returns {Function} - 用于取消请求的函数
+ */
+function startEventStreamPOST (url, params, headers = {}, onDataUpdate, onError, serviceName = process.env.VUE_APP_SYSTEM_NAME, method = 'GET') {
+  return startEventStream(url, params, headers, onDataUpdate, onError, serviceName, 'POST')
+}
+function startEventStream (url, params, headers = {}, onDataUpdate, onError, serviceName = process.env.VUE_APP_SYSTEM_NAME, method = 'GET') {
+  // let isStopped = false
+  let isStopped = false
+  let requestCount = 0
+
+  if (!(url.startsWith('api/') || url.startsWith('/api/') || url.startsWith('http'))) {
+    if (!url.startsWith('/')) {
+      url = '/' + url
+    }
+    url = '/api/' + serviceName + url
+  }
+
+  console.log(`[EventStream] 开始新的请求: ${url}`, {
+    params,
+    headers,
+    method
+  })
+
+  const controller = new AbortController()
+  const { signal } = controller
+  const token = localStorage.getItem(ACCESS_TOKEN)
+  // 增加 V4 登录请求头
+  if (token) {
+    const compatible = getSystemVersion()
+    if (compatible === 'V4') {
+      // V4 环境则添加 V4请求头
+      headers[V4_ACCESS_TOKEN] = token
+    } else {
+      headers[ACCESS_TOKEN] = token
+    }
+  }
+  fetch(url, {
+    method: method,
+    headers: {
+      ...headers,
+      Accept: 'text/event-stream',
+      'Cache-Control': 'no-cache',
+      Connection: 'keep-alive'
+    },
+    body: JSON.stringify(params),
+    signal
+  }).then(response => {
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    requestCount++
+    console.log(`[EventStream] 请求已打开 (第${requestCount}次): ${url}`, {
+      status: response.status,
+      statusText: response.statusText
+    })
+
+    const reader = response.body.getReader()
+    const decoder = new TextDecoder()
+    let buffer = ''
+
+    function processStream () {
+      if (isStopped) {
+        console.log(`[EventStream] 请求已停止，停止读取流: ${url}`)
+        return
+      }
+
+      reader.read().then(({ done, value }) => {
+        if (done) {
+          console.log(`[EventStream] 流读取完成: ${url}`)
+          return
+        }
+
+        const chunk = decoder.decode(value, { stream: true })
+        buffer += chunk
+
+        // 处理接收到的数据
+        const lines = buffer.split('\n')
+        buffer = lines.pop() // 保留最后一个不完整的行
+
+        let currentEvent = null
+        let currentData = null
+
+        for (const line of lines) {
+          if (line.startsWith('event: ')) {
+            currentEvent = line.slice(7)
+          } else if (line.startsWith('data: ')) {
+            currentData = line.slice(6)
+            try {
+              const parsedData = JSON.parse(currentData)
+              if (currentEvent === 'additionalInfo') {
+                // 触发 additionalInfo 回调
+                onDataUpdate?.(parsedData, 'additionalInfo')
+              } else {
+                // 普通消息数据
+                onDataUpdate?.(parsedData, 'sourceInfo')
+              }
+            } catch (e) {
+              if (currentEvent === 'sourceInfo') {
+                // 触发 sourceInfo 回调
+                onDataUpdate?.(currentData, 'sourceInfo')
+              } else {
+                onDataUpdate?.(currentData, 'data')
+              }
+            }
+            // 重置当前事件和数据
+            currentEvent = null
+            currentData = null
+          }
+        }
+
+        processStream()
+      }).catch(error => {
+        console.error(`[EventStream] 流读取错误: ${url}`, error)
+        if (!isStopped) {
+          isStopped = true
+          onError?.(error)
+        }
+      })
+    }
+
+    processStream()
+  }).catch(error => {
+    console.error(`[EventStream] 请求错误: ${url}`, error)
+    if (!isStopped) {
+      isStopped = true
+      onError?.(error)
+    }
+  })
+
+  // 返回停止函数
+  return () => {
+    isStopped = true
+    controller.abort()
+    console.log('连接已关闭')
+  }
+}
+
+export { get, post, del, put, postByServiceName, startEventStream, startEventStreamPOST }

package/src/theme/global.less

@@ -43,118 +43,6 @@ ol {
   margin-bottom: 16px;
 }
 
-// 表格行样式类型
-.ant-table-tbody {
-  // 成功样式 - 绿色 (#52c41a)
-  .ant-table-row-success {
-    background-color: rgba(82, 196, 26, 0.2);
-
-    &:hover {
-      background-color: rgba(82, 196, 26, 0.3);
-
-      td {
-        background-color: transparent;
-      }
-    }
-
-    // 选中状态
-    &.ant-table-row-selected {
-      background-color: rgba(82, 196, 26, 0.4);
-
-      td {
-        background-color: transparent;
-      }
-    }
-
-    td {
-      background-color: transparent;
-    }
-  }
-
-  // 警告样式 - 黄色 (#faad14)
-  .ant-table-row-warning {
-    background-color: rgba(250, 173, 20, 0.1) ;
-
-    &:hover {
-      background-color: rgba(250, 173, 20, 0.15) ;
-
-      td {
-        background-color: transparent ;
-      }
-    }
-
-    // 选中状态
-    &.ant-table-row-selected {
-      background-color: rgba(250, 173, 20, 0.2);
-
-      td {
-        background-color: transparent;
-      }
-    }
-
-    td {
-      background-color: transparent ;
-    }
-  }
-
-  // 错误样式 - 红色 (#f5222f)
-  .ant-table-row-error {
-    background-color: rgba(245, 34, 47, 0.1) ;
-
-    &:hover {
-      background-color: rgba(245, 34, 47, 0.15) ;
-
-      td {
-        background-color: transparent ;
-      }
-    }
-
-    // 选中状态
-    &.ant-table-row-selected {
-      background-color: rgba(245, 34, 47, 0.2) ;
-
-      td {
-        background-color: transparent ;
-      }
-    }
-
-    td {
-      background-color: transparent ;
-    }
-  }
-
-  // 魔法样式 - 紫色
-  .ant-table-row-magic {
-    background-color: rgba(114, 46, 209, 0.1) ;
-
-    &:hover {
-      background-color: rgba(114, 46, 209, 0.15) ;
-
-      td {
-        background-color: transparent ;
-      }
-    }
-
-    // 选中状态
-    &.ant-table-row-selected {
-      background-color: rgba(114, 46, 209, 0.2) ;
-
-      td {
-        background-color: transparent ;
-      }
-    }
-
-    td {
-      background-color: transparent ;
-    }
-  }
-
-  // 默认选中状态（没有特殊行样式时）
-  .ant-table-row-selected:not(.ant-table-row-success):not(.ant-table-row-warning):not(.ant-table-row-error):not(.ant-table-row-magic) {
-    background-color: rgba(24, 144, 255, 0.1) ;
-  }
-}
-
 // 数据列表 操作
 .table-operator {
   margin-bottom: 18px;
@@ -259,6 +147,150 @@ ol {
   display: none;
 }
 
+// STable 表格行样式
+.ant-table-tbody {
+  // 统一为所有行添加平滑过渡效果
+  tr {
+    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+
+    td {
+      transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+  }
+
+  // 成功样式 - 绿色
+  .row-style-success {
+    background-color: rgba(82, 196, 26, 0.1) !important;
+
+    // 使用 CSS :hover 处理鼠标悬浮（即使快速移动也能正确显示）
+    &:hover,
+    &.row-clicked {
+      background-color: rgba(82, 196, 26, 0.2) !important;
+    }
+
+    td {
+      background-color: transparent !important;
+    }
+
+    // 超链接样式 - 使用更深的绿色
+    a {
+      color: #389e0d !important; // 深绿色
+      transition: color 0.2s ease;
+
+      &:hover {
+        color: #237804 !important; // 更深的绿色
+        text-decoration: underline;
+      }
+
+      &:active {
+        color: #135200 !important; // 最深的绿色
+      }
+    }
+  }
+
+  // 警告样式 - 黄色
+  .row-style-warning,
+  .row-style-warn {
+    background-color: rgba(250, 173, 20, 0.1) !important;
+
+    &:hover,
+    &.row-clicked {
+      background-color: rgba(250, 173, 20, 0.2) !important;
+    }
+
+    td {
+      background-color: transparent !important;
+    }
+
+    // 超链接样式 - 使用更深的橙黄色
+    a {
+      color: #d48806 !important; // 深橙黄色
+      transition: color 0.2s ease;
+
+      &:hover {
+        color: #ad6800 !important; // 更深的橙黄色
+        text-decoration: underline;
+      }
+
+      &:active {
+        color: #874d00 !important; // 最深的橙黄色
+      }
+    }
+  }
+
+  // 错误/危险样式 - 红色
+  .row-style-error,
+  .row-style-danger {
+    background-color: rgba(245, 34, 47, 0.1) !important;
+
+    &:hover,
+    &.row-clicked {
+      background-color: rgba(245, 34, 47, 0.2) !important;
+    }
+
+    td {
+      background-color: transparent !important;
+    }
+
+    // 超链接样式 - 使用更深的红色
+    a {
+      color: #cf1322 !important; // 深红色
+      transition: color 0.2s ease;
+
+      &:hover {
+        color: #a8071a !important; // 更深的红色
+        text-decoration: underline;
+      }
+
+      &:active {
+        color: #820014 !important; // 最深的红色
+      }
+    }
+  }
+
+  // 魔法样式 - 紫色
+  .row-style-magic {
+    background-color: rgba(114, 46, 209, 0.1) !important;
+
+    &:hover,
+    &.row-clicked {
+      background-color: rgba(114, 46, 209, 0.2) !important;
+    }
+
+    td {
+      background-color: transparent !important;
+    }
+
+    // 超链接样式 - 使用更深的紫色
+    a {
+      color: #531dab !important; // 深紫色
+      transition: color 0.2s ease;
+
+      &:hover {
+        color: #391085 !important; // 更深的紫色
+        text-decoration: underline;
+      }
+
+      &:active {
+        color: #22075e !important; // 最深的紫色
+      }
+    }
+  }
+
+  // 默认信息样式
+  .row-style-info {
+    &:hover,
+    &.row-clicked {
+      // 使用主题色的 20% 透明度
+      background-color: fade(@primary-color, 10%) !important;
+    }
+
+    td {
+      background-color: transparent !important;
+    }
+  }
+}
+
 @media (max-width: @screen-xs) {
   .ant-table {
     width: 100%;