vue2-client 1.17.36 → 1.17.37

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/pages/WorkflowDetail/WorkFlowDemo4.vue

@@ -1,127 +0,0 @@
-<template>
-  <a-card :bordered="false">
-    <a-tabs default-active-key="1" @change="changeTab">
-      <a-tab-pane key="1" tab="待办">
-        <x-form-table
-          title="站点工单(待办)"
-          ref="xFormTable"
-          queryParamsName="teleProcessCRUD"
-          :fixed-query-form="{
-            wo_f_department_id: currUser.depids,
-          }"
-          serviceName="af-telephone"
-          @toDeal="toDetail"
-          @updateInfo="updateInfo"
-          @transfer="transfer"
-          @toFinish="toFinish"
-        >
-        </x-form-table>
-      </a-tab-pane>
-      <a-tab-pane key="2" tab="已办">
-        <x-form-table
-          title="站点工单(已办)"
-          ref="xFormTableDone"
-          queryParamsName="teleProcessDoneCRUD"
-          :fixed-query-form="{
-            wo_f_department_id: currUser.depids,
-          }"
-          serviceName="af-telephone"
-          @action="toView"
-          @reminder="toReminder"
-        >
-        </x-form-table>
-      </a-tab-pane>
-    </a-tabs>
-    <WorkflowDetail
-      ref="workFlow"
-      @preClick="preClick"
-      @success="success"
-      @nextClick="nextClick"
-      @x-form-item-emit-func="handleFormItemEvent"
-    >
-    </WorkflowDetail>
-  </a-card>
-</template>
-
-<script>
-import WorkflowDetail from '@vue2-client/pages/WorkflowDetail/WorkflowDetail.vue'
-import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-import { mapState } from 'vuex'
-import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
-
-export default {
-  name: 'Telephone',
-  components: {
-    XFormTable,
-    WorkflowDetail,
-    XAddNativeForm
-  },
-  // 透传给子组件的方法（目前XFormTable接了）
-  provide () {
-    return {
-      generalFunction: {}
-    }
-  },
-  data () {
-    return {
-      // 当前工单id
-      currentWorkOrderId: '',
-      // 提交加载动画
-      confirmLoading: false,
-      chargeVisible: false,
-      // 环节人员信息
-      chargePerson: {},
-      chargePersonOptions: [],
-      transferData: {
-        optionsValue: '',
-        remark: ''
-      },
-      record: {},
-      define: {},
-      // 是否展示催单结案弹窗
-      showReminder: false,
-      // 弹窗类型 催单/ 结案
-      modelType: ''
-    }
-  },
-  computed: {
-    ...mapState('account', { currUser: 'user' }),
-  },
-  methods: {
-    changeTab (key) {
-      console.log('切换tab', key)
-      if (key === '1') {
-        this.$refs.xFormTable.refreshTable(true)
-      } else if (key === '2') {
-        this.$refs.xFormTableDone.refreshTable(true)
-      }
-    },
-    success () {
-      console.log('完工')
-    },
-    toDetail (record) {
-      // 修改第一步的工单
-      if (record.ws_f_step_id === 1 && record.w_f_state === 0) {
-        console.log('进入工单详情')
-        if (record.w_f_workflow_define_name === '报修单处理流程') {
-          this.$refs.dealOrUpdate.dealOrUpdate(record, '处理工单')
-        } else if (record.w_f_workflow_define_name === '投诉单处理流程') {
-          this.$refs.dealComplaint.dealComplaintOrder(record)
-        } else if (record.w_f_workflow_define_name === '咨询单处理流程') {
-          this.$refs.dealConsultation.dealConsultationOrder(record)
-        } else {
-          this.$message.warn('未知流程类型')
-        }
-      } else {
-        // 记录流程节点名称
-        this.currentWorkOrderId = record.wo_id
-        // 进入流程详情
-        this.$refs.workFlow.init({
-          workflowId: record.wo_f_workflow_id,
-          stepId: record.ws_f_step_id
-        })
-      }
-    },
-  }
-}
-</script>