import React, {Component} from 'react';
import {Link} from "react-router-dom";
import axios from 'axios';
import { Input , Spin, Icon ,Button,Pagination,DatePicker} from 'antd';
import { handleDateString,getUrl,bytesToSize} from 'educoder';
import locale from 'antd/lib/date-picker/locale/zh_CN';
import MDEditors from '../MDEditors';
import PhoneModel from './PhoneModel';
import moment from 'moment';
import '../packageconcnet.css';
const { Search } = Input;
const $ = window.$;
let origin = getUrl();

//  load
if (!window.postUpMsg) {
	$.getScript(
		`${origin}/javascripts/attachments.js`,
		(data, textStatus, jqxhr) => {

		});
}


function checkPhone(phone){

	if(!(/^1[3456789]\d{9}$/.test(phone))){
		// alert("手机号码有误，请重填");
		return false;
	}
}

function range(start, end) {
	const result = [];
	for (let i = start; i < end; i++) {
		result.push(i);
	}
	return result;
}

function disabledDateTime() {
	return {
		disabledMinutes: () => range(1, 30).concat(range(31, 60)),
	};
}

function disabledDate(current) {
	return current && current < moment().endOf('day').subtract(1, 'days');
}


class PackageIndexNEIBannerConcent extends Component {
	constructor(props) {
		super(props)
		this.contentMdRef = React.createRef();
		this.state = {
			modalCancel:false,
			getverificationcodes:true,
			seconds:60,
			springtype:false,
			category:undefined,
			title:undefined,
			content:undefined,
			attachment_ids:undefined,
			deadline_at:undefined,
			min_price:undefined,
			max_price:undefined,
			contact_name:undefined,
			contact_phone:undefined,
			code:undefined,
			publish:false,
			categories:[]
		}
	}


	componentDidMount() {
		window.document.title = '众包创新'
		if(this.props.match.params.id!=undefined){

			 let url=`/project_packages/${this.props.match.params.id}.json`
			 axios.get((url)).then((response) => {
				 console.log(response)
				 let data=response.data
					 this.setState({
						 category:data.category_id,
						 title:data.title,
						 content:data.content,
						 deadline_at:moment(data.deadline_at),
						 min_price:data.min_price,
						 max_price:data.max_price,
						 contact_name:data.contact_name==null||data.contact_name==undefined?this.props.current_user.real_name:data.contact_name,
						 phones:data.contact_phone,
						 attachments:data.attachments,

					 })
			 }).catch((error) => {
				 console.log(error);

			 })
		 }else{
			console.log(this.props.current_user&&this.props.current_user.real_name)
		}

		let Url = `/project_package_categories.json`;
		axios.get(Url).then((response) => {
			// console.log(response)
			if(response.data.status===-1){

			}else{
				this.setState({
					categories:response.data.categories
				})
			}

		}).catch((error) => {
			console.log(error)
		})

		this.setState({
			contact_name:this.props.current_user&&this.props.current_user.real_name
		})

		// this.contentMdRef.current.setValue("测试赋值")
	}

