import React from 'react'; import { Icon, Button, AutoComplete, Input, Select, Spin, Table, Switch, message, DatePicker, Form, Modal, Tabs, Tooltip } from 'antd'; import $ from 'jquery/src/ajax'; import moment from 'moment'; import { cityArr,patentTypeList} from '@/dataDic.js'; import { beforeUploadFile, splitUrl, getPatentType, getcityArr, ShowModal, getMessageReminderStart } from "@/tools.js"; import './customer.less'; import ShowModalDiv from "@/showModal.jsx"; import ImgList from "../../../../common/imgList"; import {ChooseList} from "../../../order/orderNew/chooseList"; import ReminderLog from "./reminderLog"; const Option = AutoComplete.Option; const { TabPane } = Tabs; //图片组件 const PicturesWall = React.createClass({ getInitialState() { return { previewVisible: false, previewImage: '', fileList: this.props.pictureUrl, } }, getDefaultProps(){ return{ changeClick:this.modifyChange } }, 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; }, render() { const { previewVisible, previewImage, fileList } = this.state; const uploadButton = (
点击上传
); return (
{beforeUploadFile(infor)} }} onChange={(infor)=>{ this.handleChange(infor) }} fileList={fileList} />
); } }); const PatentPayment = Form.create()(React.createClass({ departmentList() { this.setState({ loading: 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); }; }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({ loading: false }); }.bind(this)); }, loadData(pageNo){ this.setState({ loading: true }), $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/patentNew/selectPatentNew', data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, status:this.state.statusSearch, name:this.state.nameSearch, aname:this.state.anameSearch, patentNo:this.state.patentNoSearch, departmentId:this.state.departmentSearch, startDate:this.state.timesArr[0], endDate:this.state.timesArr[1], type:this.state.typeSearch, createStart:this.state.releaseDate[0], createEnd:this.state.releaseDate[1], }, success:function (data) { ShowModal(this); let theArr = []; if(!data.data) { 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({ id:thisdata.id, province:thisdata.province, status:thisdata.status, patentNo:thisdata.patentNo, name:thisdata.name, type:thisdata.type, applyDates:thisdata.applyDates, authorizationDates:thisdata.authorizationDates, patentAmount:thisdata.patentAmount, applicant:thisdata.applicant, contactMobile:thisdata.contactMobile, email:thisdata.email, certificateUrl:thisdata.certificateUrl, aname:thisdata.aname, depName:thisdata.depName, userName:thisdata.userName, uid:thisdata.uid, createTimes:thisdata.createTimes }); }; this.state.pagination.current = data.data.pageNo; this.state.pagination.total = data.data.totalCount; }; if(!data.data.list.length) { this.state.pagination.current = 0 this.state.pagination.total = 0 } this.setState({ pageNo: pageNo, dataSource: theArr, pagination: this.state.pagination, }); }.bind(this) }).always(function() { this.setState({ loading: false }); }.bind(this)); }, getInitialState(){ return { loading:false, visible:false, orgCodeUrl:[], fileList:[], departmentArr:[], timesArr:[], pagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function(page) { this.loadData(page); }.bind(this), showTotal: function(total) { return '共' + total + '条数据'; } }, releaseDate:[], dataSource:[], columns:[{ title: '专利号', dataIndex: 'patentNo', key: 'patentNo' },{ title: '专利名称', dataIndex: 'name', key: 'name' },{ title: '专利类型', dataIndex: 'type', key: 'type', render:text=>{ return getPatentType(text) } },{ title: '申请日期', dataIndex: 'applyDates', key: 'applyDates' },{ title: '授权日期', dataIndex: 'authorizationDates', key: 'authorizationDates' },{ title: '费用', dataIndex: 'patentAmount', key: 'patentAmount' },{ title: '客户名称', dataIndex: 'userName', key: 'userName', width:100, render: (text,record) => { return (
{record.uid ? text : record.applicant}
) } },{ title: '录入人', dataIndex: 'aname', key: 'aname' },{ title: '录入日期', dataIndex: 'createTimes', key: 'createTimes' },{ title: '录入公司', dataIndex: 'depName', key: 'depName' },{ title: '联系电话', dataIndex: 'contactMobile', key: 'contactMobile' },{ title: '电子邮箱', dataIndex: 'email', key: 'email' },{ title: '状态', dataIndex: 'status', key: 'status', //状态 0 未提醒 1 剩余90天 2剩余30天 3剩余20天 4剩余10天 5剩余3天 6剩余2天 7剩余1天 render:text=>{ return (getMessageReminderStart(text,true)) } }, { title: '操作', dataIndex: 'id', key: 'id', render: (text) => ( ) } ], customerServiceList:[] } }, componentWillMount(){ this.loadData() this.departmentList() let data=localStorage.getItem('newData'); if(data!='{}'&&data){ var newData = JSON.parse(data); this.tableRowClick(newData); }; }, new(){ this.reset(); this.setState({ visible:true }) }, visitCancel(){ this.state.fileList = []; this.setState({ visible:false }) }, onSure(){ 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(","); }; if (!this.state.patentNo) { message.warning('专利号不能为空') return } if (!this.state.patentName) { message.warning('专利名称不能为空') return } if (!this.state.appDate) { message.warning('申请日期不能为空') return } if(isNaN(parseInt(this.state.patentType))){ message.warning('专利类型不能为空'); return } if (!this.state.authDate) { message.warning('授权日期不能为空') return } if (!this.state.customerUid) { message.warning('客户名称不能为空') return } let mobile = /^1[0-9]{10}$/ , phone = /^([0-9]{3,4}-)?[0-9]{7,8}$/ , phone1 = /^\d{3,4}-\d{3,4}-\d{3,4}$/; if(this.state.contactPhone && !(mobile.test(this.state.contactPhone) || phone.test(this.state.contactPhone) || phone1.test(this.state.contactPhone))){ message.warning('电话格式不正确'); return } let emailReg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式 if(this.state.email === ''){ message.warning('电子邮箱不能为空'); return } if(!emailReg.test(this.state.email)){ message.warning('电子邮箱格式不正确'); return } this.setState({ loading:true }) $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context +'/api/admin/patentNew/addPatentNew' , data: { patentNo:this.state.patentNo, name:this.state.patentName, type:this.state.patentType, applyDates:this.state.appDate, authorizationDates:this.state.authDate, // applicant:this.state.proposer, province:this.state.province, contactMobile:this.state.contactPhone, email:this.state.email, certificateUrl:theorgCodeUrl.length?theorgCodeUrl:'', uid:this.state.customerUid, } }).done(function(data) { this.setState({ loading: false }); if(!data.error.length) { message.success('保存成功!'); this.onCal() this.loadData() } else { message.warning(data.error[0].message); } }.bind(this)); }, tableRowClick(record,index){ this.state.RowData = record this.setState({ avisible:true, patentNo:record.patentNo, patentName:record.name, province:record.province, status:record.status, patentType:record.type, appDate:record.applyDates, authDate:record.authorizationDates, proposer:record.applicant, contactPhone:record.contactMobile, email:record.email, certificateUrl:record.certificateUrl, orgCodeUrl: record.certificateUrl ? splitUrl(record.certificateUrl, ',', globalConfig.avatarHost + '/upload') : [], customerUid:record.uid, customerName:record.userName }) localStorage.setItem('newData','{}'); }, xiugai(record){ 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(","); }; if (!this.state.patentNo) { message.warning('专利号不能为空') return } if (!this.state.patentName) { message.warning('专利名称不能为空') return } if (!this.state.appDate) { message.warning('申请时间不能为空') return } if(isNaN(parseInt(this.state.patentType))){ message.warning('专利类型不能为空'); return } if (!this.state.authDate) { message.warning('授权日期不能为空') return } if (!this.state.customerUid) { message.warning('客户名称不能为空') return } let mobile = /^1[0-9]{10}$/ , phone = /^([0-9]{3,4}-)?[0-9]{7,8}$/ , phone1 = /^\d{3,4}-\d{3,4}-\d{3,4}$/; if(this.state.contactPhone && !(mobile.test(this.state.contactPhone) || phone.test(this.state.contactPhone) || phone1.test(this.state.contactPhone))){ message.warning('电话格式不正确'); return } let emailReg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式 if(this.state.email === ''){ message.warning('电子邮箱不能为空'); return } if(!emailReg.test(this.state.email)){ message.warning('电子邮箱格式不正确'); return } this.setState({ loading: true }) $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context +'/api/admin/patentNew/updatePatentNew' , data: { id:record.id, patentNo:this.state.patentNo, name:this.state.patentName, type:this.state.patentType, applyDates:this.state.appDate, authorizationDates:this.state.authDate, // applicant:this.state.proposer, province:this.state.province, contactMobile:this.state.contactPhone, email:this.state.email, status:this.state.status, certificateUrl:theorgCodeUrl.length?theorgCodeUrl:'', uid:this.state.customerUid, }, success: function (data) { }.bind(this), }).done(function(data) { this.setState({ loading: false }); if(!data.error.length) { message.success('修改成功!'); this.avisitCancel() this.loadData(this.state.pageNo) } else { message.warning(data.error[0].message); } }.bind(this)); }, baocunxiugai(){ this.xiugai(this.state.RowData) }, avisitCancel(){ this.setState({ avisible:false, customerServiceList:[] }) }, reset(){ this.setState({ patentNo:'', patentName:'', patentType:undefined, appDate:undefined, authDate:undefined, orgCodeUrl:[], proposer:'', province:undefined, contactPhone:'', email:'', customerUid:undefined, customerName:undefined, customerServiceList:[], }) }, searchReset(){ this.setState({ statusSearch:undefined, nameSearch:undefined, anameSearch:undefined, patentNoSearch:undefined, departmentSearch:undefined, typeSearch:undefined, timesArr:[], releaseDate:[] },()=>{ this.loadData() }) }, search(){ this.loadData() }, onCal(){ this.setState({ visible:false }) }, getOrgCodeUrl(e) { this.setState({ orgCodeUrl: e }); }, changeList(arr) { const newArr = []; this.state.columns.forEach(item => { arr.forEach(val => { if (val === item.title) { newArr.push(item); } }); }); this.setState({ changeList: newArr }); }, //获取渠道专员列表 getAdminList(value = '') { if(value.length < 4){return} $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/customer/getUserByName", data: { name: value, }, success: function (data) { let theArr = []; if (data.error && data.error.length) { message.warning(data.error[0].message); }else{ if(data.data){ data.data.map(function (item, _) { theArr.push({ value: item.id, label: item.name, }); }); } } this.setState({ customerServiceList: theArr, }); }.bind(this), }).always( function () { }.bind(this) ); }, render(){ const theData = this.state.RowData || {}; const FormItem = Form.Item; const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 14 }, }; const { MonthPicker, RangePicker, WeekPicker } = DatePicker; return (
客户专利提醒
{ this.setState({ nameSearch: e.target.value }); }} /> { this.setState({ anameSearch: e.target.value }); }} /> { this.setState({ patentNoSearch: e.target.value }); }} /> 更多搜索 { this.setState({ mark: mark }); }} /> {!this.props.isOnlyRead ? :
} {/**/}
{this.state.mark ? (
请选择申请时间: { this.setState({ timesArr: f }); }} style={{ marginTop: "0", marginLeft: "10px" }} /> 请选择录入日期: { this.setState({ releaseDate: dataString }); }} />
) : ( "" )}
{this.state.avisible ?
*专利号 } > {!this.props.isOnlyRead ? { this.setState({ patentNo: e.target.value }); }} style={{ width: "240px" }} /> : {this.state.patentNo} } *专利名称 } > {!this.props.isOnlyRead ? { this.setState({ patentName: e.target.value }); }} style={{ width: "240px" }} /> :
{this.state.patentName}
}
{!this.props.isOnlyRead ? :
{getPatentType(this.state.patentType)}
}
*申请日期 } > { !this.props.isOnlyRead ? {}} value={this.state.appDate ? moment(this.state.appDate) : null} onChange={(data, dataString) => { this.setState({ appDate: dataString }); }} /> :
{this.state.appDate ? moment(this.state.appDate).format('YYYY-MM-DD') : ''}
}
*授权日期 } > { !this.props.isOnlyRead ? {}} value={ this.state.authDate ? moment(this.state.authDate) : null } onChange={(data, dataString) => { this.setState({ authDate: dataString }); }} /> :
{this.state.authDate ? moment(this.state.authDate).format('YYYY-MM-DD') : ''}
}
{theData.patentAmount}
{!this.props.isOnlyRead ? :
} {!this.props.isOnlyRead ?

图片建议:要清晰。

: null}
*客户名称 } > { !this.props.isOnlyRead ? :
{this.state.customerName}
}
{this.state.proposer ?
{this.state.proposer}
: null} { !this.props.isOnlyRead ? :
{getcityArr(this.state.province)}
}
{ !this.props.isOnlyRead ? { this.setState({ contactPhone: e.target.value }); }} style={{ width: "240px" }} /> :
{this.state.contactPhone}
}
*电子邮箱 } > { !this.props.isOnlyRead ? { this.setState({ email: e.target.value }); }} style={{ width: "240px" }} /> :
{this.state.email}
}
{/*状态 0 未提醒 1 剩余90天 2剩余30天 3剩余20天 4剩余10天 5剩余3天 6剩余2天 7剩余1天*/} { getMessageReminderStart(this.state.status,true) }
{!this.props.isOnlyRead ?
:
} :
} {this.state.visible ?
*专利号 } > { { this.setState({ patentNo: e.target.value }); }} style={{ width: "240px" }} /> } *专利名称 } > { { this.setState({ patentName: e.target.value }); }} style={{ width: "240px" }} /> } *申请日期 } > {}} value={this.state.appDate ? moment(this.state.appDate) : null} onChange={(data, dataString) => { this.setState({ appDate: dataString }); }} /> *专利类型 } > { } *授权日期 } > {}} value={ this.state.authDate ? moment(this.state.authDate) : null } onChange={(data, dataString) => { this.setState({ authDate: dataString }); }} />

图片建议:要清晰。

*客户名称 } >
申请人资料
{/**/} {/* {*/} {/* {*/} {/* this.setState({ proposer: e.target.value });*/} {/* }}*/} {/* style={{ width: "240px" }}*/} {/* />*/} {/* }*/} {/**/} { { this.setState({ contactPhone: e.target.value }); }} style={{ width: "240px" }} /> } *电子邮箱 } > { { this.setState({ email: e.target.value }); }} style={{ width: "240px" }} /> }
:
}
{this.state.reminderLogVisible ? { this.setState({ reminderLogVisible:false, reminderLogId:'' }) }} /> : null}
); } })) export default PatentPayment;