ls-pro-common 3.1.62 → 3.1.64

package/es/index.d.ts

@@ -9,6 +9,8 @@ export * from './http';
 export { default as BaseService } from './service/BaseService';
 /** 导出进度及完成后自动下载 */
 export { default as exportProcess } from './utils/exportProcess';
+/** 后台任务进度查看 */
+export { default as taskProcess } from './utils/taskProcess';
 /** Utils 方法，放在第一层级，方便调用 */
 export * from './utils';
 /** 主数据请求 */

package/es/index.js

@@ -9,6 +9,8 @@ export * from './http';
 export { default as BaseService } from './service/BaseService';
 /** 导出进度及完成后自动下载 */
 export { default as exportProcess } from './utils/exportProcess';
+/** 后台任务进度查看 */
+export { default as taskProcess } from './utils/taskProcess';
 /** Utils 方法，放在第一层级，方便调用 */
 export * from './utils';
 /** 主数据请求 */

package/es/utils/taskProcess.d.ts

@@ -0,0 +1,10 @@
+import { ApiResponse } from '../typing';
+/**
+ * 后台任务进度查看
+ *
+ * @param taskId 后台任务id,
+ * @param taskName 后台任务名称,
+ * @returns
+ */
+declare const taskProcess: (taskId: string, taskName: string | undefined, callback: (result: ApiResponse | false) => void) => void;
+export default taskProcess;

package/es/utils/taskProcess.js

@@ -0,0 +1,151 @@
+import "antd/es/progress/style";
+import _Progress from "antd/es/progress";
+import "antd/es/notification/style";
+import _notification from "antd/es/notification";
+import React from "react";
+import { showSuccess, showError, sleep, showWarn } from '.';
+import { httpGet } from '../http';
+/**
+ * 后台任务进度查看
+ *
+ * @param taskId 后台任务id,
+ * @param taskName 后台任务名称,
+ * @returns
+ */
+var taskProcess = function taskProcess(taskId) {
+  var taskName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var callback = arguments.length > 2 ? arguments[2] : undefined;
+  if (!taskId) {
+    callback(false);
+    return;
+  }
+  var exit = false;
+  var key = 'task-' + taskId;
+  var dom = null;
+  var moveState = {
+    isMove: false,
+    startLeft: 0,
+    startTop: 0,
+    startX: 0,
+    startY: 0,
+    h: 88,
+    w: 250 //组件宽度
+  };
+
+  var onMove = function onMove(e) {
+    requestAnimationFrame(function () {
+      var startLeft = moveState.startLeft,
+        startTop = moveState.startTop,
+        startX = moveState.startX,
+        startY = moveState.startY,
+        isMove = moveState.isMove,
+        h = moveState.h,
+        w = moveState.w;
+      if (!isMove || !dom) return;
+      // 通过计算鼠标的移动距离，计算出组件新的坐标。
+      var deltaX = document.body.clientWidth - (e.clientX - startX + startLeft) - w;
+      var deltaY = e.clientY - startY + startTop;
+      var top = Math.max(0, Math.min(document.body.clientHeight - h, deltaY));
+      var right = Math.max(0, Math.min(document.body.clientWidth - w - 30, deltaX));
+      dom.style.top = top + 'px';
+      dom.style.right = right + 'px';
+    });
+  };
+  var onUp = function onUp() {
+    moveState.isMove = false;
+    document.body.classList.remove('move-unselect');
+    document.removeEventListener('mouseup', onUp);
+    document.removeEventListener('mousemove', onMove);
+  };
+  var loading = function loading(percent) {
+    _notification.open({
+      className: 'export-process-notification',
+      placement: 'topRight',
+      key: key,
+      duration: 0,
+      message: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "export-process-handle",
+        onMouseDown: function onMouseDown(e) {
+          dom = e.target.closest('.ant-notification-topRight');
+          if (!dom) return;
+          var rect = dom.getBoundingClientRect();
+          moveState.isMove = true;
+          moveState.startX = e.clientX;
+          moveState.startY = e.clientY;
+          moveState.startLeft = rect.left;
+          moveState.startTop = rect.top;
+          document.body.classList.add('move-unselect');
+          document.addEventListener('mouseup', onUp);
+          document.addEventListener('mousemove', onMove);
+        }
+      }, "".concat(taskName || '任务', " \u5904\u7406\u4E2D...")), /*#__PURE__*/React.createElement(_Progress, {
+        percent: percent
+      })),
+      onClose: function onClose() {
+        exit = true;
+        callback(false);
+        document.removeEventListener('mouseup', onUp);
+        document.removeEventListener('mousemove', onMove);
+      }
+    });
+  };
+  loading(0);
+  var getResult = function getResult() {
+    if (exit) return;
+    var url = '/lesoon/lesoon-msg-center-api/bizAsyncTaskManage/page';
+    httpGet(url, {
+      page: 1,
+      pageSize: 1,
+      where: {
+        taskId: taskId
+      }
+    }, false).then(function (result) {
+      var _result$rows = result.rows,
+        rows = _result$rows === void 0 ? [] : _result$rows;
+      var row = rows === null || rows === void 0 ? void 0 : rows[0];
+      if (!row) {
+        showError('获取任务进度失败,请在消息中心查看任务结果');
+        callback(result);
+        _notification.close(key);
+      } else {
+        var status = row.status,
+          progress = row.progress;
+        if (status < 30) {
+          //任务处理中，过3秒后再次获取任务进度。
+          loading(progress);
+          sleep(3).then(function () {
+            return getResult();
+          });
+        } else {
+          // 任务已处理完成或失败或终止，关闭通知。
+          if (status === 30) {
+            loading(100);
+            showSuccess('任务处理完成');
+          } else if (status === 40) {
+            showError('任务处理失败,请在消息中心查看失败原因');
+          } else if (status === 50) {
+            showWarn('任务已终止,请在消息中心查看任务结果');
+          }
+          sleep(1.5).then(function () {
+            callback(result);
+            _notification.close(key);
+          });
+        }
+      }
+    }).catch(function () {
+      showError('获取任务进度失败,请在消息中心查看任务结果');
+      callback({
+        flag: {
+          retCode: '9999',
+          retMsg: '获取任务进度失败,请在消息中心查看任务结果'
+        },
+        success: false
+      });
+      _notification.close(key);
+    });
+  };
+  sleep(1).then(function () {
+    return getResult();
+  });
+};
+export default taskProcess;