	componentDidUpdate = (prevProps) => {

		if(prevProps.current_user!=this.props.current_user){
			if(this.props.current_user!=undefined){
				this.setState({
					contact_name:this.props.current_user.real_name
				})
			}
		}

	}
	//获取验证码;
	getverificationcode =()=>{
		// 	if (this.state.logins&&this.state.logins.length === 0) {
		//  // 判断没有输入手机号
		// 		return
		// 	}
     if(this.state.getverificationcodes === undefined){
			 console.log("undefined");
			 return;
		 }
		if (this.state.getverificationcodes === true) {
			this.setState({
				getverificationcodes: undefined,
			})
			let timer = setInterval(() => {
				this.setState((preState) => ({
					seconds: preState.seconds - 1,
				}), () => {
					if (this.state.seconds == 0) {
						clearInterval(timer);
						this.setState({
							getverificationcodes: false,
							seconds: 60,
						})
					}
				});
			}, 1000)
			//其他的网络请求也可以
			this.SMSverification();
		} else {
			this.setState({
				getverificationcodes: undefined,
			})
			let timer = setInterval(() => {
				this.setState((preState) => ({
					seconds: preState.seconds - 1,
				}), () => {
					if (this.state.seconds == 0) {
						clearInterval(timer);
						this.setState({
							getverificationcodes: false,
							seconds: 60,

						})
					}
				});
			}, 1000)
			//其他的网络请求也可以
			this.SMSverification();
		}
	}
	//短信验证
	SMSverification = () => {
		let {contact_phone,code}=this.state;
		var url = `/accounts/get_verification_code.json`;
		axios.get((url), {
			params: {
				login: contact_phone,
				type: 5,
			}
		}).then((result) => {
			//验证有问题{"status":1,"message":"success"}
			// console.log(result);
			this.openNotification("验证码已发送，请注意查收!",2);


		}).catch((error) => {
			console.log(error);

		})
	}


	onChangeTimePicker = (value, dateString) => {
		if(value===null){
			this.setState({
				deadline_at:""
			})
		}else{
			if(moment(handleDateString(dateString))===undefined||moment(handleDateString(dateString))===null||moment(handleDateString(dateString))===""){
				this.setState({
					deadline_attypes:true
				})
			}else{
				this.setState({
					deadline_attypes:false
				})
			}
			if(moment(handleDateString(dateString))<moment(new Date())){
				this.setState({
					deadline_attypexy:true
				})
			}else{
				this.setState({
					deadline_attypexy:false
				})
			}

			this.setState({
				deadline_at: moment(handleDateString(dateString))
			})
		}


	}

	setcheckoutcontent=()=>{
		const content = this.contentMdRef.current.getValue().trim();
		if(content===undefined||content===null||content===""){
		 this.setState({
			 contenttypes:true
		 })
		}else{
		 this.setState({
			 contenttypes:false
		 })
		}
	}


 setcheckout=(min_price,max_price)=>{
	 // if(min_price===undefined){
		//  this.setState({
		// 	 min_pricetype:true
		//  })
	 // }else{
		//  this.setState({
		// 	 min_pricetype:false
		//  })
	 // }


	 // if(parseInt(min_price)===undefined||parseInt(min_price)===null||parseInt(min_price)===""){
	 //
		//  this.setState({
		// 	 min_pricetype:true
		//  })
	 // }else{
		//  this.setState({
		// 	 min_pricetype:false
		//  })
	 // }

	 // if(parseInt(max_price)===undefined||parseInt(max_price)===null||parseInt(max_price)===""){
	 //
		//  this.setState({
		// 	 min_pricetype:true
		//  })
	 //
	 // }else{
		//  this.setState({
		// 	 min_pricetype:false
		//  })
	 // }

	 if(parseInt(min_price)<=0){
		 this.setState({
			 smallstype:true
		 })
	 }else{
		 this.setState({
			 smallstype:false
		 })
	 }

	 if(parseInt(max_price)<parseInt(min_price)){

		 this.setState({
			 minmaxtype:true
		 })
	 }else{
		 this.setState({
			 minmaxtype:false
		 })
	 }

 }



