案例问题

src/components/Portal/comments.vue

@@ -9,7 +9,8 @@
                   <el-radio v-show="radio == 2" :label="1">查看所有</el-radio>
                   <el-radio v-show="radio == 1" :label="2">只看案主 @案主可以给他发私信哦</el-radio>
                 </el-radio-group> -->
-              <el-checkbox v-if="objType ==3" class="btn" v-model="value" type="primary">{{'只看案主 @案主可以给他发私信哦'}}</el-checkbox>
+              <el-checkbox v-if="objType ==3" class="btn" v-model="value" type="primary">{{'只看案主'}}</el-checkbox>
+              <span v-if="objType ==3" class="anzhu"> @案主可以给他发私信哦</span>
               <!-- <span v-if="objType ==3"><span v-if="value" @click="value = true">查看所有</span><span v-if="!value" @click="value = false">只看案主 @案主可以给他发私信哦</span></span> -->
           </div>
           <!-- <div class="comments-top-right" v-if="objType !==2">
@@ -28,6 +29,7 @@
                       </el-popover> -->
           <el-popover placement="top-start"  width="160" v-model="visible">
             <p style="margin-bottom: 10px">请选择要@的老师</p>
+
             <div>
               <el-radio-group v-model="toUserId" @change="confirmTeacher()">
                 <el-radio-button
@@ -38,6 +40,7 @@
                 >
               </el-radio-group>
             </div>
+
             <!-- <div style="text-align: right; margin: 0">
                     <el-button size="mini" type="text" @click="cancelTeacher()">取消</el-button>
                     <el-button type="primary"  >确定</el-button>
@@ -50,6 +53,7 @@
              <!-- type="textarea"
               :row="1" -->
             <el-input
+              v-if="objType  !==3"
               :autosize="{ minRows: 2, maxRows: 2 }"
               type="textarea"
               class="hideControl"
@@ -58,6 +62,18 @@
               maxlength="800"
               placeholder="写下您的评论(800字以内)，可以@作者哦～"
             ></el-input>
+            <el-input
+            v-if="objType ==3"
+              :autosize="{ minRows: 2, maxRows: 2 }"
+              type="textarea"
+              class="hideControl"
+              show-word-limit
+              v-model="inputValue"
+              maxlength="800"
+              placeholder="写下您的评论(800字以内)，可以@案主哦～"
+            ></el-input>
+
+
           </div>
           <div style="width: 90px;display: flex;justify-content: flex-end;">
             <el-button @click="submit()" style="height: 48px" type="primary">发布</el-button>
@@ -747,6 +763,10 @@
 </script>
 
 <style lang="scss" scoped>
+.anzhu{
+  font-size: 14px;
+  color: #999;
+}
 ::v-deep .el-input--medium .el-input__inner {
   height: 48px;
 }

src/views/portal/case/Detail.vue

@@ -18,15 +18,10 @@
               <span>工号：{{ authorInfo.code }}</span>
               <span>部门：{{ authorInfo.orgInfo }}</span>
               <!-- <span>案例编号：{{ caseDetail.id }}</span> -->
-
+              <span style="margin-left:0px;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
+              
 
             </div>
-            <div class="label">
-               <span style="margin-left:0px;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
-              <interactBar  :data="caseDetail" :type="3" :comments="false" :shares="true"></interactBar>
-
-            </div>
-            <div class="case-summary"><span>{{ caseDetail.summary }}</span></div>
             <div class="btn-div" >
               <span v-if="caseDetail.orgDomain" class="item">{{ caseDetail.orgDomain }}</span>
               <span v-if="caseDetail.majorType" class="item">{{ caseDetail.majorType }}</span>
@@ -39,7 +34,13 @@
                <span v-if="caseDetail.caseType1" class="item">{{ caseDetail.caseType1 }}</span>
                 <span v-if="caseDetail.caseType2" class="item">{{ caseDetail.caseType2 }}</span> -->
             </div>
+            <div class="case-summary"><span>{{ caseDetail.summary }}</span></div>
+           
+             <div>
+              <interactBar  :data="caseDetail" :type="3" :comments="false" :shares="true"></interactBar>
+             </div>
           </el-card>
+          
           <el-card :body-style="{ padding: '0px' }" class="jianjie">
             <!-- <div class="content">
               {{ caseDetail.content }}
@@ -188,6 +189,10 @@ export default {
     );
   },
   methods: {
+     jumpRouter(item) {
+       console.log(item)
+      this.$router.push(`./Detail.vue?id=${item.id}`);
+    },
     createPlayUrl(u){
       let nowDate=new Date();
       let ctime=parseInt(nowDate.getTime()/1000);
@@ -291,13 +296,21 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .interact-bar .interact-bar-btns {
+  justify-content: flex-start!important;
+ 
+}
+::v-deep .interact-bar-btn{
+  margin-left:0px!important;
+  margin-right:15px!important;
+}
 .el-card{
   border:none;
 }
 .case-summary{
   margin-top: 10px;
-  font-size: 16px;
-  color: #333;
+  font-size: 15px;
+  color: #454545;
   word-break:break-all;
 }
 ::v-deep .el-card__body{
@@ -367,13 +380,17 @@ export default {
   }
   .btn-div {
     margin: 8px 0;
-    padding-bottom: 10px;
+    padding-bottom: 5px;
+    padding-top:5px;
     color: #666;
     .item {
       margin: 0 10px 0 0px;
       border: 1px solid #9e9e9e;
       padding: 3px 10px;
       border-radius: 8px;
+      font-size: 14px;
+      color: #9c9c9c;
+
     }
     .item-right {
       float: right;