修改时间显示

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,22 +65,22 @@
 </script>
 
 <style scoped lang="scss">
-.message-container{
+    .message-container {
         height: 100%;
         padding: 20px 10px 20px 20px;
-    .message-panel-box{
+        .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{
+            padding: 5px 0;
+            .message-panel-box-left {
+                width: calc(100% - 155px);
+                .message-title, .message-content {
                     width: 100%;
                     overflow: hidden;
                 }
-            .message-title{
+                .message-title {
                     font-size: 16px;
                     font-weight: 500;
                     color: black;
@@ -82,7 +88,7 @@
                     text-overflow: ellipsis;
                     white-space: nowrap;
                 }
-            .message-content{
+                .message-content {
                     font-size: 12px;
                     color: #2d2a2a;
                     display: -webkit-box;
@@ -90,14 +96,15 @@
                     -webkit-line-clamp: 2;
                 }
             }
-        .message-panel-box-right{
-            color: #ccc;
+            .message-panel-box-right {
+                color: #908888;
+                white-space: nowrap;
             }
-        &:not(last-child){
+            &:not(last-child) {
                 border-bottom: 1px solid #f3eaea;
             }
         }
-    .btn-plus{
+        .btn-plus {
             position: fixed;
             right: 30px;
             bottom: 30px;
@@ -111,5 +118,5 @@
             color: green;
             line-height: 1;
         }
-}
+    }
 </style>