no message

.gitignore

@@ -23,3 +23,4 @@ pnpm-debug.log*
 *.sw?
 build
 yarn.lock
+24680client

public/test/aztec.atlas

@@ -1,195 +0,0 @@
-
-aztec.png
-size: 1624,783
-format: RGBA8888
-filter: Linear,Linear
-repeat: none
-cao01
-  rotate: false
-  xy: 1184, 347
-  size: 45, 54
-  orig: 311, 617
-  offset: 224, 234
-  index: -1
-cao02
-  rotate: true
-  xy: 268, 2
-  size: 101, 150
-  orig: 311, 617
-  offset: 0, 192
-  index: -1
-cao03
-  rotate: false
-  xy: 1543, 435
-  size: 76, 127
-  orig: 311, 617
-  offset: 71, 308
-  index: -1
-di
-  rotate: false
-  xy: 259, 333
-  size: 231, 448
-  orig: 231, 448
-  offset: 0, 0
-  index: -1
-di2
-  rotate: false
-  xy: 951, 192
-  size: 231, 209
-  orig: 231, 209
-  offset: 0, 0
-  index: -1
-gebo
-  rotate: true
-  xy: 1164, 56
-  size: 134, 129
-  orig: 311, 617
-  offset: 155, 102
-  index: -1
-gebo02
-  rotate: true
-  xy: 1425, 25
-  size: 96, 118
-  orig: 311, 617
-  offset: 33, 265
-  index: -1
-jian_g
-  rotate: true
-  xy: 1184, 207
-  size: 136, 251
-  orig: 138, 254
-  offset: 0, 0
-  index: -1
-jian_g01
-  rotate: true
-  xy: 975, 403
-  size: 163, 288
-  orig: 165, 295
-  offset: 2, 3
-  index: -1
-jian_g02
-  rotate: true
-  xy: 492, 180
-  size: 260, 262
-  orig: 260, 262
-  offset: 0, 0
-  index: -1
-mao
-  rotate: true
-  xy: 492, 442
-  size: 168, 481
-  orig: 311, 617
-  offset: 42, 5
-  index: -1
-mao_mh
-  rotate: true
-  xy: 492, 612
-  size: 169, 490
-  orig: 311, 617
-  offset: 41, 1
-  index: -1
-scepter_00003
-  rotate: false
-  xy: 683, 8
-  size: 144, 170
-  orig: 258, 355
-  offset: 94, 8
-  index: -1
-scepter_00004
-  rotate: false
-  xy: 268, 105
-  size: 180, 226
-  orig: 258, 355
-  offset: 61, 0
-  index: -1
-scepter_00005
-  rotate: true
-  xy: 2, 19
-  size: 195, 264
-  orig: 258, 355
-  offset: 54, 12
-  index: -1
-scepter_00006
-  rotate: true
-  xy: 1292, 564
-  size: 217, 286
-  orig: 258, 355
-  offset: 28, 21
-  index: -1
-scepter_00007
-  rotate: true
-  xy: 984, 568
-  size: 213, 306
-  orig: 258, 355
-  offset: 40, 11
-  index: -1
-scepter_00008
-  rotate: true
-  xy: 1265, 345
-  size: 217, 276
-  orig: 258, 355
-  offset: 21, 58
-  index: -1
-scepter_00009
-  rotate: false
-  xy: 756, 191
-  size: 193, 249
-  orig: 258, 355
-  offset: 28, 85
-  index: -1
-scepter_00010
-  rotate: false
-  xy: 1437, 123
-  size: 185, 220
-  orig: 258, 355
-  offset: 28, 124
-  index: -1
-scepter_00011
-  rotate: true
-  xy: 829, 2
-  size: 187, 180
-  orig: 258, 355
-  offset: 21, 154
-  index: -1
-scepter_00012
-  rotate: true
-  xy: 1011, 5
-  size: 185, 151
-  orig: 258, 355
-  offset: 6, 204
-  index: -1
-scepter_00013
-  rotate: false
-  xy: 1295, 90
-  size: 128, 115
-  orig: 258, 355
-  offset: 23, 229
-  index: -1
-shenti
-  rotate: false
-  xy: 2, 216
-  size: 255, 565
-  orig: 311, 617
-  offset: 36, 52
-  index: -1
-total
-  rotate: true
-  xy: 1580, 598
-  size: 183, 37
-  orig: 183, 37
-  offset: 0, 0
-  index: -1
-zhezhao
-  rotate: false
-  xy: 450, 7
-  size: 231, 171
-  orig: 231, 176
-  offset: 0, 0
-  index: -1
-zi
-  rotate: true
-  xy: 450, 222
-  size: 109, 31
-  orig: 109, 31
-  offset: 0, 0
-  index: -1

