法务系统

js/admin/legalAffairs.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import '../../css/base.less';
+
+import TopTab from '../component/manageCenter/topTab.jsx';
+import Footer from '../component/manageCenter/bottom.jsx';
+import Content from '../component/manageCenter/legalAffairs/content.jsx';
+
+ReactDOM.render(
+    <div className="wrap clearfix">
+        <TopTab active={'order'}/>
+        <Content />
+        <Footer />
+    </div>,
+    document.getElementById('root')
+)

js/component/manageCenter/legalAffairs/collectioning/index.jsx

@@ -0,0 +1,15 @@
+import React,{Component} from "react";
+
+class Collectioningn extends Component{
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <div>1</div>
+        )
+    }
+}
+
+export default Collectioningn;

js/component/manageCenter/legalAffairs/content.jsx

@@ -0,0 +1,68 @@
+import React, { Component } from 'react';
+import '../content.less';
+import './content.less';
+import LeftTab from '../leftTab';
+import { getMenu } from '../publicMenu.js'
+
+
+class Content extends Component {
+  constructor() {
+    super();
+    this.state = {
+      loading: false,
+      component: <div></div>,
+    };
+  }
+  componentWillMount() {
+    var ids = window.location.href.indexOf('rid=');
+    var idk = window.location.href.substr(ids + 4);
+    var rid = idk.split('#');
+    let menu = getMenu(rid);
+    let curry;
+    if (menu[0].subMenus.length > 0) {
+      curry = menu[0].subMenus[0].url.split('#');
+    } else {
+      curry = menu[0].url.split('#');
+    };
+    if (window.location.hash) {
+      this.getKey(window.location.hash.substr(1));
+    } else {
+      this.getKey(curry[1]);
+    };
+  }
+  getKey(key) {
+    switch (key) {
+      //法务催收中
+      case "collectioningn":
+        require.ensure([], () => {
+          const Collectioningn = require("./collectioning")
+            .default;
+          this.setState({
+            component: <Collectioningn />,
+          });
+        });
+        break;
+      //订单新增空白
+      default:
+        require.ensure([], () => {
+          const Module = require("../module").default;
+          this.setState({
+            component: <Module />,
+          });
+        });
+    };
+    window.location.hash = key;
+  }
+  render() {
+    return (
+      <div className="manage-content">
+        <LeftTab handlekey={this.getKey.bind(this)} />
+        <div className="content-right">
+          {this.state.component}
+        </div>
+      </div>
+    )
+  }
+}
+
+export default Content;

js/component/manageCenter/legalAffairs/content.less

@@ -0,0 +1,102 @@
+.user-content {
+    background: #fff;
+    padding: 20px;
+    .content-title {
+        color: #333;
+        font-size: 16px;
+    }
+    .user-search {
+        margin: 10px 0;
+        >input {
+            width: 140px;
+        }
+        >input,
+        >button,
+        .ant-select {
+            margin-top: 10px;
+            margin-right: 10px;
+        }
+        .ant-switch {
+            margin-left: 10px;
+        }
+        .search-more {
+            margin: 10px 0;
+        }
+        .search-div {
+            display: inline-block;
+            margin-top: 10px;
+            margin-right: 10px;
+        }
+    }
+}
+
+.ant-modal-body {
+    .modal-box {
+        overflow: hidden;
+        line-height: 28px;
+        margin-bottom: 10px;
+        .modal-box-title {
+            float: left;
+            width: 84px;
+            text-align: right;
+            margin-right: 20px;
+        }
+        .modal-box-detail {
+            float: left;
+            width: 400px;
+            >span {
+                margin-right: 6px;
+            }
+        }
+        >button {
+            margin-right: 20px;
+        }
+    }
+}
+
+.no-all-select {
+    .ant-table-selection {
+        .ant-checkbox {
+            display: none;
+        }
+    }
+}
+.addButton{float: right;margin-right: 50px!important;}
+
+.tip{
+	color: red;
+	font-size: 12px;
+}
+.division{
+	margin: 0 auto;
+	margin-top: 25px;
+	width: 80%;
+}
+
+.fa{
+	display: flex;
+	justify-content: space-around;
+}
+
+// .ant-upload-select{
+// 	vertical-align: top;
+// }
+
+.ant-upload.ant-upload-select{
+	vertical-align: top;
+}
+
+.ant-upload-list-item{
+	font-size: 14px;
+}
+.ant-modal-close-x {
+    display: block;
+    font-style: normal;
+    text-align: center;
+    text-transform: none;
+    text-rendering: auto;
+    width: 22px;
+    height: 23px;
+    line-height: 28px;
+    font-size: 21px;
+}