package/lib/index.d.ts

@@ -9,6 +9,8 @@ export * from './http';
 export { default as BaseService } from './service/BaseService';
 /** 导出进度及完成后自动下载 */
 export { default as exportProcess } from './utils/exportProcess';
+/** 后台任务进度查看 */
+export { default as taskProcess } from './utils/taskProcess';
 /** Utils 方法，放在第一层级，方便调用 */
 export * from './utils';
 /** 主数据请求 */

package/lib/index.js

@@ -9,6 +9,8 @@ export * from './http';
 export { default as BaseService } from './service/BaseService';
 /** 导出进度及完成后自动下载 */
 export { default as exportProcess } from './utils/exportProcess';
+/** 后台任务进度查看 */
+export { default as taskProcess } from './utils/taskProcess';
 /** Utils 方法，放在第一层级，方便调用 */
 export * from './utils';
 /** 主数据请求 */

package/lib/utils/taskProcess.d.ts

@@ -0,0 +1,10 @@
+import { ApiResponse } from '../typing';
+/**
+ * 后台任务进度查看
+ *
+ * @param taskId 后台任务id,
+ * @param taskName 后台任务名称,
+ * @returns
+ */
+declare const taskProcess: (taskId: string, taskName: string | undefined, callback: (result: ApiResponse | false) => void) => void;
+export default taskProcess;

package/lib/utils/taskProcess.js

