|
@@ -6,8 +6,22 @@ import moment from 'moment';
|
|
|
import TechAchievementDesc from '@/manageCenter/achievement/crmAchievement.jsx';
|
|
|
import { citySelect, provinceList ,areaSelect} from '@/NewDicProvinceList';
|
|
|
import { socialAttribute, industry, auditStatusL, lvl, currentMember ,slcRedit,dataGrade,cityArr,patentTypeList} from '@/dataDic.js';
|
|
|
-import { getSocialAttribute, beforeUploadFile,splitUrl ,getSlcRedit,getDataGrade,getAchievementCategory,getTechAuditStatus,getboutique,getPatentType,getcityArr,getPatentTypeva} from '@/tools.js';
|
|
|
+import {
|
|
|
+ getSocialAttribute,
|
|
|
+ beforeUploadFile,
|
|
|
+ splitUrl,
|
|
|
+ getSlcRedit,
|
|
|
+ getDataGrade,
|
|
|
+ getAchievementCategory,
|
|
|
+ getTechAuditStatus,
|
|
|
+ getboutique,
|
|
|
+ getPatentType,
|
|
|
+ getcityArr,
|
|
|
+ getPatentTypeva,
|
|
|
+ ShowModal
|
|
|
+} from "@/tools.js";
|
|
|
import './customer.less';
|
|
|
+import ShowModalDiv from "@/showModal.jsx";
|
|
|
const Option = AutoComplete.Option;
|
|
|
//图片组件
|
|
|
const PicturesWall = React.createClass({
|
|
@@ -127,6 +141,7 @@ const PatentPayment = Form.create()(React.createClass({
|
|
|
type:this.state.typeSearch,
|
|
|
},
|
|
|
success:function (data) {
|
|
|
+ ShowModal(this);
|
|
|
let theArr = [];
|
|
|
if(!data.data) {
|
|
|
if(data.error && data.error.length) {
|
|
@@ -471,341 +486,575 @@ const PatentPayment = Form.create()(React.createClass({
|
|
|
};
|
|
|
const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
|
|
|
|
|
|
- return(
|
|
|
- <div className="user-content" >
|
|
|
- <div className="content-title">
|
|
|
- <span style={{fontSize:'16px'}}>客户专利提醒</span>
|
|
|
- <div className="user-search">
|
|
|
- <Select value={this.state.typeSearch} placeholder="请选择专利类型" onChange={(e)=>{
|
|
|
- this.setState({
|
|
|
- typeSearch:e
|
|
|
- })
|
|
|
- }} style={{width:"140px"}}>
|
|
|
- <Option value={1}>实用新型</Option>
|
|
|
- <Option value={2}>外观设计</Option>
|
|
|
- <Option value={3}>发明</Option>
|
|
|
- </Select>
|
|
|
- <Input value={this.state.nameSearch} placeholder="请输入授权公司" onChange={(e)=>{
|
|
|
- this.setState({
|
|
|
- nameSearch:e.target.value
|
|
|
- })
|
|
|
- }} />
|
|
|
- <Select value={this.state.departmentSearch} placeholder="请选择录入公司" onChange={(e)=>{
|
|
|
- this.setState({
|
|
|
- departmentSearch:e
|
|
|
- })
|
|
|
- }} style={{width:"140px"}}>
|
|
|
- {this.state.departmentArr.map((e)=>{
|
|
|
- return <Option value={e.id}>{e.name}</Option>
|
|
|
- })}
|
|
|
- </Select>
|
|
|
- <Input value={this.state.anameSearch} placeholder="请输入录入人" onChange={(e)=>{
|
|
|
- this.setState({
|
|
|
- anameSearch:e.target.value
|
|
|
- })
|
|
|
- }} />
|
|
|
- <Select value={this.state.statusSearch} placeholder="请选择状态" onChange={(e)=>{
|
|
|
- this.setState({
|
|
|
- statusSearch:e
|
|
|
- })
|
|
|
- }} style={{width:"140px"}}>
|
|
|
- <Option value={0}>正常</Option>
|
|
|
- <Option value={1}>提醒中</Option>
|
|
|
- </Select>
|
|
|
- <Input value={this.state.patentNoSearch} placeholder="请输入专利号" onChange={(e)=>{
|
|
|
- this.setState({
|
|
|
- patentNoSearch:e.target.value
|
|
|
- })
|
|
|
- }} />
|
|
|
- <Button type="primary" onClick={this.search} style={{marginLeft:'10px'}}>搜索</Button>
|
|
|
- <Button type="primary" onClick={this.searchReset} style={{marginLeft:'10px'}}>重置</Button>
|
|
|
- <span>更多搜索
|
|
|
- <Switch onChange={(mark)=>{
|
|
|
- this.setState({mark:mark})
|
|
|
- }}/>
|
|
|
- </span>
|
|
|
- <Button type="primary" onClick={this.new} style={{marginRight:'10px',float:'right'}}>新建</Button>
|
|
|
- {/*<Button onClick={this.reset}>导出</Button>*/}
|
|
|
- </div>
|
|
|
- {this.state.mark?<div className="user-search" style={{paddingTop:"10px"}}>
|
|
|
- <span style={{fontSize:"14px"}}>
|
|
|
- 请选择申请时间:
|
|
|
- </span>
|
|
|
- <RangePicker value={[this.state.timesArr[0]?moment(this.state.timesArr[0]):null,
|
|
|
- this.state.timesArr[1]?moment(this.state.timesArr[1]):null]} onChange={(e,f)=>{
|
|
|
- this.setState({
|
|
|
- timesArr:f,
|
|
|
- })
|
|
|
- }} style={{marginTop:"0",marginLeft:"10px"}}/>
|
|
|
- </div>:''}
|
|
|
-
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table columns={this.state.columns}
|
|
|
- dataSource={this.state.dataSource}
|
|
|
- pagination={this.state.pagination}
|
|
|
- onRowClick={this.tableRowClick}
|
|
|
- size="small"
|
|
|
- bordered />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <Modal maskClosable={false} visible={this.state.avisible}
|
|
|
- onCancel={this.avisitCancel}
|
|
|
- width='800px'
|
|
|
- title='修改详情'
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>专利号
|
|
|
- </span>
|
|
|
- } >
|
|
|
- {<Input placeholder="请输入专利号" value={this.state.patentNo}
|
|
|
- onChange={(e)=>{this.setState({patentNo:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>专利名称
|
|
|
- </span>
|
|
|
- } >
|
|
|
- {<Input placeholder="请输入专利名称" value={this.state.patentName}
|
|
|
- onChange={(e)=>{this.setState({patentName:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="专利类型" >
|
|
|
- {<Select placeholder="请选择专利类型"
|
|
|
- style={{ width:'240px'}}
|
|
|
- value={getPatentType(this.state.patentType)}
|
|
|
- onChange={(e)=>{this.setState({patentType:e})}}>
|
|
|
- {
|
|
|
- patentTypeList.map(function (item) {
|
|
|
- return <Select.Option key={item.value} >{item.key}</Select.Option>
|
|
|
- })
|
|
|
- }
|
|
|
- </Select>}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="申请日期" >
|
|
|
- <DatePicker
|
|
|
- style={{marginTop:"2px",width: '240px',height:"32px" }}
|
|
|
- showTime
|
|
|
- format="YYYY-MM-DD"
|
|
|
- onOk={(e)=>{}}
|
|
|
- value={this.state.appDate ? moment(this.state.appDate) : null}
|
|
|
- onChange={(data, dataString) => { this.setState({ appDate: dataString }); }} />
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="授权日期" >
|
|
|
- <DatePicker
|
|
|
- style={{marginTop:"2px",width: '240px',height:"32px" }}
|
|
|
- showTime
|
|
|
- format="YYYY-MM-DD"
|
|
|
- onOk={(e)=>{}}
|
|
|
- value={this.state.authDate ? moment(this.state.authDate) : null}
|
|
|
- onChange={(data, dataString) => { this.setState({ authDate: dataString }); }} />
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="费用" >
|
|
|
- <span>{theData.patentAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 18 }}
|
|
|
- label="合同扫描件"
|
|
|
- >
|
|
|
-
|
|
|
- <PicturesWall
|
|
|
- fileList={this.getOrgCodeUrl}
|
|
|
- pictureUrl={this.state.orgCodeUrl} />
|
|
|
- <p>图片建议:要清晰。</p>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="申请人" >
|
|
|
- {<Input placeholder="请输入申请人/公司" value={this.state.proposer}
|
|
|
- onChange={(e)=>{this.setState({proposer:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="省份" >
|
|
|
- <Select placeholder="请选择省份"
|
|
|
- style={{ width:'240px'}}
|
|
|
- value={getcityArr(this.state.province)}
|
|
|
- onChange={(e)=>{this.setState({province:e})}}>
|
|
|
- {
|
|
|
- cityArr.map(function (item) {
|
|
|
- return <Select.Option key={item.value} >{item.key}</Select.Option>
|
|
|
- })
|
|
|
- }
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="联系电话" >
|
|
|
- {<Input placeholder="请输入联系手机" value={this.state.contactPhone}
|
|
|
- onChange={(e)=>{this.setState({contactPhone:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>电子邮箱
|
|
|
- </span>
|
|
|
- } >
|
|
|
- {<Input placeholder="请输入电子邮箱" value={this.state.email}
|
|
|
- onChange={(e)=>{this.setState({email:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={'状态'} >
|
|
|
- <span>{this.state.status?'已提醒':'待提醒'}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div style={{overflow:'hidden'}}>
|
|
|
- <Button style={{float:'right'}} onClick={this.avisitCancel}>取消</Button>
|
|
|
- <Button type="primary" style={{float:'right',marginRight:'10px'}} onClick={this.baocunxiugai}>保存</Button>
|
|
|
- </div>
|
|
|
- </Modal>
|
|
|
-
|
|
|
- <Modal maskClosable={false} visible={this.state.visible}
|
|
|
- onOk={this.visitOk} onCancel={this.visitCancel}
|
|
|
- width='1000px'
|
|
|
- title='专利资料'
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>专利号
|
|
|
- </span>
|
|
|
- } >
|
|
|
- {<Input placeholder="请输入专利号" value={this.state.patentNo}
|
|
|
- onChange={(e)=>{this.setState({patentNo:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>专利名称
|
|
|
- </span>
|
|
|
- } >
|
|
|
- {<Input placeholder="请输入专利名称" value={this.state.patentName}
|
|
|
- onChange={(e)=>{this.setState({patentName:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="申请日期" >
|
|
|
- <DatePicker
|
|
|
- style={{marginTop:"2px",width: '240px',height:"32px" }}
|
|
|
- showTime
|
|
|
- format="YYYY-MM-DD"
|
|
|
- onOk={(e)=>{}}
|
|
|
- value={this.state.appDate ? moment(this.state.appDate) : null}
|
|
|
- onChange={(data, dataString) => { this.setState({ appDate: dataString }); }} />
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>专利类型
|
|
|
- </span>
|
|
|
- } >
|
|
|
- {<Select placeholder="请选择专利类型"
|
|
|
- style={{ width:'240px'}}
|
|
|
- value={this.state.patentType}
|
|
|
- onChange={(e)=>{this.setState({patentType:e})}}>
|
|
|
- {
|
|
|
- patentTypeList.map(function (item) {
|
|
|
- return <Select.Option key={item.value} >{item.key}</Select.Option>
|
|
|
- })
|
|
|
- }
|
|
|
- </Select>}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="授权日期" >
|
|
|
- <DatePicker
|
|
|
- style={{marginTop:"2px",width: '240px',height:"32px" }}
|
|
|
- showTime
|
|
|
- format="YYYY-MM-DD"
|
|
|
- onOk={(e)=>{}}
|
|
|
- value={this.state.authDate ? moment(this.state.authDate) : null}
|
|
|
- onChange={(data, dataString) => { this.setState({ authDate: dataString }); }} />
|
|
|
- </FormItem>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 18 }}
|
|
|
- label='合同扫描件'
|
|
|
- >
|
|
|
-
|
|
|
- <PicturesWall
|
|
|
- fileList={this.getOrgCodeUrl}
|
|
|
- pictureUrl={this.state.orgCodeUrl} />
|
|
|
- <p>图片建议:要清晰。</p>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span style={{marginLeft:'50px',fontSize:'20px'}}>申请人资料</span>
|
|
|
- </div>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="申请人/公司" >
|
|
|
- {<Input placeholder="请输入申请人/公司" value={this.state.proposer}
|
|
|
- onChange={(e)=>{this.setState({proposer:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="省份" >
|
|
|
- <Select placeholder="请选择省份"
|
|
|
- style={{ width:'240px'}}
|
|
|
- value={this.state.province}
|
|
|
- onChange={(e)=>{this.setState({province:e})}}>
|
|
|
- {
|
|
|
- cityArr.map(function (item) {
|
|
|
- return <Select.Option key={item.value} >{item.key}</Select.Option>
|
|
|
- })
|
|
|
- }
|
|
|
- </Select>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="联系手机" >
|
|
|
- {<Input placeholder="请输入联系手机" value={this.state.contactPhone}
|
|
|
- onChange={(e)=>{this.setState({contactPhone:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label={
|
|
|
- <span>
|
|
|
- <strong style={{ color: '#f00' }}>*</strong>电子邮箱
|
|
|
- </span>
|
|
|
- } >
|
|
|
- {<Input placeholder="请输入电子邮箱" value={this.state.email}
|
|
|
- onChange={(e)=>{this.setState({email:e.target.value})}} style={{width:'240px'}} />}
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div style={{overflow:'hidden'}}>
|
|
|
- <Button style={{float:'right'}} onClick={this.onCal}>取消</Button>
|
|
|
- <Button type="primary" style={{float:'right',marginRight:'10px'}} onClick={this.onSure}>保存</Button>
|
|
|
- </div>
|
|
|
- </Modal>
|
|
|
- </div >
|
|
|
- </div>
|
|
|
- )
|
|
|
+ return (
|
|
|
+ <div className="user-content">
|
|
|
+ <ShowModalDiv ShowModal={this.state.showModal} />
|
|
|
+ <div className="content-title">
|
|
|
+ <span style={{ fontSize: "16px" }}>客户专利提醒</span>
|
|
|
+ <div className="user-search">
|
|
|
+ <Select
|
|
|
+ value={this.state.typeSearch}
|
|
|
+ placeholder="请选择专利类型"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ typeSearch: e
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ style={{ width: "140px" }}
|
|
|
+ >
|
|
|
+ <Option value={1}>实用新型</Option>
|
|
|
+ <Option value={2}>外观设计</Option>
|
|
|
+ <Option value={3}>发明</Option>
|
|
|
+ </Select>
|
|
|
+ <Input
|
|
|
+ value={this.state.nameSearch}
|
|
|
+ placeholder="请输入授权公司"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ nameSearch: e.target.value
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Select
|
|
|
+ value={this.state.departmentSearch}
|
|
|
+ placeholder="请选择录入公司"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ departmentSearch: e
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ style={{ width: "140px" }}
|
|
|
+ >
|
|
|
+ {this.state.departmentArr.map(e => {
|
|
|
+ return <Option value={e.id}>{e.name}</Option>;
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ <Input
|
|
|
+ value={this.state.anameSearch}
|
|
|
+ placeholder="请输入录入人"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ anameSearch: e.target.value
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Select
|
|
|
+ value={this.state.statusSearch}
|
|
|
+ placeholder="请选择状态"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ statusSearch: e
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ style={{ width: "140px" }}
|
|
|
+ >
|
|
|
+ <Option value={0}>正常</Option>
|
|
|
+ <Option value={1}>提醒中</Option>
|
|
|
+ </Select>
|
|
|
+ <Input
|
|
|
+ value={this.state.patentNoSearch}
|
|
|
+ placeholder="请输入专利号"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ patentNoSearch: e.target.value
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.search}
|
|
|
+ style={{ marginLeft: "10px" }}
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.searchReset}
|
|
|
+ style={{ marginLeft: "10px" }}
|
|
|
+ >
|
|
|
+ 重置
|
|
|
+ </Button>
|
|
|
+ <span>
|
|
|
+ 更多搜索
|
|
|
+ <Switch
|
|
|
+ onChange={mark => {
|
|
|
+ this.setState({ mark: mark });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.new}
|
|
|
+ style={{ marginRight: "10px", float: "right" }}
|
|
|
+ >
|
|
|
+ 新建
|
|
|
+ </Button>
|
|
|
+ {/*<Button onClick={this.reset}>导出</Button>*/}
|
|
|
+ </div>
|
|
|
+ {this.state.mark ? (
|
|
|
+ <div className="user-search" style={{ paddingTop: "10px" }}>
|
|
|
+ <span style={{ fontSize: "14px" }}>请选择申请时间:</span>
|
|
|
+ <RangePicker
|
|
|
+ value={[
|
|
|
+ this.state.timesArr[0]
|
|
|
+ ? moment(this.state.timesArr[0])
|
|
|
+ : null,
|
|
|
+ this.state.timesArr[1] ? moment(this.state.timesArr[1]) : null
|
|
|
+ ]}
|
|
|
+ onChange={(e, f) => {
|
|
|
+ this.setState({
|
|
|
+ timesArr: f
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ style={{ marginTop: "0", marginLeft: "10px" }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ ) : (
|
|
|
+ ""
|
|
|
+ )}
|
|
|
+
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={this.state.columns}
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ pagination={this.state.pagination}
|
|
|
+ onRowClick={this.tableRowClick}
|
|
|
+ size="small"
|
|
|
+ bordered
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ visible={this.state.avisible}
|
|
|
+ onCancel={this.avisitCancel}
|
|
|
+ width="800px"
|
|
|
+ title="修改详情"
|
|
|
+ footer=""
|
|
|
+ className="admin-desc-content"
|
|
|
+ >
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>专利号
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入专利号"
|
|
|
+ value={this.state.patentNo}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ patentNo: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>专利名称
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入专利名称"
|
|
|
+ value={this.state.patentName}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ patentName: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="专利类型"
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Select
|
|
|
+ placeholder="请选择专利类型"
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ value={getPatentType(this.state.patentType)}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ patentType: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {patentTypeList.map(function(item) {
|
|
|
+ return (
|
|
|
+ <Select.Option key={item.value}>
|
|
|
+ {item.key}
|
|
|
+ </Select.Option>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="申请日期"
|
|
|
+ >
|
|
|
+ <DatePicker
|
|
|
+ style={{ marginTop: "2px", width: "240px", height: "32px" }}
|
|
|
+ showTime
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ onOk={e => {}}
|
|
|
+ value={this.state.appDate ? moment(this.state.appDate) : null}
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ appDate: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="授权日期"
|
|
|
+ >
|
|
|
+ <DatePicker
|
|
|
+ style={{ marginTop: "2px", width: "240px", height: "32px" }}
|
|
|
+ showTime
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ onOk={e => {}}
|
|
|
+ value={
|
|
|
+ this.state.authDate ? moment(this.state.authDate) : null
|
|
|
+ }
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ authDate: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item" {...formItemLayout} label="费用">
|
|
|
+ <span>{theData.patentAmount}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="合同扫描件"
|
|
|
+ >
|
|
|
+ <PicturesWall
|
|
|
+ fileList={this.getOrgCodeUrl}
|
|
|
+ pictureUrl={this.state.orgCodeUrl}
|
|
|
+ />
|
|
|
+ <p>图片建议:要清晰。</p>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="申请人"
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入申请人/公司"
|
|
|
+ value={this.state.proposer}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ proposer: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item" {...formItemLayout} label="省份">
|
|
|
+ <Select
|
|
|
+ placeholder="请选择省份"
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ value={getcityArr(this.state.province)}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ province: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {cityArr.map(function(item) {
|
|
|
+ return (
|
|
|
+ <Select.Option key={item.value}>{item.key}</Select.Option>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="联系电话"
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入联系手机"
|
|
|
+ value={this.state.contactPhone}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ contactPhone: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>电子邮箱
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入电子邮箱"
|
|
|
+ value={this.state.email}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ email: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={"状态"}
|
|
|
+ >
|
|
|
+ <span>{this.state.status ? "已提醒" : "待提醒"}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ overflow: "hidden" }}>
|
|
|
+ <Button style={{ float: "right" }} onClick={this.avisitCancel}>
|
|
|
+ 取消
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ style={{ float: "right", marginRight: "10px" }}
|
|
|
+ onClick={this.baocunxiugai}
|
|
|
+ >
|
|
|
+ 保存
|
|
|
+ </Button>
|
|
|
+ </div>
|
|
|
+ </Modal>
|
|
|
+
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ visible={this.state.visible}
|
|
|
+ onOk={this.visitOk}
|
|
|
+ onCancel={this.visitCancel}
|
|
|
+ width="1000px"
|
|
|
+ title="专利资料"
|
|
|
+ footer=""
|
|
|
+ className="admin-desc-content"
|
|
|
+ >
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>专利号
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入专利号"
|
|
|
+ value={this.state.patentNo}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ patentNo: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>专利名称
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入专利名称"
|
|
|
+ value={this.state.patentName}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ patentName: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="申请日期"
|
|
|
+ >
|
|
|
+ <DatePicker
|
|
|
+ style={{ marginTop: "2px", width: "240px", height: "32px" }}
|
|
|
+ showTime
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ onOk={e => {}}
|
|
|
+ value={this.state.appDate ? moment(this.state.appDate) : null}
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ appDate: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>专利类型
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Select
|
|
|
+ placeholder="请选择专利类型"
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ value={this.state.patentType}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ patentType: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {patentTypeList.map(function(item) {
|
|
|
+ return (
|
|
|
+ <Select.Option key={item.value}>
|
|
|
+ {item.key}
|
|
|
+ </Select.Option>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="授权日期"
|
|
|
+ >
|
|
|
+ <DatePicker
|
|
|
+ style={{ marginTop: "2px", width: "240px", height: "32px" }}
|
|
|
+ showTime
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ onOk={e => {}}
|
|
|
+ value={
|
|
|
+ this.state.authDate ? moment(this.state.authDate) : null
|
|
|
+ }
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ authDate: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="合同扫描件"
|
|
|
+ >
|
|
|
+ <PicturesWall
|
|
|
+ fileList={this.getOrgCodeUrl}
|
|
|
+ pictureUrl={this.state.orgCodeUrl}
|
|
|
+ />
|
|
|
+ <p>图片建议:要清晰。</p>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span style={{ marginLeft: "50px", fontSize: "20px" }}>
|
|
|
+ 申请人资料
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="申请人/公司"
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入申请人/公司"
|
|
|
+ value={this.state.proposer}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ proposer: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item" {...formItemLayout} label="省份">
|
|
|
+ <Select
|
|
|
+ placeholder="请选择省份"
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ value={this.state.province}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ province: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {cityArr.map(function(item) {
|
|
|
+ return (
|
|
|
+ <Select.Option key={item.value}>{item.key}</Select.Option>
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="联系手机"
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入联系手机"
|
|
|
+ value={this.state.contactPhone}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ contactPhone: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label={
|
|
|
+ <span>
|
|
|
+ <strong style={{ color: "#f00" }}>*</strong>电子邮箱
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ >
|
|
|
+ {
|
|
|
+ <Input
|
|
|
+ placeholder="请输入电子邮箱"
|
|
|
+ value={this.state.email}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ email: e.target.value });
|
|
|
+ }}
|
|
|
+ style={{ width: "240px" }}
|
|
|
+ />
|
|
|
+ }
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div style={{ overflow: "hidden" }}>
|
|
|
+ <Button style={{ float: "right" }} onClick={this.onCal}>
|
|
|
+ 取消
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ style={{ float: "right", marginRight: "10px" }}
|
|
|
+ onClick={this.onSure}
|
|
|
+ >
|
|
|
+ 保存
|
|
|
+ </Button>
|
|
|
+ </div>
|
|
|
+ </Modal>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
}
|
|
|
}))
|
|
|
export default PatentPayment;
|