js/component/manageCenter/order/content.jsx

@@ -60,6 +60,15 @@ class Content extends Component {
           });
         });
         break;
+        //催款记录
+      case "pressMoney":
+        require.ensure([], () => {
+          const PressMoney = require("./pressMoney").default;
+          this.setState({
+            component: <PressMoney />,
+          });
+        });
+        break;
       //订单审核新
       case "examine":
         require.ensure([], () => {

js/component/manageCenter/order/pressMoney/index.jsx

@@ -0,0 +1,148 @@
+import React,{Component} from "react";
+import TabelContent from "../../../common/tabelContent";
+import {Button} from "antd";
+
+class PressMoney extends Component{
+    constructor(props) {
+        super(props);
+        this.state={
+            columns: [
+                {
+                    title: "序号",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "合同编号",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 200,
+                },
+                {
+                    title: "客户名称",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 200,
+                },
+                {
+                    title: "订单负责人",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "订单部门",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "签单金额（万元）",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "已收款（万元）",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "应收款（万元）",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "欠款（万元）",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "催款启动日期",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "自动移交法务（天）",
+                    dataIndex: "key",
+                    key: "key",
+                    width: 120,
+                },
+                {
+                    title: "操作",
+                    dataIndex: "id",
+                    key: "id",
+                    render: (text, record, index) => {
+                        return (
+                            <div>
+                                <Button
+                                    type="primary"
+                                    style={{marginRight: "10px",}}
+                                    onClick={e => {
+                                        e.stopPropagation();
+                                    }}
+                                >
+                                    移交法务
+                                </Button>
+                                <Button
+                                    type="primary"
+                                    style={{marginRight: "10px",}}
+                                    onClick={e => {
+                                        e.stopPropagation();
+                                    }}
+                                >
+                                    催款记录
+                                </Button>
+                                <Button
+                                    type="primary"
+                                    style={{marginRight: "10px",}}
+                                    onClick={e => {
+                                        e.stopPropagation();
+                                    }}
+                                >
+                                    法务记录
+                                </Button>
+                            </div>
+                        )
+                    }
+                }
+            ],
+            searchList:[]
+        }
+    }
+
+    render() {
+        return(
+            <div className="user-content signatureStatistics">
+                <div className="content-title">
+                    <span>
+                        催款记录
+                    </span>
+                </div>
+                <TabelContent
+                    scroll={{ x: 0, y: 1000 }}
+                    searchList={this.state.searchList}
+                    columns={this.state.columns}
+                    tabelApi={'/api/admin/newOrder/statisticsList'}
+                    exportApi={'/api/admin/newOrder/statisticsListExprot'}
+                    dataProcessing={(data)=>{
+                        let theArr = [];
+                        for (let i = 0; i < data.data.length; i++) {
+                            let thisdata = data.data[i];
+                            thisdata.key=i + 1;
+                            theArr.push(thisdata);
+                        }
+                        return theArr;
+                    }}
+                />
+            </div>
+        )
+    }
+}
+
+export default PressMoney;

webpack.config.js

@@ -258,6 +258,12 @@ module.exports = (function () {
             chunks: ['admin/order', 'vendors'],
         }),
         new HtmlWebpackPlugin({
+            title: '管理员-法务系统',
+            filename: 'admin/legalAffairs.html',
+            template: './template/template.html',
+            chunks: ['admin/legalAffairs', 'vendors'],
+        }),
+        new HtmlWebpackPlugin({
             title: '管理员-平台管理',
             filename: 'admin/operate.html',
             template: './template/template.html',