	setPublication=(type)=>{
		const content = this.contentMdRef.current.getValue().trim();
		// console.log(content)
		// console.log(this.state.deadline_at._i)
    this.setState({
			publish:type
		})
    let types=type;
		let {category,title,attachment_ids,deadline_at,min_price,max_price,contact_name,contact_phone,code,modalCancel}=this.state;

		if(category===undefined||category===null||category===""){
			this.setState({
				categorytypes:true
			})
			this.scrollToAnchor("publishtimestart");
			return
		}

		if(title===undefined||title===null||title===""){
			this.setState({
				titletypes:true
			})
			this.scrollToAnchor("publishtimestart");
			return
		}

		if(content===undefined||content===null||content===""){
			this.setState({
				contenttypes:true
			})
			this.scrollToAnchor("publishtimestart");
			return
		}

		if(deadline_at===undefined||deadline_at===null||deadline_at===""){
			this.setState({
				deadline_attypes:true
			})
			this.scrollToAnchor("publishtime");
			return
		}


		if(moment(deadline_at)<moment(new Date())){
			this.setState({
				deadline_attypexy:true
			})
			return
		}

		// if(min_price===undefined){
		// 	this.setState({
		// 		min_pricetype:true
		// 	})
		// }else{
		// 	this.setState({
		// 		min_pricetype:false
		// 	})
		// }

		// if(parseInt(min_price)===undefined||parseInt(min_price)===null||parseInt(min_price)===""){
		// 	this.setState({
		// 		min_pricetype:true
		// 	})
		// 	return
		// }

		// if(parseInt(max_price)===undefined||parseInt(max_price)===null||parseInt(max_price)===""){
		// 	this.setState({
		// 		min_pricetype:true
		// 	})
		// 	return
		// }

		if(parseInt(min_price)<=0){
			this.setState({
				smallstype:true
			})
			return
		}

		if(parseInt(max_price)<parseInt(min_price)){
			this.setState({
				minmaxtype:true
			})
			return
		}


		if(contact_name===undefined||contact_name===""||contact_name===null){
			this.setState({
				contact_nametype:true
			})
			return
		}

		// if(modalCancel===false){
		// 	if(this.props.current_user.phone===undefined||this.props.current_user.phone===null||this.props.current_user.phone===""){
		// 		this.setState({
		// 			current_userphonetype:true
		// 		})
		// 		return
		// 	}
		// }


		if(this.props.current_user&&this.props.current_user.phone===null||modalCancel===true){
			if(contact_phone===undefined||contact_phone===null||contact_phone===""){
				this.setState({
					contact_phonetype:true
				})
				return
			}

			if(checkPhone(contact_phone)===false){
				this.setState({
					contact_phonetypes:true
				})
				return
			}

			if(code===undefined||code===""||code===null){
				this.setState({
					codeypes:true
				})
				return
			}
		}

		this.setState({
			springtype:true
		})
   if(this.props.match.params.id===undefined){
		 const url = `/project_packages.json`;

		 axios.post(url, {
			   category_id: category,
				 title: title,
				 content: content,
				 attachment_ids: attachment_ids,
				 deadline_at:deadline_at._i,
				 min_price:parseInt(min_price),
				 max_price:parseInt(max_price),
				 contact_name: contact_name===null||contact_name===undefined?this.props.current_user.real_name:contact_name,
				 contact_phone: contact_phone===undefined?this.props.current_user&&this.props.current_user.phone:contact_phone,
				 code:code,
				 publish:types
			 }
		 ).then((response) => {
			 if(response.data.status===0){
				 if(type===true){
					 this.props.setPublicationfun(response.data.id)
				 }else{
					 window.location.href="/crowdsourcing/"+response.data.id
				 }
				 this.setState({
					 springtype:false
				 })
			 }else if(response.data.status===-1){
				 if(response.data.message==="无效的验证码"){
					 this.setState({
						 codeypesno:true,
						 springtype:false
					 })
				 }
			 }
			 this.setState({
				 springtype:false
			 })
		 }).catch((error) => {
			 console.log(error)
			 this.setState({
				 springtype:false
			 })
		 })


	 }else{

   //	edit

		 const url = `/project_packages/${this.props.match.params.id}.json`;

		 axios.put(url, {
			   category_id: category,
				 title: title,
				 content: content,
				 attachment_ids: attachment_ids,
				 deadline_at:deadline_at._i,
				 min_price:parseInt(min_price),
				 max_price:parseInt(max_price),
				 contact_name:  contact_name===null||contact_name===undefined?this.props.current_user.real_name:contact_name,
				 contact_phone: contact_phone===undefined?this.props.current_user&&this.props.current_user.phone:contact_phone,
				 code:code,
				 publish:types
			 }
		 ).then((response) => {
			 if(response.data.status===0){
				 if(type===true){
					 this.props.setPublicationfun(response.data.id)
				 }else{
					 window.location.href="/crowdsourcing/"+response.data.id
				 }
				 this.setState({
					 springtype:false
				 })
			 }else if(response.data.status===-1){
				 if(response.data.message==="无效的验证码"){
					 this.setState({
						 codeypesno:true,
						 springtype:false
					 })
				 }
			 }
			 this.setState({
				 springtype:false
			 })
		 }).catch((error) => {
			 console.log(error)
			 this.setState({
				 springtype:false
			 })
		 })


	 }



	}