public/test/skeleton.atlas

@@ -1,7 +0,0 @@
-skeleton.png
-size:190,151
-filter:Linear,Linear
-pma:true
-A
-bounds:2,2,186,147
-offsets:2,2,190,151

public/test/skeleton.json

@@ -1,42 +0,0 @@
-{
-"skeleton": {
-	"hash": "q0mQ3NzwuIk",
-	"spine": "4.1.24",
-	"x": -95.55,
-	"y": -76.19,
-	"width": 191.09,
-	"height": 152.37,
-	"images": "",
-	"audio": ""
-},
-"bones": [
-	{ "name": "root" },
-	{ "name": "bone", "parent": "root", "length": 98.88, "rotation": 90.58 }
-],
-"slots": [
-	{ "name": "bone", "bone": "bone", "attachment": "A" }
-],
-"skins": [
-	{
-		"name": "default",
-		"attachments": {
-			"bone": {
-				"A": { "rotation": -91, "width": 190, "height": 151 }
-			}
-		}
-	}
-],
-"animations": {
-	"A": {
-		"bones": {
-			"bone": {
-				"scale": [
-					{},
-					{ "time": 0.5, "x": 1.25, "y": 1.25 },
-					{ "time": 1 }
-				]
-			}
-		}
-	}
-}
-}

src/api/config.js

@@ -36,6 +36,7 @@ export const APP_RECHARGE_CONFIG=BASE_PREFIX+"recharge/gear";
 export const APP_FIRSTPAY_CONFIG=BASE_PREFIX+"recharge/firstPayConfig";
 export const APP_ACCOUNTS_PAY_INFO=BASE_PREFIX+"api/get_accounts_pay_info";
 export const APP_PAYMENT_ORDER=BASE_PREFIX+"payment_entry/pay";
+export const APP_PAY_ORDER_LIST="api/pay/orderList";
 //pay
 //withdraw
 export const APP_WITHDRAW_TAX="api/api/withDrawTax";

src/constants/routes.js

