调整@我的

src/views/article/contactMine.vue

@@ -5,57 +5,63 @@
         <li>假如我回复了难道不该显示回复内容吗？</li>
       </ul>
     </Remark>
-
-    <div style="padding: 10px 22px 10px 23px;">
+     
+    <!-- <div style="padding: 10px 22px 10px 23px;">
       <el-select v-model="dataList.type" style="margin-right: 10px" placeholder="类型">
       <el-option label="全部" :value="null"></el-option>
       <el-option label="文章" :value="2"></el-option>
-      <!-- <el-option label="课程" :value="1"></el-option> -->
       <el-option label="案例" :value="3"></el-option>
       <el-option label="问答" :value="4"></el-option>
       </el-select>
-    <!-- <el-input style="width: 200px;margin-right: 10px" placeholder="请选择来源"></el-input> -->
-    <!-- 问题： -->
     <el-input style="width: 200px;margin-right: 10px" v-model="dataList.send" clearable placeholder="搜索人员姓名标题"></el-input>
-    <!-- 提问人：
-    <el-input style="width: 200px;margin-right: 10px"></el-input> -->
+    
     <el-button type="primary" @click="getList" icon="el-icon-search">搜索</el-button>
     <el-button icon="el-icon-refresh-right" type="primary"  @click="reset">重置</el-button>
 
-    </div>
-
-
+    </div> -->
+   <div style="padding: 10px 22px 10px 23px;">
+      <span class="title">@我的</span>
+   </div>
     <div class="article-list" v-for="(item, idx) in dataList.list" :key="idx" @click="jump(item)">
       <div class="article-info">
+        <div class="hear">
+                <span class="hear-left">
+                   {{item.sysCreateBy}}@我
+                </span>
+                <span class="hear-right">
+                    {{item.sysCreateTime}}
+                </span>
+            </div>
         <div class="article-info-title">
-          <div style="line-height: 30px;" class="one-line-ellipsis">
+           
+            
+          <div  class="one-line-ellipsis tit-left">
+            
              <span class="article-type">【{{ filterObjType(item.objType) }}】</span>
             <!-- <span v-if="item.isread" style="padding: 3px;border: 1px dotted #1EA0FA;color: #1EA0FA;">已读</span>
             <span v-else style="padding: 3px;border: 1px dotted #ff0000;color: #ff0000;">未读</span> -->
             {{ item.title }}
           </div>
+           <div class="bj-post">
+             <img src="../../../public/images/replyimg.png" alt="">
+              <el-button class="bianji" type="text" style="color: #999999;font-size: 12px;" :disabled="item.disabled" @click.stop="replay(item)">回复</el-button>
+            </div>
         </div>
 
         <div class="article-info-tools">
           <div class="article-info-tools-auth">
            <div class="two-line-ellipsis">
-              <span style="font-size: 16px; color: #666666; line-height:30px">
-              <!-- <i class="el-icon-time"> -->
-               {{item.sysCreateBy}}@我
-            </span>
-             <span style="margin-left:5px; font-size: 16px; color: #666666; line-height:25px ">
+             <!-- <span style="margin-left:5px; font-size: 16px; color: #666666; line-height:25px ">
                 {{ item.content }}
-             </span>
+             </span> -->
            </div>
             <!-- <el-button type="primary" v-if="!item.isread" size="mini">标记已读</el-button> -->
           </div>
           <div style="margin-top:10px; position: relative;">
               <div>
-              <span style="font-size: 14px; color: #999; ">{{item.sysCreateTime}}</span>
-            </div>
-            <div class="bj-post" >
-              <el-button class="bianji" type="text" style="margin-left: auto" :disabled="item.disabled" icon="el-icon-chat-dot-round" @click.stop="replay(item)">回复</el-button>
+              <!-- <span style="font-size: 14px; color: #999; ">{{item.sysCreateTime}}</span> -->
             </div>
+           
           </div>
            
           <div class="article-info-tools-btns">
@@ -342,6 +348,29 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.hear{
+  width: 100%;
+  display: flex;
+  margin-bottom: 20px;
+  .hear-left{
+    flex: 1;
+    font-size: 14px;
+    font-weight: 400;
+    color: #666666;
+  }
+  .hear-right{
+    margin-left: auto;
+    font-size: 14px;
+    font-weight: 400;
+    color: #666666;
+
+  }
+}
+.title{
+  font-size: 18px;
+  font-weight: 600;
+  color: #333333;
+}
 .one-line-ellipsis{
   display: -webkit-box;
   white-space:pre-wrap;
@@ -363,20 +392,25 @@ export default {
 
 }
 .bj-post{
-  position: absolute;
-  right:0px;
-  top: -7px;
-  // top: 70%;
+  margin-left: auto;
+  img{
+    width: 18px;
+    height: 18px;
+    vertical-align: middle;
+    margin-right: 10px;
+  }
+}
+.tit-left{
+  flex: 1;
 }
 .bianji{
   color: #8590A6;
   font-size: 14px;
 }
 .article-type{
-   color: #3E7FFF;
-   font-size: 18px;
-
-
+   font-size: 16px;
+   font-weight: 600;
+   color: #333333;
 }
 .el-pagination {
   text-align: center;
@@ -397,24 +431,21 @@ export default {
   color: #ff0000;
 }
 .article-list {
-  // margin: 5px 0;
   cursor: pointer;
-  padding-bottom: 20px;
+  // padding-bottom: 20px;
   padding-top: 15px;
   border-bottom: 1px solid #E8E8E8;
-  margin: 0px 19px 0px 19px;
+  margin: 0px 20px 0px 20px;
  
 }
 
 .article-info {
-  // height: 110px;
   .article-info-title {
-    font-size: 18px;
-    font-weight: 400;
+    display: flex;
+    font-size: 16px;
+    font-weight: 600;
     margin-left: -7px;
-    // height: 40px;
     color: #333;
-
     line-height: 40px;
     .article-info-date {
       // height: 40px;