feat: 重新处理报表逻辑

packages/base-components/BasicReport/package.json

@@ -9,7 +9,7 @@
     "*.less"
   ],
   "module": "es/index.js",
-  "main": "lib/index.js",
+  "main": "es/index.js",
   "files": [
     "lib",
     "es",

packages/base-components/BasicReport/src/components/Control.js → packages/base-components/BasicReport/src/ReportsManage/Components/Control.js

@@ -6,7 +6,7 @@
  */
 import React, { useEffect, useState } from 'react';
 import { Input, Select } from 'antd';
-import { reportService } from '../api';
+import { reportService } from '@/api';
 import { returnDefaultValueOrConfigs } from '../utils/utils';
 
 const { Option } = Select;

packages/base-components/BasicReport/src/ReportEditForm.js → packages/base-components/BasicReport/src/ReportsManage/ReportEditForm.js

@@ -7,7 +7,7 @@
 import React, { useEffect, useState } from 'react';
 import { Form, Input, DatePicker, InputNumber, Space, Row, Col, Button, message } from 'antd';
 import moment from 'moment';
-import { submitReportData } from './api/service/report';
+import { submitReportData } from '../api/service/report';
 // 类型
 const DATE_PICKER_ARRAY = ['日期'];
 const DATE_TIME_PICKER_ARRAY = ['日期时刻'];

packages/base-components/BasicReport/src/ReportsManage/ReportsPermissionDelete.js

+import React from 'react';
+import ReportsManage from './ReportsManage';
+
+const ReportsPermissionDelete = (props) => <ReportsManage {...props} state="delete" />;
+export default ReportsPermissionDelete;

packages/base-components/BasicReport/src/ReportsManage/ReportsPermissionScan.js

+import React from 'react';
+import ReportsManage from './ReportsManage';
+
+const ReportsPermissionScan = (props) => <ReportsManage {...props} state="scan" />;
+export default ReportsPermissionScan;

packages/base-components/BasicReport/src/ReportsManage/ReportsSetting.less

+@import '~antd/es/style/themes/default.less';
+
+.reportSettings {
+  //width: 100%;
+  height: 100%;
+
+  .reportFiled {
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    line-height: 1;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    &:hover {
+      color: #1685ff;
+    }
+  }
+
+  .reportDetails {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    padding: 8px;
+
+    .colorSketch {
+      position: absolute;
+      z-index: 1001;
+      width: 100%;
+      height: 100%;
+    }
+
+    :global {
+      .@{ant-prefix}-form-item {
+        margin-bottom: 0 !important;
+      }
+    }
+
+    .tableWrapper {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      overflow: hidden;
+
+      .controlRow {
+        display: flex;
+        flex: 0 0 44px;
+        //justify-content: space-between;
+        align-items: center;
+        height: 44px;
+        margin-bottom: 4px;
+        padding: 6px;
+        background: #ffffff;
+
+        .leftBtn {
+          margin-right: 10px;
+          font-weight: bold;
+          font-size: 18px;
+          cursor: pointer;
+
+          &:hover {
+            color: #1685ff;
+            opacity: 0.8;
+          }
+        }
+      }
+
+      .tableContent {
+        flex: 1;
+        width: 100%;
+        max-height: calc(100% - 44px);
+        padding: 6px;
+        overflow: hidden;
+        background: #ffffff;
+
+        .tableForm {
+          height: 100%;
+        }
+      }
+    }
+  }
+}
+
+.boxShadow {
+  border-color: #40a9ff;
+  border-right-width: 1px;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+.boxShadowOfSwitch {
+  border-right-width: 1px;
+  outline: 0;
+  box-shadow: 0 0 4px 2px rgba(24, 144, 255, 0.6);
+}
+.boxShadowOfSelect {
+  border-right-width: 1px;
+  outline: 0;
+  box-shadow: 0 0 2px 2px rgba(24, 144, 255, 0.2);
+
+  :global {
+    .@{ant-prefix}-select-selector {
+      border-color: #40a9ff !important;
+    }
+  }
+}
+
+.fieldList {
+  cursor: pointer !important;
+
+  &:hover {
+    color: #1685ff;
+  }
+
+  &.active {
+    color: #1685ff;
+  }
+}

packages/base-components/BasicReport/src/ReportsManage/extra/detailsComponent.js

+/**
+ * * 用来动态加载配置的组件功能函数 * create by ChenLong on 2022/7/28 * @Params: url 功能路径，加载需要的业务组件 * onCancel
+ * 从详情组件回到当前功能的函数 * params 其他的必要参数 * 功能路径：src\pages\product\ReportsManage\extra\detailsComponent.js
+ * * 菜单参数列表：*变量名*(变量说明，数据类型，是否必填，取值范围)
+ */
+import React from 'react';
+import { Button } from 'antd';
+
+const DetailsComponent = ({ url, onCancel, params }) => {
+  /*  const BusinessComponent = React.lazy(() => import(`@/pages/${url}`));
+  return <BusinessComponent onCancel={onCancel} {...params} />;*/
+  return <div>弹窗组件在组件中未实现</div>;
+};
+export default DetailsComponent;

packages/base-components/BasicReport/src/ReportsManage/extra/extraComponents.js

+// import AccountPermissionScan from '../../AccountManage/AccountPermissionScan';
+import React from 'react';
+import pic from '../assets/pic.webp';
+const extraComponents = {
+  renderAccount: (props) => {
+    return <div>台账组件</div>;
+  },
+  returnImage: (data) => {
+    return <img width={200} height={200} src={pic} alt={data.alt} />;
+  },
+  default: () => <span>若需要使用弹窗功能，请开发或配置功能函数</span>,
+};
+export default extraComponents;

packages/base-components/BasicReport/src/utils/handlers.js → packages/base-components/BasicReport/src/ReportsManage/utils/handlers.js

-import style from '../index.less';
+import style from '../ReportsManage.less';
 import extraComponents from '../extra/extraComponents';
 import moment from 'moment';
 import { Tag } from 'antd';
@@ -206,5 +206,5 @@ export const handlePageSize = (numStr) => {
 };
 // 处理默认排序
 export const handleSortFields = (sortFields) => {
-  return sortFields && sortFields.split(',');
+  return (sortFields && sortFields.split(',')) || [];
 };

packages/base-components/BasicReport/src/api/constants.js

-export const RESTART_ON_REMOUNT = '@@saga-injector/restart-on-remount';
-export const DAEMON = '@@saga-injector/daemon';
-export const ONCE_TILL_UNMOUNT = '@@saga-injector/once-till-unmount';
-
-export const FILTER_FOLER_REG =
-  /(configs|configuration|framework|iframe|Product|product|productex|project|qrcode|threedimensional|video|widgetconfigs)/;
-
-export const FILTER_FOLER_WEB5 = /(pages)/;
 export const SERVICE_APP_GET_UI_META = 'app.getUIMeta';
 
 export const SERVICE_APP_LOGIN_MODE = {