@@ -27,6 +27,7 @@ const ROUTE_PATH={
     CASH_WHEEL:"#/cashwheel",
     MESSAGE:"#/message",
     MESSAGE_DETAIL:"#/messageDetail",
+    RECHARGE_HISTORY:"#/rechargeHistory",
 }
 
 export {

src/db/routes.js

@@ -204,6 +204,19 @@ export const routes=[
         lpath:"#/signin",//登录path
         subs:[]
     },
+    {
+        path: "#/rechargeHistory",
+        type: 1,
+        side: 0,
+        block:1,//块排序
+        title: "Recharge History",
+        icon:"",
+        fill:";;",//icon 颜色 默认 选中 本身颜色
+        component:"rechargeHistory",
+        login:1,//0,1 检不检查登录
+        lpath:"#/signin",//登录path
+        subs:[]
+    },
     {
         path: "#/accountInfo",
         type: 1,

src/features/api.js

@@ -12,7 +12,7 @@ import {
     APP_GAME_LIST,
     APP_LOGIN,
     APP_LOGOUT, APP_MAIL_CHECK, APP_MAIL_DEL, APP_MAIL_LIST, APP_MAIL_READ, APP_MAIL_TAKE,
-    APP_PAGE_MODULES,
+    APP_PAGE_MODULES, APP_PAY_ORDER_LIST,
     APP_PAYMENT_ORDER,
     APP_RECHARGE_CONFIG,
     APP_REGISTER,
@@ -263,6 +263,20 @@ export const reqPaymentOrder=createAsyncThunk(
         return response;
     }
 )
+export const reqPayOrderList=createAsyncThunk(
+    APP_PAY_ORDER_LIST,
+    async (arg,thunkAPI)=>{
+        let params= {
+            url: APP_PAY_ORDER_LIST,
+            params:{
+                page:2,
+                pageSize:10
+            }
+        }
+        const response=await Http.get(params);
+        return response;
+    }
+)
 //pay
 //withdraw
 export const reqWithdrawTax=createAsyncThunk(

src/features/paySlice.js

@@ -4,7 +4,7 @@ import {
     buildReqReducer, reqChangePayPass,
     reqFirstPayConfig,
     reqGetAccountsPayInfo,
-    reqPaymentOrder,
+    reqPaymentOrder, reqPayOrderList,
     reqRechargeConfig, reqWithdrawBaseInfo, reqWithdrawInfo, reqWithdrawTax
 } from "@features/api";
 import {getHttpMsg} from "@utils/helpers";
@@ -85,6 +85,15 @@ const reducerPaymentOrder=(state,action,arg)=>{
 }
 const paymentOrderStatus=(state,status,arg)=>{
     state.status.PaymentOrder=status;
+}
+const reducerPayOrderList=(state,action,arg)=>{
+    let payload=action.payload;
+    if (payload!=null&&payload.code===200){
+
+    }
+}
+const payOrderListStatus=(state,status,arg)=>{
+
 }
 const reducerWithdrawTax=(state,action,arg)=>{
     let payload=action.payload;
@@ -138,7 +147,8 @@ export const Pay=createSlice({
             FirstPayConfig:REQ_STATUS.NONE,
             GetAccountsPayInfo:REQ_STATUS.NONE,
             PaymentOrder:REQ_STATUS.NONE,
-            ChangePayPass:REQ_STATUS.NONE
+            ChangePayPass:REQ_STATUS.NONE,
+            PayOrderList:REQ_STATUS.NONE
         },
         config:[],
         payconfig:null,
@@ -147,7 +157,8 @@ export const Pay=createSlice({
         currPayOrder:null,
         WithDrawTax:4,
         withdrawBaseInfo:null,
-        withdrawInfo:null
+        withdrawInfo:null,
+        payOrderList:null
     },
     reducers: {
         updatePayFinish:((state, action) => {
@@ -167,6 +178,7 @@ export const Pay=createSlice({
         buildReqReducer(builder,reqWithdrawBaseInfo,reducerWithdrawBaseInfo,null);
         buildReqReducer(builder,reqWithdrawInfo,reducerWithdrawInfo,null);
         buildReqReducer(builder,reqChangePayPass,reducerChangePayPass,changePayPassStatus);
+        buildReqReducer(builder,reqPayOrderList,reducerPayOrderList,payOrderListStatus);
     },
 })
 export const {updatePayFinish} = Pay.actions;
@@ -229,6 +241,9 @@ export const getWithdrawInfo=(state)=>{
 export const getChangePayPassStatus=(state)=>{
     return state.pay.status.ChangePayPass;
 }
+export const getPayOrderStatus=(state)=>{
+    return state.pay.status.PayOrderList;
+}
 export default Pay.reducer;
 
 export const reqPayConfig=(dispatch,userInfo)=>{

src/locales/languages/en_US.json

@@ -170,6 +170,14 @@
       "tips": "Participate in promotions",
       "banner_tips": "Super bonus bonus, get an extra {0} bonus on deposit.",
       "bonus_title": "Deposit bonus"
+    },
+    "HistoryListPanel": {
+      "title": "Recharge History",
+      "chips": "Chips",
+      "source": "Source",
+      "orderNumber": "Order number",
+      "status": "Status",
+      "time": "Time"
     }
   },
   "game": {

src/pages/RechargeHistory.jsx

@@ -0,0 +1,10 @@
+import WRechargeHistory from "@widgets/WDeposit/WRechargeHistory/WRechargeHistory";
+
+const RechargeHistory=({...props})=>{
+    return (
+        <>
+            <WRechargeHistory {...props}/>
+        </>
+    )
+}
+export default RechargeHistory;

src/pages/index.jsx

@@ -19,6 +19,7 @@ const Promotion=lazy(()=>import("@pages/Promotion"));
 const CashWheel=lazy(()=>import("@pages/CashWheel"));
 const Mail=lazy(()=>import("@pages/Mail"));
 const MailDetail=lazy(()=>import("@pages/MailDetail"));
+const RechargeHistory=lazy(()=>import("@pages/RechargeHistory"));
 export default {
     ModulePage:ModulePage,
     Home:Home,
@@ -36,7 +37,8 @@ export default {
     promotion:Promotion,
     cashwheel:CashWheel,
     mail:Mail,
-    mailDetail:MailDetail
+    mailDetail:MailDetail,
+    rechargeHistory:RechargeHistory
 }
 export const Header={
     deposit: DepositHeader,

src/widgets/WDeposit/DepositHeader.jsx

@@ -5,12 +5,15 @@ import {useSelector} from "react-redux";
 import {getUserInfo, isLogined} from "@features/mainSlice";
 import USD from "@assets/lvicon/USD.black.png";
 import {numFormatter} from "@utils/helpers";
+import {useNavigate} from "react-router-dom";
+import {ROUTE_PATH} from "@constants/routes";
 const i18n=global.i18n;
 const DepositHeader=({...props})=>{
     const route=props.route;
     const close=props.close;
     const user=useSelector(getUserInfo);
     const isLogin=useSelector(isLogined);
+    const navigate=useNavigate();
     const renderHeader=()=>{
         let title=route?route.title:"";
         return (
@@ -41,7 +44,9 @@ const DepositHeader=({...props})=>{
                         <button className={styles.right_btn}>
                             <Video className={styles.icon}/>
                         </button>
-                        <button className={styles.right_btn}>
+                        <button className={styles.right_btn} onClick={(event)=>{
+                            navigate(route.path+ROUTE_PATH.RECHARGE_HISTORY);
+                        }}>
                             <SvgIcon className={styles.icon} herf={"icon_History"}/>
                         </button>
                     </div>

src/widgets/WDeposit/WRechargeHistory/WRechargeHistory.jsx

@@ -0,0 +1,31 @@
+import styles from "./styles.module.scss";
+import Spring from "@components/Spring";
+import {useEffect} from "react";
+import {useDispatch, useSelector} from "react-redux";
+import {getPayOrderStatus} from "@features/paySlice";
+import {REQ_STATUS} from "@api/config";
+import SmallLoading from "@components/SmallLoading";
+import {reqPayOrderList} from "@features/api";
+const i18n=global.i18n;
+const WRechargeHistory = ({ close }) => {
+    const status=useSelector(getPayOrderStatus);
+    const dispatch=useDispatch();
+    useEffect(()=>{
+        dispatch(reqPayOrderList());
+    },[])
+    const renderContent=()=>{
+        if (status===REQ_STATUS.LOADING){
+            return (<SmallLoading></SmallLoading>)
+        }
+        return (
+            <Spring type="slideUp" className={styles.content}>
+            </Spring>
+        )
+    }
+    return (
+        <div className={styles.container}>
+            {renderContent()}
+        </div>
+    )
+}
+export default WRechargeHistory;

src/widgets/WDeposit/WRechargeHistory/styles.module.scss

@@ -0,0 +1,19 @@
+.container{
+  width: 100%;
+  height: 100%;
+  background-color: var(--widget-bg);
+  padding: 1rem 1rem;
+}
+.title_con{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem;
+  color: var(--header);
+  font-size: 0.9rem;
+}
+.content{
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}