首页与会议的修改

src/views/dashboard/Analysis.vue

@@ -13,16 +13,25 @@
       </div>
       <div class="message-list">
         <div class="message-list-content">
-          <div class="message-list-title">
+          <div class="message-list-title" style="margin-bottom: 10px;">
             <img src="../../assets/indexImgs/file.png" />
             <span class="my-notice">我的消息</span>
             <span class="query-list" @click="toUserAnnouncementList">查看更多></span>
           </div>
           <div >
             <div class="message-list-item" v-for="item of dataMessageList" :key="item.id">
-              <div>【{{item.titile_dictText}}】<span v-html="item.msgContent"></span></div>
+              <div style="display: flex">
+                <div>【{{item.titile_dictText}}】</div>
+                <a-tooltip>
+                  <template slot="title">
+                    <span v-html="item.msgContent" class="ellipsis-span"></span>
+                  </template>
+                  <span v-html="myEllipsis(item.msgContent,30)" class="ellipsis-span"></span>
+                </a-tooltip>
+              </div>
+<!--              <span v-html="item.msgContent"></span>-->
               <span>{{item.sendTime}}</span>
-              <span>操作</span>
+              <span class="operate">操作</span>
             </div>
           </div>
         </div>
@@ -71,7 +80,19 @@ export default {
       this.$router.push({
         path:'/system/userAnnouncementList'
       })
-    }
+    },
+    /*
+     * 字符串截取
+     * * */
+    myEllipsis(value, vlength = 25) {
+      if (!value) {
+        return value
+      }
+      if (value.length > vlength) {
+        return value.slice(0, vlength) + '...'
+      }
+      return value
+    },
   }
 }
 </script>
@@ -81,7 +102,7 @@ export default {
   position: relative;
   width: 100%;
   min-width: 1100px;
-  height: calc(100vh - 59px);
+  height: 100vh;
 }
 
 .index-bgimg {
@@ -157,10 +178,17 @@ export default {
     }
     &-item{
       display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+      color: #FFF;
+      font-weight: 500;
     }
   }
 }
 .center {
   text-align: center;
 }
+.operate {
+  //width: 150px;
+}
 </style>