--预存款部分完成

src/pages/depositBeforehand/index.config.ts

@@ -1,3 +1,4 @@
 export default {
-  navigationBarTitleText: '预存款'
+  navigationBarTitleText: '预存款',
+  enableShareAppMessage: true,
 }

src/pages/depositBeforehand/index.scss

@@ -3,6 +3,23 @@
   background-color: #f3f3f3;
   display: flex;
   flex-direction: column;
+  .deposit-beforehand-tips{
+    width: 100%;
+    height: 66px;
+    background: #FFE6CE;
+    border: 2px solid #ffe6ce;
+    padding: 0 30px;
+    display: flex;align-items: center;
+    font-size: 24px;
+    font-weight: 400;
+    color: #EE7500;
+    margin: 0;
+  }
+  .deposit-beforehand-tips text{
+    margin-right: 10px;
+    font-size: 30px;
+  }
+
   .deposit-beforehand-card{
     width: 702px;
     background: #ffffff;
@@ -52,7 +69,7 @@
   }
   .deposit-beforehand-info-list{
     display: flex;align-items: center;
-    line-height: 60px;
+    margin-bottom: 38px;
   }
   .deposit-beforehand-info-list-left{
     width: 160px;

src/pages/depositBeforehand/index.tsx

@@ -2,15 +2,34 @@
 
 import { Button, Canvas, Navigator, ScrollView, Text, View } from "@tarojs/components"
 import "./index.scss"
+import { depositInfoApi } from "@/api/deposit"
+import { useEffect } from "react";
+import { formatPriceDiv, toDecimal2 } from "@/common/fotmat";
+import { setClipboardData } from "@tarojs/taro";
 
 export default ()=>{
+  const {fetchData, state} = depositInfoApi();
+  const getData = async ()=>{
+    fetchData();
+  }
+  useEffect(() => {
+    getData();
+  }, []);
+  // 复制
+  const handleCopy = ()=>{
+    setClipboardData({data: state.data?.transfer_remittance_account})
+  }
+  
 
   return (
     <View className="deposit-beforehand">
+      <View className="deposit-beforehand-tips">
+        <Text className="iconfont icon-zhuyi"></Text> 汇款成功后，1-5分钟自动到账。
+      </View>
       <View className="deposit-beforehand-card">
         <View className="deposit-beforehand-balance">
           <View className="deposit-beforehand-balance-title">余额 (元)</View>
-          <Text className="deposit-beforehand-balance-price">999,999.20</Text>
+          <Text className="deposit-beforehand-balance-price">{toDecimal2(formatPriceDiv(state.data?.amount)).toLocaleString()}</Text>
           <View className="deposit-beforehand-balance-button">转出</View>
         </View>
       </View>
@@ -18,20 +37,20 @@ export default ()=>{
         <View className="deposit-beforehand-info">
           <View className="deposit-beforehand-info-title">
             <View className="deposit-beforehand-info-title-left"><Text></Text> 预存款充值</View>
-            <View className="deposit-beforehand-info-title-copy">复制</View>
+            <View className="deposit-beforehand-info-title-copy" onClick={handleCopy}>复制</View>
           </View>
           <View className="deposit-beforehand-info-content">
             <View className="deposit-beforehand-info-list">
               <View className="deposit-beforehand-info-list-left">开户名称</View>
-              <View className="deposit-beforehand-info-list-right">佛山市浩川盛世科技有限公司</View>
+              <View className="deposit-beforehand-info-list-right">{state.data?.account_name}</View>
             </View>
             <View className="deposit-beforehand-info-list">
               <View className="deposit-beforehand-info-list-left">开户银行</View>
-              <View className="deposit-beforehand-info-list-right">招商银行汾江支行</View>
+              <View className="deposit-beforehand-info-list-right">{state.data?.bank_of_deposit}</View>
             </View>
             <View className="deposit-beforehand-info-list">
               <View className="deposit-beforehand-info-list-left">专属汇款账号</View>
-              <View className="deposit-beforehand-info-list-right">62062342120001221231212</View>
+              <View className="deposit-beforehand-info-list-right">{state.data?.transfer_remittance_account}</View>
             </View>
           </View>
         </View>