弹窗改为全局控制

src/components/Operation/index.jsx

@@ -42,7 +42,6 @@ class Operation extends Component {
       folderNameVal:'未分类文件夹',//选中文件夹名称
       folderId:'',//选中文件夹名称
       folderListShow:false, //文件夹列表展示
-      showSaveModule:false, //保存病例模板
     }
     this.showPrint = this.showPrint.bind(this);
     this.closePrint = this.closePrint.bind(this);
@@ -190,9 +189,7 @@ class Operation extends Component {
         }
       }
     }
-    this.setState({
-      showSaveModule: true
-    })
+    
     this.setState({
       title: '',
       sex:'3',
@@ -201,10 +198,10 @@ class Operation extends Component {
       borderColor: '#3B9ED0',
       okColor: '#fff',
       oKBg: '#3B9ED0',
-      // msg: this.changeTitle()
+      msg: this.changeTitle()
     })
     admin&&getFloderList()//获取文件夹列表
-    // diagShowTmp(true)
+    diagShowTmp(true)
   }
   spellFst(){
     const {diagShowTmp} = this.props
@@ -219,17 +216,12 @@ class Operation extends Component {
     const {diagShowTmp} = this.props
     const { type } = this.state;
     if (type == 3){
-      this.setState({
-        showSaveModule: false
-      })
       diagShowTmp(false)
       this.setState({ title: '',deptId:"",value:"",folderListShow:false,folderNameVal:'未分类文件夹',folderId:'' })
       this.setState({fstName:''})
     }
   }
   changeTitle() {
-    const {isRead,typeConfig} = this.props
-    const value = this.state.fstName
     return <div className={style['box']}>
       <div className={style['iptWrap']}>
         <div className={style.name}>
@@ -253,7 +245,7 @@ class Operation extends Component {
             ref = {this.$inp}
             // value={value}
             id='FstInp'
-            placeholder=''
+            placeholder='请输入模板名称首拼'
             type="text"
             maxLength='20'
             onFocus={() =>this.spellFst()}
@@ -359,11 +351,11 @@ class Operation extends Component {
             return false;
           }
         }
-        this.setState({
-          folderNameVal:'',
-          folderId:'',
-          fstName:''
-        })
+        // this.setState({
+        //   folderNameVal:'',
+        //   folderId:'',
+        //   fstName:''
+        // })
         if(folderNameVal=="未分类文件夹") {
           let folderIdNull =  floderListAdmin.find(item =>item.name == "未分类文件夹").id
           saveDataAlls(title,sex,deptId,fstName,folderIdNull,folderNameVal);
@@ -373,9 +365,6 @@ class Operation extends Component {
       }else{
         saveDataAll(title,sex,fstName);
       }
-      this.setState({
-        showSaveModule: false
-      })
     }
   }
   closeDiagBox(){
@@ -383,7 +372,7 @@ class Operation extends Component {
     const { type } = this.state;
     if (type == 3){
       diagShowTmp(false)
-      this.setState({ title: '',deptId:"",value:"",folderListShow:false,folderNameVal:'',folderId:'' })
+      this.setState({ title: '',deptId:"",value:"",folderListShow:false,folderNameVal:'未分类文件夹',folderId:'' })
     }
   }
   setDeptId(id,name){
@@ -438,7 +427,7 @@ class Operation extends Component {
     const { showPrint, closePrint, showPreview, closePreview,handleChangeIpt,newFolder,folderManage } = this;
     const { visible, preVisible,diagShow } = this.props.print;
     const {winWidth,cancelDelTag,departLis,handleChangeValue,admin,floderListAdmin,folderModalShow,floderModal,folderOrderShow,folderOrder,adminItems,patInfo,saveOrderFolder} = this.props;
-    const {zIndex,type,le,value,folder,folderListShow,showSaveModule} = this.state;
+    const {zIndex,type,le,value,folder,folderListShow} = 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>
@@ -448,76 +437,11 @@ class Operation extends Component {
       <span className={winWidth<=1082?`${style['clearButton']} ${style['saveButton']} ${style['minstyle']}`:`${style['clearButton']} ${style['saveButton']}`} onClick={() => { this.clearAll(2) }}>清除</span>
       {visible?<PrintPreviewContainer visible={visible} onClose={closePrint} />:null}
       {preVisible?<PreviewContainer visible={preVisible} onClose={closePreview} />:null}
-      {showSaveModule&&<ConfirmModal
-        visible={showSaveModule}        //改为全局控制
-        confirm={() => { this.makeSure() }}
-        close={() => { this.closeSaveModule()}}
-        cancel={() => {this.closeSaveModule()}}
-        okText={this.state.okText}
-        height={type==3&admin?365:type==3&!admin?275:200}
-        width={585}
-        okBorderColor={this.state.borderColor}
-        okColor={this.state.okColor}
-        oKBg={this.state.oKBg}
-        borderBtm='1px solid #ccc'
-        title='保存病历模板'
-      >
-        {this.changeTitle()}
-        {
-          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} zIndex={11}>
-                {
-                  departLis.length>0&&value&&<ul className={style.departLis}>
-                    {
-                      departLis.map((item,idx)=>{
-                        return <li onClick={()=>this.setDeptId(item.id,item.conceptDeptName)}>
-                          {item.conceptDeptName}
-                        </li>
-                      })
-                    }
-                  </ul>
-                }
-                </Search>
-              <span style={{paddingRight:0,color:'#777777'}}>(支持汉字关键字搜索)</span>
-          </div>
-            <div className={style.department}>
-              <span className={style.leftName}>存储为：</span>
-                <div  className={style.selectFolder}>
-                  <input className={style.selectFolderIpt}
-                    type="text"
-                    maxLength='20'
-                    readOnly
-                    value={this.state.folderNameVal}
-                    onClick={(e) => {
-                      this.handleFolderShow(e)
-                    }}
-                  />
-                  <img src={slideDown} alt=""/>
-                </div>
-                {
-                  floderListAdmin.length>0&&folderListShow&&<ul className={`${style.departLis} ${style.departLisFolder}`}>
-                    {
-                      floderListAdmin.map((item,idx)=>{
-                        return <li onClick={()=>this.setFolderId(item.id,item.name)}>
-                          {item.name}
-                        </li>
-                      })
-                    }
-                  </ul>
-                }
-              <span className={style.newFolder} onClick={()=>newFolder(true)}>新建文件夹</span>
-              <span className={style.mangerFolder} onClick={()=>folderManage(true)}>管理文件夹</span>
-          </div>
-          </div>:null
-        }
-      </ConfirmModal>}
       {<ConfirmModal
         visible={diagShow}        //改为全局控制
         confirm={() => { this.makeSure() }}
-        // close={() => { this.closeDiagBox()}}
-        // cancel={() => {this.closeDiagBox()}}
+        close={() => { this.closeDiagBox()}}
+        cancel={() => {this.closeDiagBox()}}
         okText={this.state.okText}
         height={type==3&admin?365:type==3&!admin?275:200}
         width={type==3?585:300}