增加业绩报表-合同明细-开票明细入口

.vscode/launch.json

@@ -45,7 +45,7 @@
             "-g postgres://FashionAdmin:123456@10.8.30.36:5432/data_center",
             "--redisHost localhost",
             "--redisPort 6379",
-            "--apiEmisUrl http://localhost:14000",
+            "--apiEmisUrl http://10.8.30.161:1111",
             // 镇江研发结束
             // 测试
             "--qnak XuDgkao6cL0HidoMAPnA5OB10Mc_Ew08mpIfRJK5",

web/client/src/layout/components/header/contant.js

@@ -7,6 +7,12 @@ const headerItems = [{
         itemKey: "pmReport",
         text: "项目报表",
         to: "/businessManagement/pmReport/reserveItemsReporting"
+    }, {
+        fatherKey: "authCenter",
+        openKey: "performanceReport",
+        itemKey: "performanceReport",
+        text: "业绩报表",
+        to: "/businessManagement/performanceReport/contractDetails"
     }]
 }]
 

web/client/src/sections/business/containers/index.js

@@ -4,10 +4,14 @@ import ReserveItemsReporting from './reserveItemsReporting';
 import ReserveItemsPeriodicStatistics from './reserveItemsPeriodicStatistics';
 import ReserveItemsDepSummary from './reserveItemsDepSummary';
 import ReserveItemsLostStatistics from './reserveItemsLostStatistics';
+import ContractDetails from './performanceReport/contractDetails';
+import InvoicingDetails from './performanceReport/invoicingDetails';
 
 export {
     ReserveItemsReporting,
     ReserveItemsPeriodicStatistics,
     ReserveItemsDepSummary,
-    ReserveItemsLostStatistics
+    ReserveItemsLostStatistics,
+    ContractDetails,
+    InvoicingDetails
 };

web/client/src/sections/business/containers/performanceReport/contractDetails.jsx

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { Table } from '@douyinfe/semi-ui';
+import '../../style.less';
+
+const ContractDetails = (props) => {
+
+    const columns = [
+        {
+            title: '序号',
+            dataIndex: 'index',
+            render: (text, record, index) => index + 1
+        },
+    ];
+    const data = [];
+    return (
+        <>
+            <div style={{ padding: '0px 12px' }}>
+                <div style={{ display: 'flex' }}>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业务管理</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业绩报表</div>
+                    <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: '#033C9A', fontSize: 14 }}>合同明细表</div>
+                </div>
+                <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px ', marginTop: 9 }}>
+                    <Table columns={columns} dataSource={data} pagination={false} />
+                </div>
+
+            </div>
+        </>
+    )
+}
+
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(ContractDetails);

web/client/src/sections/business/containers/performanceReport/invoicingDetails.jsx

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { Table } from '@douyinfe/semi-ui';
+import '../../style.less';
+
+const InvoicingDetails = (props) => {
+
+    const columns = [
+        {
+            title: '序号',
+            dataIndex: 'index',
+            render: (text, record, index) => index + 1
+        },
+    ];
+    const data = [];
+    return (
+        <>
+            <div style={{ padding: '0px 12px' }}>
+                <div style={{ display: 'flex' }}>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业务管理</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: 'rgba(0,0,0,0.45)', fontSize: 14 }}>业绩报表</div>
+                    <div style={{ color: '#033C9A', fontSize: 14, margin: '0px 8px' }}>/</div>
+                    <div style={{ color: '#033C9A', fontSize: 14 }}>开票明细表</div>
+                </div>
+                <div style={{ background: '#FFFFFF', boxShadow: '0px 0px 12px 2px rgba(220,222,224,0.2)', borderRadius: 2, padding: '20px ', marginTop: 9 }}>
+                    <Table columns={columns} dataSource={data} pagination={false} />
+                </div>
+
+            </div>
+        </>
+    )
+}
+
+
+function mapStateToProps(state) {
+    const { auth, global } = state;
+    return {
+        user: auth.user,
+        actions: global.actions,
+    };
+}
+
+export default connect(mapStateToProps)(InvoicingDetails);

web/client/src/sections/business/nav-item.jsx

@@ -26,6 +26,18 @@ export function getNavItem(user, dispatch) {
                         itemKey: 'reserveItemsLostStatistics',
                         to: '/businessManagement/pmReport/reserveItemsLostStatistics', text: '储备项目丢单统计表'
                     }]
+                },{
+                    itemKey: 'performanceReport',
+                    text: '业绩报表',
+                    icon: <iconpark-icon style={{ width: 20, height: 20 }} name="iconcbzhongceng"></iconpark-icon>,
+                    to: '/businessManagement/performanceReport/contractDetails',
+                    items: [{
+                        itemKey: 'contractDetails',
+                        to: '/businessManagement/performanceReport/contractDetails', text: '合同明细表'
+                    }, {
+                        itemKey: 'invoicingDetails',
+                        to: '/businessManagement/performanceReport/invoicingDetails', text: '开票明细表'
+                    }]
                 }]
             },
         ]

web/client/src/sections/business/routes.js

@@ -1,5 +1,6 @@
 import {
-    ReserveItemsReporting, ReserveItemsPeriodicStatistics, ReserveItemsDepSummary,ReserveItemsLostStatistics
+    ReserveItemsReporting, ReserveItemsPeriodicStatistics, ReserveItemsDepSummary, ReserveItemsLostStatistics,
+    ContractDetails, InvoicingDetails
 } from './containers';
 
 export default [{
@@ -35,6 +36,22 @@ export default [{
                     breadcrumb: '储备项目丢单统计表',
                     component: ReserveItemsLostStatistics
                 }]
+            },
+            {
+                path: '/performanceReport',
+                key: 'performanceReport',
+                breadcrumb: '业绩报表',
+                childRoutes: [{
+                    path: '/contractDetails',
+                    key: 'contractDetails',
+                    component: ContractDetails,
+                    breadcrumb: '合同明细表'
+                }, {
+                    path: '/invoicingDetails',
+                    key: 'invoicingDetails',
+                    breadcrumb: '开票明细表',
+                    component: InvoicingDetails
+                }]
             }]
     }
 }];