模板

src/components/Operation/index.jsx

@@ -34,6 +34,7 @@ class Operation extends Component {
       deptId:'',//科室id
       value:'',//科室name
       folder:'',//文件夹
+      folderModal:true,//新增文件夹弹窗
     }
     this.showPrint = this.showPrint.bind(this);
     this.closePrint = this.closePrint.bind(this);
@@ -46,6 +47,7 @@ class Operation extends Component {
     this.setDeptId = this.setDeptId.bind(this);
     this.setFolderId = this.setFolderId.bind(this);
     this.handleChangeIpt = this.handleChangeIpt.bind(this);
+    this.newFolder = this.newFolder.bind(this);
   }
 
   showPrint() {
@@ -63,7 +65,6 @@ class Operation extends Component {
     dragBox('previewPrintWrapper','previewPrintStatic','del')
   }
 
-
   showPreview() {
     this.setState({
       zIndex:240
@@ -138,6 +139,9 @@ class Operation extends Component {
     if (e.keyCode == 13) {
       this.makeSure()
     }
+  }
+  newFolder(){
+    
   }
   saveHis(type) {
     const { diagShowTmp } = this.props;
@@ -182,7 +186,6 @@ class Operation extends Component {
   }
   changeTitle() {
     return <div className={style['box']}>
-      {/* <div className={style.titleTip}></div> */}
       <div className={style['iptWrap']}>
         <div className={style.name}>
           <span className={style.leftName}>模板名称：</span>
@@ -345,7 +348,7 @@ class Operation extends Component {
     })
   }
   render() {
-    const { showPrint, closePrint, showPreview, closePreview,handleChangeIpt } = this;
+    const { showPrint, closePrint, showPreview, closePreview,handleChangeIpt,newFolder,folderModal } = this;
     const { visible, preVisible,diagShow } = this.props.print;
     const {winWidth,cancelDelTag,departLis,handleChangeValue,admin} = this.props;
     const {zIndex,type,le,value,folder} = this.state;
@@ -365,13 +368,13 @@ class Operation extends Component {
         close={() => { this.closeDiagBox()}}
         cancel={() => {this.closeDiagBox()}}
         okText={this.state.okText}
-        height={type==3?200:200}
+        height={type==3?370:200}
         width={type==3?545:300}
         okBorderColor={this.state.borderColor}
         okColor={this.state.okColor}
         oKBg={this.state.oKBg}
         borderBtm={type==3?'1px solid #f5f5f5':null}
-        title={type==3?'保存病历模板':null}
+        title={type==3?'保存病历模板':type==4?"新建文件夹":null}
       >
         {this.state.msg}
         {
@@ -408,12 +411,32 @@ class Operation extends Component {
                   </ul>
                 }
                 </Search>
-              <span style={{paddingRight:0,color:'#777777'}}>新建文件夹</span>
-              <span style={{paddingRight:0,color:'#777777'}}>管理文件夹</span>
+              <span className={style.newFolder} onClick={newFolder}>新建文件夹</span>
+              <span className={style.mangerFolder}>管理文件夹</span>
           </div>
           </div>:null
         }
       </ConfirmModal>
+      {
+        folderModal?<div className={style.newFolderWrap}>
+          <div className={style.folderModal}></div>
+          <div className={style.name}>
+            <span className={style.leftName}>模板名称：</span>
+            <input className={style['ipt']}
+              placeholder="请输入模板名称"
+              type="text"
+              maxLength='30'
+              onInput={(e) => {
+                this.handleInput(e)
+              }}
+              onPropertyChange={(e) => {  // 兼容ie
+                this.handleInput(e)
+              }}
+              onKeyPress={e => this.keypress(e)}
+            />
+          </div>
+        </div>:null
+      }
     </div>;
   }
 }

src/components/Operation/index.less

@@ -220,4 +220,7 @@
 .addList {
     position: relative;
     top: -6px;
+}
+.newFolderWrap {
+    
 }

src/utils/config.js

@@ -1,8 +1,8 @@
 // const host='http://192.168.3.1:5050';//赵
 // const host='http://192.168.3.100:5050';//王峰
 // const host='http://192.168.2.121:5050';//后端接口访问地址
-const host='http://192.168.2.236:5050';//后端接口访问地址
-// const host='http://192.168.2.241:5050';//后端接口访问地址
+// const host='http://192.168.2.236:5050';//后端接口访问地址
+const host='http://192.168.2.241:5050';//后端接口访问地址
 // const host='http://192.168.3.11:5050';//王宇
 //const host='http://192.168.2.164:8080';
 // const host='http://192.168.3.117:5050'; //周铁刚