feat: 增加存储详情功能

src/pages/user/index.vue

@@ -20,16 +20,24 @@
       </view>
     </wd-card>
 
+    <wd-cell-group>
+      <wd-cell title="存储详情" is-link @click="openStoragePopup"/>
+    </wd-cell-group>
+
     <profile-popup />
+
+    <storage-popup />
   </view>
 </template>
 
 <script lang="ts" setup>
 import ProfilePopup from "@/components/Profile/ProfilePopup.vue";
+import StoragePopup from "@/components/Profile/StoragePopup.vue";
 import { computed, ref, watch } from 'vue'
-import type { IProfile } from '@/utils/profile'
 import { getProfile } from '@/utils/profile'
 import { useProfileStore } from '@/store/profile'
+import type { IProfile } from "@/type/profile";
+import {countRecordsByMonth, getTotalCount} from "@/utils/record";
 
 const profileStore = useProfileStore()
 
@@ -53,4 +61,10 @@ function openProfile() {
 
   profileStore.showProfilePopup = true
 }
+
+function openStoragePopup() {
+  profileStore.storageStats = countRecordsByMonth()
+  profileStore.storageTotal = getTotalCount()
+  profileStore.showStoragePopup = true
+}
 </script>