#87 : 历史记录列表液面数据排序混乱

src/components/Setting/components/History.vue

@@ -56,7 +56,7 @@
       </div>
       <div
         class="data_line"
-        v-for="item in historyStore.historyDataList"
+        v-for="item in historyDataList"
         :key="item"
       >
         <p class="title">{{ item }}</p>
@@ -109,7 +109,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import Down from '@/assets/img/arrow/down.png'
 import Top from '@/assets/img/arrow/top.png'
 import Right from '@/assets/img/arrow/right.png'
@@ -121,6 +121,11 @@ const showDetailVisible = ref(false)
 const historyStore = useHistoryStore()
 const webSocketStore = useWebSocketStore()
 
+// 历史数据列表
+const historyDataList = computed(() => {
+    return historyStore.historyDataList.sort((a, b) => b.localeCompare(a));
+});
+
 const topContainer = () => {
   const ele = document.getElementById('set_device_container')
   ele.scrollTop = ele.scrollTop - 100 < 100 ? 0 : ele.scrollTop - 100