	modalCancel=()=>{
		this.setState({
			modalCancel:false,
			contact_phone:undefined,
			code:undefined,
		})
	}

	editmodels=()=>{
		this.setState({
			modalCancel:true
		})
	}


	setcategory=(value)=>{
		if(value===undefined||value===null||value===""){
			this.setState({
				categorytypes:true
			})
		}else{
			this.setState({
				categorytypes:false
			})
		}
		this.setState({
			category:value
		})
	}

	settitlefun=(e)=>{

		if(e.target.value===undefined||e.target.value===null||e.target.value===""){
			this.setState({
				titletypes:true
			})
		}else{
			this.setState({
				titletypes:false
			})
		}

		this.setState({
			title:e.target.value
		})
	}


	onChangemin_prices=(e)=>{
		let{max_price}=this.state;
		this.setState({
			min_price:e.target.value
		})
		this.setcheckout(e.target.value,max_price)


	}
	onChangemax_prices=(e)=>{
		let{min_price}=this.state;
		this.setState({
			max_price:e.target.value
		})
		this.setcheckout(min_price,e.target.value)

	}

	onChangeContact_name=(e)=>{

		if(e.target.value===undefined||e.target.value===""||e.target.value===null){
			this.setState({
				contact_nametype:true
			})
		}else{
			this.setState({
				contact_nametype:false
			})
		}


		this.setState({
			contact_name:e.target.value
		})
	}

	onChangeContact_phone=(e)=>{
	 let {modalCancel}=this.state;
		// if(modalCancel===false){
		// 	if(this.props.current_user.phone===undefined||this.props.current_user.phone===null||this.props.current_user.phone===""){
		// 		this.setState({
		// 			current_userphonetype:true
		// 		})
		// 	}else{
		// 		this.setState({
		// 			current_userphonetype:false
		// 		})
		// 	}
		// }
		if(this.props.current_user&&this.props.current_user.phone===null||modalCancel===true){
			if(e.target.value===undefined||e.target.value===null||e.target.value===""){
				this.setState({
					contact_phonetype:true
				})
			}else{
				this.setState({
					contact_phonetype:false
				})
			}

			if(checkPhone(e.target.value)===false){
				this.setState({
					contact_phonetypes:true
				})
			}else{
				this.setState({
					contact_phonetypes:false
				})
			}
		}


		this.setState({
			contact_phone:e.target.value
		})
	}

	onChangeCode=(e)=>{
		if(e.target.value===undefined||e.target.value===""||e.target.value===null){
			this.setState({
				codeypes:true
			})
		}else{
			this.setState({
				codeypes:false
			})
		}
		this.setState({
			code:e.target.value
		})
	}

	//跳转道描点的地方
	scrollToAnchor = (anchorName) => {
		if (anchorName) {
			// 找到锚点
			let anchorElement = document.getElementById(anchorName);
			// 如果对应id的锚点存在，就跳转到锚点
			if(anchorElement) { anchorElement.scrollIntoView(); }
		}
	}

