From 79b6ce11369da6e9b8f83b70bc6e9be28c40c62f Mon Sep 17 00:00:00 2001
From: zzzzzak <test@gmail.com>
Date: Thu, 16 Jan 2025 23:34:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BD=99=E9=A2=9D=E6=98=8E?=
 =?UTF-8?q?=E7=BB=86=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages-sub/asset-detail/index.vue | 79 ++++++++++++++++++++++++++++
 src/pages-sub/asset/index.vue        | 14 ++---
 src/pages.json                       |  9 ++++
 src/pages/my/index.vue               |  8 ++-
 src/types/uni-pages.d.ts             |  1 +
 5 files changed, 99 insertions(+), 12 deletions(-)
 create mode 100644 src/pages-sub/asset-detail/index.vue

diff --git a/src/pages-sub/asset-detail/index.vue b/src/pages-sub/asset-detail/index.vue
new file mode 100644
index 0000000..dc88dfb
--- /dev/null
+++ b/src/pages-sub/asset-detail/index.vue
@@ -0,0 +1,79 @@
+<route lang="json5">
+{
+  style: {
+    navigationBarTitleText: '资金明细',
+    navigationBarBackgroundColor: '#fff',
+    navigationStyle: 'custom',
+  },
+}
+</route>
+
+<script lang="ts" setup>
+import NavBar from '@/components/NavBar.vue'
+import { getMyAssetAPI } from '@/service'
+import { useUserStore } from '@/store'
+
+const { list: assetList } = useListPageRequest(getMyAssetAPI)
+</script>
+
+<template>
+  <view class="asset-page pt-15 relative">
+    <NavBar />
+    <!-- <view class="flex justify-around">
+      <view
+        v-for="(tabItem, index) in tabList"
+        @click="tabIndex = index"
+        :key="tabItem.value"
+        class="flex items-center bg-#DEEBFF text-#3B81F3 rounded-full justify-center py-4 px-10"
+        :class="{ 'btn-gradient text-white': tabIndex === index }"
+      >
+        <view class="text-14">{{ tabItem.label }}</view>
+      </view>
+    </view> -->
+    <view class="relative z-1 mt-10 main-content pt-30 pb-30 rounded-t-15">
+      <view class="mb-15 px-25">资金明细</view>
+      <template v-if="assetList.length">
+        <view
+          class="flex px-25 py-12 border-b items-center border-#3333331A border-b-solid"
+          v-for="item in assetList"
+          :key="item.id"
+        >
+          <image src="/static/images/page-sub/invite-icon.png" class="w-48 h-48" />
+          <view class="flex flex-col flex-1 ml-15">
+            <view class="text-14 text-#333">{{ item.memo }}</view>
+            <view class="text-12 mt-4 text-#333">{{ item.createtime }}</view>
+          </view>
+
+          <view class="flex flex-col items-end">
+            <view class="text-17 font-bold text-gradient">{{ item.money }}</view>
+          </view>
+        </view>
+      </template>
+      <template v-else>
+        <wd-status-tip image="content" tip="暂无数据" />
+      </template>
+    </view>
+    <!-- <view class="mx-15 text-16 font-bold text-#333">我的资产</view>
+    <view
+      class="mt-15 mx-15 rounded-20 text-#476FFF main-content p-15 rounded-10 shadow-[0_5px_30px_rgba(149,195,255,0.4)]"
+    >
+      <view class="text-14 text-#6784C7">总投资金</view>
+      <view class="text-35 mt-10 font-bold">{{ detailInfo.suminvest }}</view>
+    </view>
+    <view class="text-16 mx-15 mb-15 font-bold text-#333 mt-30">资产记录</view>
+    -->
+  </view>
+</template>
+
+<style scoped>
+.asset-page {
+  background-image: url('@/static/images/assets-bg.jpg');
+  background-repeat: no-repeat;
+  background-position: top center;
+  background-size: 100%;
+}
+.main-content {
+  background-color: #ffffff;
+  /* backdrop-filter: blur(60px); */
+}
+</style>
diff --git a/src/pages-sub/asset/index.vue b/src/pages-sub/asset/index.vue
index 62499d5..1b5d5a4 100644
--- a/src/pages-sub/asset/index.vue
+++ b/src/pages-sub/asset/index.vue
@@ -37,18 +37,10 @@ const { list: assetList, onReload } = useListPageRequest(
 
 onLoad((options) => {
   tabIndex.value = Number(options.tabIndex ?? 0)
+  onReload({
+    flagdata: unref(tabList)[tabIndex.value].value,
+  })
 })
-watch(
-  () => tabIndex.value,
-  (index) => {
-    onReload({
-      type: unref(tabList)[index].value,
-    })
-  },
-  {
-    immediate: true,
-  },
-)
 </script>
 
 <template>
diff --git a/src/pages.json b/src/pages.json
index b7c0cc2..15a5497 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -124,6 +124,15 @@
             "navigationStyle": "custom"
           }
         },
+        {
+          "path": "asset-detail/index",
+          "type": "page",
+          "style": {
+            "navigationBarTitleText": "资金明细",
+            "navigationBarBackgroundColor": "#fff",
+            "navigationStyle": "custom"
+          }
+        },
         {
           "path": "convert/index",
           "type": "page",
diff --git a/src/pages/my/index.vue b/src/pages/my/index.vue
index 95824d9..f8069bb 100644
--- a/src/pages/my/index.vue
+++ b/src/pages/my/index.vue
@@ -152,6 +152,12 @@ const handleAsset = (index = 0) => {
   })
 }
 
+const handleAssetDetail = () => {
+  uni.navigateTo({
+    url: '/pages-sub/asset-detail/index',
+  })
+}
+
 const handleBankCard = () => {
   uni.navigateTo({
     url: '/pages-sub/withdrawal-type/index',
@@ -205,7 +211,7 @@ const commonList = [
   {
     title: '资金明细',
     icon: CommonIcon6,
-    handle: () => handleAsset(0),
+    handle: handleAssetDetail,
   },
   {
     title: '申请理赔',
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index 3c5ee18..07174e3 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -12,6 +12,7 @@ interface NavigateToOptions {
        "/pages/my/index" |
        "/pages/register/index" |
        "/pages-sub/asset/index" |
+       "/pages-sub/asset-detail/index" |
        "/pages-sub/convert/index" |
        "/pages-sub/demo/index" |
        "/pages-sub/hot-news/index" |