调整几个详细页面

src/views/portal/case/Detail.vue

@@ -4,21 +4,22 @@
     <portal-header current="case" :goSearch="2"></portal-header>
      </div>
     <div class="portal-content xcontent" style="margin-top: 30px;">
-       <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
-        <el-breadcrumb-item :to="{ path: '/case' }">案例列表</el-breadcrumb-item>
-        <el-breadcrumb-item>案例详情</el-breadcrumb-item>
-      </el-breadcrumb>
        <div class="xrow" style="display: flex;justify-content: space-between;" >
           <div style="flex: 1;" class="xcol content-div" id="content-div">
-            <el-row :gutter="10" v-if="noData">
-              <el-col :span="24">
-                <el-card :body-style="{ padding: '0px' }" class="detail">
+            <div :gutter="10" v-if="noData">
+                <div class="detail">
+                  <div class="xpage-detail-crumbs">
+                      <router-link to="/case"><span class="crumbs-first">案例列表</span></router-link>
+                      <span class="crumbs-line">/</span>
+                      <span class="crumbs-last">案例详情</span>
+                  </div>
                   <div class="title">{{ caseDetail.title }}</div>
                   <div class="label">
                     <author :onlyAvatar="true" :avatar="authorInfo.avatar" :sex="authorInfo.sex" ></author>
                     <span>案主：{{ authorInfo.name }}</span>
                     <span>工号：{{ authorInfo.code }}</span>
-                    <span>组织：{{ authorInfo.orgInfo }}</span>
+                    <span>组织：{{ authorInfo.orgInfo }} </span>
+                    <span> {{authorInfo.sign}}</span>
                     <span style="text-align: right;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
                   </div>
                   <!-- <div class="label">
@@ -41,15 +42,12 @@
                       <span v-if="caseDetail.caseType2" class="item">{{ caseDetail.caseType2 }}</span> -->
                   </div>
                   <div class="case-summary"><span>{{ caseDetail.summary }}</span></div>
-                  
-                </el-card>
 
-                <el-card v-if="Internet == 1" :body-style="{ padding: '0px' }" class="jianjie" id="pdfPreview">
-                  <!-- <div class="content">
-                    {{ caseDetail.content }}
-                  </div> -->
+                </div>
+
+                <div v-if="Internet == 1" :body-style="{ padding: '0px' }" class="jianjie" id="pdfPreview">
                   <pdfPreview v-if="pdfPath" :filePath="pdfPath"></pdfPreview>
-                </el-card>
+                </div>
                 <el-card v-if="Internet == 2" style="background-color:#eee" class="jianjie pdftext" id="pdfPreview">
                    <div style="margin-top:40px">
                      <span>十分抱歉，您当前的网络环境不符合观看要求。<br/>
@@ -89,10 +87,10 @@
                 </div>
                 <!-- :authorId="articleDetailData.sysCreateAid" -->
                 <div id="comments-box">
-                  <el-row><comments @success="success" v-if="resolveId != ''" :obj-type="3" :obj-id="resolveId" :authorId="caseDetail.authorId" :toUsers="toUsers"></comments></el-row>
+                  <comments @success="success" v-if="resolveId != ''" :obj-type="3" :obj-id="resolveId" :authorId="caseDetail.authorId" :toUsers="toUsers"></comments>
                 </div>
-              </el-col>
-            </el-row>
+
+            </div>
             <div v-else>
               <el-empty :image-size="200"></el-empty>
             </div>
@@ -189,6 +187,7 @@ export default {
       resonimg:{},
       Internet:3,//1是成功 2是是失败 3是检测中
       noData:true,
+      authorSign:'',//提问人的个性签名
       zoomShow:true,
       isTopBoxShow:true,
       toUsers:[],
@@ -259,7 +258,7 @@ export default {
       let key = 'case';
       apiPlace.detail(key).then(res=>{
         console.log(res)
-        let lmj =  JSON.parse(res.result.content) 
+        let lmj =  JSON.parse(res.result.content)
         // console.log(lmj)
         this.resonimg = lmj[0]
         console.log(this.resonimg.image)
@@ -455,10 +454,10 @@ export default {
               title:'',
              })
           }
-            
+
           }
           // console.log(this.Positive);
-         
+
 
         }
       })
@@ -488,6 +487,7 @@ export default {
       apiUser.getByIds([this.caseDetail.authorId]).then(res => {
         if (res.status == 200 && res.result.length>0) {
           this.authorInfo = res.result[0];
+
           this.authorInfo.orgInfo=cutFullName(this.authorInfo.orgInfo,1);
 
           this.toUsers = [
@@ -618,11 +618,12 @@ export default {
 }
 .detail {
   background-color: #fff;
-  padding: 5px 20px 10px 20px;
+  padding: 50px;
   .title {
     font-size: 20px;
     line-height: 45px;
     font-weight: 600;
+    margin: 10px 0px;
     word-break:break-all;
   }
   .label {