|
@@ -0,0 +1,624 @@
|
|
|
+import React from 'react';
|
|
|
+import { Select, Spin, Input, Table, Button } from 'antd';
|
|
|
+import ajax from 'jquery/src/ajax/xhr.js';
|
|
|
+import $ from 'jquery/src/ajax';
|
|
|
+import './report.less';
|
|
|
+import { post } from '../../../dataDic.js';
|
|
|
+
|
|
|
+const PersonalReport = React.createClass({
|
|
|
+ loadData(totalArr) {
|
|
|
+ let total=totalArr.data[0] ;
|
|
|
+ this.setState({
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ method: "post",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/organization/selectSuperId",
|
|
|
+ data: {
|
|
|
+
|
|
|
+ },
|
|
|
+ success: function(data) {
|
|
|
+ let thedata = data.data;
|
|
|
+ let theArr = [];
|
|
|
+ if(!thedata) {
|
|
|
+ if(data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ };
|
|
|
+ thedata = {};
|
|
|
+ } else {
|
|
|
+ thedata.map(function(item, index) {
|
|
|
+ let nub=index+1;
|
|
|
+ theArr.push({
|
|
|
+ key: index,
|
|
|
+ theNumber:false,
|
|
|
+ nub:nub,
|
|
|
+ name: item.name,
|
|
|
+ id: item.id,
|
|
|
+// departmentName:item.departmentName,//部门
|
|
|
+// position:item.position, //职务
|
|
|
+// enrollTime:item.enrollTime,// 入职时间
|
|
|
+// dailyOrderCount:values.daily.orderCount,//日签单业绩
|
|
|
+// dailyOrderAmount:values.daily.orderAmount,//日签单业绩
|
|
|
+// weeklyOrderCount:values.weekly.orderCount,//周签单业绩
|
|
|
+// weeklyOrderAmount:values.weekly.orderAmount,//周签单业绩
|
|
|
+// monthlyOrderCount:values.monthly.orderCount,//月签单业绩
|
|
|
+// monthlyOrderAmount:values.monthly.orderAmount,//月签单业绩
|
|
|
+// quarterlyOrderCount:values.quarterly.orderCount,//季签单业绩
|
|
|
+// quarterlyOrderAmount:values.quarterly.orderAmount,//季签单业绩
|
|
|
+// annuallyOrderCount:values. annually.orderCount,//年签单业绩
|
|
|
+// annuallyOrderAmount:values. annually.orderAmount,//年签单业绩
|
|
|
+ departmentName:item.name,//部门
|
|
|
+ position:item.name, //职务
|
|
|
+ enrollTime:item.name,// 入职时间
|
|
|
+ dailyOrderCount:nub,//日签单业绩
|
|
|
+ dailyOrderAmount:nub,//日签单业绩
|
|
|
+ weeklyOrderCount:nub,//周签单业绩
|
|
|
+ weeklyOrderAmount:nub,//周签单业绩
|
|
|
+ monthlyOrderCount:nub,//月签单业绩
|
|
|
+ monthlyOrderAmount:nub,//月签单业绩
|
|
|
+ quarterlyOrderCount:nub,//季签单业绩
|
|
|
+ quarterlyOrderAmount:nub,//季签单业绩
|
|
|
+ annuallyOrderCount:nub,//年签单业绩
|
|
|
+ annuallyOrderAmount:nub,//年签单业绩
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ theArr.push(
|
|
|
+ {
|
|
|
+ key:9999999,
|
|
|
+ theNumber:true,
|
|
|
+ name:'合计',
|
|
|
+ dailyOrderCount:total.dailyTotalCount,//日签单业绩
|
|
|
+ dailyOrderAmount:total.dailyTotalAmount,//日签单业绩
|
|
|
+ weeklyOrderCount:total.weeklyTotalCount,//周签单业绩
|
|
|
+ weeklyOrderAmount:total.weeklyTotalAmount,//周签单业绩
|
|
|
+ monthlyOrderCount:total.monthlyTotalCount,//月签单业绩
|
|
|
+ monthlyOrderAmount:total.monthlyTotalAmount,//月签单业绩
|
|
|
+ quarterlyOrderCount:total.quarterlyTotalCount,//季签单业绩
|
|
|
+ quarterlyOrderAmount:total.quarterlyTotalAmount,//季签单业绩
|
|
|
+ annuallyOrderCount:total.annuallyTotalCount,//年签单业绩
|
|
|
+ annuallyOrderAmount:total.annuallyTotalAmount,//年签单业绩
|
|
|
+ }
|
|
|
+ )
|
|
|
+ this.setState({
|
|
|
+ dataSource: theArr,
|
|
|
+ })
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function() {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
+ totalData() {
|
|
|
+ this.setState({
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ method: "post",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/organization/selectSuperId",
|
|
|
+ data: {
|
|
|
+
|
|
|
+ },
|
|
|
+ success: function(data) {
|
|
|
+ //let thedata = data.data;
|
|
|
+ let thedata = {data:[
|
|
|
+ {dailyTotalCount:1227,dailyTotalAmount:1233,weeklyTotalCount:1025,weeklyTotalAmount:127,monthlyTotalCount:122,
|
|
|
+ monthlyTotalAmount:922,quarterlyTotalCount:772,quarterlyTotalAmount:122,annuallyTotalCount:522,annuallyTotalAmount:2222,}
|
|
|
+ ]}
|
|
|
+ let theArr = [];
|
|
|
+ if(!thedata) {
|
|
|
+ if(data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ };
|
|
|
+ thedata = {};
|
|
|
+ }
|
|
|
+ this.loadData(thedata)
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function() {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
+ departmentList() {
|
|
|
+ this.setState({
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ method: "post",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/organization/selectSuperId",
|
|
|
+ data: {
|
|
|
+
|
|
|
+ },
|
|
|
+ success: function(data) {
|
|
|
+ let thedata = data.data;
|
|
|
+ let theArr = [];
|
|
|
+ if(!thedata) {
|
|
|
+ if(data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ };
|
|
|
+ thedata = {};
|
|
|
+ } else {
|
|
|
+ thedata.map(function(item, index) {
|
|
|
+ theArr.push({
|
|
|
+ key: index,
|
|
|
+ name: item.name,
|
|
|
+ id: item.id,
|
|
|
+ depNo: item.depNo
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.setState({
|
|
|
+ departmentArr: theArr,
|
|
|
+ })
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function() {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
+ getInitialState() {
|
|
|
+ return {
|
|
|
+ selectedRowKeys: [],
|
|
|
+ selectedRows: [],
|
|
|
+ loading: false,
|
|
|
+ visible: false,
|
|
|
+ showDesc: false,
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '序号',
|
|
|
+ dataIndex: 'nub',
|
|
|
+ width:50,
|
|
|
+ key: 'nub',
|
|
|
+ fixed:true,
|
|
|
+ render:(text,record)=>{
|
|
|
+ if(!record.theNumber){
|
|
|
+ return text
|
|
|
+ }else{
|
|
|
+ return {
|
|
|
+ children: text,
|
|
|
+ props: {
|
|
|
+ colSpan:0
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '部门',
|
|
|
+ dataIndex: 'name',
|
|
|
+ key: 'name',
|
|
|
+ width:100,
|
|
|
+ fixed:true,
|
|
|
+ render:(text,record)=>{
|
|
|
+ if(!record.theNumber){
|
|
|
+ return text
|
|
|
+ }else{
|
|
|
+ return {
|
|
|
+ children: text,
|
|
|
+ props: {
|
|
|
+ colSpan:4
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },{
|
|
|
+ title: '负责人',
|
|
|
+ width:100,
|
|
|
+ fixed:true,
|
|
|
+ dataIndex: 'departmentName',
|
|
|
+ key: 'departmentName',
|
|
|
+ render:(text,record)=>{
|
|
|
+ if(!record.theNumber){
|
|
|
+ return text
|
|
|
+ }else{
|
|
|
+ return {
|
|
|
+ children: text,
|
|
|
+ props: {
|
|
|
+ colSpan:0
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '部门人数',
|
|
|
+ width:100,
|
|
|
+ fixed:true,
|
|
|
+ dataIndex: 'position',
|
|
|
+ key: 'position',
|
|
|
+ render:(text,record)=>{
|
|
|
+ if(!record.theNumber){
|
|
|
+ return text
|
|
|
+ }else{
|
|
|
+ return {
|
|
|
+ children: text,
|
|
|
+ props: {
|
|
|
+ colSpan:0
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },{
|
|
|
+ title: '当日业绩',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '单量',
|
|
|
+ dataIndex: 'num66',
|
|
|
+ width:70,
|
|
|
+ key: 'num66',
|
|
|
+ sorter: (a, b) => a.num66 - b.num66,
|
|
|
+ },{
|
|
|
+ title: '金额',
|
|
|
+ dataIndex: 'age266',
|
|
|
+ width:70,
|
|
|
+ key: 'age266',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '当日人均业绩',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '人均有效',
|
|
|
+ dataIndex: 'num6611',
|
|
|
+ key: 'num6611',
|
|
|
+ width:100,
|
|
|
+ sorter: (a, b) => a.num66 - b.num66,
|
|
|
+ },{
|
|
|
+ title: '人均单量',
|
|
|
+ dataIndex: 'age262',
|
|
|
+ key: 'age262',
|
|
|
+ width:100,
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ },{
|
|
|
+ title: '人均金额',
|
|
|
+ dataIndex: 'age26',
|
|
|
+ width:100,
|
|
|
+ key: 'age26',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '当日客户营销',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '客户总量',
|
|
|
+ dataIndex: 'anum66',
|
|
|
+ key: 'anum66',
|
|
|
+ width:100,
|
|
|
+ sorter: (a, b) => a.num66 - b.num66,
|
|
|
+ },{
|
|
|
+ title: '新增营销',
|
|
|
+ dataIndex: 'aage266',
|
|
|
+ key: 'aage266',
|
|
|
+ width:100,
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '营销回访',
|
|
|
+ dataIndex: 'age266p',
|
|
|
+ key: 'age266p',
|
|
|
+ width:100,
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '当日客户有效',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '有效总量',
|
|
|
+ width:100,
|
|
|
+ dataIndex: 'num',
|
|
|
+ key: 'num',
|
|
|
+ sorter: (a, b) => a.num - b.num,
|
|
|
+ },{
|
|
|
+ title: '新增有效',
|
|
|
+ width:100,
|
|
|
+ dataIndex: 'age2',
|
|
|
+ key: 'age2',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ },{
|
|
|
+ title: '有效回访',
|
|
|
+ width:100,
|
|
|
+ dataIndex: 'age3',
|
|
|
+ key: 'age3',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ }, {
|
|
|
+ title: '当日客户拜访',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '拜访总量',
|
|
|
+ width:100,
|
|
|
+ dataIndex: 'age11',
|
|
|
+ key: 'age11',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ },{
|
|
|
+ title: '电话',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'age22',
|
|
|
+ key: 'age22',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ },{
|
|
|
+ title: '外拜',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'age33',
|
|
|
+ key: 'age33',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ },{
|
|
|
+ title: '邮件',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'age44',
|
|
|
+ key: 'age44',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ },{
|
|
|
+ title: '微信',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'age55',
|
|
|
+ key: 'age55',
|
|
|
+ sorter: (a, b) => a.age - b.age,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '本周业绩',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '数量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'weeklyOrderCount',
|
|
|
+ key: 'weeklyOrderCount',
|
|
|
+ sorter: (a, b) => a.weeklyOrderCount - b.weeklyOrderCount,
|
|
|
+ },{
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'weeklyOrderAmount',
|
|
|
+ key: 'weeklyOrderAmount',
|
|
|
+ sorter: (a, b) => a.weeklyOrderAmount - b.weeklyOrderAmount,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },{
|
|
|
+ title: '本月业绩',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '数量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'monthlyOrderCount',
|
|
|
+ key: 'monthlyOrderCount',
|
|
|
+ sorter: (a, b) => a.monthlyOrderCount - b.monthlyOrderCount,
|
|
|
+ },{
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'monthlyOrderAmount',
|
|
|
+ key: 'monthlyOrderAmount',
|
|
|
+ sorter: (a, b) => a.monthlyOrderAmount - b.monthlyOrderAmount,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },{
|
|
|
+ title: '本季业绩',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '数量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'quarterlyOrderCount',
|
|
|
+ key: 'quarterlyOrderCount',
|
|
|
+ sorter: (a, b) => a.quarterlyOrderCount - b.quarterlyOrderCount,
|
|
|
+ },{
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'quarterlyOrderAmount',
|
|
|
+ key: 'quarterlyOrderAmount',
|
|
|
+ sorter: (a, b) => a.quarterlyOrderAmount - b.quarterlyOrderAmount,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },{
|
|
|
+ title: '本年业绩',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '数量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderCount',
|
|
|
+ key: 'annuallyOrderCount',
|
|
|
+ sorter: (a, b) => a.annuallyOrderCount - b.annuallyOrderCount,
|
|
|
+ },{
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmount',
|
|
|
+ key: 'annuallyOrderAmount',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount - b.annuallyOrderAmount,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '本周人均',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '有效',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderCounty',
|
|
|
+ key: 'annuallyOrderCounty',
|
|
|
+ sorter: (a, b) => a.annuallyOrderCount1 - b.annuallyOrderCount1,
|
|
|
+ },{
|
|
|
+ title: '单量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmountt',
|
|
|
+ key: 'annuallyOrderAmountt',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount1 - b.annuallyOrderAmount1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmount1',
|
|
|
+ key: 'annuallyOrderAmount1',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount1 - b.annuallyOrderAmount1,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },{
|
|
|
+ title: '本月人均',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '有效',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderCountv',
|
|
|
+ key: 'annuallyOrderCountv',
|
|
|
+ sorter: (a, b) => a.annuallyOrderCount1 - b.annuallyOrderCount1,
|
|
|
+ },{
|
|
|
+ title: '单量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmountv',
|
|
|
+ key: 'annuallyOrderAmountv',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount1 - b.annuallyOrderAmount1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmount1v',
|
|
|
+ key: 'annuallyOrderAmount1v',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount1 - b.annuallyOrderAmount1,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },{
|
|
|
+ title: '本季人均',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '有效',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderCountc',
|
|
|
+ key: 'annuallyOrderCountc',
|
|
|
+ sorter: (a, b) => a.annuallyOrderCount1 - b.annuallyOrderCount1,
|
|
|
+ },{
|
|
|
+ title: '单量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmountb',
|
|
|
+ key: 'annuallyOrderAmountb',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount1 - b.annuallyOrderAmount1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmounta',
|
|
|
+ key: 'annuallyOrderAmounta',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount1 - b.annuallyOrderAmount1,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },{
|
|
|
+ title: '本年人均',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '有效',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderCount2',
|
|
|
+ key: 'annuallyOrderCount2',
|
|
|
+ sorter: (a, b) => a.annuallyOrderCount1 - b.annuallyOrderCount1,
|
|
|
+ },{
|
|
|
+ title: '单量',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmount3',
|
|
|
+ key: 'annuallyOrderAmount3',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmoun1t - b.annuallyOrderAmoun1t,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '金额',
|
|
|
+ width:70,
|
|
|
+ dataIndex: 'annuallyOrderAmount4',
|
|
|
+ key: 'annuallyOrderAmount4',
|
|
|
+ sorter: (a, b) => a.annuallyOrderAmount1 - b.annuallyOrderAmount1,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ dataSource: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ search() {
|
|
|
+ this.totalData()
|
|
|
+ },
|
|
|
+ reset() {
|
|
|
+ this.state.departmentSearch = undefined;
|
|
|
+ this.state.postSearch = undefined;
|
|
|
+ this.state.uesrNameSearch = '';
|
|
|
+ this.totalData()
|
|
|
+ },
|
|
|
+ componentWillMount() {
|
|
|
+ this.departmentList();
|
|
|
+ this.totalData();
|
|
|
+ let times=new Date();
|
|
|
+ let nowTime=times.getFullYear()+'年'+(times.getMonth()+1)+'月'+times.getDate()+'日';
|
|
|
+ this.setState({
|
|
|
+ Nowtime:nowTime
|
|
|
+ })
|
|
|
+ },
|
|
|
+ render() {
|
|
|
+ let departmentArr = this.state.departmentArr || [];
|
|
|
+ return(
|
|
|
+ <div className='set-content'>
|
|
|
+ <span style={{fontSize:'16px'}}>部门业绩统计报表</span>
|
|
|
+ <div className="clearfix">
|
|
|
+ <Select placeholder="部门机构"
|
|
|
+ style={{ width: 150 ,marginRight:'10px',marginTop:'10px',marginBottom:'10px'}}
|
|
|
+ value={this.state.departmentSearch}
|
|
|
+ onChange={(e) => { this.setState({ departmentSearch: e }) }}>
|
|
|
+ {
|
|
|
+ departmentArr.map(function (item) {
|
|
|
+ return <Select.Option key={item.id} >{item.name}</Select.Option>
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </Select>
|
|
|
+ <Input value={this.state.uesrNameSearch} placeholder="用户姓名" style={{width:'150px'}}
|
|
|
+ onChange={(e)=>{this.setState({uesrNameSearch:e.target.value})}} />
|
|
|
+ <Select placeholder="职务"
|
|
|
+ style={{ width: 150 ,marginRight:'10px',marginLeft:'10px'}}
|
|
|
+ value={this.state.postSearch}
|
|
|
+ onChange={(e) => { this.setState({ postSearch: e }) }}>
|
|
|
+ {
|
|
|
+ post.map(function (item) {
|
|
|
+ return <Select.Option key={item.value} >{item.key}</Select.Option>
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </Select>
|
|
|
+ <Button type="primary" onClick={this.search} style={{marginLeft:'10px',marginRight:'10px'}}>搜索</Button>
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
|
+ </div>
|
|
|
+ <div className="surfaceTitle">
|
|
|
+ <span className="nowtime">{this.state.Nowtime}</span>
|
|
|
+ <span>部门营销业绩统计表</span>
|
|
|
+ </div>
|
|
|
+ <div className="patent-table">
|
|
|
+ <div className="scroll">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table columns={this.state.columns}
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ scroll={{ x: 3200,y:500}}
|
|
|
+ bordered
|
|
|
+ pagination={false}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }
|
|
|
+});
|
|
|
+
|
|
|
+export default PersonalReport;
|