@zgfe/modules-settings 2.0.0-zhongyuan.8 → 2.1.0-zhongyuan-set.1

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

@@ -1,239 +1,239 @@
-@import '../../../constants/icons/iconfont.css';
-.main-part {
-  padding: 0 24px;
-  &-form {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    padding: 16px 0;
-
-    .biz-select-handle-input {
-      width: 104px;
-    }
-
-    .ant-form-item-label > label {
-      color: #021429;
-      font-weight: 500;
-      font-size: 16px;
-    }
-
-    .ant-form-item-label > label::after {
-      content: '';
-    }
-
-    &-item {
-      display: flex;
-      gap: 4px;
-      align-items: center;
-      justify-content: center;
-
-      h3 {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &-form-content {
-    .ant-form-item-label > label::after {
-      content: '';
-    }
-  }
-
-  &-operate {
-    display: flex;
-    gap: 16px;
-    justify-content: flex-start;
-  }
-
-  &-create-btn {
-    background: #d0dfff;
-    border-color: #d0dfff;
-  }
-
-  &-create-btn:hover {
-    background: #d0dfff;
-    border-color: #d0dfff;
-  }
-
-  &-input-150 {
-    width: 150px;
-  }
-
-  &-content-flex {
-    display: flex;
-  }
-
-  &-main-type {
-    display: flex;
-    gap: 0 10px;
-  }
-
-  &-desc-color {
-    color: #9aa1a9;
-  }
-
-  &-drawer {
-    .ant-drawer-header-title {
-      flex-direction: row-reverse;
-    }
-  }
-
-  &-popover {
-    padding: 12px 8px;
-
-    &-header {
-      display: flex;
-      justify-content: space-between;
-      padding: 0 0 26px 0;
-    }
-
-    &-content {
-      display: flex;
-      flex-direction: column;
-      gap: 16px;
-      justify-content: center;
-
-      &-item {
-        display: flex;
-        gap: 24px;
-        align-items: center;
-        padding: 18px 24px;
-        background: #f5f9ff;
-        border: 1px solid #e8edff;
-        border-radius: 12px;
-      }
-
-      &-text {
-        width: 370px;
-
-        h4 {
-          color: var(--io-N-, #021429);
-          font-weight: 500;
-          font-size: 14px;
-          font-family: 'PingFang SC';
-          font-style: normal;
-        }
-
-        span {
-          color: var(--io-N6-, #67727f);
-          font-weight: 400;
-          font-size: 12px;
-          font-family: 'PingFang SC';
-          font-style: normal;
-          line-height: 150%; /* 18px */
-        }
-      }
-
-      .img1 {
-        width: 48px;
-        height: 48px;
-        background: url('./images/img1.png') no-repeat;
-        background-size: cover;
-      }
-
-      .img2 {
-        width: 48px;
-        height: 48px;
-        background: url('./images/img2.svg') no-repeat;
-        background-size: cover;
-      }
-    }
-
-    &-mounted {
-      .ant-popover-inner {
-        border-radius: 10px !important;
-      }
-
-      .ant-popover-arrow {
-        left: 11px !important;
-      }
-    }
-  }
-
-  &-biz-detail {
-    background: #f5f5f5;
-    > :nth-child(1) {
-      padding-left: 24px;
-      background: #fff;
-    }
-    .cdp-biz-detail-tabs {
-      > :nth-child(1) {
-        padding-left: 24px;
-      }
-    }
-    .biz-detail-content {
-      margin: 16px;
-      padding: 0 !important;
-    }
-  }
-
-  &-platform {
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    justify-content: flex-start;
-  }
-
-  &-modal {
-    .ant-input-textarea {
-      position: relative;
-
-      &::after {
-        position: absolute;
-        right: 10px;
-        bottom: 23px;
-        float: none;
-      }
-    }
-
-    .ant-modal-body {
-      padding: 24px !important;
-    }
-
-    .ant-modal-confirm-body .ant-modal-confirm-title {
-      color: #000;
-      font-size: 24px;
-      line-height: 24px;
-    }
-
-    .ant-modal-confirm-body .ant-modal-confirm-content {
-      margin-top: 0;
-      padding-top: 24px;
-    }
-
-    .ant-modal-close {
-      padding-top: 8px;
-      padding-right: 6px;
-
-      &-x {
-        color: #021429;
-        font-size: 24px;
-      }
-    }
-  }
-
-  &-disabled,
-  &-disabled:hover,
-  &-disabled:focus {
-    color: #fff !important;
-    background: var(--io-i2-, #d0dfff) !important;
-    border: 1px solid #d0dfff !important;
-    cursor: not-allowed !important;
-  }
-
-  &-a-disabled,
-  &-a-disabled:hover,
-  &-a-disabled:focus {
-    color: #9aa1a9;
-    cursor: not-allowed !important;
-  }
-
-  .ant-btn-primary[disabled],
-  .ant-btn-primary[disabled]:hover,
-  .ant-btn-primary[disabled]:focus,
-  .ant-btn-primary[disabled]:active {
-    color: #fff;
-    background: var(--io-i2-, #d0dfff);
-    border: 1px solid #d0dfff;
-  }
-}
+@import '../../../constants/icons/iconfont.css';
+.main-part {
+  padding: 0 24px;
+  &-form {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    padding: 16px 0;
+
+    .biz-select-handle-input {
+      width: 104px;
+    }
+
+    .ant-form-item-label > label {
+      color: #021429;
+      font-weight: 500;
+      font-size: 16px;
+    }
+
+    .ant-form-item-label > label::after {
+      content: '';
+    }
+
+    &-item {
+      display: flex;
+      gap: 4px;
+      align-items: center;
+      justify-content: center;
+
+      h3 {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &-form-content {
+    .ant-form-item-label > label::after {
+      content: '';
+    }
+  }
+
+  &-operate {
+    display: flex;
+    gap: 16px;
+    justify-content: flex-start;
+  }
+
+  &-create-btn {
+    background: #d0dfff;
+    border-color: #d0dfff;
+  }
+
+  &-create-btn:hover {
+    background: #d0dfff;
+    border-color: #d0dfff;
+  }
+
+  &-input-150 {
+    width: 150px;
+  }
+
+  &-content-flex {
+    display: flex;
+  }
+
+  &-main-type {
+    display: flex;
+    gap: 0 10px;
+  }
+
+  &-desc-color {
+    color: #9aa1a9;
+  }
+
+  &-drawer {
+    .ant-drawer-header-title {
+      flex-direction: row-reverse;
+    }
+  }
+
+  &-popover {
+    padding: 12px 8px;
+
+    &-header {
+      display: flex;
+      justify-content: space-between;
+      padding: 0 0 26px 0;
+    }
+
+    &-content {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      justify-content: center;
+
+      &-item {
+        display: flex;
+        gap: 24px;
+        align-items: center;
+        padding: 18px 24px;
+        background: #f5f9ff;
+        border: 1px solid #e8edff;
+        border-radius: 12px;
+      }
+
+      &-text {
+        width: 370px;
+
+        h4 {
+          color: var(--io-N-, #021429);
+          font-weight: 500;
+          font-size: 14px;
+          font-family: 'PingFang SC';
+          font-style: normal;
+        }
+
+        span {
+          color: var(--io-N6-, #67727f);
+          font-weight: 400;
+          font-size: 12px;
+          font-family: 'PingFang SC';
+          font-style: normal;
+          line-height: 150%; /* 18px */
+        }
+      }
+
+      .img1 {
+        width: 48px;
+        height: 48px;
+        background: url('./images/img1.png') no-repeat;
+        background-size: cover;
+      }
+
+      .img2 {
+        width: 48px;
+        height: 48px;
+        background: url('./images/img2.svg') no-repeat;
+        background-size: cover;
+      }
+    }
+
+    &-mounted {
+      .ant-popover-inner {
+        border-radius: 10px !important;
+      }
+
+      .ant-popover-arrow {
+        left: 11px !important;
+      }
+    }
+  }
+
+  &-biz-detail {
+    background: #f5f5f5;
+    > :nth-child(1) {
+      padding-left: 24px;
+      background: #fff;
+    }
+    .cdp-biz-detail-tabs {
+      > :nth-child(1) {
+        padding-left: 24px;
+      }
+    }
+    .biz-detail-content {
+      margin: 16px;
+      padding: 0 !important;
+    }
+  }
+
+  &-platform {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  &-modal {
+    .ant-input-textarea {
+      position: relative;
+
+      &::after {
+        position: absolute;
+        right: 10px;
+        bottom: 23px;
+        float: none;
+      }
+    }
+
+    .ant-modal-body {
+      padding: 24px !important;
+    }
+
+    .ant-modal-confirm-body .ant-modal-confirm-title {
+      color: #000;
+      font-size: 24px;
+      line-height: 24px;
+    }
+
+    .ant-modal-confirm-body .ant-modal-confirm-content {
+      margin-top: 0;
+      padding-top: 24px;
+    }
+
+    .ant-modal-close {
+      padding-top: 8px;
+      padding-right: 6px;
+
+      &-x {
+        color: #021429;
+        font-size: 24px;
+      }
+    }
+  }
+
+  &-disabled,
+  &-disabled:hover,
+  &-disabled:focus {
+    color: #fff !important;
+    background: var(--io-i2-, #d0dfff) !important;
+    border: 1px solid #d0dfff !important;
+    cursor: not-allowed !important;
+  }
+
+  &-a-disabled,
+  &-a-disabled:hover,
+  &-a-disabled:focus {
+    color: #9aa1a9;
+    cursor: not-allowed !important;
+  }
+
+  .ant-btn-primary[disabled],
+  .ant-btn-primary[disabled]:hover,
+  .ant-btn-primary[disabled]:focus,
+  .ant-btn-primary[disabled]:active {
+    color: #fff;
+    background: var(--io-i2-, #d0dfff);
+    border: 1px solid #d0dfff;
+  }
+}

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

@@ -13,9 +13,10 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useEffect, useState, useContext } from 'react';
 import request from '../../../utils/ajax';
 import apis from '../../../constants/api';
-import { DatePicker, Radio, Table } from 'antd';
+import { DatePicker, Radio, Table, Button, Space } from 'antd';
 import locale from 'antd/es/date-picker/locale/zh_CN';
 import { BizGlobalDataContext } from '@zgfe/business-lib';
+import { DownloadOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import './index.less';
 import { setColumnsList } from './util';
@@ -24,7 +25,8 @@ var OperationLog = function OperationLog() {
   var classPrefix = 'operation-log-page';
   var _useContext = useContext(BizGlobalDataContext),
     authority = _useContext.authority,
-    basicConfig = _useContext.basicConfig;
+    basicConfig = _useContext.basicConfig,
+    showProdDownload = _useContext.showProdDownload;
   var _useState = useState({
       page: 1,
       size: 10,
@@ -139,7 +141,7 @@ var OperationLog = function OperationLog() {
       }, condition)
     }).then(function (res) {
       if (parseInt(res === null || res === void 0 ? void 0 : res.code) == 100000) {
-        var maxDate = res.data[res.data.length - 1] || '';
+        var maxDate = res.data[0] || '';
         setDateRange(res.data);
         setCondition(function () {
           return {
@@ -152,6 +154,16 @@ var OperationLog = function OperationLog() {
       }
     });
   }
+  function exportData() {
+    request(apis.log.exportLog, {
+      method: 'post',
+      data: _objectSpread({
+        type: logType
+      }, condition),
+      responseType: 'blob',
+      fileName: "\u65E5\u5FD7\u4E0B\u8F7D_".concat(moment().format('YYYYMMDD'))
+    }).then(function (res) {});
+  }
   function queryLog() {
     setLoading(true);
     if (!condition.year || !condition.month) return;
@@ -209,7 +221,7 @@ var OperationLog = function OperationLog() {
   }, "\u64CD\u4F5C\u65E5\u5FD7"), /*#__PURE__*/React.createElement(Radio.Button, {
     value: "3",
     disabled: !authority[10104]
-  }, "\u6743\u9650\u7BA1\u7406\u65E5\u5FD7")), condition.year && (/*#__PURE__*/React.createElement(DatePicker, {
+  }, "\u6743\u9650\u7BA1\u7406\u65E5\u5FD7")), /*#__PURE__*/React.createElement(Space, null, condition.year && (/*#__PURE__*/React.createElement(DatePicker, {
     value: moment("".concat(condition.year, "-").concat(condition.month), 'YYYY-MM'),
     picker: "month",
     disabledDate: disabledDate,
@@ -217,7 +229,12 @@ var OperationLog = function OperationLog() {
     onChange: onChangeTime,
     inputReadOnly: true,
     allowClear: false
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), showProdDownload && (/*#__PURE__*/React.createElement(Button, {
+    shape: "circle",
+    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null),
+    size: "middle",
+    onClick: exportData
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-table")
   }, /*#__PURE__*/React.createElement(Table, {
     columns: columns,

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

@@ -1,33 +1,33 @@
-.operation-log-page {
-  display: flex;
-  flex-direction: column;
-  margin-top: 8px;
-
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 30px;
-  }
-
-  &-table {
-    flex: 1;
-    overflow-y: auto;
-  }
-
-  .ant-radio-group {
-    .ant-radio-button-wrapper:first-child {
-      border-radius: 4px 0 0 4px;
-    }
-
-    .ant-radio-button-wrapper:last-child {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-
-  &-columns {
-    width: 120px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}
+.operation-log-page {
+  display: flex;
+  flex-direction: column;
+  margin-top: 8px;
+
+  &-header {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 30px;
+  }
+
+  &-table {
+    flex: 1;
+    overflow-y: auto;
+  }
+
+  .ant-radio-group {
+    .ant-radio-button-wrapper:first-child {
+      border-radius: 4px 0 0 4px;
+    }
+
+    .ant-radio-button-wrapper:last-child {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+
+  &-columns {
+    width: 120px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}