@zgfe/modules-settings 2.0.0-zhongyuan.9 → 2.1.0-zhongyuan-set.2

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',
+    width: 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);
             }
@@ -466,24 +543,144 @@ var Application = function Application(_ref) {
           case 12:
             message.success(res === null || res === void 0 ? void 0 : res.msg);
             setShowSetting(false);
-            console.log(res);
-            _context9.next = 21;
+            _context9.next = 20;
             break;
-          case 17:
-            _context9.prev = 17;
+          case 16:
+            _context9.prev = 16;
             _context9.t0 = _context9["catch"](0);
             console.log(_context9.t0);
             setShowSetting(false);
-          case 21:
+          case 20:
           case "end":
             return _context9.stop();
         }
-      }, _callee9, null, [[0, 17]]);
+      }, _callee9, null, [[0, 16]]);
     }));
     return function handleSettingSave() {
       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) {
+                    item.joinDatabaseDelay = resItem.joinDatabaseDelay;
+                    item.realTimeDelay = resItem.realTimeDelay;
+                    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,

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

@@ -1,4 +1,5 @@
 .application {
+  height: 100%;
   min-height: 400px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -86,20 +87,6 @@
     margin: 14px 0;
   }
 
-  &-content {
-    display: flex;
-    align-items: flex-end;
-    justify-content: space-between;
-
-    &-item-platform {
-      display: flex;
-      gap: 4px;
-      align-items: center;
-      justify-content: flex-start;
-      white-space: nowrap;
-    }
-  }
-
   .biz-loading-container.loading {
     margin-top: 100px;
   }
@@ -123,4 +110,35 @@
     gap: 6px;
     height: 120px;
   }
+  &-rowContent {
+    height: calc(100vh - 302px);
+    overflow: overlay;
+  }
+  &-contentList-label {
+    display: grid;
+    grid-template-columns: 230px repeat(4, minmax(90px, 1fr)) 135px 90px 260px;
+    align-items: center;
+    padding-right: 14px;
+    border-bottom: 1px solid #ecedf0;
+  }
+  &-contentList-item-name {
+    color: #000;
+    font-weight: bold;
+    font-size: 14px;
+  }
+  &-contentList-item-status-icon0,
+  &-contentList-item-status-icon1 {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    margin-right: 3px;
+    border-radius: 50%;
+    transform: translateY(-1px);
+  }
+  &-contentList-item-status-icon0 {
+    background: #67727f;
+  }
+  &-contentList-item-status-icon1 {
+    background: #165dff;
+  }
 }

package/es/modules/companySetting/index.js

@@ -18,13 +18,10 @@ import React, { useContext, useEffect, useState } from 'react';
 import './index.less';
 import { BizGlobalDataContext } from '@zgfe/business-lib';
 import { Tabs } from 'antd';
-import Info from './info';
 import User from './user';
 import VirtualApp from './virtualApp';
-import Cost from './cost';
 import WechatBinding from './wechatBinding';
 import OperationLog from './operationLog';
-import DepartmentList from './department';
 import RoleList from './role';
 import Business from './business';
 import Application from './application';
@@ -59,7 +56,7 @@ var CompanySetting = function CompanySetting(props) {
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     setIsShowCreateApp = _useState8[1];
-  var _useState9 = useState(currentPath ? currentPath : 'info'),
+  var _useState9 = useState(currentPath ? currentPath : 'user'),
     _useState10 = _slicedToArray(_useState9, 2),
     activeKey = _useState10[0],
     setActiveKey = _useState10[1]; // 默认值
@@ -157,17 +154,21 @@ var CompanySetting = function CompanySetting(props) {
       }
     }));
   };
-  var items = [{
-    key: 'info',
-    label: '公司信息',
-    children: (/*#__PURE__*/React.createElement(Info, {
-      ENVIRONMENT: ENVIRONMENT,
-      companyId: currentUser.companyId,
-      companyName: currentUser.companyName,
-      changeCompanyNameCallback: changeCompanyNameCallback
-    })),
-    hidden: !authority[10078]
-  }, {
+  var items = [
+  // {
+  //   key: 'info',
+  //   label: '公司信息',
+  //   children: (
+  //     <Info
+  //       ENVIRONMENT={ENVIRONMENT}
+  //       companyId={currentUser!.companyId as number}
+  //       companyName={currentUser!.companyName}
+  //       changeCompanyNameCallback={changeCompanyNameCallback}
+  //     />
+  //   ),
+  //   hidden: !authority[10078],
+  // },
+  {
     key: 'user',
     label: '成员管理',
     children: (/*#__PURE__*/React.createElement(User, {
@@ -196,15 +197,19 @@ var CompanySetting = function CompanySetting(props) {
       companyId: currentUser.companyId
     }),
     hidden: !authority[10080]
-  }, {
-    key: 'department',
-    label: '部门管理',
-    children: (/*#__PURE__*/React.createElement(DepartmentList, {
-      companyId: currentUser.companyId,
-      closeCreateCallback: closeCreateCallback
-    })),
-    hidden: !authority[10081]
-  }, {
+  },
+  // {
+  //   key: 'department',
+  //   label: '部门管理',
+  //   children: (
+  //     <DepartmentList
+  //       companyId={currentUser!.companyId as number}
+  //       closeCreateCallback={closeCreateCallback}
+  //     />
+  //   ),
+  //   hidden: !authority[10081],
+  // },
+  {
     key: 'business',
     label: '业务',
     children: /*#__PURE__*/React.createElement(Business, {
@@ -233,15 +238,14 @@ var CompanySetting = function CompanySetting(props) {
       editVirtualAppCallback: editVirtualAppCallback
     })),
     hidden: !showVirtualApp
-  }, {
-    key: 'cost',
-    label: '套餐',
-    children: /*#__PURE__*/React.createElement(Cost, {
-      ENVIRONMENT: ENVIRONMENT,
-      companyId: currentUser.companyId
-    }),
-    hidden: !authority[10083]
-  }, {
+  },
+  // {
+  //   key: 'cost',
+  //   label: '套餐',
+  //   children: <Cost ENVIRONMENT={ENVIRONMENT} companyId={currentUser!.companyId as number} />,
+  //   hidden: !authority[10083],
+  // },
+  {
     key: 'weChatBinding',
     label: '微信账号绑定',
     children: /*#__PURE__*/React.createElement(WechatBinding, null),