@@ -0,0 +1,151 @@
+import "antd/es/progress/style";
+import _Progress from "antd/es/progress";
+import "antd/es/notification/style";
+import _notification from "antd/es/notification";
+import React from "react";
+import { showSuccess, showError, sleep, showWarn } from '.';
+import { httpGet } from '../http';
+/**
+ * 后台任务进度查看
+ *
+ * @param taskId 后台任务id,
+ * @param taskName 后台任务名称,
+ * @returns
+ */
+var taskProcess = function taskProcess(taskId) {
+  var taskName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var callback = arguments.length > 2 ? arguments[2] : undefined;
+  if (!taskId) {
+    callback(false);
+    return;
+  }
+  var exit = false;
+  var key = 'task-' + taskId;
+  var dom = null;
+  var moveState = {
+    isMove: false,
+    startLeft: 0,
+    startTop: 0,
+    startX: 0,
+    startY: 0,
+    h: 88,
+    w: 250 //组件宽度
+  };
+
+  var onMove = function onMove(e) {
+    requestAnimationFrame(function () {
+      var startLeft = moveState.startLeft,
+        startTop = moveState.startTop,
+        startX = moveState.startX,
+        startY = moveState.startY,
+        isMove = moveState.isMove,
+        h = moveState.h,
+        w = moveState.w;
+      if (!isMove || !dom) return;
+      // 通过计算鼠标的移动距离，计算出组件新的坐标。
+      var deltaX = document.body.clientWidth - (e.clientX - startX + startLeft) - w;
+      var deltaY = e.clientY - startY + startTop;
+      var top = Math.max(0, Math.min(document.body.clientHeight - h, deltaY));
+      var right = Math.max(0, Math.min(document.body.clientWidth - w - 30, deltaX));
+      dom.style.top = top + 'px';
+      dom.style.right = right + 'px';
+    });
+  };
+  var onUp = function onUp() {
+    moveState.isMove = false;
+    document.body.classList.remove('move-unselect');
+    document.removeEventListener('mouseup', onUp);
+    document.removeEventListener('mousemove', onMove);
+  };
+  var loading = function loading(percent) {
+    _notification.open({
+      className: 'export-process-notification',
+      placement: 'topRight',
+      key: key,
+      duration: 0,
+      message: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "export-process-handle",
+        onMouseDown: function onMouseDown(e) {
+          dom = e.target.closest('.ant-notification-topRight');
+          if (!dom) return;
+          var rect = dom.getBoundingClientRect();
+          moveState.isMove = true;
+          moveState.startX = e.clientX;
+          moveState.startY = e.clientY;
+          moveState.startLeft = rect.left;
+          moveState.startTop = rect.top;
+          document.body.classList.add('move-unselect');
+          document.addEventListener('mouseup', onUp);
+          document.addEventListener('mousemove', onMove);
+        }
+      }, "".concat(taskName || '任务', " \u5904\u7406\u4E2D...")), /*#__PURE__*/React.createElement(_Progress, {
+        percent: percent
+      })),
+      onClose: function onClose() {
+        exit = true;
+        callback(false);
+        document.removeEventListener('mouseup', onUp);
+        document.removeEventListener('mousemove', onMove);
+      }
+    });
+  };
+  loading(0);
+  var getResult = function getResult() {
+    if (exit) return;
+    var url = '/lesoon/lesoon-msg-center-api/bizAsyncTaskManage/page';
+    httpGet(url, {
+      page: 1,
+      pageSize: 1,
+      where: {
+        taskId: taskId
+      }
+    }, false).then(function (result) {
+      var _result$rows = result.rows,
+        rows = _result$rows === void 0 ? [] : _result$rows;
+      var row = rows === null || rows === void 0 ? void 0 : rows[0];
+      if (!row) {
+        showError('获取任务进度失败,请在消息中心查看任务结果');
+        callback(result);
+        _notification.close(key);
+      } else {
+        var status = row.status,
+          progress = row.progress;
+        if (status < 30) {
+          //任务处理中，过3秒后再次获取任务进度。
+          loading(progress);
+          sleep(3).then(function () {
+            return getResult();
+          });
+        } else {
+          // 任务已处理完成或失败或终止，关闭通知。
+          if (status === 30) {
+            loading(100);
+            showSuccess('任务处理完成');
+          } else if (status === 40) {
+            showError('任务处理失败,请在消息中心查看失败原因');
+          } else if (status === 50) {
+            showWarn('任务已终止,请在消息中心查看任务结果');
+          }
+          sleep(1.5).then(function () {
+            callback(result);
+            _notification.close(key);
+          });
+        }
+      }
+    }).catch(function () {
+      showError('获取任务进度失败,请在消息中心查看任务结果');
+      callback({
+        flag: {
+          retCode: '9999',
+          retMsg: '获取任务进度失败,请在消息中心查看任务结果'
+        },
+        success: false
+      });
+      _notification.close(key);
+    });
+  };
+  sleep(1).then(function () {
+    return getResult();
+  });
+};
+export default taskProcess;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ls-pro-common",
-  "version": "3.1.62",
+  "version": "3.1.64",
   "description": "ls-pro-common",
   "license": "MIT",
   "sideEffects": [