diff --git a/src/route/AppElectron/AppElectron.tsx b/src/route/AppElectron/AppElectron.tsx
index 766eee8..8ae3e22 100644
--- a/src/route/AppElectron/AppElectron.tsx
+++ b/src/route/AppElectron/AppElectron.tsx
@@ -1,20 +1,47 @@
-import React from 'react'
+import { useState, useEffect } from 'react'
+import {
+    Pagination,
+    // Table,
+    // Modal,
+    // Spin
+} from 'antd';
 import './app-election.css'
 import nothingImg from '../../static/appimgs/nothing.png'
 export default function AppElectron() {
     const height = window.innerHeight - 180;
-    const data = []
+    const [page, setPage] = useState(1);
+    const [total, setTotal] = useState(0);
+    const data = [
+        { name: '123' }
+    ]
+    useEffect(() => {
+        setTotal(100)
+    }, [page])
     return (
         <div className='appElectionBox' style={{ height: `${height}px`, overflow: 'auto' }}>
             {data.length <= 0 ? (<div style={{ height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }}>
 
                 <img src={nothingImg} alt="" width={368} height={355} />
                 <div style={{
-                    marginTop:50,
+                    marginTop: 50,
                     fontSize: 16,
-                    color:'#D0D0D0'
+                    color: '#D0D0D0'
                 }}>暂无数据</div>
-            </div>) : (<></>)}
+            </div>) : (
+                <div className='transaction-order-table'>
+                    <div style={{ height: `${height - 80}px` }}>
+
+                    </div>
+                    <div className='product-release-pagination'>
+                        <Pagination
+                            showSizeChanger={false}
+                            current={page} total={total} defaultPageSize={10} onChange={(page) => {
+                                setPage(page)
+                            }} />
+                    </div>
+
+                </div>
+            )}
         </div>
     )
 }