@zgfe/modules-settings 1.2.9 → 1.2.10-role2

package/es/constants/api.d.ts

@@ -39,6 +39,26 @@ declare let apis: {
         queryFilter: string;
         queryNoticeConfig: string;
         editNoticeConfig: string;
+        queryDeptList: string;
+        addDept: string;
+        updateDept: string;
+        deleteDept: string;
+        queryRolePage: string;
+        queryRoleDetails: string;
+        queryRoleDataConfig: string;
+        queryRoleMenuTree: string;
+        queryRoleUser: string;
+        addRole: string;
+        updateRole: string;
+        deleteRole: string;
+        queryUserPage: string;
+        queryRoleListByUserId: string;
+        queryDeptListByUserId: string;
+        queryCompanyUserDetailsParam: string;
+        addCompanyUser: string;
+        updateCompanyUser: string;
+        delCompanyUser: string;
+        updateCompanyUserStatus: string;
     };
     eventMeta: {
         queryEventMeta: string;

package/es/constants/api.js

@@ -44,8 +44,32 @@ var apis = {
     queryFilter: '/user/queryFilter.jsp',
     //系统设置
     queryNoticeConfig: apiPrefix + '/systemSettings/queryNoticeSettings',
-    editNoticeConfig: apiPrefix + '/systemSettings/setNoticeSettings'
+    editNoticeConfig: apiPrefix + '/systemSettings/setNoticeSettings',
+    // 部门管理
+    queryDeptList: '/zg/web/v2/company/setting/queryDeptList',
+    addDept: '/zg/web/v2/company/setting/addDept',
+    updateDept: '/zg/web/v2/company/setting/updateDept',
+    deleteDept: '/zg/web/v2/company/setting/deleteDept',
+    // 角色管理
+    queryRolePage: '/zg/web/v2/company/setting/queryRolePage',
+    queryRoleDetails: '/zg/web/v2/company/setting/queryRoleDetails',
+    queryRoleDataConfig: '/zg/web/v2/company/setting/queryRoleDataConfig',
+    queryRoleMenuTree: '/zg/web/v2/company/setting/queryRoleMenuTree',
+    queryRoleUser: '/zg/web/v2/company/setting/queryRoleUser',
+    addRole: '/zg/web/v2/company/setting/addRole',
+    updateRole: '/zg/web/v2/company/setting/updateRole',
+    deleteRole: '/zg/web/v2/company/setting/deleteRole',
+    // 成员管理
+    queryUserPage: '/zg/web/v2/company/setting/queryUserPage',
+    queryRoleListByUserId: '/zg/web/v2/company/setting/queryRoleListByUserId',
+    queryDeptListByUserId: '/zg/web/v2/company/setting/queryDeptListByUserId',
+    queryCompanyUserDetailsParam: '/zg/web/v2/company/setting/queryCompanyUserDetailsParam',
+    addCompanyUser: '/zg/web/v2/company/setting/addCompanyUser',
+    updateCompanyUser: '/zg/web/v2/company/setting/updateCompanyUser',
+    delCompanyUser: '/zg/web/v2/company/setting/delCompanyUser',
+    updateCompanyUserStatus: '/zg/web/v2/company/setting/updateCompanyUserStatus' // 修改状态
   },
+
   eventMeta: {
     queryEventMeta: '/zg/web/v2/data/queryEventMetasOfGroup'
   },

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

@@ -325,7 +325,7 @@ var appList = function appList(props) {
     }
   }, "\u65B0\u5EFA\u5E94\u7528")), /*#__PURE__*/React.createElement(BizDialog, {
     title: "\u65B0\u5EFA\u5E94\u7528",
-    visible: createdAppPanel,
+    open: createdAppPanel,
     closable: true,
     onOk: function onOk() {
       onCreateConfirm();
@@ -355,7 +355,7 @@ var appList = function appList(props) {
     size: "large"
   }))), /*#__PURE__*/React.createElement("p", null, "\u65E0\u9700\u4E3A\u4E00\u4E2A\u4EA7\u54C1\u7684\u4E0D\u540C\u5E73\u53F0\u521B\u5EFA\u591A\u4E2A\u5E94\u7528\uFF0C\u63A8\u8350\u60A8\u4F7F\u7528\u4EA7\u54C1\u540D\u79F0"), /*#__PURE__*/React.createElement("p", null, "\u547D\u540D\u5E94\u7528\u540D, \u5982\u3010", zgText, "\u3011\u800C\u975E\u3010", zgText, " IOS\u7248\u3011"))), /*#__PURE__*/React.createElement(BizDialog, {
     title: "\u5220\u9664\u5E94\u7528",
-    visible: delPanelState,
+    open: delPanelState,
     closable: true,
     onOk: function onOk() {
       setDelPanelState(false);

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

@@ -139,9 +139,9 @@ var Cost = function Cost(props) {
   }, [accountEvents]);
   return /*#__PURE__*/React.createElement("div", {
     className: "company-setting-cost"
-  }, ready ? ENVIRONMENT != 'saas' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h5", null, "\u6982\u51B5"), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "\u5F53\u524D\u4F7F\u7528\u5468\u671F"), /*#__PURE__*/React.createElement("th", null, "\u5F53\u524D\u5E94\u7528\u6570"), /*#__PURE__*/React.createElement("th", null, "\u989D\u5B9A\u5E94\u7528\u6570"), /*#__PURE__*/React.createElement("th", null, "\u5F53\u524D\u4E8B\u4EF6\u91CF"), /*#__PURE__*/React.createElement("th", null, "\u989D\u5B9A\u4E8B\u4EF6\u603B\u91CF"), /*#__PURE__*/React.createElement("th", null, "\u5408\u540C\u671F\u5185\u4E8B\u4EF6\u91CF"))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, overview.length ? overview.map(function (item) {
+  }, ready ? ENVIRONMENT != 'saas' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h5", null, "\u6982\u51B5"), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "\u5F53\u524D\u4F7F\u7528\u5468\u671F"), /*#__PURE__*/React.createElement("th", null, "\u5F53\u524D\u5E94\u7528\u6570"), /*#__PURE__*/React.createElement("th", null, "\u989D\u5B9A\u5E94\u7528\u6570"), /*#__PURE__*/React.createElement("th", null, "\u5F53\u524D\u4E8B\u4EF6\u91CF"), /*#__PURE__*/React.createElement("th", null, "\u989D\u5B9A\u4E8B\u4EF6\u603B\u91CF"), /*#__PURE__*/React.createElement("th", null, "\u5408\u540C\u671F\u5185\u4E8B\u4EF6\u91CF"))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, overview.length ? overview.map(function (item, index) {
     return /*#__PURE__*/React.createElement("td", {
-      key: item
+      key: index
     }, item);
   }) : /*#__PURE__*/React.createElement("td", {
     colSpan: 6

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+declare const DepartmentList: React.FC<{
+    companyId: number;
+    closeCreateCallback: () => void;
+}>;
+export default DepartmentList;

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

@@ -0,0 +1,356 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import './index.less';
+import util from './../../../utils/util';
+import { Button, Form, Input, Spin, TreeSelect, notification } from 'antd';
+import moment from 'moment';
+import { BizTable, BizDialog, BizSelect, IconFont } from '@zgfe/business-lib';
+import { addDept, deleteDept, getGroupMembers, queryDeptList, updateDept } from '../../../requests/department';
+var DepartmentList = function DepartmentList(props) {
+  var _departmentList$, _departmentList$2;
+  var closeCreateCallback = props.closeCreateCallback;
+  // 弹窗
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    createdAppPanel = _useState2[0],
+    setCreatedAppPanel = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    createAppLoading = _useState4[0],
+    setCreateAppLoading = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    delPanelState = _useState6[0],
+    setDelPanelState = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  // 初始数据
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    name = _useState10[0],
+    setName = _useState10[1];
+  var _useState11 = useState({
+      id: -1,
+      name: '',
+      parentId: -1,
+      deptBoss: '',
+      children: []
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    formParams = _useState12[0],
+    setFormParams = _useState12[1];
+  // 下拉数据
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    departmentList = _useState14[0],
+    setDepartmentList = _useState14[1];
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    allMembers = _useState16[0],
+    setAllMembers = _useState16[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  useEffect(function () {
+    if (createdAppPanel || delPanelState) return;
+    setLoading(true);
+    // 请求部门列表数据
+    queryDeptList({
+      name: name
+    }).then(function (res) {
+      if (res && (res === null || res === void 0 ? void 0 : res.data) && res.code === '101000') {
+        var app = util.convertData(res === null || res === void 0 ? void 0 : res.data, name);
+        setLoading(false);
+        setDepartmentList(app);
+      } else {
+        setTimeout(function () {
+          setLoading(false);
+        }, 2000);
+      }
+    }).catch(function (err) {
+      setDepartmentList([]);
+      console.error(err);
+    });
+    if (name) return;
+    // 请求负责人数据
+    getGroupMembers().then(function (res) {
+      var result = res; // 使用类型断言将返回的数据转换为ApiResult<void>
+      if (result && (result === null || result === void 0 ? void 0 : result.company_members)) {
+        setAllMembers(((result === null || result === void 0 ? void 0 : result.company_members) || []).map(function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            value: item.email,
+            label: item.email
+          });
+        }));
+      } else {
+        setAllMembers([]);
+      }
+    }).catch(function (err) {
+      setAllMembers([]);
+      console.error(err);
+    });
+  }, [createdAppPanel, delPanelState, name]);
+  // 列表数据
+  var columns = [{
+    title: '部门名称',
+    dataIndex: 'name',
+    with: 334
+  }, {
+    title: '负责人',
+    with: 334,
+    render: function render(data) {
+      var _data$deptBoss;
+      return data === null || data === void 0 ? void 0 : (_data$deptBoss = data.deptBoss) === null || _data$deptBoss === void 0 ? void 0 : _data$deptBoss.replace(/,/g, '、');
+    }
+  }, {
+    title: '创建时间',
+    with: 334,
+    render: function render(data) {
+      return moment(data === null || data === void 0 ? void 0 : data.createdTime).format('YYYY-MM-DD HH:mm:ss');
+    }
+  }, {
+    title: '操作',
+    with: 150,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "operating"
+      }, data.parentId !== 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          return toAppSetting(data);
+        }
+      }, "\u7F16\u8F91"), /*#__PURE__*/React.createElement("a", {
+        onClick: function onClick() {
+          return showDelPanel(data);
+        }
+      }, "\u5220\u9664")));
+    }
+  }];
+  // 打开编辑弹窗
+  var toAppSetting = function toAppSetting(data) {
+    var _data$deptBoss$split;
+    form.setFieldsValue(_objectSpread(_objectSpread({}, data), {}, {
+      parentId: data.parentId,
+      deptBoss: data.deptBoss ? (_data$deptBoss$split = data.deptBoss.split(',')) === null || _data$deptBoss$split === void 0 ? void 0 : _data$deptBoss$split.map(function (item) {
+        return {
+          label: item,
+          value: item
+        };
+      }) : []
+    }));
+    setCreatedAppPanel(true);
+    setFormParams(_objectSpread(_objectSpread({}, data), {}, {
+      children: data.children
+    }));
+  };
+  // 打开删除弹窗
+  var showDelPanel = function showDelPanel(data) {
+    setFormParams(_objectSpread(_objectSpread({}, data), {}, {
+      children: data.children
+    }));
+    setDelPanelState(true);
+  };
+  // 删除
+  var onDelConfirm = function onDelConfirm() {
+    var params = {
+      ids: util.getAllIds(formParams)
+    };
+    deleteDept(params).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.code) === '101000') {
+        notification.success({
+          message: '删除成功'
+        });
+        setDelPanelState(false);
+      }
+    }).catch(function (err) {
+      setDelPanelState(false);
+      notification.error({
+        message: '删除失败,请重试'
+      });
+      console.error(err);
+    });
+  };
+  // 编辑||创建
+  var onFinish = function onFinish() {
+    setCreateAppLoading(true);
+    var msg = '';
+    var params = {
+      deptBoss: formParams.deptBoss,
+      parentId: formParams.parentId,
+      id: formParams.id === -1 ? null : formParams.id,
+      name: formParams.name
+    };
+    (formParams.id === -1 ? addDept : updateDept)(params).then(function (res) {
+      if (!res) return;
+      setCreatedAppPanel(false);
+      setCreateAppLoading(false);
+      // 通知数据刷新
+      msg = formParams.id === -1 ? '创建成功' : '编辑成功';
+      notification.success({
+        message: msg
+      });
+    }).catch(function () {
+      setCreateAppLoading(false);
+      notification.error({
+        message: formParams.id === -1 ? '创建失败,请重试' : '编辑失败,请重试'
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "department-list"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(IconFont, {
+      type: "sousuo"
+    }),
+    onChange: function onChange(e) {
+      var _e$target, _e$target$value;
+      setName(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$value = _e$target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.trim());
+    },
+    style: {
+      width: '264px',
+      marginBottom: '24px'
+    },
+    placeholder: '请输入部门名称'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "app-list-head"
+  }, /*#__PURE__*/React.createElement("div", null, "\u90E8\u95E8\u5217\u8868", name), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      setCreatedAppPanel(true);
+      setFormParams({
+        id: -1,
+        name: '',
+        parentId: -1,
+        deptBoss: '',
+        children: []
+      });
+      form.resetFields();
+    }
+  }, "\u65B0\u589E\u90E8\u95E8")), /*#__PURE__*/React.createElement(BizDialog, {
+    title: formParams.id === -1 ? '新增部门' : '编辑部门',
+    open: createdAppPanel,
+    width: 520,
+    closable: true,
+    onOk: function onOk() {
+      form.submit();
+    },
+    onCancel: function onCancel() {
+      setCreatedAppPanel(false);
+      closeCreateCallback && closeCreateCallback();
+    },
+    confirmLoading: createAppLoading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "department-dialog-content"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    onFinish: onFinish,
+    colon: false,
+    scrollToFirstError: true,
+    onValuesChange: function onValuesChange(value) {
+      var _value$name;
+      if (value === null || value === void 0 ? void 0 : (_value$name = value.name) === null || _value$name === void 0 ? void 0 : _value$name.trim()) {
+        setFormParams(_objectSpread(_objectSpread({}, formParams), {}, {
+          name: value === null || value === void 0 ? void 0 : value.name
+        }));
+      } else if (value === null || value === void 0 ? void 0 : value.parentId) {
+        setFormParams(_objectSpread(_objectSpread({}, formParams), {}, {
+          parentId: value === null || value === void 0 ? void 0 : value.parentId
+        }));
+      } else {
+        var _value$deptBoss;
+        var obj = value === null || value === void 0 ? void 0 : (_value$deptBoss = value.deptBoss) === null || _value$deptBoss === void 0 ? void 0 : _value$deptBoss.map(function (item) {
+          return item.email;
+        });
+        setFormParams(_objectSpread(_objectSpread({}, formParams), {}, {
+          deptBoss: obj === null || obj === void 0 ? void 0 : obj.join(',')
+        }));
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'parentId',
+    label: "\u4E0A\u7EA7\u90E8\u95E8",
+    rules: [{
+      required: true,
+      message: '请选择上级部门'
+    }]
+  }, /*#__PURE__*/React.createElement(TreeSelect, {
+    placeholder: "\u8BF7\u9009\u62E9\u4E0A\u7EA7\u90E8\u95E8",
+    treeData: departmentList
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'name',
+    label: "\u90E8\u95E8\u540D\u79F0",
+    rules: [{
+      required: true,
+      message: '请输入部门名称'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    maxLength: 50,
+    placeholder: '请输入部门名称'
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: 'deptBoss',
+    label: "\u8D1F\u8D23\u4EBA",
+    rules: [{
+      required: true,
+      message: '请选择负责人'
+    }]
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "label-group",
+    options: allMembers,
+    multiple: true,
+    placeholder: '请选择负责人',
+    labelField: "label",
+    keyField: "value"
+  }))))), /*#__PURE__*/React.createElement(BizDialog, {
+    title: "\u5220\u9664\u5E94\u7528",
+    open: delPanelState,
+    closable: true,
+    onOk: function onOk() {
+      setDelPanelState(false);
+      onDelConfirm();
+    },
+    onCancel: function onCancel() {
+      setDelPanelState(false);
+    }
+  }, "\u786E\u8BA4\u8981\u5220\u9664\u5F53\u524D\u90E8\u95E8\u5417?"), /*#__PURE__*/React.createElement("div", {
+    className: "department-list-content"
+  }, ((_departmentList$ = departmentList[0]) === null || _departmentList$ === void 0 ? void 0 : _departmentList$.defaultRowKeys.length) > 0 && !name ? /*#__PURE__*/React.createElement(BizTable, {
+    rowKey: "key",
+    dataSource: departmentList,
+    expandable: {
+      defaultExpandedRowKeys: (_departmentList$2 = departmentList[0]) === null || _departmentList$2 === void 0 ? void 0 : _departmentList$2.defaultRowKeys
+    },
+    columns: columns,
+    scroll: {
+      x: 1000,
+      y: 550
+    },
+    pagination: false
+  }) : null, name ? /*#__PURE__*/React.createElement(BizTable, {
+    rowKey: "key",
+    dataSource: departmentList,
+    expandable: {
+      defaultExpandAllRows: true
+    },
+    scroll: {
+      x: 1000,
+      y: 550
+    },
+    columns: columns,
+    pagination: false
+  }) : null)));
+};
+export default DepartmentList;

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

