@zgfe/modules-settings 2.0.0-zhongyuan.2 → 2.0.0-zhongyuan.20

package/es/constants/api.d.ts

@@ -14,6 +14,8 @@ declare let apis: {
         editVirtualSourceApp: string;
     };
     setting: {
+        queryRealTimeData: string;
+        updateStatus: string;
         updateCompanyName: string;
         updateLicense: string;
         groupInfos: string;

package/es/constants/api.js

@@ -16,6 +16,8 @@ var apis = {
     editVirtualSourceApp: '/user/editSourceApp.jsp' // 修改虚拟应用的来源应用配置
   },
   setting: {
+    queryRealTimeData: '/zg/web/v2/newapp/delay',
+    updateStatus: '/zg/web/v2/newapp/status',
     updateCompanyName: '/company/v2updateInfo.jsp',
     updateLicense: apiPrefix + '/system/license',
     groupInfos: '/auth/groupInfos.jsp',

package/es/modules/companySetting/application/index.d.ts

@@ -7,6 +7,19 @@ export interface ApplicationItem {
     appVersion: number;
     appVersionName: string;
     platform: number[];
+    children?: ApplicationListChildren[];
+    status?: number;
+    joinDatabaseDelay: string;
+    realTimeDelay: string;
+    startTime: string;
+    stopTime: string;
+}
+export interface ApplicationListChildren {
+    label: string;
+    key: 'appVersionName' | 'name' | 'platform' | 'status' | 'realTimeDelay' | 'joinDatabaseDelay' | 'startTime' | 'stopTime';
+    type: string;
+    style?: any;
+    list?: number[];
 }
 declare const Application: React.FC<{
     companyId: number;

package/es/modules/companySetting/application/index.js

@@ -16,9 +16,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useEffect, useState, useRef, useContext } from 'react';
 import request from '../../../utils/ajax';
 import apis from '../../../constants/api';
-import { notification, Tooltip, Modal, Row, Col, Drawer, Button, Divider, message } from 'antd';
-import Card from '../../../components/card';
-import { BizGlobalDataContext, BizLoading, IconFont } from '@zgfe/business-lib';
+import { notification, Tooltip, Modal, Drawer, Button, Divider, message, Table, Spin } from 'antd';
+import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
 import ApplicationForm from './applicationForm';
 import './index.less';
 import ApplicationSetting from './applicationSetting';
@@ -63,9 +62,131 @@ var Application = function Application(_ref) {
     setLoading = _useState8[1];
   var formRef = useRef();
   var settingRef = useRef();
+  var columns = [{
+    title: '应用名称',
+    dataIndex: 'name',
+    width: 220,
+    ellipsis: true,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        title: data,
+        placement: "top"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(classPrefix, "-contentList-item-name")
+      }, data));
+    }
+  }, {
+    title: '应用Id',
+    dataIndex: 'appId',
+    ellipsis: true,
+    width: 120,
+    render: function render(data) {
+      return data || '-';
+    }
+  }, {
+    title: '入库数据延迟',
+    dataIndex: 'joinDatabaseDelay',
+    ellipsis: true,
+    width: 150,
+    render: function render(data) {
+      return data || '-';
+    }
+  }, {
+    title: '接入平台',
+    dataIndex: 'platform',
+    withh: 110,
+    render: function render(data) {
+      return data && (data === null || data === void 0 ? void 0 : data.length) > 0 ? data === null || data === void 0 ? void 0 : data.map(function (plat) {
+        return /*#__PURE__*/React.createElement(Tooltip, {
+          title: getPlatText(plat),
+          placement: "top"
+        }, /*#__PURE__*/React.createElement("span", {
+          key: plat,
+          className: "icon-".concat(getPlatIcon(plat))
+        }));
+      }) : '未接入平台';
+    }
+  }, {
+    title: '版本',
+    dataIndex: 'appVersionName',
+    width: 100
+  }, {
+    title: '状态切换时间',
+    dataIndex: 'stopTime',
+    ellipsis: true,
+    width: 170,
+    render: function render(data) {
+      return data || '-';
+    }
+  }, {
+    title: '状态',
+    dataIndex: 'status',
+    width: 100,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "".concat(classPrefix, "-contentList-item-status")
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(classPrefix, "-contentList-item-status-icon").concat(data || 0)
+      }), data ? '运行中' : '关闭');
+    }
+  }, {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 300,
+    render: function render(text, record) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(classPrefix, "-contentList-btn")
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: '0 10px'
+        },
+        disabled: !authority[1716284934],
+        onClick: function onClick() {
+          return authority[1716284934] && landleStatusClick(record);
+        }
+      }, record.status ? '关闭' : '开启'), /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: '0 10px'
+        },
+        disabled: !authority[1716284360],
+        onClick: function onClick() {
+          return authority[1716284360] && handleEditClick(record);
+        }
+      }, "\u4FEE\u6539\u540D\u79F0"), /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: '0 10px'
+        },
+        disabled: !authority[10101],
+        onClick: function onClick() {
+          return authority[10101] && handleDeleteClick(record);
+        }
+      }, "\u5220\u9664"), !isOpen && (/*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: '0 10px'
+        },
+        disabled: !authority[1716285396],
+        onClick: function onClick() {
+          return authority[1716285396] && handleSettingClick(record);
+        }
+      }, "\u8BBE\u7F6E")), isOpen && (/*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        style: {
+          padding: '0 10px'
+        },
+        disabled: !authority[1716284934],
+        onClick: function onClick() {
+          return authority[1716284934] && openMainPart && openMainPart(record.id, record.name);
+        }
+      }, "\u4E3B\u4F53\u7BA1\u7406")));
+    }
+  }];
   var handleQueryList = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _res$data, _res$data2, _res$data4, _res$data5, res, _res$data3;
+      var _res$data, _res$data2, _res$data4, _res$data5, _res$data6, res, _res$data3;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -98,20 +219,22 @@ var Application = function Application(_ref) {
             if (!(res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.list)) {
               handleAddClick();
             }
-            _context.next = 17;
+            //对实时渲染数据进行处理
+            getRealTimeData((res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.list) || []);
+            _context.next = 18;
             break;
-          case 13:
-            _context.prev = 13;
+          case 14:
+            _context.prev = 14;
             _context.t0 = _context["catch"](1);
             setLoading(false);
             notification.error({
               message: _context.t0
             });
-          case 17:
+          case 18:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 13]]);
+      }, _callee, null, [[1, 14]]);
     }));
     return function handleQueryList() {
       return _ref2.apply(this, arguments);
@@ -120,52 +243,6 @@ var Application = function Application(_ref) {
   useEffect(function () {
     handleQueryList();
   }, []);
-  var btnNodes = function btnNodes() {
-    var array = [{
-      Element: function Element(props) {
-        return /*#__PURE__*/React.createElement(Tooltip, {
-          title: "\u7F16\u8F91",
-          placement: "top"
-        }, /*#__PURE__*/React.createElement("span", _objectSpread({}, props)));
-      },
-      options: {
-        className: "zhuge icon-bianji2 ".concat(!authority[1716284360] ? classPrefix + '-disabled' : ''),
-        onClick: function onClick(props) {
-          return authority[1716284360] && handleEditClick(props);
-        }
-      }
-    }, {
-      Element: function Element(props) {
-        return /*#__PURE__*/React.createElement(Tooltip, {
-          title: "\u5220\u9664",
-          placement: "top"
-        }, /*#__PURE__*/React.createElement("span", _objectSpread({}, props)));
-      },
-      options: {
-        className: "zhuge icon-shanchu ".concat(!authority[10101] ? classPrefix + '-disabled' : ''),
-        onClick: function onClick(props) {
-          return authority[10101] && handleDeleteClick(props);
-        }
-      }
-    }];
-    if (!isOpen) {
-      return [{
-        Element: function Element(props) {
-          return /*#__PURE__*/React.createElement(Tooltip, {
-            title: "\u8BBE\u7F6E",
-            placement: "top"
-          }, /*#__PURE__*/React.createElement("span", _objectSpread({}, props)));
-        },
-        options: {
-          className: "zhuge icon-shezhi ".concat(!authority[1716285396] ? classPrefix + '-disabled' : ''),
-          onClick: function onClick(props) {
-            return authority[1716285396] && handleSettingClick(props);
-          }
-        }
-      }].concat(array);
-    }
-    return array;
-  };
   var handleAddClick = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -177,7 +254,7 @@ var Application = function Application(_ref) {
               onCancel: function onCancel() {},
               onOk: function () {
                 var _onOk = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-                  var _formRef$current, _formRef$current2, _res$data6, data, res;
+                  var _formRef$current, _formRef$current2, _res$data7, data, res;
                   return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                     while (1) switch (_context2.prev = _context2.next) {
                       case 0:
@@ -207,7 +284,7 @@ var Application = function Application(_ref) {
                         message.success('创建成功');
                         handleQueryList();
                         settingCallback && settingCallback('settingAddApplicationCallback', {
-                          id: res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.appId
+                          id: res === null || res === void 0 ? void 0 : (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.appId
                         });
                         _context2.next = 19;
                         break;
@@ -248,7 +325,7 @@ var Application = function Application(_ref) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
             Modal.confirm(_objectSpread(_objectSpread({}, modalConfig), {}, {
-              title: '编辑应用',
+              title: '修改名称',
               icon: null,
               onCancel: function onCancel() {},
               onOk: function () {
@@ -319,8 +396,8 @@ var Application = function Application(_ref) {
   // 主体开关关闭时，设置的是默认主体
   var handleSettingClick = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(record) {
-      var _res$data7, _res$data8, _res$data8$results;
-      var res, _res$data9, mainPart;
+      var _res$data8, _res$data9, _res$data9$results;
+      var res, _res$data10, mainPart;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -334,8 +411,8 @@ var Application = function Application(_ref) {
             });
           case 2:
             res = _context6.sent;
-            if ((res === null || res === void 0 ? void 0 : (_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.results) && (res === null || res === void 0 ? void 0 : (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : (_res$data8$results = _res$data8.results) === null || _res$data8$results === void 0 ? void 0 : _res$data8$results.length) > 0) {
-              mainPart = res === null || res === void 0 ? void 0 : (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : _res$data9.results[0];
+            if ((res === null || res === void 0 ? void 0 : (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.results) && (res === null || res === void 0 ? void 0 : (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : (_res$data9$results = _res$data9.results) === null || _res$data9$results === void 0 ? void 0 : _res$data9$results.length) > 0) {
+              mainPart = res === null || res === void 0 ? void 0 : (_res$data10 = res.data) === null || _res$data10 === void 0 ? void 0 : _res$data10.results[0];
               setProfile(mainPart);
               setShowSetting(true);
             }
@@ -484,6 +561,126 @@ var Application = function Application(_ref) {
       return _ref7.apply(this, arguments);
     };
   }();
+  // 应用状态开关
+  // 0:关闭 1:开启
+  var landleStatusClick = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(props) {
+      return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
+          case 0:
+            Modal.confirm(_objectSpread(_objectSpread({}, modalConfig), {}, {
+              title: props.status ? '关闭应用' : '开启应用',
+              content: props.status ? '关闭应用后，应用将不再接收数据' : '开启应用后，应用将开始接收数据',
+              icon: null,
+              onCancel: function onCancel() {},
+              onOk: function () {
+                var _onOk4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+                  var res;
+                  return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+                    while (1) switch (_context10.prev = _context10.next) {
+                      case 0:
+                        _context10.prev = 0;
+                        _context10.next = 3;
+                        return request(apis.setting.updateStatus, {
+                          method: 'post',
+                          data: {
+                            companyId: companyId,
+                            projectId: props === null || props === void 0 ? void 0 : props.id,
+                            status: props.status ? 0 : 1
+                          },
+                          intercept: false
+                        });
+                      case 3:
+                        res = _context10.sent;
+                        if (['101000', '100000'].includes(res === null || res === void 0 ? void 0 : res.code)) {
+                          _context10.next = 7;
+                          break;
+                        }
+                        message.error(res === null || res === void 0 ? void 0 : res.msg);
+                        return _context10.abrupt("return", Promise.reject());
+                      case 7:
+                        message.success(props.status ? '关闭应用成功' : '开启应用成功');
+                        handleQueryList();
+                        _context10.next = 15;
+                        break;
+                      case 11:
+                        _context10.prev = 11;
+                        _context10.t0 = _context10["catch"](0);
+                        console.log('catch', _context10.t0);
+                        return _context10.abrupt("return", Promise.reject(_context10.t0));
+                      case 15:
+                      case "end":
+                        return _context10.stop();
+                    }
+                  }, _callee10, null, [[0, 11]]);
+                }));
+                function onOk() {
+                  return _onOk4.apply(this, arguments);
+                }
+                return onOk;
+              }()
+            }));
+          case 1:
+          case "end":
+            return _context11.stop();
+        }
+      }, _callee11);
+    }));
+    return function landleStatusClick(_x4) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  // 获取实时渲染数据
+  var getRealTimeData = /*#__PURE__*/function () {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(list) {
+      var res, newList;
+      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            _context12.prev = 0;
+            _context12.next = 3;
+            return request(apis.setting.queryRealTimeData, {
+              method: 'get',
+              data: {}
+            });
+          case 3:
+            res = _context12.sent;
+            if (['101000', '100000'].includes(res === null || res === void 0 ? void 0 : res.code)) {
+              _context12.next = 6;
+              break;
+            }
+            return _context12.abrupt("return", Promise.reject());
+          case 6:
+            if (res === null || res === void 0 ? void 0 : res.data) {
+              newList = list.map(function (item) {
+                var obj = item;
+                //对相关数据进行合并
+                res.data.forEach(function (resItem) {
+                  if (item.id === resItem.appId) {
+                    obj = Object.assign(item, resItem);
+                    return;
+                  }
+                });
+                return obj;
+              });
+              setList(newList);
+            }
+            _context12.next = 12;
+            break;
+          case 9:
+            _context12.prev = 9;
+            _context12.t0 = _context12["catch"](0);
+            return _context12.abrupt("return", Promise.reject(_context12.t0));
+          case 12:
+          case "end":
+            return _context12.stop();
+        }
+      }, _callee12, null, [[0, 9]]);
+    }));
+    return function getRealTimeData(_x5) {
+      return _ref9.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix)
   }, /*#__PURE__*/React.createElement("div", {
@@ -500,42 +697,17 @@ var Application = function Application(_ref) {
     type: "primary",
     size: "small",
     onClick: handleAddClick
-  }, "\u521B\u5EFA\u5E94\u7528")), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Row, {
-    gutter: [16, 16]
-  }, list.length > 0 && (list === null || list === void 0 ? void 0 : list.map(function (item) {
-    var _item$platform2;
-    var content = /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-content")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-content-item")
-    }, /*#__PURE__*/React.createElement("div", null, "\u7248\u672C\uFF1A", item.appVersionName), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classPrefix, "-content-item-platform")
-    }, "\u63A5\u5165\u5E73\u53F0\uFF1A", (item === null || item === void 0 ? void 0 : (_item$platform2 = item.platform) === null || _item$platform2 === void 0 ? void 0 : _item$platform2.length) > 0 ? item === null || item === void 0 ? void 0 : item.platform.map(function (item) {
-      return /*#__PURE__*/React.createElement(Tooltip, {
-        title: getPlatText(item),
-        placement: "top"
-      }, /*#__PURE__*/React.createElement("span", {
-        key: item,
-        className: "icon-".concat(getPlatIcon(item))
-      }));
-    }) : '未接入数据')), isOpen && (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-      style: {
-        padding: '0 10px'
-      },
-      disabled: !authority[1716284934],
-      onClick: function onClick() {
-        return openMainPart && openMainPart(item.id, item.name);
-      }
-    }, "\u4E3B\u4F53\u7BA1\u7406"))));
-    return /*#__PURE__*/React.createElement(Col, {
-      key: item.id,
-      span: 8
-    }, /*#__PURE__*/React.createElement(Card, _objectSpread(_objectSpread({}, item), {}, {
-      title: item.name,
-      btnNodes: btnNodes(),
-      content: content
-    })));
-  })), loading && /*#__PURE__*/React.createElement(BizLoading, null)), /*#__PURE__*/React.createElement(Drawer, {
+  }, "\u521B\u5EFA\u5E94\u7528")), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement(Table, {
+    dataSource: list,
+    columns: columns,
+    pagination: false,
+    scroll: {
+      x: 1000,
+      y: 500
+    }
+  })), /*#__PURE__*/React.createElement(Drawer, {
     className: "".concat(classPrefix, "-drawer"),
     open: showSetting,
     closable: true,