diff --git a/public/react/src/modules/courses/busyWork/NewWork.js b/public/react/src/modules/courses/busyWork/NewWork.js
index 2aa8e4742..ec7c04969 100644
--- a/public/react/src/modules/courses/busyWork/NewWork.js
+++ b/public/react/src/modules/courses/busyWork/NewWork.js
@@ -121,49 +121,11 @@ class NewWork extends Component{
       console.log(error);
     });
   }
-
-  // 输入title
-  changeTitle=(e)=>{
-    console.log(e.target.value.length);
-    this.setState({
-      title_num: parseInt(e.target.value.length)
-    })
+  onCancel = () => {
+    this.props.toListPage(this.props.match.params, category.category_id)
   }
-  handleSubmit = () => {
-    const courseId = this.state.course_id || this.props.match.params.coursesId ;
-    
-    this.props.form.validateFieldsAndScroll((err, values) => {
-      console.log(values)
-      const mdContnet = this.contentMdRef.current.getValue().trim();
-      console.log(mdContnet)
-      values.description = mdContnet;
-      // return;
-      
-      {/* max={has_commit ? init_min_num : null } */}
-      {/* min={has_commit ? init_max_num : (min_num == undefined ? 2 : min_num + 1) }  */}
-      // 已有提交作品，人数范围只能扩大
-      const { has_commit, max_num, init_max_num, min_num, init_min_num } = this.state;
-      if (has_commit) {
-        if (max_num < init_max_num || min_num > init_min_num) {
-          this.props.showNotification(`已有提交作品，人数范围只能扩大(原设置为：${init_min_num} - ${init_max_num})`)
-          return;
-        }
-      }
-
-      // const errKeys = Object.keys(err);  // || errKeys.length == 1 && errKeys[0] == 'content' && mdContnet
-      if (!err) {
-        if (this.isEdit) {
-          this.doEdit(courseId, values)
-        } else {
-          this.doNew(courseId, values)
-        }
-       
-      } else {
-        $("html").animate({ scrollTop: $('html').scrollTop() - 100 })
-      }
-    })
-  }
-  doEdit = (courseId, values) => {
+  
+  doEdit = (params) => {
     const workId = this.props.match.params.workId
     const newUrl = `/homework_commons/${workId}.json`
 
@@ -391,156 +353,12 @@ class NewWork extends Component{
             </a>
           </p>
           <div>
-            {/* onSubmit={this.handleSubmit} */}
-            <style>
-              {
-                `
-                .yslnewworkinputaddonAfter .ant-input{
-																		border-right: none !important;
-																		height: 40px !important;
-																		}
-                
-                `
-              }
-            </style>
-            <Form className="courseForm">
-              <Form.Item
-                label="标题"
-                className="AboutInputForm"
-              > 
-              {getFieldDecorator('title', {
-                  rules: [{
-                    required: true, message: '请输入标题'
-                  }],
-                })(
-                  <Input placeholder="请输入作业标题，最大限制60个字符" onInput={this.changeTitle} className="searchView yslnewworkinputaddonAfter searchViewAfter" style={{"width":"100%"}} maxLength={MAX_TITLE_LENGTH} addonAfter={`${String(title_num)}/${MAX_TITLE_LENGTH}`}/>
-                )}
-              </Form.Item>
-              <style>{`
-                .uploadBtn.ant-btn {
-                  border: none;
-                  color: #4CACFF;
-                  box-shadow: none;
-                  background: transparent;
-                  padding: 0 6px;
-                }
-                .ant-upload-list-item:hover .ant-upload-list-item-info{
-                  background-color:#fff;
-                }
-                .upload_1 .ant-upload-list {
-                  width: 350px;
-                }
-                
-                .ant-input-number {
-                  height: 40px;
-                  line-height: 40px;
-                }
-
-                .workContent.AboutInputForm.ant-form-item {
-                  border-bottom: none;
-                  padding-bottom: 0px !important;
-                }
-                .newWorkUpload {
-                  padding: 0px 30px 30px 30px!important;
-                  background: #fff;
-                  width: 100%;
-                  display: inline-block;
-                  border-bottom: 1px solid #EDEDED;
-                }
-                
-              `}</style>
-
-
-              {  <Form.Item
-                label="内容"
-                className="AboutInputForm workContent mdInForm"
-              > 
-                {getFieldDecorator('description', {
-                  rules: [{
-                    required: true, message: '请输入作业内容和要求'
-                  }],
-                })(
-                  <TPMMDEditor ref={this.contentMdRef} placeholder="请在此输入作业内容和要求,最大限制5000个字符" mdID={'courseContentMD'} refreshTimeout={1500} 
-                    className="courseMessageMD" initValue={this.state.description}></TPMMDEditor>
-                )}
-              </Form.Item> }
-              <Upload {...uploadProps} className="upload_1 newWorkUpload">
-                <Button className="uploadBtn">
-                  <Icon type="upload" /> 上传附件
-                </Button>
-                (单个文件150M以内)
-              </Upload>
-              
-
-              { isGroup && 
-                <Form.Item
-                  label="分组设置"
-                  className="AboutInputForm"
-                > 
-                {getFieldDecorator('personNum', {
-                    rules: [{
-                      required: false
-                      // required: true, message: '请输入最小人数和最大人数'
-                    }],
-                  })(
-                    <div>
-                      <p className="clearfix">
-                        <ConditionToolTip condition={has_commit} title={'已有提交作品，人数范围只能扩大'}>
-                        {/* max={has_commit ? init_min_num : null } */}
-                          <InputNumber placeholder="请填写每组最小人数" min={1} className="winput-240-40" value={min_num} 
-                              
-                              onChange={this.min_num_change} style={{width:'180px'}} />
-                        </ConditionToolTip>
-                        
-                        <span className="ml15 mr15">~</span>
-                        {/* min={has_commit ? init_max_num : (min_num == undefined ? 2 : min_num + 1) }  */}
-                        <ConditionToolTip condition={has_commit} title={'已有提交作品，人数范围只能扩大'}>
-                          <InputNumber className="winput-240-40" placeholder="请填写每组最大人数" value={max_num} max={10}
-                              onChange={this.max_num_change} style={{width:'180px'}} />
-                        </ConditionToolTip>
-                        <label className="color-grey-9 ml20 font-14">（项目管理员角色的成员都可以提交作品，提交作品时需要关联同组成员，组内成员作品共享）</label>
-                      </p>
-                      <p className="mt20">
-                        <ConditionToolTip condition={has_commit || has_project} title={'已有关联项目或作品，不能修改'}>
-                          <Checkbox checked={base_on_project} onChange={this.base_on_project_change}
-                              disabled={has_project || has_commit}
-                          >基于项目实施</Checkbox>
-                        </ConditionToolTip>
-                        
-                        <label className="color-grey-9 ml12 font-14">（勾选后各小组必须在educoder平台创建项目，教师可随时观察平台对各小组最新进展的实时统计）</label>
-                      </p>
-                    </div>
-                  )}
-                </Form.Item>
-              }
-              <Form.Item
-                label="参考答案"
-                className="AboutInputForm"
-                style={{"borderBottom":"none"}}
-              > 
-                {getFieldDecorator('reference_answer', {
-                  rules: [{
-                    required: false
-                  }],
-                })(
-                  <TPMMDEditor ref={this.answerMdRef} placeholder="请在此输入作业的参考答案,最大限制5000个字符" mdID={'workAnswerMD'} 
-                      className="courseMessageMD" refreshTimeout={1500} initValue={this.state.reference_answer || ''}></TPMMDEditor>
-                )}
-                <Upload {...answerUploadProps} className="upload_1">
-                  <Button className="uploadBtn">
-                    <Icon type="upload" /> 上传附件
-                  </Button>
-                  (单个文件150M以内)
-                </Upload>
-              </Form.Item>
-              <Form.Item>
-                <div className="clearfix mt30 mb30">
-                {/*  htmlType="submit"   */}
-                  <Button type="primary" onClick={this.handleSubmit} className="defalutSubmitbtn fl mr20">提交</Button>
-                  <a className="defalutCancelbtn fl" onClick={() => this.props.toListPage(this.props.match.params, category.category_id)}>取消</ a>
-                </div>
-              </Form.Item>
-            </Form>
+            <NewWorkForm wrappedComponentRef={(ref) => {this.newWorkFormRef = ref}}
+              {...this.props}
+              onCancel={this.onCancel}
+              doNew={this.doNew}
+              doEdit={this.doEdit}
+            ></NewWorkForm>
           </div>
         </div>
       </div>
diff --git a/public/react/src/modules/courses/busyWork/NewWorkForm.js b/public/react/src/modules/courses/busyWork/NewWorkForm.js
index c4f6c4eed..57d1666e1 100644
--- a/public/react/src/modules/courses/busyWork/NewWorkForm.js
+++ b/public/react/src/modules/courses/busyWork/NewWorkForm.js
@@ -10,6 +10,11 @@ import CBreadcrumb from '../common/CBreadcrumb'
 const confirm = Modal.confirm;
 const $ = window.$
 const MAX_TITLE_LENGTH = 60;
+
+/** 
+    需要注意的props
+    isGroup
+*/ 
 class NewWorkForm extends Component{
   constructor(props){
     super(props);
@@ -453,7 +458,7 @@ class NewWorkForm extends Component{
                 <div className="clearfix mt30 mb30">
                 {/*  htmlType="submit"   */}
                   <Button type="primary" onClick={this.handleSubmit} className="defalutSubmitbtn fl mr20">提交</Button>
-                  <a className="defalutCancelbtn fl" onClick={() => this.props.toListPage(this.props.match.params, category.category_id)}>取消</ a>
+                  <a className="defalutCancelbtn fl" onClick={() => this.props.onCancel()}>取消</ a>
                 </div>
               </Form.Item>
             </Form>
diff --git a/public/react/src/modules/user/usersInfo/banks/BanksIndex.js b/public/react/src/modules/user/usersInfo/banks/BanksIndex.js
index 58100c41a..6b636dca2 100644
--- a/public/react/src/modules/user/usersInfo/banks/BanksIndex.js
+++ b/public/react/src/modules/user/usersInfo/banks/BanksIndex.js
@@ -30,6 +30,10 @@ const GtopicBanksEdit = Loadable({
 	loader: () => import('./GtopicBanksEdit'),
 	loading: Loading,
 })
+const HomeworkBanksEdit = Loadable({
+	loader: () => import('./HomeworkBanksEdit'),
+	loading: Loading,
+})
 
 class BanksIndex extends Component{
   constructor(props){
@@ -75,7 +79,13 @@ class BanksIndex extends Component{
           </p>
 
           <Switch {...this.props}>
-            
+            <Route path='/banks/homework/:workId/edit' 
+              render={
+                (props) => {
+                  return (<HomeworkBanksEdit {...this.props} {...props} {...this.state} {...common}/>)
+                }
+            }></Route>
+
             <Route path='/banks/gtopic/:bankId/edit' 
               render={
                 (props) => {
diff --git a/public/react/src/modules/user/usersInfo/banks/HomeworkBanksEdit.js b/public/react/src/modules/user/usersInfo/banks/HomeworkBanksEdit.js
new file mode 100644
index 000000000..c94e8d740
--- /dev/null
+++ b/public/react/src/modules/user/usersInfo/banks/HomeworkBanksEdit.js
@@ -0,0 +1,100 @@
+import React, { Component } from 'react';
+import axios from 'axios'
+
+
+import NewWorkForm from '../../../courses/busyWork/NewWorkForm'
+
+class HomeworkBanksEdit extends Component {
+  constructor(props){
+    super(props);
+    this.state = {
+      isPublic: undefined,
+      isGroup: false
+    }
+  }
+  componentDidMount = () =>{
+    let workId = this.props.match.params.workId;
+    
+    this.initData(workId);
+  }
+
+  initData = (workId) =>{
+    let url = `/homework_banks/${workId}.json`;
+    axios.get(url).then((result)=>{
+      if(result){
+        const crumbData={
+          title:'编辑',
+          is_public:result && result.data && result.data.is_public,
+          crumbArray:[
+            {to:`/banks/homework/${workId}/edit`,content:'详情'},
+            {content:'编辑'}
+          ]
+        }
+        this.props.initPublic(crumbData);
+        result.data.isEdit = true;
+        result.data.ref_attachments = result.data.reference_attachments
+        this.setState({ isGroup: result.data.min_num || result.data.max_num })
+        this.newWorkFormRef.initValue(result.data);
+      }
+    }).catch((error)=>{
+      console.log(error)
+    })
+  }
+
+ 
+  doNew = () => {
+  }
+  doEdit = (params) => {
+    const workId = this.props.match.params.workId
+    const newUrl = `/homework_banks/${workId}.json`
+
+    // const isGroup = this.props.isGroup()
+    axios.put(newUrl, params)
+    .then((response) => {
+      if (response.data.status == 0) {
+        this.props.showNotification('保存成功')
+        this.toWorkDetail()
+      }
+    })
+    .catch(function (error) {
+      console.log(error);
+    });   
+  }
+  toWorkDetail = () => {
+    this.props.history.push(`/banks/homework/${this.props.match.params.workId}`)
+  }
+  onCancel = () => {
+    this.toWorkDetail()
+  }
+  isGroup = () => {
+    return this.state.isGroup;
+  }
+  render(){
+    let { bankId } = this.props.match.params
+    const common = {
+      onCancel:this.onCancel,
+      isGroup: this.isGroup,
+      doNew: this.doNew,
+      doEdit: this.doEdit,
+    }
+    return(
+      <div className="courseForm">
+        <style>
+          {`
+            .courseForm .ant-col-sm-24{
+              text-align:left;
+            }
+          `}
+        </style>
+        <NewWorkForm 
+          {...this.props} 
+          {...this.state} 
+          {...common} 
+          wrappedComponentRef={(ref) => this.newWorkFormRef = ref}
+          topicId={bankId}
+        ></NewWorkForm>
+      </div>
+    )
+  }
+}
+export default HomeworkBanksEdit;
\ No newline at end of file