@@ -0,0 +1,104 @@
+@import './../../../constants/icons/iconfont.css';
+
+.department-list {
+  .ant-form-item {
+    .ant-form-item-control-input {
+      width: 392px;
+      height: 32px;
+    }
+  }
+
+  .ant-input {
+    border-color: @background-color-base !important;
+
+    &:focus {
+      border-color: @primary-color !important;
+    }
+  }
+
+  .ant-table-cell {
+    height: 50px;
+  }
+
+  .ant-table-row-indent + .ant-table-row-expand-icon {
+    margin-top: 0;
+  }
+
+  height: 100%;
+  padding: 0;
+  overflow: auto;
+
+  .app-list-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    > div {
+      color: var(--io-n, #021429);
+      font-weight: 500;
+      font-size: 16px;
+      font-family: PingFang SC;
+      font-style: normal;
+      line-height: 24px;
+      /* 150% */
+    }
+  }
+  .platform-icons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+
+    span {
+      margin-right: 10px;
+      color: #cfcfcf;
+      font-size: 16px;
+    }
+  }
+
+  .department-list-content {
+    margin-top: 16px;
+    .c-grid-cell,
+    .c-grid-header-cell {
+      text-align: left !important;
+      border: none;
+      border-bottom: 1px solid #d1d1d1;
+    }
+
+    .c-grid-cell {
+      text-align: left !important;
+    }
+
+    .c-grid-body .c-grid-row:nth-child(2n) {
+      background: #fff !important;
+    }
+
+    .app-name {
+      cursor: pointer;
+
+      &:hover {
+        color: #00a0ea;
+      }
+    }
+
+    .operating {
+      display: flex;
+      gap: 16px;
+    }
+  }
+}
+
+.department-dialog-content {
+  .ant-input {
+    border-color: @background-color-base !important;
+
+    &:focus {
+      border-color: @primary-color !important;
+    }
+  }
+  color: #5f6085;
+  .ant-form-item-label {
+    width: 80px;
+    text-align: right;
+  }
+}