优化summaryList.vue代码格式及性能

src/views/components/aiChat/summaryList.vue

 <template>
   <div class="summaryListContainer ">
-        <div
-          v-scroll:50="requestDataList"
-          v-loading="loading"
-          class="messageDetailsScroll"
-        >
+    <div v-scroll:50="requestDataList" v-loading="loading" class="messageDetailsScroll">
       <div v-if="messageList.length > 0">
-            <div
-              v-for="(item, index) in messageList"
-              :key="index"
-              class="messageListItem"
-            >
+        <div v-for="(item, index) in messageList" :key="index" class="messageListItem">
           <div class="itemTop">
             {{ item.date }}
           </div>
@@ -24,13 +16,13 @@
       </div>
     </div>
   </div>
-  </template>
-  <script>
-  import { mapMutations, mapState } from 'vuex'
-  import { corp_follow_up_summary_index } from '@/api/works'
-  import { throttle } from '@/utils'
+</template>
+<script>
+import { mapMutations, mapState } from 'vuex'
+import { corp_follow_up_summary_index } from '@/api/works'
+import { throttle } from '@/utils'
 import noContent from '@/components/noContent.vue'
-  export default {
+export default {
   components: {
     noContent
   },
@@ -101,26 +93,29 @@ import noContent from '@/components/noContent.vue'
       }
     }, 500)
   }
-  }
-  </script>
-    <style lang="scss" scoped>
-    .summaryListContainer {
+}
+</script>
+<style lang="scss" scoped>
+.summaryListContainer {
   width: 100%;
   height: 100%;
   background: #fff;
   position: relative;
   overflow: hidden;
-      .messageDetailsScroll{
+
+  .messageDetailsScroll {
     width: 100%;
     height: 100%;
     overflow: auto;
     overflow-x: hidden;
     padding-bottom: 50px;
   }
+
   .messageListItem {
     width: 100%;
     height: auto;
     margin-bottom: 10px;
+
     .itemTop {
       font-family: PingFang SC, PingFang SC;
       font-weight: 400;
@@ -132,6 +127,7 @@ import noContent from '@/components/noContent.vue'
       text-transform: none;
       margin-bottom: 5px;
     }
+
     .itemCenter {
       width: 100%;
       background: #F9FAFF;
@@ -149,10 +145,10 @@ import noContent from '@/components/noContent.vue'
       word-break: break-all
     }
   }
-           .no-content-main{
+
+  .no-content-main {
     width: 320px;
     margin: 0 auto;
   }
-    }
-    </style>
-  
+}
+</style>
\ No newline at end of file
\ No newline at end of file