| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210 | 
							- import React, { Component } from "react";
 
- import { Alert, Button, Input, message, Modal, Spin, Form } from "antd";
 
- import $ from "jquery/src/ajax";
 
- const FormItem = Form.Item;
 
- const confirm = Modal.confirm;
 
- class PublicSupplement extends Component {
 
-   constructor(props) {
 
-     super(props);
 
-     this.state = {
 
-       visible: false,
 
-       loading: false,
 
-       supplement: "",
 
-       nextPlan:""
 
-     };
 
-     this.addSupplement = this.addSupplement.bind(this);
 
-   }
 
-   addSupplement(e) {
 
-     this.props.closeModel()
 
-     e.stopPropagation();
 
-     if (!this.state.supplement) {
 
-       message.info("本次公出目标总结不能为空");
 
-       return;
 
-     }
 
-     if (!this.state.nextPlan) {
 
-         message.info("下一步公出计划不能为空");
 
-         return;
 
-       }
 
-     this.setState({
 
-       loading: true,
 
-     });
 
-     $.ajax({
 
-       method: "post",
 
-       dataType: "json",
 
-       crossDomain: false,
 
-       url: globalConfig.context + "/api/admin/release/addSupplement",
 
-       data: {
 
-         id: this.props.infor.prid,
 
-         supplement:
 
-           (this.props.infor.supplement ? this.props.infor.supplement + '/' : "") +
 
-           this.state.supplement,
 
-         nextPlan: (this.props.infor.nextPlan ? this.props.infor.nextPlan + '/' : "") +
 
-         this.state.nextPlan,
 
-       },
 
-     }).done(
 
-       function (data) {
 
-         if (!data.error.length) {
 
-           message.success("发布成功");
 
-           this.setState({
 
-             loading: false,
 
-             visible: false,
 
-             supplement: "",
 
-             nextPlan:""
 
-           });
 
-           this.props.onCancel && this.props.onCancel();
 
-           this.props.closeModel()
 
-         } else {
 
-           message.warning(data.error[0].message);
 
-         }
 
-       }.bind(this)
 
-     );
 
-   }
 
-   render() {
 
-     const formItemLayout = {
 
-       labelCol: {
 
-         xs: { span: 24 },
 
-         sm: { span: 6 },
 
-       },
 
-       wrapperCol: {
 
-         xs: { span: 24 },
 
-         sm: { span: 14 },
 
-       },
 
-     };
 
-     return (
 
-       <div>
 
-         <Button
 
-           size="small"
 
-           type="primary"
 
-           onClick={(e) => {
 
-             e.stopPropagation();
 
-             this.setState({
 
-               visible: true,
 
-             });
 
-           }}
 
-         >
 
-           补写公出补充
 
-         </Button>
 
-         <Modal
 
-           className="customeDetails"
 
-           title="本次公出目标总结、下一步公出计划"
 
-           width="500px"
 
-           visible={this.state.visible}
 
-           onOk={() => {
 
-             this.setState({
 
-               visible: false,
 
-             });
 
-           }}
 
-           onCancel={() => {
 
-             this.setState({
 
-               visible: false,
 
-             });
 
-           }}
 
-           footer=""
 
-         >
 
-           <Spin spinning={this.state.loading}>
 
-             <div
 
-               style={{
 
-                 display: "flex",
 
-                 flexFlow: "column",
 
-               }}
 
-             >
 
-               <Form>
 
-                 <FormItem
 
-                   {...formItemLayout}
 
-                   label="本次公出目标总结"
 
-                   hasFeedback
 
-                 >
 
-                   <Input
 
-                     value={this.state.supplement}
 
-                     style={{ height: "50px" }}
 
-                     placeholder="本次公出目标总结:针对今天面谈已经达到的初步目标,需要注意的事项等"
 
-                     type={"textarea"}
 
-                     onChange={(e) => {
 
-                       this.setState({
 
-                         supplement: e.target.value,
 
-                       });
 
-                     }}
 
-                   />
 
-                 </FormItem>
 
-                 <FormItem
 
-                   {...formItemLayout}
 
-                   label="下一次公出计划"
 
-                   hasFeedback
 
-                 >
 
-                   <Input
 
-                     value={this.state.nextPlan}
 
-                     style={{ height: "50px" }}
 
-                     placeholder="计划什么时候再次面谈?计划面谈什么内容或者计划达成什么目标?预计什么时候达成合作?"
 
-                     type={"textarea"}
 
-                     onChange={(e) => {
 
-                       this.setState({
 
-                         nextPlan: e.target.value,
 
-                       });
 
-                     }}
 
-                   />
 
-                 </FormItem>
 
-               </Form>
 
-               {/* <div>
 
-                 <Input
 
-                   value={this.state.supplement}
 
-                   style={{ height: "50px" }}
 
-                   placeholder="本次公出目标总结:针对今天面谈已经达到的初步目标,需要注意的事项等"
 
-                   type={"textarea"}
 
-                   onChange={(e) => {
 
-                     this.setState({
 
-                       supplement: e.target.value,
 
-                     });
 
-                   }}
 
-                 />
 
-               </div>
 
-               <Input
 
-                 value={this.state.supplement}
 
-                 style={{ height: "50px" }}
 
-                 placeholder="下一步公出计划:计划什么时候再次面谈?计划面谈什么内容或者计划达成什么目标?预计什么时候达成合作?"
 
-                 type={"textarea"}
 
-                 onChange={(e) => {
 
-                   this.setState({
 
-                     supplement: e.target.value,
 
-                   });
 
-                 }}
 
-               /> */}
 
-               <div
 
-                 style={{
 
-                   paddingTop: "5px",
 
-                   color: "#F00",
 
-                   paddingBottom: "15px",
 
-                   fontSize: "10px",
 
-                 }}
 
-               >
 
-                 面谈总结,沟通完后记录今天交流的情况。计划下一次什么时候再面谈?该如何面谈?该如何跟进?
 
-               </div>
 
-               <Button
 
-                 type="primary"
 
-                 style={{ marginTop: "10px", marginBottom: "10px" }}
 
-                 onClick={(e) => {
 
-                   let _this = this;
 
-                   confirm({
 
-                     title: "确定要提交公出补充吗?",
 
-                     content: "公出补充提交成功后无法删除",
 
-                     onOk() {
 
-                       _this.addSupplement(e);
 
-                     },
 
-                     onCancel() {},
 
-                   });
 
-                 }}
 
-               >
 
-                 保存
 
-               </Button>
 
-             </div>
 
-           </Spin>
 
-         </Modal>
 
-       </div>
 
-     );
 
-   }
 
- }
 
- export default PublicSupplement;
 
 
  |