From 89c57f155ee81b2543b2ffb7017ee472e2d350f6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E?= <775174143@qq.com> Date: Fri, 23 Aug 2019 09:53:09 +0800 Subject: [PATCH 1/8] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=AF=95=E8=AE=BE?= =?UTF-8?q?=E7=BC=96=E8=BE=91=E6=96=B0=E5=BB=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../courses/graduation/tasks/GraduationTasksedit.js | 12 ++++++------ .../courses/graduation/tasks/GraduationTasksnew.js | 8 ++++---- public/stylesheets/educoder/edu-all.css | 4 ++++ 3 files changed, 14 insertions(+), 10 deletions(-) diff --git a/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js b/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js index 559144ecf..425441acf 100644 --- a/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js +++ b/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js @@ -18,7 +18,7 @@ class GraduationTasksedit extends Component{ this.state={ coursename:"", coursesearch:"", - title_num:60, + title_num:0, title_value:"", fileList: [], contents: [{val:"",id:1}], @@ -53,14 +53,14 @@ class GraduationTasksedit extends Component{ // // } let namelength=result.data.task_name.length; - let sixlength=title_num-namelength + // let sixlength=title_num-namelength this.setState({ // fileList:newfilelist, description:result.data.description, tasktype:result.data.task_type, name:result.data.task_name, data:result.data, - title_num:sixlength, + title_num:namelength, attachments:result.data.attachments, }) @@ -94,9 +94,9 @@ class GraduationTasksedit extends Component{ // 输入title changeTitle=(e)=>{ - + // title_num:60-parseInt(e.target.value.length), this.setState({ - title_num:60-parseInt(e.target.value.length), + title_num:e.target.value.length, title_value:e.target.value }) @@ -379,7 +379,7 @@ class GraduationTasksedit extends Component{ {getFieldDecorator('name', { rules: [{ required: true, message: "请输入标题" }], - })()} + })()} diff --git a/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js b/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js index 1d3c7578f..5c1acfb22 100644 --- a/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js +++ b/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js @@ -19,7 +19,7 @@ class GraduationTasksnew extends Component { this.state = { coursename: "", coursesearch: "", - title_num: 60, + title_num: 0, title_value: "", fileList: [], contents: [{val: "", id: 1}], @@ -119,9 +119,9 @@ class GraduationTasksnew extends Component { // 输入title changeTitle = (e) => { - + // title_num: 60 - parseInt(e.target.value.length), this.setState({ - title_num: 60 - parseInt(e.target.value.length), + title_num: e.target.value.length, title_value: e.target.value }) @@ -384,7 +384,7 @@ class GraduationTasksnew extends Component { rules: [{required: true, message: "不能为空"}], })()} + addonAfter={String(title_num)+"/60"}/>)} diff --git a/public/stylesheets/educoder/edu-all.css b/public/stylesheets/educoder/edu-all.css index 4f6dadcf9..4b0412180 100644 --- a/public/stylesheets/educoder/edu-all.css +++ b/public/stylesheets/educoder/edu-all.css @@ -3743,4 +3743,8 @@ a.singlepublishtwo{ .square-main p{ margin-bottom: 0em; +} + +.has-error .ant-input:focus{ + border-color: #ff4d4f !important; } \ No newline at end of file From 05ed4802f2c3463c9cac104302a81404158ae91f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E?= <775174143@qq.com> Date: Fri, 23 Aug 2019 11:20:15 +0800 Subject: [PATCH 2/8] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=AF=95=E8=AE=BE?= =?UTF-8?q?=E6=96=B0=E5=BB=BA=E7=BC=96=E8=BE=91=E5=B9=B6=E5=B0=81=E8=A3=85?= =?UTF-8?q?textarea=E5=AD=97=E6=95=B0=E6=8E=A7=E5=88=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/react/src/common/educoder.js | 2 + .../courses/coursesPublic/AccessoryModal.js | 24 ++++++----- .../graduation/tasks/GraduationTasksedit.js | 2 +- .../graduation/tasks/GraduationTasksnew.js | 2 +- .../src/modules/modals/WordNumberTextarea.css | 42 +++++++++++++++++++ .../src/modules/modals/WordNumberTextarea.js | 22 ++++++++++ 6 files changed, 81 insertions(+), 13 deletions(-) create mode 100644 public/react/src/modules/modals/WordNumberTextarea.css create mode 100644 public/react/src/modules/modals/WordNumberTextarea.js diff --git a/public/react/src/common/educoder.js b/public/react/src/common/educoder.js index 6f3284db2..8eb34ef55 100644 --- a/public/react/src/common/educoder.js +++ b/public/react/src/common/educoder.js @@ -70,3 +70,5 @@ export { CNotificationHOC as CNotificationHOC } from '../modules/courses/common/ export { default as ModalWrapper } from '../modules/courses/common/ModalWrapper' export { default as NoneData } from '../modules/courses/coursesPublic/NoneData' +export {default as WordNumberTextarea} from '../modules/modals/WordNumberTextarea' + diff --git a/public/react/src/modules/courses/coursesPublic/AccessoryModal.js b/public/react/src/modules/courses/coursesPublic/AccessoryModal.js index 5541a01a6..0ea699ce9 100644 --- a/public/react/src/modules/courses/coursesPublic/AccessoryModal.js +++ b/public/react/src/modules/courses/coursesPublic/AccessoryModal.js @@ -1,9 +1,11 @@ import React,{ Component } from "react"; -import { Modal,Checkbox,Upload,Button,Icon,message,notification} from "antd"; -import { WordsBtn,getUrl, getUploadActionUrl} from 'educoder'; +import { Modal,Checkbox,Upload,Button,Icon,message,notification,Input} from "antd"; +import { WordsBtn,getUrl, getUploadActionUrl,WordNumberTextarea} from 'educoder'; import axios from 'axios'; import Modals from '../../modals/Modals'; + const CheckboxGroup = Checkbox.Group; +const { TextArea } = Input; class AccessoryModal extends Component{ constructor(props){ @@ -258,7 +260,6 @@ class AccessoryModal extends Component{ }, }; - return( @@ -335,23 +336,24 @@ class AccessoryModal extends Component{

- + this.settextarea(e)} + thisValue={this.state.description} + startFontLength={description===undefined?0:description.length} + maxFontLength={100} + /> + { this.state.Errormessage && this.state.Errormessage === true ?

还未上传附件

- :
+ : "" } {this.state.updatas===true?请上传附件:""}
- {this.props.Cancelname || '取消'} + {this.props.Cancelname || '取消'} this.Saves()}>{this.props.Savesname || '确认'}
diff --git a/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js b/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js index 425441acf..4036a0a99 100644 --- a/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js +++ b/public/react/src/modules/courses/graduation/tasks/GraduationTasksedit.js @@ -379,7 +379,7 @@ class GraduationTasksedit extends Component{ {getFieldDecorator('name', { rules: [{ required: true, message: "请输入标题" }], - })()} + })()} diff --git a/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js b/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js index 5c1acfb22..6247f54c2 100644 --- a/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js +++ b/public/react/src/modules/courses/graduation/tasks/GraduationTasksnew.js @@ -384,7 +384,7 @@ class GraduationTasksnew extends Component { rules: [{required: true, message: "不能为空"}], })()} + suffix={String(title_num)+"/60"}/>)} diff --git a/public/react/src/modules/modals/WordNumberTextarea.css b/public/react/src/modules/modals/WordNumberTextarea.css new file mode 100644 index 000000000..59ed95038 --- /dev/null +++ b/public/react/src/modules/modals/WordNumberTextarea.css @@ -0,0 +1,42 @@ +.WordNumberTextarea { + outline: none; /* 去掉输入字符时的默认样式 */ + appearance:none; + -webkit-appearance:none; + -moz-appearance:none; + background-color: white; + text-shadow: none; + -webkit-writing-mode: horizontal-tb !important; + -webkit-tap-highlight-color:rgba(0,0,0,0); + resize:none; /*禁止拉伸*/ + border: none; /*去掉默认边框*/ + width: 100%; + height:150px; + border:none; + padding: 10px; + display: block; +} + +.WordNumbernote { + padding: 0; + margin: 0; + list-style: none; + text-decoration: none; + box-sizing: border-box; + overflow: hidden; + height: auto; + border: 1px solid rgba(234,234,234,1); + border-radius: 0.125rem; + margin: 0.31rem; + padding: 0.19rem; + backgroud:rgba(234,234,234,1); + padding-bottom: 10px; + padding-right: 10px; + +} +.WordNumberTextarea-count { + display: inline-block; + float: right; + font-size: 0.28rem; + color: #adadad; + padding-right: 0.25rem; +} \ No newline at end of file diff --git a/public/react/src/modules/modals/WordNumberTextarea.js b/public/react/src/modules/modals/WordNumberTextarea.js new file mode 100644 index 000000000..7f5a0288b --- /dev/null +++ b/public/react/src/modules/modals/WordNumberTextarea.js @@ -0,0 +1,22 @@ +import React, { Component } from 'react'; +import './WordNumberTextarea.css'; +class WordNumberTextarea extends Component { + constructor(props) { + super(props); + } +render() { + return( +
+ + {/**/} + + this.settextarea(e)} + thisValue={textareaval} + startFontLength={textareaval===undefined?0:textareaval.length} + maxFontLength={100} + /> +
  • 原因不能为空
  • diff --git a/public/react/src/modules/modals/WordNumberTextarea.css b/public/react/src/modules/modals/WordNumberTextarea.css index 59ed95038..9bd8c820c 100644 --- a/public/react/src/modules/modals/WordNumberTextarea.css +++ b/public/react/src/modules/modals/WordNumberTextarea.css @@ -39,4 +39,4 @@ font-size: 0.28rem; color: #adadad; padding-right: 0.25rem; -} \ No newline at end of file +} diff --git a/public/react/src/modules/modals/WordNumberTextarea.js b/public/react/src/modules/modals/WordNumberTextarea.js index 7f5a0288b..812ed3fd3 100644 --- a/public/react/src/modules/modals/WordNumberTextarea.js +++ b/public/react/src/modules/modals/WordNumberTextarea.js @@ -7,7 +7,7 @@ class WordNumberTextarea extends Component { render() { return(
    - */} this.settextarea(e)} - thisValue={textareaval} - startFontLength={textareaval===undefined?0:textareaval.length} + PlaceholderValue={"请填写您对作品调分的原因"} + InputValue={(e)=>this.settextarea(e)} + Value={textareaval} maxFontLength={100} /> diff --git a/public/react/src/modules/modals/WordNumberTextarea.js b/public/react/src/modules/modals/WordNumberTextarea.js index 812ed3fd3..23d500cc0 100644 --- a/public/react/src/modules/modals/WordNumberTextarea.js +++ b/public/react/src/modules/modals/WordNumberTextarea.js @@ -7,13 +7,13 @@ class WordNumberTextarea extends Component { render() { return(
    - */} this.settextarea(e)} - Value={textareaval} - maxFontLength={100} + placeholder={"请填写您对作品调分的原因"} + onInput={(e)=>this.settextarea(e)} + value={textareaval} + maxlength={100} />
  • 原因不能为空
  • diff --git a/public/react/src/modules/modals/WordNumberTextarea.js b/public/react/src/modules/modals/WordNumberTextarea.js index 23d500cc0..52711de2c 100644 --- a/public/react/src/modules/modals/WordNumberTextarea.js +++ b/public/react/src/modules/modals/WordNumberTextarea.js @@ -7,13 +7,14 @@ class WordNumberTextarea extends Component { render() { return(
    -