设置样式修改

src/components/Banner/ModeChange/index.jsx

@@ -6,8 +6,15 @@ import sopen from '@images/btn-open.png'
 import sclose from '@images/btn-closed.png'
 
 class ModeChange extends Component {
+    constructor(props){
+      super(props);
+      this.getStyle=this.getStyle.bind(this);
 
-
+    }
+    getStyle(){
+        const {hideBtn} = this.props;
+        return hideBtn?'':style['fade'];
+    }
     render(){
         const {closeConfigModal, changeType, confirmType, mode,hideBtn} = this.props;
         const domNode = document.getElementById('root');
@@ -18,19 +25,20 @@ class ModeChange extends Component {
               <div className={style['content']}>
                 <div className={style['close']}>设置<img src={close} onClick={closeConfigModal} /></div>
                 <div className={style["oper"]}>
-                    <p>
+                    <p className={this.getStyle()}>
                       <span>开启模板智能推送：</span>
-                      {hideBtn?<a className={style['switch']} href="javascript:void(0)" onClick={()=>changeType(isOpen?'1':'0')}>
+                      <a className={style['switch']} href="javascript:void(0)" onClick={hideBtn?()=>changeType(isOpen?'1':'0'):null}>
                         <img src={isOpen?sopen:sclose} alt=""/>
                         {isOpen?'开':'关'}
-                        </a>:(isOpen?'开':'关')}
+                        </a>
                     </p>
                 </div>
                 <div className={style["explain"]}>
                     <p>说明：</p>
-                    <p>该设置只针对问诊模块中的“主诉”、“现病史”、“其他史”功能；</p>
+                    <p>1.该设置只针对问诊模块中的“主诉”、“现病史”、“其他史”功能；</p>
+                    <p>2.慢病模式下，该模板智能推送的设置功能不可使用。</p>
                 </div>
-                {hideBtn?<div className={style['btn']} onClick={confirmType}><button>保存修改</button></div>:''}
+                {hideBtn?<div className={style['btn']} onClick={confirmType}><button>保存修改</button></div>:<div className={style['btn']} onClick={confirmType}><button>&nbsp;&nbsp;关闭&nbsp;&nbsp;</button></div>}
             </div>
         </div>
       </React.Fragment>,domNode)

src/components/Banner/ModeChange/index.less

@@ -23,9 +23,13 @@
       background: #fff;
       .oper{
         margin: 20px 30px;
+        .fade{
+          opacity: .6;
+        }
       }
       .explain{
         margin: 50px 30px;
+        opacity: .6;
         p{
           font-size: 12px;
           line-height: 20px;