修改时间显示

wx_application/src/views/mainSale/message/index.vue

@@ -11,11 +11,11 @@
                     </p>
                 </div>
                 <div class="message-panel-box-right">
-                    <span>{{item.createDate}}</span>
+                    <span>{{item.create_date | filterTime}}</span>
                 </div>
             </div>
         </div>
-        <div class="btn-plus" @click="handleAddMessage"> <span>+</span> </div>
+        <div class="btn-plus" @click="handleAddMessage"><span>+</span></div>
     </div>
 </template>
 
@@ -31,9 +31,15 @@
       }
     },
     mounted() {
-      this.userId = sessionStorage.getItem('userId')
+      // this.userId = sessionStorage.getItem('userId')
+      this.userId = "ManGuanEr"
       this.handleGetMessageByClerkId()
     },
+    filters: {
+      filterTime(val) {
+        return val.replace(',', ' ')
+      }
+    },
     methods: {
       handleGetMessageByClerkId() {
         let _this = this
@@ -51,7 +57,7 @@
 
           })
       },
-      handleAddMessage(){
+      handleAddMessage() {
         this.$router.push('/addMessage')
       }
     }
@@ -59,57 +65,58 @@
 </script>
 
 <style scoped lang="scss">
-.message-container{
-    height: 100%;
-    padding: 20px 10px 20px 20px;
-    .message-panel-box{
-        font-size: 14px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 5px 0 ;
-        .message-panel-box-left{
-            width: calc(100% - 135px);
-            .message-title,.message-content{
-                width: 100%;
-                overflow: hidden;
+    .message-container {
+        height: 100%;
+        padding: 20px 10px 20px 20px;
+        .message-panel-box {
+            font-size: 14px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 5px 0;
+            .message-panel-box-left {
+                width: calc(100% - 155px);
+                .message-title, .message-content {
+                    width: 100%;
+                    overflow: hidden;
+                }
+                .message-title {
+                    font-size: 16px;
+                    font-weight: 500;
+                    color: black;
+                    line-height: 30px;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                }
+                .message-content {
+                    font-size: 12px;
+                    color: #2d2a2a;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 2;
+                }
             }
-            .message-title{
-                font-size: 16px;
-                font-weight: 500;
-                color: black;
-                line-height: 30px;
-                text-overflow: ellipsis;
+            .message-panel-box-right {
+                color: #908888;
                 white-space: nowrap;
             }
-            .message-content{
-                font-size: 12px;
-                color: #2d2a2a;
-                display: -webkit-box;
-                -webkit-box-orient: vertical;
-                -webkit-line-clamp: 2;
+            &:not(last-child) {
+                border-bottom: 1px solid #f3eaea;
             }
         }
-        .message-panel-box-right{
-            color: #ccc;
+        .btn-plus {
+            position: fixed;
+            right: 30px;
+            bottom: 30px;
+            font-size: 40px;
+            font-weight: bold;
+            width: 50px;
+            height: 50px;
+            border: 2px solid #ccc;
+            border-radius: 50%;
+            text-align: center;
+            color: green;
+            line-height: 1;
         }
-        &:not(last-child){
-            border-bottom: 1px solid #f3eaea;
-        }
-    }
-    .btn-plus{
-        position: fixed;
-        right: 30px;
-        bottom: 30px;
-        font-size: 40px;
-        font-weight: bold;
-        width: 50px;
-        height: 50px;
-        border: 2px solid #ccc;
-        border-radius: 50%;
-        text-align: center;
-        color: green;
-        line-height: 1;
     }
-}
 </style>