123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108 |
- 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,
- onReplace,
- } 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={onReplace(text)}>
- <div style={{
- maxWidth: '200px',
- overflow: 'hidden',
- textOverflow: "ellipsis",
- whiteSpace: 'nowrap',
- }}>{onReplace(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" style={{ marginBottom: 10 }}>
- <span style={{ fontWeight: 900, fontSize: 16 }}>客户资料维护</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>
- <TabPane key="2" tab='转交' disabled={this.props.isMaintain && true}>
- <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="1200px"
- 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;
|