From 25c553d3c53e3abefed178fe9af556e9f5877656 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Mon, 19 Aug 2019 13:45:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=99=E5=AD=A6=E6=A1=88=E4=BE=8B=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/modules/moop_cases/CaseDetail.js      | 203 +++++++++---------
 1 file changed, 104 insertions(+), 99 deletions(-)

diff --git a/public/react/src/modules/moop_cases/CaseDetail.js b/public/react/src/modules/moop_cases/CaseDetail.js
index f3ade34d9..4fc7ef84c 100644
--- a/public/react/src/modules/moop_cases/CaseDetail.js
+++ b/public/react/src/modules/moop_cases/CaseDetail.js
@@ -65,110 +65,115 @@ class CaseDetail extends Component{
     } = this.state;
     return(
       <div className="educontent mt10 mb50">
-        <Modals
-          modalsType={modalsType}
-          modalsTopval={modalsTopval}
-          modalsBottomval={modalsBottomval}
-          modalCancel={this.cancelDelClasses}
-          modalSave={this.sureDelClasses}
-        >
-        </Modals>
-        <p className="mt10 mb20 clearfix lineh-20">
-          <a href="/moop_cases" className="color-grey-9">教学案例</a> &gt; <span className="color-grey-3">{ CaseDetail && CaseDetail.title}</span>
-        </p>
-        <p className="lineh-25 mb20 clearfix">
-          <span className="font-22 fl mr10 task-hide" style={{maxWidth:"800px"}}>
-            { CaseDetail && CaseDetail.title}
-          </span>
-          <span className="mt5 fl">
-            <Tags tags={tags}></Tags>
-            {
-              CaseDetail && CaseDetail.status == "pending" && <span class="edu-filter-btn fl cdefault edu-activity-green ml10">草稿</span>
-            }
-            {
-              CaseDetail && CaseDetail.status == "processing" && <span class="edu-filter-btn fl cdefault edu-activity-green ml10">审核中</span>
-            }
-            {
-              CaseDetail && CaseDetail.status == "refused" && <span class="edu-filter-btn fl cdefault edu-activity-orange ml10">未通过</span>
-            }
-          </span> 
-          <a href="/moop_cases" className="fr color-grey-9 mt5">返回</a>
-        </p>
-        <div className="edu-back-white">
-          <div className="padding30">
-            <div className="df mb5">
-              <a href="/users/moop"><img alt="82274?1563067098" className="radius mr15 mt3" height="50" src={getImageUrl(`images/${creator && creator.image_url}`)} width="50" /></a>
-              <div className="flex1">
-                <li className="clearfix mb5">
-                  <span className="font-16 fl">{creator && creator.name}</span>
-                  {
-                    operation && operation.can_deletable ? <ActionBtn style="greyLine" onClick={this.delCases} className="fr">删除</ActionBtn>:""
-                  }
-                  
-                  {
-                    operation && operation.can_editable ? <ActionBtn style="colorBlue" to={`/moop_cases/${this.props.match.params.caseID}/edit`} className="fr mr20">编辑</ActionBtn>:""
-                  }
-                </li>
-                <li className="clearfix lineh-20">
-                  <span className="fl color-grey-9 mr20">{creator && creator.school_name}</span>
-                  <span className="fr">
-                    <span className="fl color-grey-9 mr30">编码：<span className="color-grey-6">{CaseDetail && CaseDetail.uuid}</span></span>
-                    {
-                      CaseDetail && CaseDetail.status=="published" ?
-                      <span className="fl color-grey-9">发布时间：<span className="color-grey-6">{CaseDetail && CaseDetail.published_at}</span></span>
-                      :
-                      <span className="fl color-grey-9">上传时间：<span className="color-grey-6">{CaseDetail && CaseDetail.created_at}</span></span>
-                    }
-                  </span>
-                </li>
-              </div>
-            </div>
-            <div>
-              <span className="fl color-grey-9">作者：</span>{CaseDetail && CaseDetail.author_name}/{CaseDetail && CaseDetail.author_school_name}
-            </div>
-            <style>
-              {`
-                .setMDStyle .editormd-html-preview{
-                  width:100%!important;
+        {
+          CaseDetail &&
+          <React.Fragment>
+            <Modals
+              modalsType={modalsType}
+              modalsTopval={modalsTopval}
+              modalsBottomval={modalsBottomval}
+              modalCancel={this.cancelDelClasses}
+              modalSave={this.sureDelClasses}
+            >
+            </Modals>
+            <p className="mt10 mb20 clearfix lineh-20">
+              <a href="/moop_cases" className="color-grey-9">教学案例</a> &gt; <span className="color-grey-3">{ CaseDetail.title}</span>
+            </p>
+            <p className="lineh-25 mb20 clearfix">
+              <span className="font-22 fl mr10 task-hide" style={{maxWidth:"800px"}}>
+                { CaseDetail.title}
+              </span>
+              <span className="mt5 fl">
+                <Tags tags={tags}></Tags>
+                {
+                  CaseDetail.status == "pending" && <span class="edu-filter-btn fl cdefault edu-activity-green ml10">草稿</span>
+                }
+                {
+                  CaseDetail.status == "processing" && <span class="edu-filter-btn fl cdefault edu-activity-green ml10">审核中</span>
                 }
-              `}
-            </style>
-            <div class="mt20 setMDStyle">
-              { CaseDetail && CaseDetail.content && <MarkdownToHtml content={CaseDetail.content} id="casesDetail" selector="casesDetail" style={{width:"100%!important"}}></MarkdownToHtml>}
-            </div>
-            { attachments && 
-              <div className="mt10">
                 {
-                  attachments.map((item,key)=>{
-                    return(
-                      <p>
-                        <a className="color-grey">
-                          <i className="font-14 color-green iconfont icon-fujian mr8"></i>
-                        </a>
-                        <a href={item.url} className="mr12" length="58">{item.title}</a>
-                        <span className="color-grey mt2 color-grey-6 font-12">{item.filesize}</span>
-                      </p>
-                    )
-                  })
+                  CaseDetail.status == "refused" && <span class="edu-filter-btn fl cdefault edu-activity-orange ml10">未通过</span>
                 }
+              </span> 
+              <a href="/moop_cases" className="fr color-grey-9 mt5">返回</a>
+            </p>
+            <div className="edu-back-white">
+              <div className="padding30">
+                <div className="df mb5">
+                  <a href="/users/moop"><img alt="82274?1563067098" className="radius mr15 mt3" height="50" src={getImageUrl(`images/${creator && creator.image_url}`)} width="50" /></a>
+                  <div className="flex1">
+                    <li className="clearfix mb5">
+                      <span className="font-16 fl">{creator && creator.name}</span>
+                      {
+                        operation && operation.can_deletable ? <ActionBtn style="greyLine" onClick={this.delCases} className="fr">删除</ActionBtn>:""
+                      }
+                      
+                      {
+                        operation && operation.can_editable ? <ActionBtn style="colorBlue" to={`/moop_cases/${this.props.match.params.caseID}/edit`} className="fr mr20">编辑</ActionBtn>:""
+                      }
+                    </li>
+                    <li className="clearfix lineh-20">
+                      <span className="fl color-grey-9 mr20">{creator && creator.school_name}</span>
+                      <span className="fr">
+                        <span className="fl color-grey-9 mr30">编码：<span className="color-grey-6">{CaseDetail.uuid}</span></span>
+                        {
+                          CaseDetail && CaseDetail.status=="published" ?
+                          <span className="fl color-grey-9">发布时间：<span className="color-grey-6">{CaseDetail.published_at}</span></span>
+                          :
+                          <span className="fl color-grey-9">上传时间：<span className="color-grey-6">{CaseDetail.created_at}</span></span>
+                        }
+                      </span>
+                    </li>
+                  </div>
+                </div>
+                <div>
+                  <span className="fl color-grey-9">作者：</span>{CaseDetail.author_name}/{CaseDetail.author_school_name}
+                </div>
+                <style>
+                  {`
+                    .setMDStyle .editormd-html-preview{
+                      width:100%!important;
+                    }
+                  `}
+                </style>
+                <div class="mt20 setMDStyle">
+                  { CaseDetail.content && <MarkdownToHtml content={CaseDetail.content} id="casesDetail" selector="casesDetail" style={{width:"100%!important"}}></MarkdownToHtml>}
+                </div>
+                { attachments && 
+                  <div className="mt10">
+                    {
+                      attachments.map((item,key)=>{
+                        return(
+                          <p>
+                            <a className="color-grey">
+                              <i className="font-14 color-green iconfont icon-fujian mr8"></i>
+                            </a>
+                            <a href={item.url} className="mr12" length="58">{item.title}</a>
+                            <span className="color-grey mt2 color-grey-6 font-12">{item.filesize}</span>
+                          </p>
+                        )
+                      })
+                    }
+                  </div>
+                }     
+                <div class="mt40">
+                  {
+                    user_praised ?
+                    <p className="pointsBtn pointedBtn">
+                      <span>已赞</span>
+                      <span>{praise_count}</span>
+                    </p>
+                    :
+                    <p onClick = {()=>this.props.praisePoint(this.props.match.params.caseID)} className="pointsBtn">
+                      <span><i class="iconfont icon-dianzan"></i></span>
+                      <span>{praise_count}</span>
+                    </p>
+                  }              
+                </div>
               </div>
-            }     
-            <div class="mt40">
-              {
-                user_praised ?
-                <p className="pointsBtn pointedBtn">
-                  <span>已赞</span>
-                  <span>{praise_count}</span>
-                </p>
-                :
-                <p onClick = {()=>this.props.praisePoint(this.props.match.params.caseID)} className="pointsBtn">
-                  <span><i class="iconfont icon-dianzan"></i></span>
-                  <span>{praise_count}</span>
-                </p>
-              }              
             </div>
-          </div>
-        </div>
+          </React.Fragment>
+        }
       </div>
     )
   }