	render() {
		let {modalCancel,seconds,getverificationcodes,attachments,
			category,title}=this.state;
		let categorylist=[
			{name:"前端开发",value:"front"},
			{name:"后端开发",value:"backend"},
			{name:"移动开发",value:"mobile"},
			{name:"数据库",value:"database"},
			{name:"云计算和大数据",value:"cloud_compute_and_big_data"},
			{name:"人工智能",value:"ai"},
			{name:"其他",value:"other"},
		]


		return (

		<div className="mb20 touchSelect">
			{/*<PhoneModel*/}
				{/*modalsType={modalCancel}*/}
				{/*modalCancel={this.modalCancel}*/}
			{/*/>*/}
			<Spin size="large" spinning={this.state.springtype} >
				<p className="clearfix" id={"publishtimestart"}>

					<div className={"stud-class-set pd30a0 edu-back-white pb20"}>
							<div className={"ant-row contentbox mdInForm mb20"}>
								<div className="ant-form-item-label mb20">
									<label htmlFor="coursesNew_description" className="ant-form-item-requireds font-16">请选择需求类型</label>
								</div>

								<p className="clearfix mb20 shaiContent" >
									<div className="fl pr shaiAllItem pagetype">
										{this.state.categories.map((item,key)=>{
											return(
												<li key={key} className={category===item.id?"shaiItem shixun_repertoire active borderccc":"shaiItem shixun_repertoire borderccc"} value={item.id} onClick={()=>this.setcategory(item.id)}>{item.name}</li>
											)
										})}
									</div>
								</p>

								{this.state.categorytypes===true?<div className={"color-red mb10"}>请选择类型</div>:""}

							<div className="ant-form-item-label mb15">
								<label htmlFor="coursesNew_description" className="ant-form-item-requireds font-16" >需求标题和详情</label>
							</div>

							<Input placeholder="请输入需求标题，示例：美食类APP开发，最大限制60个字符" maxLength="60" className="input-100-40s mt5 fafafas"
							 value={title} onInput={this.settitlefun}/>
								{this.state.titletypes===true?<div className={"color-red mt10"}>不能为空</div>:""}
							<MDEditors ref={this.contentMdRef} placeholder="请填写清晰完整的需求内容" mdID={'courseContentMD'} refreshTimeout={1500}
													watch={false}  className="courseMessageMD" initValue={this.state.content}  setcheckoutcontent={()=>this.setcheckoutcontent()}></MDEditors>
								{/* 请求status 422 */}
								{this.state.contenttypes===true?<div className={"color-red"}>不能为空</div>:""}
								{/*<div className="df uploadBtn">*/}
									{/*<a href="javascript:void(0);" className="fl" onClick={() => window.$('#_file').click()}*/}
										 {/*data-tip-down="请选择文件上传">*/}
										{/*/!*<i className="fa fa-upload mr5 color-blue"></i>*!/*/}
										{/*<span className="color-blue">上传附件</span>*/}
									{/*</a>*/}
									{/*<span style={{ fontSize: "14px"}}>(最多可添加 <span className={"color-orange06"}>5</span> 个图片/文件，每个大小不超过 <span className={"color-orange06"}>10MB</span>)</span>*/}
								{/*</div>*/}
								{/*{attachments&&attachments.map((item,key)=>{*/}
									{/*return(*/}
										{/*<div className={"newForm newFormbox mt10 "}>*/}
											{/*<i className="color-green iconfont icon-fujian mr5 fl font-14 mt4"></i>*/}
											{/*<a className="upload_filename color-grey readonly hidden fl mtf3 mr10 ml5" href={item.url}>{item.title}  &nbsp; &nbsp;{bytesToSize(item.filesize)}</a>*/}
										{/*</div>*/}
									{/*)})}*/}
								{/*<form className="newForm newFormbox mt10 ">*/}
									{/*<span id={`attachments_fields`} className="attachments_fields"*/}
												{/*xmlns="http://www.w3.org/1999/html">*/}
									{/*</span>*/}
											{/*<span className="add_attachment">*/}
										{/*<input className="file_selector"*/}
													 {/*data-are-you-sure="您确定要删除吗？"*/}
													 {/*data-delete-all-files="您确定要删除所有文件吗"*/}
													 {/*data-description-placeholder="可选的描述"*/}
													 {/*data-field-is-public="公开"*/}
													 {/*data-file-count="个文件已上传"*/}
													 {/*data-lebel-file-uploding="个文件正在上传"*/}
													 {/*data-max-concurrent-uploads="2"*/}
													 {/*data-max-file-size-message="该文件无法上传。超过文件大小限制 (10 MB)，建议上传到百度云等其他共享工具里，然后在txt文档里给出链接以及共享密码并上传"*/}
													 {/*data-max-file-size="10485760" data-upload-path="/uploads.js"*/}
													 {/*id="_file"*/}
													 {/*multiple="multiple" name="attachments[dummy][file]"*/}
													 {/*onChange={() => {*/}
														  {/*debugger;*/}
 													   {/*console.log(window.$('.file_selector')[0])*/}
														 {/*window.addInputFiles(window.$('.file_selector')[0])*/}
													 {/*}}*/}
													 {/*style={{'display': 'none'}}*/}
													 {/*type="file">*/}
										{/*</input>*/}
									{/*</span>*/}
								{/*</form>*/}


						</div>
					</div>

					<div className={"stud-class-set padding30 coursenavbox edu-back-white"} style={{borderTop: '1px solid #EAEAEA'}} id={"publishtime"}>
						<div className={"ant-row contentbox mdInForm "}>
							<div className="ant-form-item-label mb10">
								<label htmlFor="coursesNew_description" className="ant-form-item-requireds font-16">工期与预算</label>
							</div>
							<p className="clearfix mb20 shaiContent">
								<span className="shaiTitle fl mt5 ml10">竞标截止：</span>
								<DatePicker
									showToday={false}
									showTime={{ format: 'HH:mm' }}
									locale={locale}
									style={{"width": "260px"}}
									format="YYYY-MM-DD HH:mm"
									placeholder="请选择任务的竞标截止日期"
									className={"fafas"}
									disabledTime={disabledDateTime}
									disabledDate={disabledDate}
									dropdownClassName="hideDisable"
									value={this.state.deadline_at}
									onChange={this.onChangeTimePicker}
								/>

								{this.state.deadline_attypes===true?<div className={"color-red ml100"}>不能为空</div>:""}

								{this.state.deadline_attypexy===true?<div className={"color-red ml100"}>不能早于当前时间</div>:""}
							</p>
							<p className="clearfix mb20 shaiContent">
								<span className="shaiTitle fl mt5 ml10">支付费用：</span>
								<Input
									className={"fafas"}
									style={{"width": "260px"}}
									value={this.state.min_price}
									placeholder="支付多少费用（最低）"
									onInput={(e)=>this.onChangemin_prices(e)}
									suffix={
										<span >¥</span>
									}
								/>
								<span className={"ml10 mr10"}>～</span>
								<Input
								className={"fafas"}
								style={{"width": "260px"}}
								value={this.state.max_price}
								placeholder="支付多少费用（最高）"
								onInput={(e)=>this.onChangemax_prices(e)}
								suffix={
									<span>¥</span>
								}
								/><span className={"pagenoedits"}>不填，则表示可议价</span>
								  {this.state.min_pricetype===true?<div className={"color-red ml100"}>不能为空</div>:""}
								  {this.state.smallstype===true?<div className={"color-red ml100"}>不能小于零</div>:""}
									{this.state.minmaxtype===true?<div className={"color-red ml100"}>最高费用不能小于最低费用</div>:""}
							</p>
							<div className="ant-form-item-label mb10">
								<label htmlFor="coursesNew_description" className="ant-form-item-requireds font-16" >联系方式</label>
							</div>
							<p className="clearfix mb20 shaiContent">
								<span className="shaiTitle fl mt5 ml40">姓名：</span>
								<Input
									className={"fafafas"}
									style={{"width": "260px"}}
									value={this.state.contact_name===null||this.state.contact_name===undefined?this.props.current_user&&this.props.current_user.real_name:this.state.contact_name}
									placeholder="请输入姓名"
									onInput={(e)=>this.onChangeContact_name(e)}
								/>
								{this.state.contact_nametype===true?<div className={"color-red ml100"}>不能为空</div>:""}
							</p>

							{this.props.current_user&&this.props.current_user.phone!=null&&modalCancel===false?<p className="clearfix mb20 shaiContent">
								<span className="shaiTitle fl mt5 ml25">手机号：</span>
								<Input
									className={"fafafas fl"}
									style={{"width": "260px"}}
									value={this.state.phones===undefined?this.props.current_user&&this.props.current_user.phone:this.state.phones}
									placeholder="请输入手机号"
									disabled={true}
								/>
								<a className="fl ml20 mt10">
									<i className="iconfont icon-bianjidaibeijing font-20 color-blue" onClick={()=>this.editmodels()}></i>
								</a>
							</p>:""}
							{/*{this.state.current_userphonetype===true?<div className={"color-red ml100"}>不能为空</div>:""}*/}
							{this.props.current_user&&this.props.current_user.phone===null||modalCancel===true?<p className="clearfix mb20 shaiContent">
									<span className="shaiTitle mt5 fl">
							    <span className="shaiTitle fl mt5 ml25">
										{/*未注册才显示!*/}

										手机号：</span>
										<Input
											className={"fafafas fl"}
											style={{"width": "260px"}}
											value={this.state.contact_phone}
											placeholder="请输入手机号码"
											onInput={(e)=>this.onChangeContact_phone(e)}
										/>
										{this.state.contact_phonetype===true?<div className={"color-red ml100"}>不能为空</div>:""}
										{this.state.contact_phonetypes===true?<div className={"color-red ml100"}>请输入正确的手机号</div>:""}
									</span>

									<span className="shaiTitle mt5 ml17 fl">
										<span>
											<Search
												style={{ width: 300 }}
												value={this.state.code}
												className="fafas"
												placeholder="请输入验证码"
												enterButton={
											  getverificationcodes === undefined ? <span>重新发送 ({seconds}s)</span>: getverificationcodes === true ?<span  >获取验证码</span>	:<span  >重新发送</span>}
												onSearch={()=>this.getverificationcode()}
												onInput={(e)=>this.onChangeCode(e)}
											/>
											{this.state.codeypes===true?<div className={"color-red"}>验证码不能为空</div>:""}
											{this.state.codeypesno===true?<div className={"color-red"}>验证码不正确</div>:""}
										</span>
										<span>
											{/*<Button type="primary" className="defalutSubmitbtn ml10 defalutSubmitbtnmodels">重新发送（）</Button>*/}
										</span>
									</span>
									<a className="fl mt8 mt15">
										<span className="font-18 color-blue" onClick={()=>this.modalCancel()}>X</span>
									</a>
								</p>:""}


						</div>
					</div>
				</p>

				<div className="clearfix mt30 mb30">
					<Button type="primary" className="defalutSubmitbtn fl mr20 defalutSubmitbtns" onClick={()=>this.setPublication(true)}>申请发布</Button>
					<a className="defalutCancelbtns fl"  onClick={()=>this.setPublication(false)}>保存</ a>
				</div>
			</Spin>
			</div>

		)
	}
}

export default PackageIndexNEIBannerConcent;

// attachments:[
// 	{
// 		id: 206525,
// 		title: "412420b57ed8c141963d4c548bde551f",
// 		filesize: 18523,
// 		description: null,
// 		url: "/api/attachments/206525"
// 	}
// 	]