模板样式修改

src/components/Operation/index.jsx

@@ -21,6 +21,7 @@ class Operation extends Component {
     super(props)
     this.state = {
       title: '',
+      fstName:'',
       okText: '',
       borderColor: '',
       okColor: '',
@@ -31,7 +32,8 @@ class Operation extends Component {
       sex:'3',
       le:'',
       deptId:'',//科室id
-      value:''
+      value:'',//科室name
+      folder:'',//文件夹
     }
     this.showPrint = this.showPrint.bind(this);
     this.closePrint = this.closePrint.bind(this);
@@ -42,6 +44,7 @@ class Operation extends Component {
     this.saveHis = this.saveHis.bind(this);
     this.keypress = this.keypress.bind(this);
     this.setDeptId = this.setDeptId.bind(this);
+    this.setFolderId = this.setFolderId.bind(this);
     this.handleChangeIpt = this.handleChangeIpt.bind(this);
   }
 
@@ -118,15 +121,17 @@ class Operation extends Component {
       Notify.info('当前页面数据已清空');
     }
   }
-  
-  onchange(val) {
+  handleInput(e){
+    let val = (e.target.value).substring(0,30)
     this.setState({
       title: val
     })
   }
-  handleInput(e){
+  handleInputFst(e){
     let val = (e.target.value).substring(0,30)
-    this.onchange(val)
+    this.setState({
+      fstName: val
+    })
   }
   keypress(event) {
     let e = event?event:window.event;
@@ -180,7 +185,7 @@ class Operation extends Component {
       {/* <div className={style.titleTip}></div> */}
       <div className={style['iptWrap']}>
         <div className={style.name}>
-          <span>模板名称：</span>
+          <span className={style.leftName}>模板名称：</span>
           <input className={style['ipt']}
             placeholder="请输入模板名称"
             type="text"
@@ -194,8 +199,23 @@ class Operation extends Component {
             onKeyPress={e => this.keypress(e)}
           />
         </div>
+        <div className={`${style.name} ${style.firstname}`}>
+          <span className={style.leftName}>模板名首拼：</span>
+          <input className={style['ipt']}
+            placeholder="请输入模板名称首字母"
+            type="text"
+            maxLength='30'
+            onInput={(e) => {
+              this.handleInputFst(e)
+            }}
+            onPropertyChange={(e) => {  // 兼容ie
+              this.handleInputFst(e)
+            }}
+            onKeyPress={e => this.keypress(e)}
+          />
+        </div>
         <div className={style.male}>
-          <span>性别归属：</span>
+          <span className={style.leftName}>性别归属：</span>
           <span className={style['commonSex']} id="commonSex" onClick={this.changeRadio.bind(this,1)}><img src={check_right} alt=""/><i style={{color:'#000'}}>通用</i></span>
           <span id="maleSex" onClick={this.changeRadio.bind(this,2)}><img src={check_circle} alt=""/><i>男</i></span>
           <span id="femaleSex" onClick={this.changeRadio.bind(this,3)}><img src={check_circle} alt=""/><i>女</i></span>
@@ -291,9 +311,6 @@ class Operation extends Component {
     if (type == 3){
       diagShowTmp(false)
       this.setState({ title: '',deptId:"",value:"" })
-    }else{
-      diagShowTmp(false)
-      this.setState({ title: '',deptId:"",value:"" }) 
     }
   }
   setDeptId(id,name){
@@ -303,6 +320,13 @@ class Operation extends Component {
       value:name
     })
   }
+  setFolderId(id,name){//文件夹
+    this.props.handleClearValue()
+    this.setState({
+      deptId :id,
+      value:name
+    })
+  }
   componentWillReceiveProps(next){//监听滚动事件
     const that = this;
     if(next.winWidth <= 1024){
@@ -324,7 +348,7 @@ class Operation extends Component {
     const { showPrint, closePrint, showPreview, closePreview,handleChangeIpt } = this;
     const { visible, preVisible,diagShow } = this.props.print;
     const {winWidth,cancelDelTag,departLis,handleChangeValue,admin} = this.props;
-    const {zIndex,type,le,value} = this.state;
+    const {zIndex,type,le,value,folder} = this.state;
     return <div className={style['container']} style={{left:le}}>
       <span className={style['button']} onClick={showPrint}><img src={printImg} /> 打印病历</span>
       <span className={style['preButton']} onClick={showPreview}><img src={preview} /> 预览</span>
@@ -341,7 +365,7 @@ class Operation extends Component {
         close={() => { this.closeDiagBox()}}
         cancel={() => {this.closeDiagBox()}}
         okText={this.state.okText}
-        height={type==3?228:200}
+        height={type==3?200:200}
         width={type==3?545:300}
         okBorderColor={this.state.borderColor}
         okColor={this.state.okColor}
@@ -351,8 +375,9 @@ class Operation extends Component {
       >
         {this.state.msg}
         {
-          admin&&type==3?<div className={style.department}>
-              <span>科室归属：</span>
+          admin&&type==3?<div className={style.addList}>
+            <div className={style.department}>
+              <span className={style.leftName}>科室归属：</span>
                 <Search handleChangeValue={handleChangeValue} handleChangeIpt={handleChangeIpt} value={value} visible={true}>
                 {
                   departLis.length>0&&value&&<ul className={style.departLis}>
@@ -367,6 +392,25 @@ class Operation extends Component {
                 }
                 </Search>
               <span style={{paddingRight:0,color:'#777777'}}>(支持汉字关键字搜索)</span>
+          </div>
+            <div className={style.department}>
+              <span className={style.leftName}>存储为：</span>
+                <Search handleChangeValue={handleChangeValue} handleChangeIpt={handleChangeIpt} value={folder} visible={true}>
+                {
+                  departLis.length>0&&value&&<ul className={style.departLis}>
+                    {
+                      departLis.map((item,idx)=>{
+                        return <li onClick={()=>this.setFolderId(item.id,item.conceptDeptName)}>
+                          {item.conceptDeptName}
+                        </li>
+                      })
+                    }
+                  </ul>
+                }
+                </Search>
+              <span style={{paddingRight:0,color:'#777777'}}>新建文件夹</span>
+              <span style={{paddingRight:0,color:'#777777'}}>管理文件夹</span>
+          </div>
           </div>:null
         }
       </ConfirmModal>

src/components/Operation/index.less

@@ -117,7 +117,7 @@
     }
 }
 .iptWrap {
-   padding: 0 15px;
+  padding: 0 15px;
   line-height: 18px;
   margin: 18px auto;
   text-align: left;
@@ -129,6 +129,9 @@
           width: 240px;
       }
   }
+  .firstname {
+      margin-top: 15px;
+  }
   p {
     text-align: left;
     font-size: 12px;
@@ -138,7 +141,6 @@
   span {
     display: inline-block;
     cursor: pointer;
-    padding-right: 20px;
     font-size: 14px;
     i {
       color: #6b6969;
@@ -158,19 +160,19 @@
 }
 .box {
     box-sizing: border-box;
-    height: 88px;
+    // height: 88px;
 }
 
 .department {
     position: relative;
     text-align: left;
-    padding: 0 0 30px 16px;
-    span {
-        padding-right: 20px;
-    }
+    padding: 0 0 15px 16px;
 }
 .male {
-    padding: 15px 0;
+    padding-top: 15px;
+    span {
+        padding-right: 16px;
+    }
 }
 .line {
     height: 1px;
@@ -208,4 +210,14 @@
     li:hover {
         border: 1px solid #3B9ED0;
     }
+}
+.leftName {
+    width: 100px;
+    text-align: right;
+    padding-right: 16px;
+    display: inline-block;
+}
+.addList {
+    position: relative;
+    top: -6px;
 }

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'; //周铁刚