1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100 |
- import React from 'react';
- import {Tag, Tooltip, Radio, Icon, Button, AutoComplete,Cascader,Input, Select, Spin, Popconfirm, Table, Switch, message,Calendar , DatePicker, Upload, Form ,Modal,Tabs,Card } from 'antd';
- import ajax from 'jquery/src/ajax/xhr.js';
- import $ from 'jquery/src/ajax';
- import Jquery from 'jquery/dist/jquery.js';
- import moment from 'moment';
- import MainBusinessLog from './mainBusinessLog';
- import ChangeMainProducts from './ChangeMainProducts';
- import PDF from 'react-pdf';
- import 'viewer/dist/crocodoc.viewer.css';
- import TechAchievementDesc from '@/manageCenter/achievement/crmAchievement.jsx';
- import { citySelect, provinceList ,areaSelect} from '@/NewDicProvinceList';
- import { socialAttribute, industry, auditStatusL, lvl, currentMember ,slcRedit,dataGrade,year,xiangmoState} from '@/dataDic.js';
- import {
- getSocialAttribute,
- beforeUploadFile,
- splitUrl,
- getSlcRedit,
- getDataGrade,
- getAchievementCategory,
- getTechAuditStatus,
- getboutique,
- getPreviews,
- getPreview,
- getXiangmoState,
- ShowModal
- } from "@/tools.js";
- import './customer.less';
- const TabPane = Tabs.TabPane;
- import ShowModalDiv from "@/showModal.jsx";
- import ImgList from "../../../../common/imgList";
- import {ChooseList} from "../../../order/orderNew/chooseList";
- import EnterpriseNameChange from "../../../../common/enterpriseNameChange";
- import TextArea from "antd/es/input/TextArea";
- const Dragger = Upload.Dragger;
- //图片组件
- const PicturesWall = React.createClass({
- getInitialState() {
- return {
- previewVisible: false,
- previewImage: '',
- fileList: [],
- }
- },
- handleCancel() {
- this.setState({
- previewVisible: false
- })
- },
- handlePreview(file) {
- this.setState({
- previewImage: file.url || file.thumbUrl,
- previewVisible: true,
- });
- },
- handleChange(info) {
- let fileList = info.fileList;
- this.setState({
- fileList
- });
- this.props.fileList(fileList);
- },
- componentWillReceiveProps(nextProps) {
- this.state.fileList = nextProps.pictureUrl;
- this.state.pojectApplicationUrl = undefined;
- },
- render() {
- const {
- previewVisible,
- previewImage,
- fileList
- } = this.state;
- const uploadButton = (
- <div>
- <Icon type="plus" />
- <div className="ant-upload-text">点击上传</div>
- </div>
- );
- return(
- <div style={{display:"inline-block"}}>
- <ImgList
- domId={this.props.domId}
- uploadConfig={{
- action:globalConfig.context + "/api/admin/customer/uploadCustomerImg",
- data:{ 'sign': '' },
- multiple:true,
- listType:"picture-card",
- }}
- onChange={(infor)=>{
- this.handleChange(infor)
- }}
- fileList={fileList}
- />
- </div>
- );
- }
- });
- const IntentionCustomer = Form.create()(React.createClass({
- loadData(pageNo, apiUrl) {
- this.setState({
- visitModul:false,
- loading: true,
- ispage:pageNo,
- modalVisible:false
- });
- let url = this.props.isMaintain ? '/api/admin/customer/mainProductsList' : "/api/admin/customer/listCustomerInformation";
- let data = {
- pageNo: pageNo || 1,
- pageSize: this.state.pagination.pageSize,
- businessScope: this.state.businessScope,
- dataGrade: this.state.dataGrade,
- follow: this.state.follow,
- province: !(this.state.addressSearch).length ? this.state.provinceSearch : this.state.addressSearch[0],
- city: !(this.state.addressSearch).length ? undefined : this.state.addressSearch[1],
- }
- if(this.props.isMaintain){
- data.shiroType = this.props.shiroType;
- data.userName = this.state.nameSearch || undefined;
- data.adminName = this.state.adminName || undefined;
- data.key = this.state.productKeyword || undefined;
- data.startTime= this.state.releaseDate[0] || undefined;
- data.endTime= this.state.releaseDate[1] || undefined;
- data.depId= this.state.depId || undefined;
- data.shareType = isNaN(parseInt(this.state.shareType)) ? undefined : this.state.shareType
- }else{
- data.name = this.state.nameSearch;
- data.startDate= this.state.releaseDate[0];
- data.endDate= this.state.releaseDate[1];
- }
- $.ajax({
- method: this.props.isMaintain ? 'get' : "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + url,
- data,
- success: function(data) {
- ShowModal(this);
- if(data.error.length === 0){
- let theArr = [];
- for(let i = 0; i < data.data.list.length; i++) {
- let thisdata = data.data.list[i];
- let diqu=(thisdata.province==null?"":thisdata.province)+(thisdata.city==null?"":"-"+thisdata.city)+(thisdata.area==null?"":"-"+thisdata.area);
- thisdata.key = i;
- thisdata.diqu = diqu;
- thisdata.dataGrade = thisdata.dataGrade?(thisdata.dataGrade*100).toFixed(2)+"%":"";
- theArr.push(thisdata);
- };
- this.state.pagination.current = data.data.pageNo;
- this.state.pagination.total = data.data.totalCount;
- if(data.data&&data.data.list&&!data.data.list.length){
- this.state.pagination.current=0
- this.state.pagination.total=0
- }
- this.setState({
- dataSource: theArr,
- pageNo: data.data.pageNo,
- pagination: this.state.pagination,
- selectedRowKeys:[]
- });
- }else{
- message.warning(data.error[0].message);
- }
- }.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- loadDatas(pageNos) {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/achievement/listUserAchievement",
- data: {
- pageNo: pageNos || 1,
- pageSize: this.state.paginationDate.pageSize,
- uid:this.state.uid,
- },
- success: function (data) {
- let theArr = [];
- if (!data.data || !data.data.list) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } else {
- for (let i = 0; i < data.data.list.length; i++) {
- let thisdata = data.data.list[i];
- theArr.push({
- key: i,
- id: thisdata.id,
- serialNumber: thisdata.serialNumber,
- dataCategory: thisdata.dataCategory,
- name: thisdata.name,
- keyword: thisdata.keyword,
- theName: thisdata.username || thisdata.ownerName,
- category: thisdata.category,
- ownerName: thisdata.username ? thisdata.username : thisdata.ownerName,
- ownerType: thisdata.ownerType,
- ownerMobile: thisdata.ownerMobile,
- status: thisdata.status,
- releaseDate: thisdata.releaseDate,
- releaseDateFormattedDate: thisdata.releaseDateFormattedDate,
- auditStatus: thisdata.auditStatus,
- boutique: thisdata.boutique,
- hot: thisdata.hot,
- techBrokerId:thisdata.techBrokerId,
- createTimeFormattedDate: thisdata.createTimeFormattedDate,
- remark:thisdata.remark
- });
- };
- this.state.paginationDate.current = data.data.pageNo;
- this.state.paginationDate.total = data.data.totalCount;
- };
- this.setState({
- dataSourceDate: theArr,
- pageNos: pageNos,
- paginationDate: this.state.paginationDate
- });
- }.bind(this),
- }).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- loadDatac(pageNo, apiUrl) {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/customers/selectListOrgAnnual",
- data: {
- // pageNo: pageNo || 1,
- // pageSize: this.state.pagination.pageSize,
- uid:this.state.uid,
- },
- success: function(data) {
- let theArr = [];
- if(data.error.length || data.data.list == "") {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } else {
- for(let i = 0; i < data.data.list.length; i++) {
- let thisdata = data.data.list[i];
- let diqu=(thisdata.province==null?"":thisdata.province)+(thisdata.city==null?"":"-"+thisdata.city)+(thisdata.area==null?"":"-"+thisdata.area);
- theArr.push({
- key: i,
- id: thisdata.id,//年报ID
- uid: thisdata.uid,//客户ID
- year:thisdata.year,//年份
- salesAmount: thisdata.salesAmount,//营销额
- researchAmount: thisdata.researchAmount,//研发费用
- assets: thisdata.assets,//总资产
- fixedAssets:thisdata.fixedAssets,//固定资产
- aid: thisdata.aid,//录入人
- });
- };
- // this.state.pagination.current = data.data.pageNo;
- // this.state.pagination.total = data.data.totalCount;
- };
- if(data.data&&data.data.list&&!data.data.list.length){
- this.state.pagination.current=0
- this.state.pagination.total=0
- }
- this.setState({
- dataSourcec: theArr,
- // pageNo: pageNo,
- // pagination: this.state.pagination,
- // selectedRowKeys:[]
- });
- }.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- loadDatax(pageNo, apiUrl) {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/customers/selectListOrgYearProject",
- data: {
- uid:this.state.uid,
- },
- success: function(data) {
- let theArr = [];
- if(data.error.length || data.data.list == "") {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } else {
- for(let i = 0; i < data.data.list.length; i++) {
- let thisdata = data.data.list[i];
- let diqu=(thisdata.province==null?"":thisdata.province)+(thisdata.city==null?"":"-"+thisdata.city)+(thisdata.area==null?"":"-"+thisdata.area);
- theArr.push({
- key: i,
- id: thisdata.id,//用户ID
- uid: thisdata.uid,//客户ID
- projectName:thisdata.projectName,//项目名称
- year: thisdata.year,//年份
- status: thisdata.status?thisdata.status.toString():"",//项目状态
- remark: thisdata.remark,//备注
- aid: thisdata.aid,//录入人
- });
- };
- // this.state.pagination.current = data.data.pageNo;
- // this.state.pagination.total = data.data.totalCount;
- };
- if(data.data&&data.data.list&&!data.data.list.length){
- this.state.pagination.current=0
- this.state.pagination.total=0
- }
- this.setState({
- dataSourcex: theArr,
- });
- }.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- getInitialState() {
- return {
- businessScope: [],
- departmentArr:[],
- inputVisible: false,
- inputValue: '',
- salesTarget: [],
- inputVisible1: false,
- inputValue1: '',
- pdfUrl:'',
- addressSearch: [],
- orgCodeUrl: [],
- companyLogoUrl: [],
- visible: false,
- releaseDate: [],
- visitModul:false,
- detailApi:'',
- followData:{},
- selectedRowKeys: [],
- selectedRows: [],
- loading: false,
- callnub:"0",
- pojectApplicationUrl:"",
- isXian:0,
- modalVisible:false,
- numPages: null,
- pageNumber: 1,
- pagec:0,
- pages:18,
- mainProductsArr:'',
- isXin:1,
- pagination: {
- defaultCurrent: 1,
- defaultPageSize: 10,
- showQuickJumper: true,
- pageSize: 10,
- onChange: function(page) {
- this.loadData(page);
- }.bind(this),
- showTotal: function(total) {
- return '共' + total + '条数据';
- }
- },
- paginationDate: {
- defaultCurrent: 1,
- defaultPageSize: 10,
- showQuickJumper: true,
- pageSize: 10,
- onChange: function(page) {
- this.loadDatas(page);
- }.bind(this),
- showTotal: function(total) {
- return '共' + total + '条数据';
- }
- },
- changeMainProductsArr:[],
- adminMaintainColumns:[
- {
- title: '客户名称',
- dataIndex: 'userName',
- key: 'userName',
- width:200,
- render: text => {
- return (
- <Tooltip title={text}>
- <div style={{
- maxWidth:'200px',
- overflow:'hidden',
- textOverflow: "ellipsis",
- whiteSpace:'nowrap',
- }}>{text}</div>
- </Tooltip>
- )
- }
- },
- {
- title: '地区',
- dataIndex: 'province',
- key: 'province',
- },
- {
- title: '客户类型',
- dataIndex: 'shareType',
- key: 'shareType',
- width: 80,
- render: (text) => {
- return (
- text === 0 ? '私有客户' :
- text === 1 ? '公共客户' :
- text === 2 ? '签单客户' :
- text === 3 ? '渠道客户' : ''
- )
- }
- },
- {
- title: '主营产品',
- dataIndex: 'businessScope',
- key: 'businessScope',
- width:250,
- render: (text) => {
- return (
- <Tooltip title={text}>
- <div style={{
- maxWidth:'250px',
- overflow:'hidden',
- textOverflow: "ellipsis",
- whiteSpace:'nowrap',
- cursor: 'pointer'
- }}>{text}</div>
- </Tooltip>
- )
- }
- },
- {
- title: '所属人',
- dataIndex: 'adminName',
- key: 'adminName',
- },
- {
- title: '所属部门',
- dataIndex: 'depName',
- key: 'depName',
- },
- {
- title: '更新人',
- dataIndex: 'updateName',
- key: 'updateName',
- },
- {
- title: '更新时间',
- dataIndex: 'dateUpdateTimes',
- key: 'dateUpdateTimes',
- width: 130,
- },
- {
- title: '操作',
- dataIndex: 'uid',
- key: 'uid',
- render: text => { return (
- <div>
- {this.props.shiroType !== 2 && <Button type="primary">修改</Button>}
- <Button onClick={(e)=>{
- e.stopPropagation();
- this.setState({
- mainBusinessLogVisible:true,
- mainBusinessUid:text
- })
- }} type="primary" style={{marginLeft:'10px'}}>主营日志</Button>
- </div>
- ) }
- }
- ],
- maintainColumns:[
- {
- title: '客户名称',
- dataIndex: 'userName',
- key: 'userName',
- width:200,
- render: text => {
- return (
- <Tooltip title={text}>
- <div style={{
- maxWidth:'200px',
- overflow:'hidden',
- textOverflow: "ellipsis",
- whiteSpace:'nowrap',
- }}>{text}</div>
- </Tooltip>
- )
- }
- },
- {
- title: '主营产品',
- dataIndex: 'businessScope',
- key: 'businessScope',
- width:250,
- className:'crmBusinessScope',
- render: (text,record) => {
- return (
- <Popconfirm
- visible={record.visible}
- title={<div>
- <div style={{paddingBottom:'5px'}}>
- 主营产品
- <span style={{color:"#F00"}}>(请以"/"分割)</span>
- </div>
- <TextArea style={{width:'300px',height:'100px'}} value={this.state.mainProductsArr} onChange={(e)=>{
- this.setState({
- mainProductsArr: e.target.value
- })
- }}/>
- </div>}
- onConfirm={(e)=>{
- this.updateUserBusinessScope(record)
- }}
- onCancel={(e)=>{
- this.state.dataSource[record.key].visible = false;
- this.setState({
- dataSource:this.state.dataSource,
- mainProductsArr:'',
- })
- }}
- okText="确认"
- cancelText="取消"
- >
- <Tooltip title={text}>
- <div className='content' onClick={(e)=>{
- e.stopPropagation();
- this.state.dataSource[record.key].visible = true;
- this.setState({
- dataSource:this.state.dataSource,
- mainProductsArr:record.businessScope ? record.businessScope.split(',').join('/') : ''
- })
- }}><div className='text'>{text}</div></div>
- </Tooltip>
- </Popconfirm>
- )
- }
- },
- {
- title: '初始时间',
- dataIndex: 'transferTimes',
- key: 'transferTimes',
- width: 130,
- },
- {
- title: '更新人',
- dataIndex: 'updateName',
- key: 'updateName',
- },
- {
- title: '更新时间',
- dataIndex: 'dateUpdateTimes',
- key: 'dateUpdateTimes',
- width: 130,
- },
- {
- title: '操作',
- dataIndex: 'uid',
- key: 'uid',
- render: (text,record) => { return (
- <div>
- {this.props.shiroType !== 2 && <Button type="primary" onClick={(e)=>{
- e.stopPropagation();
- let arr = this.state.dataSource.filter(v=>v.visible);
- if(arr.length !== 0){
- this.state.dataSource[arr[0].key].visible = false;
- }
- this.state.dataSource[record.key].visible = true;
- this.setState({
- dataSource:this.state.dataSource,
- mainProductsArr:record.businessScope ? record.businessScope.split(',').join('/') : ''
- })
- }}>修改</Button>}
- <Button onClick={(e)=>{
- e.stopPropagation();
- this.setState({
- mainBusinessLogVisible:true,
- mainBusinessUid:text
- })
- }} type="primary" style={{marginLeft:'10px'}}>主营日志</Button>
- </div>
- ) }
- }
- ],
- maintainColumnsYXY:[
- {
- title: '客户名称',
- dataIndex: 'userName',
- key: 'userName',
- width:200,
- render: text => {
- return (
- <Tooltip title={text}>
- <div style={{
- maxWidth:'200px',
- overflow:'hidden',
- textOverflow: "ellipsis",
- whiteSpace:'nowrap',
- }}>{text}</div>
- </Tooltip>
- )
- }
- },
- {
- title: '客户类型',
- dataIndex: 'shareType',
- key: 'shareType',
- width: 80,
- render: (text) => {
- return (
- text === 0 ? '私有客户' :
- text === 1 ? '公共客户' :
- text === 2 ? '签单客户' :
- text === 3 ? '渠道客户' : ''
- )
- }
- },
- {
- title: '主营产品',
- dataIndex: 'businessScope',
- key: 'businessScope',
- width:250,
- className:'crmBusinessScope',
- render: (text,record) => {
- return (
- <Popconfirm
- visible={record.visible}
- title={<div>
- <div style={{paddingBottom:'5px'}}>
- 主营产品
- <span style={{color:"#F00"}}>(请以"/"分割)</span>
- </div>
- <TextArea style={{width:'300px',height:'100px'}} value={this.state.mainProductsArr} onChange={(e)=>{
- this.setState({
- mainProductsArr: e.target.value
- })
- }}/>
- </div>}
- onConfirm={(e)=>{
- this.updateUserBusinessScope(record)
- }}
- onCancel={(e)=>{
- this.state.dataSource[record.key].visible = false;
- this.setState({
- dataSource:this.state.dataSource,
- mainProductsArr:'',
- })
- }}
- okText="确认"
- cancelText="取消"
- >
- <Tooltip title={text}>
- <div className='content' onClick={(e)=>{
- e.stopPropagation();
- let arr = this.state.dataSource.filter(v=>v.visible);
- if(arr.length !== 0){
- this.state.dataSource[arr[0].key].visible = false;
- }
- this.state.dataSource[record.key].visible = true;
- this.setState({
- dataSource:this.state.dataSource,
- mainProductsArr:record.businessScope ? record.businessScope.split(',').join('/') : ''
- })
- }}><div className='text'>{text}</div></div>
- </Tooltip>
- </Popconfirm>
- )
- }
- },
- {
- title: '初始时间',
- dataIndex: 'transferTimes',
- key: 'transferTimes',
- width: 130,
- },
- {
- title: '更新人',
- dataIndex: 'updateName',
- key: 'updateName',
- },
- {
- title: '更新时间',
- dataIndex: 'dateUpdateTimes',
- key: 'dateUpdateTimes',
- width: 130,
- },
- {
- title: '操作',
- dataIndex: 'uid',
- key: 'uid',
- render: (text,record) => { return (
- <div>
- {this.props.shiroType !== 2 && <Button type="primary" onClick={(e)=>{
- e.stopPropagation();
- let arr = this.state.dataSource.filter(v=>v.visible);
- if(arr.length !== 0){
- this.state.dataSource[arr[0].key].visible = false;
- }
- this.state.dataSource[record.key].visible = true;
- this.setState({
- dataSource:this.state.dataSource,
- mainProductsArr:record.businessScope ? record.businessScope.split(',').join('/') : ''
- })
- }}>修改</Button>}
- <Button onClick={(e)=>{
- e.stopPropagation();
- this.setState({
- mainBusinessLogVisible:true,
- mainBusinessUid:text
- })
- }} type="primary" style={{marginLeft:'10px'}}>主营日志</Button>
- </div>
- ) }
- }
- ],
- columns: [{
- title: '客户名称',
- dataIndex: 'name',
- key: 'name',
- width:200,
- render: text => {
- return (
- <Tooltip title={text}>
- <div style={{
- maxWidth:'200px',
- overflow:'hidden',
- textOverflow: "ellipsis",
- whiteSpace:'nowrap',
- }}>{text}</div>
- </Tooltip>
- )
- }
- }, {
- title: '地区',
- dataIndex: 'diqu',
- key: 'diqu',
- }, {
- title: '联系人',
- dataIndex: 'contacts',
- key: 'contacts',
- },{
- title: '联系电话',
- dataIndex: 'contactMobile',
- key: 'contactMobile',
- },
- {
- title: '资料完整度',
- dataIndex: 'dataGrade',
- key: 'dataGrade',
- },
- {
- title: '行业',
- dataIndex: 'industry',
- key: 'industry'
- },
- {
- title: '创建时间',
- dataIndex: 'createTime',
- key: 'createTime',
- width: 130,
- }
- ],
- data: [],
- dataSource: [],
- columnsDate: [
- {
- title: '编号',
- dataIndex: 'serialNumber',
- key: 'serialNumber',
- }, {
- title: '名称',
- dataIndex: 'name',
- key: 'name',
- }, {
- title: '关键字',
- dataIndex: 'keyword',
- key: 'keyword',
- }, {
- title: '类型',
- dataIndex: 'category',
- key: 'category',
- render: text => { return getAchievementCategory(text); }
- },{
- title: '审核状态',
- dataIndex: 'auditStatus',
- key: 'auditStatus',
- render: text => { return getTechAuditStatus(text) }
- },
- {
- title: '是否精品',
- dataIndex: 'boutique',
- key: 'boutique',
- render: text => { return getboutique(text) }
- },
- {
- title: '发布时间',
- dataIndex: 'releaseDateFormattedDate',
- key: 'releaseDateFormattedDate',
- },{
- title: '录入时间',
- dataIndex: 'createTimeFormattedDate',
- key: 'createTimeFormattedDate',
- },
- ],
- dataSourceDate: [],
- columnsc: [{
- title: '年份',
- dataIndex: 'year',
- key: 'year',
- }, {
- title: '营销收入(万)',
- dataIndex: 'salesAmount',
- key: 'salesAmount',
- },
- {
- title: '总资产(万)',
- dataIndex: 'assets',
- key: 'assets'
- },
- {
- title: '固定资产(万)',
- dataIndex: 'fixedAssets',
- key: 'fixedAssets'
- }, {
- title: '研发费用(万)',
- dataIndex: 'researchAmount',
- key: 'researchAmount',
- },{
- title: '操作',
- dataIndex: 'rrtk',
- key: 'rrtk',
- render:(text,record,index)=>{
- return (
- <div>
- <Popconfirm title={'您将删除该条财务信息,请确认!'} onConfirm={(e)=>{this.deltalc(record)}} okText="确认" cancelText="取消">
- <Button style={{marginRight:'5px'}} onClick={(e) =>{ e.stopPropagation()}} type="danger">删除</Button>
- </Popconfirm>
- </div>
- )
- }
- }
- ],
- dataSourcec: [],
- columnsx: [{
- title: '项目名称',
- dataIndex: 'projectName',
- key: 'projectName',
- },{
- title: '年份',
- dataIndex: 'year',
- key: 'year',
- },
- {
- title: '项目状态',
- dataIndex: 'status',
- key: 'status',
- render: text => { return getXiangmoState(text); }
- }, {
- title: '备注',
- dataIndex: 'remark',
- key: 'remark',
- },{
- title: '操作',
- dataIndex: 'rrtk',
- key: 'rrtk',
- render:(text,record,index)=>{
- return (
- <div>
- <Popconfirm title={'您将删除该项目,请确认!'} onConfirm={(e)=>{this.deltalx(record)}} okText="确认" cancelText="取消">
- <Button style={{marginRight:'5px'}} onClick={(e) =>{ e.stopPropagation()}} type="danger">删除</Button>
- </Popconfirm>
- </div>
- )
- }
- }
- ],
- dataSourcex: [],
- };
- },
- handleClose(removedTag){
- let businessScope = this.state.businessScope.filter(tag => {return tag !== removedTag});
- this.setState({ businessScope });
- },
- showInput(){
- let str = this.state.businessScope.join('/')
- this.setState({
- inputVisible: true,
- inputValue: str
- });
- },
- handleInputChange(e){
- this.setState({ inputValue: e.target.value });
- },
- updateUserBusinessScope(record){
- let lv = true;
- let arr = this.state.mainProductsArr.split('/');
- for(let i of arr){
- if(i.length > 16){
- message.warning('单个标签字数不能超过16个字符')
- lv = false;
- return;
- }
- }
- if(!lv){return;}
- let loading = message.loading('加载中...')
- arr = Array.from(new Set(arr));
- arr = arr.filter(v=>v);
- let str = this.state.mainProductsArr ? arr.join(',') : ''
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/customer/updateUserBusinessScope",
- data: {
- id:record.id,
- businessScope: str
- },
- success: function(data) {
- if(data.error.length === 0){
- message.success('修改成功');
- this.state.dataSource[record.key].visible = false;
- this.state.dataSource[record.key].businessScope = str;
- this.setState({
- dataSource:this.state.dataSource,
- mainProductsArr:'',
- })
- }else{
- message.warning(data.error[0].message);
- }
- }.bind(this),
- }).always(function() {
- loading();
- }.bind(this));
- },
- handleInputConfirm(){
- const state = this.state;
- const inputValue = state.inputValue;
- let arr = inputValue.split('/');
- let lv = true;
- for(let i of arr){
- if(i.length > 16){
- message.warning('单个标签字数不能超过16个字符')
- lv = false;
- return;
- }
- }
- if(lv){
- arr = Array.from(new Set(arr));
- arr = arr.filter(v=>v);
- this.setState({
- businessScope:arr,
- inputVisible: false,
- inputValue: '',
- });
- }
- },
- handleClose1(removedTag){
- const salesTarget = this.state.salesTarget.filter(tag => tag !== removedTag);
- this.setState({ salesTarget });
- },
- showInput1(){
- this.setState({ inputVisible1: true }, () => this.input1.focus());
- },
- handleInputChange1(e){
- this.setState({ inputValue1: e.target.value });
- },
- handleInputConfirm1(){
- const state = this.state;
- const inputValue = state.inputValue1;
- let salesTarget = state.salesTarget;
- if(inputValue.length > 16){
- message.warning('标签字数不能超过16个字符')
- return;
- }
- let arr = inputValue.split(',');
- for(let i of arr){
- if (i && salesTarget.indexOf(i) === -1) {
- salesTarget = [...salesTarget, i];
- }
- this.setState({
- salesTarget,
- inputVisible1: false,
- inputValue1: '',
- });
- }
- },
- componentWillMount() {
- //城市
- let Province = [];
- provinceList.map(function(item) {
- var id = String(item.id)
- Province.push(
- <Select.Option value={id} key={item.name}>{item.name}</Select.Option>
- )
- });
- //行业
- let intentionalArr = [];
- industry.map(function(item) {
- intentionalArr.push(
- <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
- )
- });
- //会员等级
- let lvlArr = [];
- lvl.map(function(item) {
- lvlArr.push(
- <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
- )
- });
- //会员状态customerStatus
- let currentMemberArr = [];
- currentMember.map(function(item) {
- currentMemberArr.push(
- <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
- )
- });
- this.state.Provinces = Province;
- this.state.intentionalOption = intentionalArr;
- this.state.lvlArrOption = lvlArr;
- this.state.currentMemberArrOption = currentMemberArr;
- this.loadData();
- this.departmentList();
- },
- search() {
- this.loadData();
- },
- reset() {
- this.setState({
- nameSearch : '',
- adminName:'',
- productKeyword : '',
- businessScope : [],
- addressSearch : [],
- dataGrade:undefined,
- follow:undefined,
- provinceSearch : undefined,
- shareType: undefined,
- depId: undefined,
- citySearch : undefined,
- releaseDate : []
- },()=>{
- this.loadData();
- })
- },
- resetc() {
- this.state.id=undefined;//年报ID
- this.state.assets=undefined;//总资产
- this.state.fixedAssets=undefined;//固定资产
- this.state.researchAmount=undefined;//研发费用
- this.state.salesAmount = undefined;//销售额
- this.state.year = undefined;//年份清零
- },
- resetx() {
- this.state.id=undefined;//年报ID
- this.state.projectName=undefined;//项目名称
- this.state.status=undefined;//项目状态
- this.state.remark = undefined;//备注
- this.state.year = undefined;//年份清零
- },
- //列表详情
- details(id) {
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context +"/api/admin/customer/findOrganizationCustomerDetail",
- data: {
- uid:id
- },
- success: function(data) {
- let thisDetail= data.data;
- if(data.error.length || data.data.list == "") {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- } else {
- let ProvinceCityArr = [];
- let ProvinceS = thisDetail.locationProvince; //省
- let citys = thisDetail.locationCity;//市
- let Areas = thisDetail.locationArea;//区
- ProvinceCityArr.push(ProvinceS, citys, Areas);
- this.setState({
- detailId:thisDetail.id,//详情ID
- identifyName:thisDetail.identifyName,//客户名称
- uid:thisDetail.uid,//客户ID
- societyTag:thisDetail.societyTag,//社会标签
- companyLogoUrl:thisDetail.companyLogoUrl? splitUrl(thisDetail.companyLogoUrl, ',', globalConfig.avatarHost + '/upload') : [],//公司LOGO
- introduction:thisDetail.introduction,//介绍
- industry:thisDetail.industry?thisDetail.industry.toString():"",//行业
- locationProvince:thisDetail.locationProvince,//省
- locationCity:thisDetail.locationCity,//市
- locationArea:thisDetail.locationArea,//区
- ProvinceCity: ProvinceCityArr[0]!=null?ProvinceCityArr:undefined,//省市区
- postalAddress:thisDetail.postalAddress,//通讯地址
- contactsFixedTel:thisDetail.contactsFixedTel,//固定电话
- contactsFax:thisDetail.contactsFax,//传真地址
- registeredCapital:thisDetail.registeredCapital,//注册资金
- enterpriseScale:thisDetail.enterpriseScale,//企业规模
- legalPerson:thisDetail.legalPerson,//法人
- legalPersonIdCard:thisDetail.legalPersonIdCard,//法人身份证
- legalPersonTel:thisDetail.legalPersonTel,//法人联系电话
- legalPersonEmail:thisDetail.legalPersonEmail,//法人联系邮箱
- highTechZone:thisDetail.highTechZone,//是否高新
- listed:thisDetail.listed,//是否高新
- international:thisDetail.international,//是否国际化
- orgCode:thisDetail.orgCode,//社会统一机构
- orgCodeUrl:thisDetail.orgCodeUrl? splitUrl(thisDetail.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],//社会统一机构地址
- businessScope:thisDetail.businessScope ? thisDetail.businessScope.split(',').filter((v)=> v) : [],//业务范围
- salesTarget:thisDetail.salesTarget ? thisDetail.salesTarget.split(',').filter((v)=> v) : [],//销售目标企业
- contacts:thisDetail.contacts,//主要联系人姓名
- contactMobile:thisDetail.contactMobile,//主要联系人电话
- investment:thisDetail.investment,//投资机构
- businessAudit:thisDetail.businessAudit,//业务认证
- auditStatus:thisDetail.auditStatus,//实名认证
- intellectualProperty:thisDetail.intellectualProperty,//已有知识产权情况
- yearSalesAmount:thisDetail.yearSalesAmount,//年度销售额
- lastYearResearchAmount:thisDetail.lastYearResearchAmount,//上年度研发费用
- assets:thisDetail.assets,//总资产
- qualification:thisDetail.qualification,//企业资质情况
- cooperationSituation:thisDetail.cooperationSituation,//企业与高校院所
- informationMaintainer:thisDetail.informationMaintainer,//资料维护人
- informationMaintainerName:thisDetail.informationMaintainerName,//资料维护人
- coreTechnology:thisDetail.coreTechnology,//核心技术
- accomplishSituation:thisDetail.accomplishSituation,//客户已完成项目情况
- creditRating:thisDetail.creditRating?thisDetail.creditRating.toString():"",//信用等级
- pojectApplicationUrl:thisDetail.pojectApplicationUrl,//文件地址
- });
- }}.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- //基本信息提交
- newSubmit(e) {
- e.preventDefault();
- if(!this.state.industry) {
- message.warning('请选择行业');
- return false;
- };
- if(!this.state.societyTag && !this.props.isMaintain) {
- message.warning('请选择社会属性');
- return false;
- };
- if(!this.state.ProvinceCity[1]&& !this.props.isMaintain) {
- message.warning('请选择地区');
- return false;
- };
- if(!this.state.registeredCapital&& !this.props.isMaintain) {
- message.warning('请填写注册资本');
- return false;
- };
- if(this.state.businessScope.length <=0) {
- message.warning('请填写公司主营产品');
- return false;
- };
- if(this.state.salesTarget.length <=0&& !this.props.isMaintain) {
- message.warning('请填写销售目标企业');
- return false;
- };
- var reg = /^[1-9]\d*$|^0$/;
- if(this.state.consultationPrice) {
- if(this.state.consultationPrice.length > 6) {
- message.warning('咨询费用不超过6位数');
- this.refs.consul.focus();
- return false;
- };
- if(!reg.test(this.state.consultationPrice)) {
- message.warning('咨询费用只能输入数字');
- this.refs.consul.focus();
- return false;
- }
- }
- this.state.data = [];
- this.setState({
- selectedRowKeys: [],
- });
- let theorgCodeUrl = [];
- if(this.state.orgCodeUrl.length) {
- let picArr = [];
- this.state.orgCodeUrl.map(function(item) {
- if(item.response && item.response.data && item.response.data.length) {
- picArr.push(item.response.data);
- }
- });
- theorgCodeUrl = picArr.join(",");
- };
- let thecompanyLogoUrl = [];
- if(this.state.companyLogoUrl.length) {
- let picArr = [];
- this.state.companyLogoUrl.map(function(item) {
- if(item.response && item.response.data && item.response.data.length) {
- picArr.push(item.response.data);
- }
- });
- thecompanyLogoUrl = picArr.join(",");
- };
- let years = [];
- let yearMonth = this.state.yearMonth != undefined ? new Date(this.state.yearMonth).toLocaleDateString() : '';
- years = yearMonth.split('/');
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- url: globalConfig.context + '/api/admin/customer/updateOrganizationCustomer',
- data: {
- id:this.state.detailId,//详情ID
- identifyName:this.state.identifyName,//客户名称
- uid:this.state.uid,//客户ID
- societyTag:this.state.societyTag,//社会标签
- companyLogoUrl:thecompanyLogoUrl.length != 0 ? thecompanyLogoUrl : '',//公司LOGO
- introduction:this.state.introduction,//介绍
- industry:this.state.industry,//行业
- locationProvince:(this.state.ProvinceCity)[0],//省
- locationCity:(this.state.ProvinceCity)[1],//市
- locationArea:(this.state.ProvinceCity)[2],//区
- postalAddress:this.state.postalAddress,//通讯地址
- contactsFixedTel:this.state.contactsFixedTel,//固定电话
- contactsFax:this.state.contactsFax,//传真地址
- registeredCapital:this.state.registeredCapital,//注册资金
- enterpriseScale:this.state.enterpriseScale,//企业规模
- legalPerson:this.state.legalPerson,//法人
- legalPersonIdCard:this.state.legalPersonIdCard,//法人身份证
- legalPersonTel:this.state.legalPersonTel,//法人联系电话
- legalPersonEmail:this.state.legalPersonEmail,//法人联系邮箱
- highTechZone:this.state.highTechZone,//是否高新
- listed:this.state.listed,//是否高新
- international:this.state.international,//是否国际化
- orgCode:this.state.orgCode,//社会统一机构
- orgCodeUrl: theorgCodeUrl.length != 0 ? theorgCodeUrl : '',//社会统一机构地址
- businessScope:this.state.businessScope.join(','),//业务范围
- salesTarget:this.state.salesTarget.join(','),//销售目标企业
- contacts:this.state.contacts,//主要联系人姓名
- contactMobile:this.state.contactMobile,//主要联系人电话
- investment:this.state.investment,//投资机构
- businessAudit:this.state.businessAudit,//业务认证
- auditStatus:this.state.auditStatus,//实名认证
- intellectualProperty:this.state.intellectualProperty,//已有知识产权情况
- qualification:this.state.qualification,//企业资质情况
- cooperationSituation:this.state.cooperationSituation,//企业与高校院所
- informationMaintainer:this.state.informationMaintainer,//资料维护人
- informationMaintainerName:this.state.informationMaintainerName,//资料维护人
- coreTechnology:this.state.coreTechnology,//核心技术
- creditRating:this.state.creditRating,//信用等级
- pojectApplicationUrl:this.state.pojectApplicationUrl,//文件地址
- }
- }).done(function(data) {
- this.setState({
- loading: false
- });
- if(!data.error.length) {
- message.success('保存成功!');
- this.visitCancel();
- this.loadData(this.state.pageNo);
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this));
- },
- //财务信息提交
- newSubmitc(e) {
- e.preventDefault();
- if(!this.state.year) {
- message.warning('请选择年份');
- return false;
- };
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- url: globalConfig.context + this.state.isXin==1?'/api/admin/customers/addOrgAnnual':'/api/admin/customers/updateOrgAnnual',
- data: {
- id:this.state.id?this.state.id:undefined,//年报ID
- uid:this.state.uid,//客户ID
- year:this.state.year,//年份
- researchAmount:this.state.researchAmount,//研发费用
- assets:this.state.assets,//总资产
- fixedAssets:this.state.fixedAssets,//固定资产
- salesAmount:this.state.salesAmount,//销售额
- }
- }).done(function(data) {
- this.setState({
- loading: false
- });
- if(!data.error.length) {
- message.success('保存成功!');
- this.visitCancelc();
- this.loadDatac();
- this.loadData();
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this));
- },
- //财务信息提交
- newSubmitx(e) {
- e.preventDefault();
- if(!this.state.year) {
- message.warning('请选择年份');
- return false;
- };
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- url: globalConfig.context + this.state.isXinx==1?'/api/admin/customers/addOrgYearProject':'/api/admin/customers/updateOrgYearProject',
- data: {
- id:this.state.id?this.state.id:undefined,//年报ID
- uid:this.state.uid,//客户ID
- year:this.state.year,//年份
- projectName:this.state.projectName,//研发费用
- status:this.state.status,//总资产
- remark:this.state.remark,//销售额
- }
- }).done(function(data) {
- this.setState({
- loading: false
- });
- if(!data.error.length) {
- message.success('保存成功!');
- this.visitCancelc();
- this.loadDatax();
- this.loadData();
- } else {
- message.warning(data.error[0].message);
- }
- }.bind(this));
- },
- //获取ID
- getStateData(id) {
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/techproject/techProjectLog",
- data: {
- pid: id || this.props.data.id
- },
- success: function (data) {
- if (!data.data) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- return;
- };
- var myDate = new Date();
- this.state.stateTable = [];
- for (let i = 0; i < data.data.length; i++) {
- this.state.stateTable.push({
- key: i,
- state: data.data[i].state,
- recordTime: data.data[i].recordTime,
- recordTimeFormattedDate: data.data[i].recordTimeFormattedDate,
- principal: data.data[i].principal,
- operator: data.data[i].operator,
- comment: data.data[i].comment
- });
- };
- }.bind(this),
- }).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- //整行点击
- tableRowClick(record, index) {
- let arr = this.state.dataSource.filter(v=>v.visible);
- if(arr.length !== 0){
- this.state.dataSource[arr[0].key].visible = false;
- }
- this.setState({
- dataSource:this.state.dataSource,
- inputValue: '',
- visitModul:true,
- pojectApplicationUrl: undefined,
- isXian: 0,
- })
- this.details(this.props.isMaintain ? record.uid : record.id);
- },
- //指定转交人自动补全
- supervisor(e){
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/customer/listAdminByName",
- data:{
- adminName:e
- },
- success: function (data) {
- let thedata=data.data;
- if (!thedata) {
- if (data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- thedata = {};
- };
- this.setState({
- customerArr:thedata,
- });
- }.bind(this),
- }).always(function () {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- //输入转交人输入框失去焦点是判断客户是否存在
- selectAuto(value,options){
- this.setState({
- auto:value
- })
- },
- blurChange(e){
- let theType='';
- let contactLists=this.state.customerArr||[];
- if (e) {
- contactLists.map(function (item) {
- if (item.name == e.toString()) {
- theType = item.id;
- }
- });
- }
- this.setState({
- theTypes:theType
- })
- },
- //值改变时请求客户名称
- httpChange(e){
- if(e.length>=1){
- this.supervisor(e);
- }
- this.setState({
- auto:e
- })
- },
- //转交
- changeAssigner() {
- if(this.state.theTypes){
- this.setState({
- selectedRowKeys: [],
- });
- let id;
- for(let idx = 0; idx < this.state.selectedRows.length; idx++) {
- let rowItem = this.state.selectedRows[idx];
- if(rowItem.id) {
- id=rowItem.id;
- };
- };
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/customer/updateInformationMaintainerr",
- data: {
- id: id, //客户ID
- aid: this.state.theTypes, //指定转交人的ID
- }
- }).done(function(data) {
- if(!data.error.length) {
- message.success('转交成功!');
- this.setState({
- auto:'',
- loading: false,
- });
- } else {
- message.warning(data.error[0].message);
- };
- this.loadData(Math.min(this.state.pageNo==undefined?1:this.state.pageNo,Math.ceil((this.state.pagination.total-1)/10)));
- }.bind(this));
- }else{
- message.warning('请输入转交人姓名')
- }
- },
- //详情打开
- visitOk(e) {
- this.setState({
- visitModul: false
- });
- },
- //详情关闭
- visitCancel(e) {
- this.state.fileList = [];
- this.setState({
- visitModul: false,
- callnub:"0",
- inputVisible:false,
- businessScope:[],
- });
- },
- //新增年报打开
- visitOkc(e) {
- this.setState({
- visitModulc: true,
- visitModulx: true
- });
- },
- //新增年报关闭
- visitCancelc(e) {
- this.resetc();
- this.resetx();
- this.setState({
- visitModulc: false,
- visitModulx: false,
- });
- },
- //PDF打开
- visitOk1(e) {
- this.getPrevie(this.state.uid, 'techProject', 'organization_application');
- this.setState({
- visitModul1: true
- });
- },
- //PDF关闭
- visitCancel1(e) {
- this.setState({
- visitModul1: false,
- loading:false,
- });
- },
- //获取PDF地址
- getPrevie(id,url,sign){
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + "/api/admin/customer/" + url,
- data:{
- "id": id,
- "sign": sign
- },
- success: function (data) {
- if (!data.data) {
- if ( data.error && data.error.length ) {
- message.warning(data.error[0].message);
- };
- };
- this.setState({
- pdfUrl: location.origin + globalConfig.context + "/open/preview?" + data.data,
- });
- }.bind(this)
- });
- },
- //PDF分页
- //一开始就加载这个函数
- onDocumentComplete (pages) {
- this.setState({
- loading: true,
- });
- this.setState({ pagec:0, pages:pages.total });
- },
- //随后
- onPageComplete (pagec) {
- this.setState({ pagec });
- },
- handlePrevious (){
- this.setState({ pagec: this.state.pagec - 1 });
- },
- handleNext (){
- this.setState({ pagec: this.state.pagec + 1 });
- },
- renderPagination (pagec,pages) {
- let previousButton = <li className="previous" onClick={this.handlePrevious}><a href="#"><span className="fa fa-arrow-left">上一页</span> </a></li>;
- if (pagec==0) {
- previousButton = <li className="previous disabled"><a href="#"><span className="fa fa-arrow-left">上一页</span> </a></li>;
- }
- let nextButton = <li className="next" onClick={this.handleNext}><a href="#"> <span className="fa fa-arrow-right">下一页</span></a></li>;
- if (pagec==pages) {
- nextButton = <li className="next disabled"><a href="#"> <span className="fa fa-arrow-right">下一页</span></a></li>;
- }
- return (
- <nav>
- <ul className="pager">
- {previousButton}
- {nextButton}
- </ul>
- </nav>
- );
- },
- //上面是做PDF分页的
- getOrgCodeUrl(e) {
- this.setState({ orgCodeUrl: e });
- },
- getCompanyLogoUrl(e) {
- this.setState({ companyLogoUrl: e });
- },
- componentWillReceiveProps(nextProps) {
- if(nextProps.ApiUrl!=this.props.ApiUrl) {
- this.state.nameSearch = '';
- this.state.adminName = '';
- this.state.productKeyword = '';
- this.state.businessScope = '';
- this.state.addressSearch = [];
- this.state.provinceSearch = undefined;
- this.state.shareType = undefined;
- this.state.depId = undefined;
- this.state.citySearch = undefined;
- this.state.releaseDate[0] = undefined;
- this.state.releaseDate[1] = undefined;
- this.loadData(null,nextProps.ApiUrl);
- };
- if(nextProps.isMaintain !== this.props.isMaintain || nextProps.shiroType !== this.props.shiroType){
- this.reset();
- }
- },
- callback(e) {
- if(e == '0') {
- this.setState({
- callnub: e,
- })
- }
- if(e == '1') {
- this.setState({
- callnub: e,
- })
- this.loadDatas();
- }
- if(e == '2') {
- this.setState({
- callnub: e,
- })
- this.loadDatac();
- }
- if(e == '3') {
- this.setState({
- callnub: e,
- })
- this.loadDatax();
- }
- },
- //发布成果
- addClick() {
- this.state.RowData = {};
- this.setState({
- showDesc: true,
- });
- },
- //新增财务信息
- addClickc() {
- this.state.RowData = {};
- this.resetc();
- this.setState({
- visitModulc: true,
- isXin:1,
- });
- },
- //新增项目信息
- addClickx() {
- this.state.RowData = {};
- this.resetx();
- this.setState({
- visitModulx: true,
- isXinx:1,
- });
- },
- //关闭发布成果
- closeDesc(e, s) {
- this.state.showDesc = e;
- if (s) {
- this.loadDatas();
- };
- },
- //客户资料每行点击
- tableRowClickDate(record, index) {
- this.state.RowData = record;
- if(index!=undefined){
- this.setState({
- showDesc: true
- });
- }
- },
- //年度每行点击
- tableRowClickDatec(record, index) {
- this.state.RowData = record;
- if(index!=undefined){
- this.setState({
- isXin:2,
- visitModulc: true,
- year:record.year.toString(),//年份
- id:record.id,//年报详情ID
- assets:record.assets,//总资产
- fixedAssets:record.fixedAssets,//固定资产
- researchAmount:record.researchAmount,//研发费用
- salesAmount:record.salesAmount,//销售额
- });
- }
- },
- //项目每行点击
- tableRowClickDatex(record, index) {
- this.state.RowData = record;
- if(index!=undefined){
- this.setState({
- isXinx:2,
- visitModulx: true,
- year:record.year.toString(),//年份
- id:record.id,//年报详情ID
- projectName:record.projectName,//项目名称
- status:record.status.toString(),//项目状态
- remark:record.remark,//销售额
- });
- }
- },
- //删除财务信息
- deltalc(record){
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + '/api/admin/customers/delectOrgAnnual',
- data: {
- id:record.id,
- uid:record.uid
- }
- }).done(function (data) {
- if (!data.error.length) {
- message.success('操作成功');
- this.setState({
- loading: false,
- });
- this.loadDatac();
- this.loadData();
- } else {
- message.warning(data.error[0].message);
- };
- }.bind(this));
- },
- //删除财务信息
- deltalx(record){
- this.setState({
- loading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + '/api/admin/customers/delectOrgYearProject',
- data: {
- id:record.id,
- uid:record.uid
- }
- }).done(function (data) {
- if (!data.error.length) {
- message.success('操作成功');
- this.setState({
- loading: false,
- });
- this.loadDatax();
- this.loadData();
- } else {
- message.warning(data.error[0].message);
- };
- }.bind(this));
- },
- //部门
- departmentList() {
- this.setState({
- departmentListLoading: true
- });
- $.ajax({
- method: "get",
- 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
- });
- });
- }
- this.setState({
- departmentArr: theArr
- });
- }.bind(this)
- }).always(
- function () {
- this.setState({
- departmentListLoading: false
- });
- }.bind(this)
- );
- },
- changeList(arr) {
- const newArr = [];
- let columns = this.props.isMaintain ? (this.props.shiroType === 2 ? this.state.adminMaintainColumns : this.props.shiroType === 1 ? this.state.maintainColumnsYXY : this.state.maintainColumns) : this.state.columns;
- columns.forEach(item => {
- arr.forEach(val => {
- if (val === item.title) {
- newArr.push(item);
- }
- });
- });
- this.setState({
- changeList: newArr
- });
- },
- render() {
- let paginationss = null;
- if (this.state.pagec>=0) {
- paginationss = this.renderPagination(this.state.pagec, this.state.pages);
- }
- const {
- RangePicker,
- MonthPicker
- } = DatePicker;
- const formItemLayout = {
- labelCol: { span: 8 },
- wrapperCol: { span: 14 },
- };
- const formItemLayoutc = {
- labelCol: { span: 6 },
- wrapperCol: { span: 14 },
- };
- const FormItem = Form.Item;
- const rowSelection = {
- selectedRowKeys: this.state.selectedRowKeys,
- onChange: (selectedRowKeys, selectedRows) => {
- this.setState({
- modalVisible:false,
- selectedRows: selectedRows.slice(-1),
- selectedRowKeys: selectedRowKeys.slice(-1)
- });
- },
- onSelect: (recordt, selected, selectedRows) => {
- this.setState({
- modalVisible:false,
- recordt: recordt.id
- })
- },
- };
- const hasSelected = this.state.selectedRowKeys.length > 0;
- const dataSources=this.state.customerArr || [];
- const options = dataSources.map((group) =>
- <Select.Option key={group.id} value={group.name}>{group.name}</Select.Option>
- )
- const { businessScope, inputVisible, inputValue,salesTarget, inputVisible1, inputValue1 } = this.state;
- const intentionState = this.props.intentionState ||'';
- const props = {
- name: 'file',
- multiple: true,
- action: '/api/admin/techproject/upload',
- onChange(info) {
- const status = info.file.status;
- if (status !== 'uploading') {
- }
- if (status === 'done') {
- message.success(`${info.file.name} file uploaded successfully.`);
- } else if (status === 'error') {
- message.error(`${info.file.name} file upload failed.`);
- }
- },
- };
- let pdfUrl =this.state.pdfUrl||'';
- this.saveInputRef = input => this.input = input
- this.saveInputRef1 = input => this.input1 = input
- return (
- <div className="user-content">
- <ShowModalDiv ShowModal={this.state.showModal} />
- <div className="content-title">
- <span>客户资料维护</span>
- </div>
- <div className="user-search">
- <Tabs
- defaultActiveKey="1"
- className="test">
- <TabPane tab="搜索" key="1" style={{paddingTop:'10px'}}>
- <Input
- placeholder="客户名称"
- value={this.state.nameSearch}
- style={{width: 150,marginRight:10}}
- onChange={e => {
- this.setState({ nameSearch: e.target.value });
- }}
- />
- {
- this.props.shiroType === 2 &&
- <Input
- placeholder="所属人"
- value={this.state.adminName}
- style={{width: 150,marginRight:10}}
- onChange={e => {
- this.setState({ adminName: e.target.value });
- }}
- />
- }
- {this.props.isMaintain && <Input
- placeholder="产品关键字"
- value={this.state.productKeyword}
- style={{width: 150,marginRight:10}}
- onChange={e => {
- this.setState({ productKeyword: e.target.value });
- }}
- />}
- {!this.props.isMaintain && <Select
- placeholder="省"
- style={{ width: 80 }}
- value={this.state.provinceSearch}
- onChange={e => {
- this.setState({ provinceSearch: e });
- }}
- >
- {this.state.Provinces}
- </Select>}
- {this.props.shiroType === 2 &&
- <Select
- placeholder="订单部门"
- style={{width: 150, marginRight: 10}}
- value={this.state.depId}
- onChange={e => {
- this.setState({depId: e});
- }}
- >
- {this.state.departmentArr.map(function (item) {
- return <Select.Option key={item.id}>{item.name}</Select.Option>;
- })}
- </Select>
- }
- {/*0 私有 2签单 3渠道*/}
- {(this.props.shiroType === 2 || this.props.shiroType === 1) && <Select
- placeholder="客户类型"
- style={{ width: 80 }}
- value={this.state.shareType}
- onChange={e => {
- this.setState({ shareType: e });
- }}
- >
- <Select.Option value={0}>私有客户</Select.Option>
- <Select.Option value={1}>公共客户</Select.Option>
- <Select.Option value={2}>签单客户</Select.Option>
- <Select.Option value={3}>渠道客户</Select.Option>
- </Select>}
- {!this.props.isMaintain &&<span style={{ marginRight: "10px" }}>
- <Cascader
- options={citySelect()}
- value={this.state.addressSearch}
- placeholder="选择城市"
- onChange={(e, pre) => {
- this.setState({ addressSearch: e });
- }}
- />
- </span>}
- {!this.props.isMaintain &&<Select
- placeholder="资料是否完善"
- style={{ width: 120 }}
- value={this.state.dataGrade}
- onChange={e => {
- this.setState({ dataGrade: e });
- }}
- >
- <Select.Option value="0">未完善</Select.Option>
- <Select.Option value="1">已完善</Select.Option>
- </Select>}
- {!this.props.isMaintain &&<Select
- placeholder="是否面谈客户"
- style={{ width: 120 }}
- value={this.state.follow}
- onChange={e => {
- this.setState({ follow: e });
- }}
- >
- <Select.Option value="0">否</Select.Option>
- <Select.Option value="1">是</Select.Option>
- </Select>}
- <RangePicker
- style={{ marginRight: "10px" }}
- value={[
- this.state.releaseDate[0]
- ? moment(this.state.releaseDate[0])
- : null,
- this.state.releaseDate[1]
- ? moment(this.state.releaseDate[1])
- : null
- ]}
- onChange={(data, dataString) => {
- this.setState({ releaseDate: dataString });
- }}
- />
- <Button type="primary" onClick={this.search} style={{marginRight: 10}}>
- 搜索
- </Button>
- <Button onClick={this.reset}>重置</Button>
- </TabPane>
- {!this.props.isMaintain &&<TabPane key="2" tab="转交" >
- <AutoComplete
- className="certain-category-search"
- dropdownClassName="certain-category-search-dropdown"
- dropdownMatchSelectWidth={false}
- style={{ width: "120px" }}
- dataSource={options}
- placeholder="输入转交人姓名"
- value={this.state.auto}
- onChange={this.httpChange}
- filterOption={true}
- onBlur={this.blurChange}
- onSelect={this.selectAuto}
- disabled={!hasSelected}
- >
- <Input />
- </AutoComplete>
- <Button
- type="primary"
- onClick={this.changeAssigner}
- disabled={!hasSelected}
- >
- 转交
- </Button>
- </TabPane>}
- <TabPane tab="更改表格显示数据" key="3">
- <div style={{ marginLeft: 10 }}>
- <ChooseList
- columns={this.props.isMaintain ? (this.props.shiroType === 2 ? this.state.adminMaintainColumns : this.props.shiroType === 1 ? this.state.maintainColumnsYXY : this.state.maintainColumns) : this.state.columns}
- changeFn={this.changeList}
- changeList={this.state.changeList}
- top={55}
- margin={11}
- />
- </div>
- </TabPane>
- </Tabs>
- </div>
- <div className="patent-table">
- <Spin spinning={this.state.loading}>
- <Table
- columns={
- this.state.changeList
- ? this.state.changeList
- : (this.props.isMaintain ? (this.props.shiroType === 2 ? this.state.adminMaintainColumns : this.props.shiroType === 1 ? this.state.maintainColumnsYXY : this.state.maintainColumns) : this.state.columns)
- }
- dataSource={this.state.dataSource}
- rowSelection={this.props.isMaintain ? null : rowSelection}
- pagination={this.state.pagination}
- onRowClick={this.tableRowClick}
- bordered
- size="middle"
- />
- </Spin>
- </div>
- <Modal
- maskClosable={false}
- className="customeDetails"
- footer=""
- title="客户资料"
- width="1000px"
- visible={this.state.visitModul}
- onOk={this.visitOk}
- onCancel={this.visitCancel}
- >
- <Tabs onChange={this.callback} activeKey={this.state.callnub}>
- <TabPane tab="基本信息" key="0">
- <div>
- <Form
- layout="horizontal"
- onSubmit={this.newSubmit}
- id="demand-form"
- >
- <Spin spinning={this.state.loading}>
- <div
- style={{
- fontSize: "18px",
- marginLeft: "50px",
- marginTop: "15px",
- marginBottom: "10px",
- color: "red",
- fontWeight: "bold"
- }}
- >
- 基本信息
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="客户姓名"
- >
- <span>{this.state.identifyName}</span>
- <EnterpriseNameChange
- type='journal'
- style={{ marginLeft: 10 }}
- enterpriseId={this.state.uid}/>
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="资料所属人"
- >
- <span>{this.state.informationMaintainerName}</span>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="企业行业"
- >
- <Select
- disabled={this.props.shiroType === 2}
- placeholder="选择行业"
- value={this.state.industry}
- style={{ width: "95%" }}
- onChange={e => {
- this.setState({ industry: e });
- }}
- >
- {industry.map(function(item) {
- return (
- <Select.Option key={item.value}>
- {item.key}
- </Select.Option>
- );
- })}
- </Select>
- <span style={{ color: "red", marginLeft: "5px" }}>
- *
- </span>
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="社会属性"
- >
- <Select
- disabled={this.props.shiroType === 2}
- placeholder="客户社会属性"
- value={this.state.societyTag}
- style={{ width: "95%" }}
- onChange={e => {
- this.setState({ societyTag: e });
- }}
- >
- {socialAttribute.map(function(item) {
- return (
- <Select.Option key={item.value}>
- {item.key}
- </Select.Option>
- );
- })}
- </Select>
- {!this.props.isMaintain && <span style={{ color: "red", marginLeft: "5px" }}>
- *
- </span>}
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="省-市-区"
- >
- <Cascader
- disabled={this.props.shiroType === 2}
- options={areaSelect()}
- value={this.state.ProvinceCity}
- placeholder="选择城市"
- style={{ width: "95%" }}
- onChange={(e, pre) => {
- this.setState({ ProvinceCity: e });
- }}
- />
- {!this.props.isMaintain && <span style={{ color: "red", marginLeft: "5px" }}>
- *
- </span>}
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="注册资本"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="注册资本"
- style={{ width: "90%" }}
- value={this.state.registeredCapital}
- onChange={e => {
- this.setState({
- registeredCapital: e.target.value
- });
- }}
- />
- 万
- {!this.props.isMaintain &&<span style={{ color: "red", marginLeft: "5px" }}>
- *
- </span>}
- </FormItem>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 20 }}
- label="主营产品"
- >
- <div>
- {businessScope.map((tag, index) => {
- const isLongTag = tag.length > 20;
- const tagElem = (
- <Tag closable={this.props.shiroType !== 2} key={tag} afterClose={() => this.handleClose(tag)}>
- {isLongTag ? `${tag.slice(0, 20)}...` : tag}
- </Tag>
- );
- return isLongTag ? <Tooltip title={tag} key={tag}>{tagElem}</Tooltip> : tagElem;
- })}
- {
- !inputVisible && this.props.shiroType !== 2 &&
- <Button
- size="small"
- type="primary"
- onClick={this.showInput}>
- + 新增主营产品
- </Button>
- }
- <span style={{ color: "red", marginLeft: "5px" }}>
- *
- </span>
- </div>
- {inputVisible && (<div>
- <TextArea
- style={{width:'300px',height:'100px'}}
- value={this.state.inputValue}
- onChange={(e)=>{
- this.setState({
- inputValue: e.target.value
- })
- }}/>
- <div style={{color:'#f00'}}>提示:请用 / 符号隔开关键字</div>
- <div>
- <Button
- size="small"
- type="primary"
- onClick={this.handleInputConfirm}>
- 确定
- </Button>
- <Button
- size="small"
- style={{marginLeft:'5px'}}
- onClick={()=>{
- this.setState({
- inputVisible: false,
- inputValue: ''
- })
- }}>
- 取消
- </Button>
- </div>
- </div>)}
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 20 }}
- label="销售目标企业"
- >
- <div>
- {salesTarget.map((tag, index) => {
- const isLongTag = tag.length > 20;
- const tagElem = (
- <Tag closable key={tag} afterClose={() => this.handleClose1(tag)}>
- {isLongTag ? `${tag.slice(0, 20)}...` : tag}
- </Tag>
- );
- return isLongTag ? <Tooltip title={tag} key={tag}>{tagElem}</Tooltip> : tagElem;
- })}
- {inputVisible1 && (
- <Input
- ref={this.saveInputRef1}
- type="text"
- size="small"
- style={{ width: 78 }}
- value={inputValue1}
- onChange={this.handleInputChange1}
- onBlur={this.handleInputConfirm1}
- onPressEnter={this.handleInputConfirm1}
- />
- )}
- {!inputVisible1 && this.props.shiroType !== 2 && <Button size="small" type="primary" onClick={this.showInput1}>+ 新增销售目标企业</Button>}
- {!this.props.isMaintain &&<span style={{ color: "red", marginLeft: "5px" }}>
- *
- </span>}
- </div>
- </FormItem>
- </div>
- <div
- style={{
- fontSize: "18px",
- marginLeft: "50px",
- marginTop: "15px",
- marginBottom: "10px",
- color: "red",
- fontWeight: "bold"
- }}
- >
- 企业资料
- </div>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="通信地址"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="客户通信地址"
- value={this.state.postalAddress}
- onChange={(e, pre) => {
- this.setState({ postalAddress: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="固定电话"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="客户固定电话"
- value={this.state.contactsFixedTel}
- onChange={e => {
- this.setState({ contactsFixedTel: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="客户传真"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="客户传真"
- value={this.state.contactsFax}
- onChange={e => {
- this.setState({ contactsFax: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="企业人数"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="单位规模"
- value={this.state.enterpriseScale}
- onChange={e => {
- this.setState({ enterpriseScale: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="法人名称"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="法人名称"
- value={this.state.legalPerson}
- onChange={e => {
- this.setState({ legalPerson: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="法人身份证"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="法人身份证"
- value={this.state.legalPersonIdCard}
- onChange={e => {
- this.setState({
- legalPersonIdCard: e.target.value
- });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="联系人"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="联系人名称"
- value={this.state.contacts}
- onChange={e => {
- this.setState({ contacts: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="联系人号码"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="联系人号码"
- value={this.state.contactMobile}
- onChange={e => {
- this.setState({ contactMobile: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="法人电话"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="法人电话"
- value={this.state.legalPersonTel}
- onChange={e => {
- this.setState({ legalPersonTel: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="法人邮箱"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="法人电子邮箱"
- value={this.state.legalPersonEmail}
- onChange={e => {
- this.setState({ legalPersonEmail: e.target.value });
- }}
- />
- </FormItem>
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="社会统一信用机构代码"
- >
- <Input
- disabled={this.props.shiroType === 2}
- placeholder="社会统一信用机构代码"
- value={this.state.orgCode}
- onChange={e => {
- this.setState({ orgCode: e.target.value });
- }}
- />
- </FormItem>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 18 }}
- label="客户简介"
- >
- <Input
- disabled={this.props.shiroType === 2}
- type="textarea"
- rows={3}
- value={this.state.introduction}
- onChange={(e, pre) => {
- this.setState({ introduction: e.target.value });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix pictures">
- <FormItem
- style={{
- display: "inline-block",
- width: "350px",
- marginTop: "20px",
- marginLeft: "95px"
- }}
- labelCol={{ span: 8 }}
- wrapperCol={{ span: 10 }}
- label="机构证书(PIC)"
- >
- <PicturesWall
- disabled={this.props.shiroType === 2}
- domId={'crm1'}
- fileList={this.getOrgCodeUrl}
- pictureUrl={this.state.orgCodeUrl}
- />
- <p>建议:图片要清晰。</p>
- </FormItem>
- <FormItem
- style={{
- display: "inline-block",
- width: "350px",
- marginTop: "20px",
- }}
- labelCol={{ span: 8 }}
- wrapperCol={{ span: 10 }}
- label="单位LOGO"
- >
- <PicturesWall
- domId={'crm2'}
- fileList={this.getCompanyLogoUrl}
- pictureUrl={this.state.companyLogoUrl}
- />
- <p>建议:图片要清晰。</p>
- </FormItem>
- </div>
- <div
- style={{
- fontSize: "18px",
- marginLeft: "50px",
- marginTop: "15px",
- marginBottom: "10px",
- color: "red",
- fontWeight: "bold"
- }}
- >
- 重要资料
- </div>
- <div className="clearfix">
- <FormItem
- className="half-item"
- {...formItemLayout}
- label="客户信用等级"
- >
- <Select
- disabled={this.props.shiroType === 2}
- placeholder="客户信用等级"
- value={this.state.creditRating}
- style={{ width: "90%" }}
- onChange={e => {
- this.setState({ creditRating: e });
- }}
- >
- {slcRedit.map(function(item) {
- return (
- <Select.Option key={item.value}>
- {item.key}
- </Select.Option>
- );
- })}
- </Select>
- </FormItem>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 19 }}
- label="企业核心技术"
- >
- <Input
- disabled={this.props.shiroType === 2}
- type="textarea"
- rows={3}
- value={this.state.coreTechnology}
- style={{ width: "96%" }}
- onChange={(e, pre) => {
- this.setState({
- coreTechnology: e.target.value
- });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 19 }}
- label="企业资质情况"
- >
- <Input
- disabled={this.props.shiroType === 2}
- type="textarea"
- rows={3}
- value={this.state.qualification}
- placeholder="请按如下格式填写:资质名称+获得时间+拥有人+发证机构"
- onChange={(e, pre) => {
- this.setState({
- qualification: e.target.value
- });
- }}
- style={{ width: "96%" }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 19 }}
- label="高企合作情况"
- >
- <Input
- disabled={this.props.shiroType === 2}
- type="textarea"
- rows={3}
- value={this.state.cooperationSituation}
- onChange={(e, pre) => {
- this.setState({
- cooperationSituation: e.target.value
- });
- }}
- style={{ width: "96%" }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 19 }}
- label="项目申请书"
- >
- <Upload
- style={{ display: "inlineBlock" }}
- name="avatar"
- action={
- globalConfig.context +
- "/api/admin/customer/upload"
- }
- data={{
- uid: this.state.detailId,
- sign: "organization_application"
- }}
- beforeUpload={beforeUploadFile}
- fileList={this.state.fileList}
- onChange={info => {
- if (info.file.status !== "uploading") {
- }
- if (info.file.status === "done") {
- if (!info.file.response.error.length) {
- let isPDF = this.state.fileList[0].originFileObj.name.split(
- "."
- );
- let isIndex = isPDF.length - 1;
- if (isPDF[isIndex] == "pdf") {
- message.success(
- `${info.file.name} 文件上传成功!`
- );
- } else {
- message.error("请上传pdf文件!");
- }
- } else {
- message.warning(
- info.file.response.error[0].message
- );
- return;
- }
- this.setState({
- pojectApplicationUrl:
- info.file.response.data,
- isXian: 1
- });
- } else if (info.file.status === "error") {
- message.error(
- `${info.file.name} 文件上传失败。`
- );
- }
- this.setState({
- fileList: info.fileList.slice(-1)
- });
- }}
- >
- {/*<a onClick={
- () => {var newTab = window.open('about:blank'); getPreviews(this.state.uid, 'techProject', 'organization_application', function (data) { newTab.location.href = data; });
- }}><Icon style={{ fontSize: '16px' }} type="eye-o" /> </a>*/}
- <Button>
- <Icon type="upload" /> 项目材料上传{" "}
- </Button>
- </Upload>
- <span
- style={{ marginTop: "10px", marginLeft: "20px" }}
- >
- {this.state.pojectApplicationUrl ? (
- <span className="download-file">
- <a onClick={this.visitOk1}>
- <Icon
- style={{ fontSize: "16px" }}
- type="eye-o"
- />{" "}
- </a>
- </span>
- ) : (
- <span>
- <Icon
- type="exclamation-circle"
- style={{
- color: "#ffbf00",
- marginRight: "6px"
- }}
- />
- 未上传!
- </span>
- )}
- </span>
- </FormItem>
- </div>
- </div>
- {this.props.shiroType !== 2 && <Button
- className="setSubmit"
- type="primary"
- htmlType="submit"
- >
- 保存
- </Button> }
- <Button type="ghost" onClick={this.visitCancel}>
- 取消
- </Button>
- </div>
- </Spin>
- </Form>
- </div>
- </TabPane>
- <TabPane tab="知识产权列表" key="1">
- {this.props.shiroType !== 2 && <Button
- type="primary"
- className="addButton"
- onClick={this.addClick}
- >
- 发布知识产权
- <Icon type="plus" />
- </Button>}
- <Spin spinning={this.state.loading}>
- <Table
- size="middle"
- columns={this.state.columnsDate}
- dataSource={this.state.dataSourceDate}
- rowSelection={rowSelection}
- pagination={this.state.paginationDate}
- onRowClick={this.tableRowClickDate}
- />
- </Spin>
- </TabPane>
- <TabPane tab="财务信息" key="2">
- {this.props.shiroType !== 2 && <Button
- type="primary"
- className="addButton"
- onClick={this.addClickc}
- >
- 添加年度财务信息
- <Icon type="plus" />
- </Button>}
- <Spin spinning={this.state.loading}>
- <Table
- size="middle"
- columns={this.state.columnsc}
- dataSource={this.state.dataSourcec}
- rowSelection={rowSelection}
- onRowClick={this.tableRowClickDatec}
- />
- </Spin>
- </TabPane>
- <TabPane tab="项目信息" key="3">
- {this.props.shiroType !== 2 && <Button
- type="primary"
- className="addButton"
- onClick={this.addClickx}
- >
- 添加项目信息
- <Icon type="plus" />
- </Button>}
- <Spin spinning={this.state.loading}>
- <Table
- size="middle"
- columns={this.state.columnsx}
- dataSource={this.state.dataSourcex}
- rowSelection={rowSelection}
- onRowClick={this.tableRowClickDatex}
- />
- </Spin>
- </TabPane>
- </Tabs>
- </Modal>
- <Modal
- maskClosable={false}
- className="customeDetails"
- footer=""
- title="项目申请书"
- width="800px"
- visible={this.state.visitModul1}
- onOk={this.visitOk1}
- onCancel={this.visitCancel1}
- >
- <div>
- {/*<Button type="primary" onClick={this.pdfShows(pdfUrl)}>点击查看</Button>
- <div id="pdfContent" style={{height:"500px",width:"500px",marginLeft:"300px"}} >
- </div>
- onDocumentLoad={this.onDocumentComplete}
- onLoadSuccess={this.onDocumentComplete}
- onDocumentComplete={this.onDocumentComplete}
- onPageRender={this.onPageComplete}
- // "http://s.jishutao.com/upload/achievement/achievement/34576808907162737_achievement_maturity_text_file.pdf"//{pdfUrl}
- */}
- <PDF
- file={pdfUrl}
- onDocumentLoad={this.onDocumentComplete}
- pageIndex={parseInt(this.state.pagec)}
- scale={1.2}
- />
- {paginationss}
- </div>
- </Modal>
- <Modal
- maskClosable={false}
- className="customeDetails"
- footer=""
- title="财务资料"
- width="500px"
- visible={this.state.visitModulc}
- onOk={this.visitOkc}
- onCancel={this.visitCancelc}
- >
- {" "}
- <Form layout="horizontal" onSubmit={this.newSubmitc} id="demand-form">
- <Spin spinning={this.state.loading}>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="年份">
- <Select
- placeholder="年份"
- value={this.state.year}
- style={{ width: "90%" }}
- onChange={e => {
- this.setState({ year: e });
- }}
- >
- {year.map(function(item) {
- return (
- <Select.Option key={item.value}>
- {item.key}
- </Select.Option>
- );
- })}
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="营销收入">
- <Input
- placeholder="营销收入"
- style={{ width: "90%" }}
- value={this.state.salesAmount}
- onChange={e => {
- this.setState({ salesAmount: e.target.value });
- }}
- />
- 万
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="总资产">
- <Input
- placeholder="总资产"
- style={{ width: "90%" }}
- value={this.state.assets}
- onChange={e => {
- this.setState({ assets: e.target.value });
- }}
- />
- 万
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="固定资产">
- <Input
- placeholder="总资产"
- style={{ width: "90%" }}
- value={this.state.fixedAssets}
- onChange={e => {
- this.setState({ fixedAssets: e.target.value });
- }}
- />
- 万
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="研发费用">
- <Input
- placeholder="研发费用"
- style={{ width: "90%" }}
- value={this.state.researchAmount}
- onChange={e => {
- this.setState({ researchAmount: e.target.value });
- }}
- />
- 万
- </FormItem>
- </div>
- <Button
- className="setSubmit"
- type="primary"
- htmlType="submit"
- style={{ marginLeft: "100px" }}
- >
- 保存
- </Button>
- <Button type="ghost" onClick={this.visitCancelc}>
- 取消
- </Button>
- </Spin>
- </Form>
- </Modal>
- <Modal
- maskClosable={false}
- className="customeDetails"
- footer=""
- title="项目资料"
- width="500px"
- visible={this.state.visitModulx}
- onOk={this.visitOkc}
- onCancel={this.visitCancelc}
- >
- {" "}
- <Form layout="horizontal" onSubmit={this.newSubmitx} id="demand-form">
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="年份">
- <Select
- placeholder="年份"
- value={this.state.year}
- style={{ width: "90%" }}
- onChange={e => {
- this.setState({ year: e });
- }}
- >
- {year.map(function(item) {
- return (
- <Select.Option key={item.value}>
- {item.key}
- </Select.Option>
- );
- })}
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="项目名称">
- <Input
- placeholder="项目名称"
- style={{ width: "90%" }}
- value={this.state.projectName}
- onChange={e => {
- this.setState({ projectName: e.target.value });
- }}
- />
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="项目状态">
- <Select
- placeholder="项目状态"
- value={this.state.status}
- style={{ width: "90%" }}
- onChange={e => {
- this.setState({ status: e });
- }}
- >
- {xiangmoState.map(function(item) {
- return (
- <Select.Option key={item.value}>
- {item.key}
- </Select.Option>
- );
- })}
- </Select>
- </FormItem>
- </div>
- <div className="clearfix">
- <FormItem {...formItemLayoutc} label="备注">
- <Input
- type="textarea"
- rows={3}
- placeholder="备注"
- style={{ width: "90%" }}
- value={this.state.remark}
- onChange={e => {
- this.setState({ remark: e.target.value });
- }}
- />
- </FormItem>
- </div>
- <Button
- className="setSubmit"
- type="primary"
- htmlType="submit"
- loading={this.state.loading}
- style={{ marginLeft: "100px" }}
- >
- 保存
- </Button>
- <Button type="ghost" onClick={this.visitCancelc}>
- 取消
- </Button>
- </Form>
- </Modal>
- <TechAchievementDesc
- data={this.state.RowData}
- detailApiUrl={this.props["data-detailApiUrl"]}
- achievementCategoryOption={this.state.achievementCategoryOption}
- showDesc={this.state.showDesc}
- uid={this.state.uid}
- closeDesc={this.closeDesc}
- loadDatas={this.loadDatas}
- />
- {this.state.mainBusinessLogVisible &&
- <MainBusinessLog
- visible={this.state.mainBusinessLogVisible}
- uid={this.state.mainBusinessUid}
- onCancel={()=>{
- this.setState({
- mainBusinessLogVisible:false,
- mainBusinessUid:''
- })
- }}
- />
- }
- {this.state.changeMainProductsVisible &&
- <ChangeMainProducts
- visible={this.state.changeMainProductsVisible}
- uid={this.state.mainBusinessUid}
- businessScope={this.state.changeMainProductsArr}
- onCancel={()=>{
- this.setState({
- changeMainProductsVisible:false,
- mainBusinessUid:'',
- changeMainProductsArr:[]
- },()=>{
- this.loadData(this.state.pageNo)
- })
- }}
- />}
- </div>
- );
- }
- }));
- export default IntentionCustomer;
|