diff --git a/.env.production b/.env.production
index 0663699..0d97ca6 100644
--- a/.env.production
+++ b/.env.production
@@ -5,7 +5,7 @@ VITE_APP_TITLE = 区块链金融
 VITE_APP_ENV = 'production'
 
 # 若依管理系统/生产环境
-VITE_APP_BASE_API = '/prod-api'
+VITE_APP_BASE_API = 'http://118.31.7.2:8800/'
 
 # 是否在打包时开启压缩，支持 gzip 和 brotli
 VITE_BUILD_COMPRESS = gzip
\ No newline at end of file
diff --git a/dist.tar b/dist.tar
new file mode 100644
index 0000000..57adbf5
Binary files /dev/null and b/dist.tar differ
diff --git a/src/api/DigitalCurrencyRegistration.js b/src/api/DigitalCurrencyRegistration.js
new file mode 100644
index 0000000..b1e9c7b
--- /dev/null
+++ b/src/api/DigitalCurrencyRegistration.js
@@ -0,0 +1,43 @@
+import request from '@/utils/request'
+// 登记表
+export const getRegistration = (query) => {
+    return request({
+        url: `api/stu/centralBank/currencyTitleRegistrationForm`,
+        method: 'get',
+        params:query
+    })}
+    // 流水表
+    export const getFlow = (query) => {
+        return request({
+            url: `api/stu/centralBank/tradingStatement`,
+            method: 'get',
+            params:query
+        })}
+    //中央银行
+    export const getBank = () => {
+        return request({
+            url: `api/stu/centralBank/getCentralBankInfo`,
+            method: 'get',
+         
+        })}
+        // 商业银行
+    export const getBusiness = (query) => {
+        return request({
+            url: `api/stu/centralBank/getBusinessBankInfo`,
+            method: 'get',
+            params:query
+        })}
+        // 企业用户
+    export const getEnterprise = (query) => {
+        return request({
+            url: `api/stu/centralBank/getBusinessInfo`,
+            method: 'get',
+            params:query
+        })}
+        // 个人用户
+    export const getPersonal = (query) => {
+        return request({
+            url: `api/stu/centralBank/getPersonInfo`,
+            method: 'get',
+            params:query
+        })}
\ No newline at end of file
diff --git a/src/api/commercialbank.js b/src/api/commercialbank.js
index 0f723c0..b95b155 100644
--- a/src/api/commercialbank.js
+++ b/src/api/commercialbank.js
@@ -30,4 +30,29 @@ export const  getBankIndex=(data)=> {
         method: 'get',
         params:data
     })
+    }
+    // 个人业务
+    // 新增消费红包
+export const  addRedPacket=(data)=> {
+    return request({
+        url: '/api/stu/businessBank/addBusinessBankAndEnterpriseUserRedPacket',
+        method: 'post',
+        data:data,
+    })
+    }
+    // 企业下拉
+export const  getEnterpriseList=(query)=> {
+    return request({
+        url: 'api/stu/businessBank/getBusinessBankNameAndId',
+        method: 'get',
+        params:query
+     })
+    }
+    // 个人用户消费红包业务
+export const  getRedPacket=(data)=> {
+    return request({
+        url: '/api/stu/businessBank/getStuIndividualRedPacketInfo',
+        method: 'get',
+        params:data
+    })
     }
\ No newline at end of file
diff --git a/src/api/enterpriseUser.js b/src/api/enterpriseUser.js
new file mode 100644
index 0000000..6282e9c
--- /dev/null
+++ b/src/api/enterpriseUser.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+// 公司经营
+// 发放消费红包
+export const  getconsumerRedPacket=(data)=> {
+    return request({
+        url: '/api/stu/businessBank/getStuBusinessBankRedPacketInfo',
+        method: 'get',
+        params:data
+    })
+    }
+    // 发放消费红包
+export const  getconsumerRedPacketList=(status)=> {
+    return request({
+        url: '/api/stu/businessBank/updateBusinessBankAndEnterpriseUserRedPacketStatus',
+        method: 'put',
+        params:status
+    })
+    }
\ No newline at end of file
diff --git a/src/api/login.js b/src/api/login.js
index 26742e7..4dba34e 100644
--- a/src/api/login.js
+++ b/src/api/login.js
@@ -1,20 +1,19 @@
 import request from '@/utils/request'
 
 // 登录方法
-export function login(username, password, code, uuid) {
+export function login(username, passwordEncode, TOKEN) {
   const data = {
     username,
-    password,
-    code,
-    uuid
+    passwordEncode,
+    TOKEN,
   }
   return request({
-    url: '/login',
+    url: '/api/user/login',
     headers: {
       isToken: false
     },
     method: 'post',
-    data: data
+    params: data
   })
 }
 
diff --git a/src/api/user.js b/src/api/user.js
new file mode 100644
index 0000000..b128dec
--- /dev/null
+++ b/src/api/user.js
@@ -0,0 +1,66 @@
+import request from '@/utils/request'
+// 我的红包
+// 个人钱包信息
+export const getinFoWallet = (query) => {
+  return request({
+    url: 'api/stu/person/getPersonalWalletInformation',
+    method: 'get',
+    params:query
+  })
+}
+// 数字货币清单查看
+export const getDigitalCurrency = (query) => {
+  return request({
+    url: 'api/stu/person/viewDigitalCurrencyList',
+    method: 'get',         
+    params:query
+  })
+}
+// 申请数字人民币钱包
+export const getDigitalWallet = (query) => {
+  return request({
+    url: 'api/stu/person/applyForPurse',
+    method: 'post',     
+    data:query
+  })
+}
+// 钱包等级升级
+export const getWalletLevel = (query) => {
+  return request({
+    url: 'api/stu/person/walletLevelUpgrade',
+    method: 'post',     
+    data:query
+  })
+}
+// 数字人民币充值
+export const getDigitalRecharge = (query) => {
+  return request({
+    url: 'api/stu/person/digitalRMBRecharge',
+    method: 'get',     
+    params:query
+  })
+}
+// 钱包注销
+export const getWalletCancellation = (query) => {
+  return request({
+    url: 'api/stu/person/signOutwallet',
+    method: 'GET',     
+    params:query
+  })
+}
+// 消费红包数据
+export const getRedPacket = (query) => {
+    return request({
+        url: 'api/stu/person/getIndividualUserReceiveRedPacket',
+        method: 'get',
+        params:query
+      })
+    }
+    // 购买数字商品数据
+export const getDigitalGoods = (query) => {
+    return request({
+        url: 'api/stu/person/getPersonProduct',
+        method: 'get',
+        params:query
+      })
+    }
\ No newline at end of file
diff --git a/src/assets/icons/svg/study.svg b/src/assets/icons/svg/study.svg
new file mode 100644
index 0000000..49c29e4
--- /dev/null
+++ b/src/assets/icons/svg/study.svg
@@ -0,0 +1 @@
+<svg t="1695632821586" class="icon" viewBox="0 0 1821 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="57433" id="mx_n_1695632821587" width="300" height="300"><path d="M918.933 646.533c-6 2.8-12.933 2.8-18.8 0L577.467 493.6v178c0 8.533 4.666 16.133 12.266 20l309.867 156c6.267 3.067 13.6 3.067 19.733 0l309.867-156c7.467-3.733 12.267-11.467 12.267-20V493.733l-322.534 152.8" fill="#1296db" p-id="57434"></path><path d="M1431.6 293.6l-514-205.333a21.472 21.472 0 0 0-16.267 0L387.6 293.6c-8.533 3.333-14.133 11.6-14.133 20.667 0 9.2 5.6 17.333 14.133 20.666l190 75.867v33.467l332 157.333 332-157.333V410.8l88.533-35.333v540.666c0 12.267 9.867 22.267 22.134 22.267 12.266 0 22.133-10 22.133-22.267V358.8l-0.133-0.933 57.333-22.934c8.4-3.333 14-11.6 14-20.666 0-9.067-5.6-17.2-14-20.667" fill="#1296db" p-id="57435"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/transfer.svg b/src/assets/icons/svg/transfer.svg
new file mode 100644
index 0000000..2ad5444
--- /dev/null
+++ b/src/assets/icons/svg/transfer.svg
@@ -0,0 +1 @@
+<svg t="1695612918191" class="icon" viewBox="0 0 1101 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3982" width="200" height="200"><path d="M52.224 575.488q-24.576 0-41.472-16.384t-16.896-40.96l0-76.8q0-24.576 16.896-41.472t41.472-16.896l741.376 0q-18.432 11.264-29.696 26.624t-11.264 30.72l0 40.96 1.024 31.744q-6.144 1.024-17.408 1.024l-69.632 0q-82.944 0-91.136 61.44l-523.264 0zM179.2 317.44q-23.552 0-40.96-16.896t-17.408-41.472l0-70.656q0-23.552 17.408-41.472t40.96-17.92l780.288 0q23.552 0 40.448 17.92t16.896 41.472l0 70.656q0 24.576-16.896 41.472t-40.448 16.896l-780.288 0zM711.68 770.048q18.432 0 28.16-2.048t14.336 1.024 5.632 14.336 1.024 37.888l0 7.168q0 4.096 1.024 7.168l-709.632 0q-24.576 0-41.472-17.408t-16.896-40.96l0-76.8q0-23.552 16.896-40.96t41.472-17.408l521.216 0 0 23.552q0 45.056 25.088 74.24t58.88 29.184l20.48 0q4.096 0 6.144 0.512t7.168 0.512l20.48 0zM1079.296 604.16q7.168 6.144 10.752 14.336t4.096 17.408-2.048 16.896-8.704 11.776q-16.384 14.336-44.544 31.744t-59.392 36.352-60.928 37.376-48.128 32.768q-23.552 20.48-34.816 21.504t-11.264-28.672l0-51.2q0-20.48-8.704-28.672t-25.088-8.192l-122.88 0q-14.336 0-25.088-7.68t-10.752-26.112l0-51.2q0-31.744 9.728-38.4t35.328-6.656l19.456 0q7.168 0 17.408 0.512t25.6 0.512l44.032 0q23.552 0 32.256-15.872t8.704-35.328l0-48.128q0-20.48 8.192-26.112t25.6 8.704q18.432 13.312 48.128 31.744t62.464 37.888 62.464 38.4 48.128 34.304z" p-id="3983" fill="#02B769"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/upgrade.svg b/src/assets/icons/svg/upgrade.svg
new file mode 100644
index 0000000..c4f4087
--- /dev/null
+++ b/src/assets/icons/svg/upgrade.svg
@@ -0,0 +1 @@
+<svg t="1695612820809" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2669" width="200" height="200"><path d="M661.813 734.064H370.589c-11.516 0-20.813-9.116-20.813-20.874V420.707l-138.684 0.12c-11.637 0-21.535-9.237-21.355-20.634-0.18-6.119 2.76-11.277 6.359-15.356L501.294 79.875c8.157-8.039 21.595-7.918 29.514-0.241l305.199 305.202c8.399 8.517 8.399 21.835 0 29.992-4.016 4.319-9.415 5.999-14.334 5.999H682.568V713.19c0.18 11.758-8.879 20.874-20.755 20.874z" fill="#0378FF" p-id="2670" data-spm-anchor-id="a313x.search_index.0.i0.5c5c3a81nwBiAv" class="selected"></path><path d="M915.333 883.906c19.435 0 35.15 15.476 35.15 35.03 0.24 19.437-15.716 34.792-35.15 34.912l-798.875-0.12c-19.194 0-34.911-15.355-34.911-34.792 0-19.555 15.717-35.03 34.911-35.03h798.875z" fill="#0378FF" p-id="2671" data-spm-anchor-id="a313x.search_index.0.i2.5c5c3a81nwBiAv" class="selected"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/信息验证-icon.png b/src/assets/images/01.png
similarity index 100%
rename from src/assets/images/信息验证-icon.png
rename to src/assets/images/01.png
diff --git a/src/assets/images/数字货币申请.png b/src/assets/images/02.png
similarity index 100%
rename from src/assets/images/数字货币申请.png
rename to src/assets/images/02.png
diff --git a/src/assets/images/数字货币投放.png b/src/assets/images/03.png
similarity index 100%
rename from src/assets/images/数字货币投放.png
rename to src/assets/images/03.png
diff --git a/src/assets/images/中央银行-切图/原理演练-切图/面额数字演练icon.png b/src/assets/images/04.png
similarity index 100%
rename from src/assets/images/中央银行-切图/原理演练-切图/面额数字演练icon.png
rename to src/assets/images/04.png
diff --git a/src/assets/images/icon.png b/src/assets/images/05.png
similarity index 100%
rename from src/assets/images/icon.png
rename to src/assets/images/05.png
diff --git a/src/assets/images/中央银行-切图/数字货币生成-切图/icon.png b/src/assets/images/06.png
similarity index 100%
rename from src/assets/images/中央银行-切图/数字货币生成-切图/icon.png
rename to src/assets/images/06.png
diff --git a/src/assets/images/中央银行-切图/数字货币生成-切图/icon2.png b/src/assets/images/07.png
similarity index 100%
rename from src/assets/images/中央银行-切图/数字货币生成-切图/icon2.png
rename to src/assets/images/07.png
diff --git a/src/assets/images/08.png b/src/assets/images/08.png
new file mode 100644
index 0000000..86226b3
Binary files /dev/null and b/src/assets/images/08.png differ
diff --git a/src/assets/images/09.png b/src/assets/images/09.png
new file mode 100644
index 0000000..ad7eafe
Binary files /dev/null and b/src/assets/images/09.png differ
diff --git a/src/assets/images/11.png b/src/assets/images/11.png
new file mode 100644
index 0000000..f8e4633
Binary files /dev/null and b/src/assets/images/11.png differ
diff --git a/src/assets/images/12.png b/src/assets/images/12.png
new file mode 100644
index 0000000..88d69c3
Binary files /dev/null and b/src/assets/images/12.png differ
diff --git a/src/assets/images/property.png b/src/assets/images/13.png
similarity index 100%
rename from src/assets/images/property.png
rename to src/assets/images/13.png
diff --git a/src/assets/images/bourgeoisie.png b/src/assets/images/14.png
similarity index 100%
rename from src/assets/images/bourgeoisie.png
rename to src/assets/images/14.png
diff --git a/src/assets/images/individua.png b/src/assets/images/15.png
similarity index 100%
rename from src/assets/images/individua.png
rename to src/assets/images/15.png
diff --git a/src/assets/images/商业银行-切图/兑换数字人民币/图标.png b/src/assets/images/16.png
similarity index 100%
rename from src/assets/images/商业银行-切图/兑换数字人民币/图标.png
rename to src/assets/images/16.png
diff --git a/src/assets/images/商业银行-切图/个人业务/图标1.png b/src/assets/images/17.png
similarity index 100%
rename from src/assets/images/商业银行-切图/个人业务/图标1.png
rename to src/assets/images/17.png
diff --git a/src/assets/images/商业银行-切图/个人业务/图标2.png b/src/assets/images/18.png
similarity index 100%
rename from src/assets/images/商业银行-切图/个人业务/图标2.png
rename to src/assets/images/18.png
diff --git a/src/assets/images/商业银行-切图/个人业务/图标3.png b/src/assets/images/19.png
similarity index 100%
rename from src/assets/images/商业银行-切图/个人业务/图标3.png
rename to src/assets/images/19.png
diff --git a/src/assets/images/商业银行-切图/个人业务/图标4.png b/src/assets/images/21.png
similarity index 100%
rename from src/assets/images/商业银行-切图/个人业务/图标4.png
rename to src/assets/images/21.png
diff --git a/src/assets/images/企业用户-切图/钱包管理/图标1.png b/src/assets/images/22.png
similarity index 100%
rename from src/assets/images/企业用户-切图/钱包管理/图标1.png
rename to src/assets/images/22.png
diff --git a/src/assets/images/企业用户-切图/钱包管理/图标2.png b/src/assets/images/23.png
similarity index 100%
rename from src/assets/images/企业用户-切图/钱包管理/图标2.png
rename to src/assets/images/23.png
diff --git a/src/assets/images/企业用户-切图/钱包管理/图标3.png b/src/assets/images/24.png
similarity index 100%
rename from src/assets/images/企业用户-切图/钱包管理/图标3.png
rename to src/assets/images/24.png
diff --git a/src/assets/images/企业用户-切图/交易数据/图标1.png b/src/assets/images/25.png
similarity index 100%
rename from src/assets/images/企业用户-切图/交易数据/图标1.png
rename to src/assets/images/25.png
diff --git a/src/assets/images/企业用户-切图/交易数据/图标2.png b/src/assets/images/26.png
similarity index 100%
rename from src/assets/images/企业用户-切图/交易数据/图标2.png
rename to src/assets/images/26.png
diff --git a/src/assets/images/企业用户-切图/公司经营/图标1.png b/src/assets/images/27.png
similarity index 100%
rename from src/assets/images/企业用户-切图/公司经营/图标1.png
rename to src/assets/images/27.png
diff --git a/src/assets/images/企业用户-切图/公司经营/图标2.png b/src/assets/images/28.png
similarity index 100%
rename from src/assets/images/企业用户-切图/公司经营/图标2.png
rename to src/assets/images/28.png
diff --git a/src/assets/images/企业用户-切图/智能合约演练/图标.png b/src/assets/images/29.png
similarity index 100%
rename from src/assets/images/企业用户-切图/智能合约演练/图标.png
rename to src/assets/images/29.png
diff --git a/src/assets/images/31.png b/src/assets/images/31.png
new file mode 100644
index 0000000..2395c04
Binary files /dev/null and b/src/assets/images/31.png differ
diff --git a/src/assets/images/32.png b/src/assets/images/32.png
new file mode 100644
index 0000000..10950ce
Binary files /dev/null and b/src/assets/images/32.png differ
diff --git a/src/assets/images/33.png b/src/assets/images/33.png
new file mode 100644
index 0000000..41fc03a
Binary files /dev/null and b/src/assets/images/33.png differ
diff --git a/src/assets/images/34.png b/src/assets/images/34.png
new file mode 100644
index 0000000..cc3ec8c
Binary files /dev/null and b/src/assets/images/34.png differ
diff --git a/src/assets/images/35.png b/src/assets/images/35.png
new file mode 100644
index 0000000..32d5be2
Binary files /dev/null and b/src/assets/images/35.png differ
diff --git a/src/assets/images/36.png b/src/assets/images/36.png
new file mode 100644
index 0000000..10950ce
Binary files /dev/null and b/src/assets/images/36.png differ
diff --git a/src/assets/images/37.png b/src/assets/images/37.png
new file mode 100644
index 0000000..aff3c01
Binary files /dev/null and b/src/assets/images/37.png differ
diff --git a/src/assets/images/38.png b/src/assets/images/38.png
new file mode 100644
index 0000000..567718e
Binary files /dev/null and b/src/assets/images/38.png differ
diff --git a/src/assets/images/39.png b/src/assets/images/39.png
new file mode 100644
index 0000000..ec00393
Binary files /dev/null and b/src/assets/images/39.png differ
diff --git a/src/assets/images/__MACOSX/个人用户-切图/个人用户-我的钱包/._用户筛选.png b/src/assets/images/__MACOSX/个人用户-切图/个人用户-我的钱包/._用户筛选.png
new file mode 100644
index 0000000..3730a74
Binary files /dev/null and b/src/assets/images/__MACOSX/个人用户-切图/个人用户-我的钱包/._用户筛选.png differ
diff --git a/src/assets/images/按钮1-常态.png b/src/assets/images/btn01.png
similarity index 100%
rename from src/assets/images/按钮1-常态.png
rename to src/assets/images/btn01.png
diff --git a/src/assets/images/按钮2-常态.png b/src/assets/images/btn02.png
similarity index 100%
rename from src/assets/images/按钮2-常态.png
rename to src/assets/images/btn02.png
diff --git a/src/assets/images/按钮3-常态.png b/src/assets/images/btn03.png
similarity index 100%
rename from src/assets/images/按钮3-常态.png
rename to src/assets/images/btn03.png
diff --git a/src/assets/images/1按钮-后.png b/src/assets/images/btn04.png
similarity index 100%
rename from src/assets/images/1按钮-后.png
rename to src/assets/images/btn04.png
diff --git a/src/assets/images/2按钮-后.png b/src/assets/images/btn05.png
similarity index 100%
rename from src/assets/images/2按钮-后.png
rename to src/assets/images/btn05.png
diff --git a/src/assets/images/3按钮-后.png b/src/assets/images/btn06.png
similarity index 100%
rename from src/assets/images/3按钮-后.png
rename to src/assets/images/btn06.png
diff --git a/src/assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png b/src/assets/images/dialogimg.png
similarity index 100%
rename from src/assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png
rename to src/assets/images/dialogimg.png
diff --git a/src/assets/images/index.jpg b/src/assets/images/index.jpg
new file mode 100644
index 0000000..c079a72
Binary files /dev/null and b/src/assets/images/index.jpg differ
diff --git a/src/assets/images/t1.png b/src/assets/images/t1.png
new file mode 100644
index 0000000..12c688e
Binary files /dev/null and b/src/assets/images/t1.png differ
diff --git a/src/assets/images/个人用户-切图.zip b/src/assets/images/个人用户-切图.zip
new file mode 100644
index 0000000..9872b8b
Binary files /dev/null and b/src/assets/images/个人用户-切图.zip differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/._用户筛选.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/._用户筛选.png
new file mode 100644
index 0000000..58e062d
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/._用户筛选.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/充值.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/充值.png
new file mode 100644
index 0000000..d143950
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/充值.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/升级.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/升级.png
new file mode 100644
index 0000000..ccef540
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/升级.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/导航1-1.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航1-1.png
new file mode 100644
index 0000000..146ca02
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航1-1.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/导航1-2.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航1-2.png
new file mode 100644
index 0000000..8e6994f
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航1-2.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/导航2-1.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航2-1.png
new file mode 100644
index 0000000..8e2ffee
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航2-1.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/导航2-2.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航2-2.png
new file mode 100644
index 0000000..e2c113d
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航2-2.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/导航3-1.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航3-1.png
new file mode 100644
index 0000000..3078aae
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航3-1.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/导航3-2.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航3-2.png
new file mode 100644
index 0000000..f86e9f0
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/导航3-2.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/查看.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/查看.png
new file mode 100644
index 0000000..ccaf44d
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/查看.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/注销.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/注销.png
new file mode 100644
index 0000000..403dc06
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/注销.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/用户筛选.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/用户筛选.png
new file mode 100644
index 0000000..6f1ae52
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/用户筛选.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/申请数字人民币钱包.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/申请数字人民币钱包.png
new file mode 100644
index 0000000..0441241
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/申请数字人民币钱包.png differ
diff --git a/src/assets/images/个人用户-切图/个人用户-我的钱包/转账.png b/src/assets/images/个人用户-切图/个人用户-我的钱包/转账.png
new file mode 100644
index 0000000..cd64cdd
Binary files /dev/null and b/src/assets/images/个人用户-切图/个人用户-我的钱包/转账.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/上传照片.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/上传照片.png
new file mode 100644
index 0000000..80b6a0b
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/上传照片.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/下拉.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/下拉.png
new file mode 100644
index 0000000..106dca5
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/下拉.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/取消.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/取消.png
new file mode 100644
index 0000000..140ff98
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/取消.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗标题.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗标题.png
new file mode 100644
index 0000000..a2e0540
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗标题.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗背景.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗背景.png
new file mode 100644
index 0000000..dfefeca
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗背景.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗背景2.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗背景2.png
new file mode 100644
index 0000000..d1377a3
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/弹窗背景2.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/确定.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/确定.png
new file mode 100644
index 0000000..8ae90a0
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/确定.png differ
diff --git a/src/assets/images/个人用户-切图/我的钱包-弹窗/输入框.png b/src/assets/images/个人用户-切图/我的钱包-弹窗/输入框.png
new file mode 100644
index 0000000..7bc2152
Binary files /dev/null and b/src/assets/images/个人用户-切图/我的钱包-弹窗/输入框.png differ
diff --git a/src/assets/images/个人用户-切图/消费商城/t2.png b/src/assets/images/个人用户-切图/消费商城/t2.png
new file mode 100644
index 0000000..341261f
Binary files /dev/null and b/src/assets/images/个人用户-切图/消费商城/t2.png differ
diff --git a/src/assets/images/个人用户-切图/消费商城/t3.png b/src/assets/images/个人用户-切图/消费商城/t3.png
new file mode 100644
index 0000000..0eb311e
Binary files /dev/null and b/src/assets/images/个人用户-切图/消费商城/t3.png differ
diff --git a/src/assets/images/个人用户-切图/消费商城/t4.png b/src/assets/images/个人用户-切图/消费商城/t4.png
new file mode 100644
index 0000000..48aea79
Binary files /dev/null and b/src/assets/images/个人用户-切图/消费商城/t4.png differ
diff --git a/src/assets/images/个人用户-切图/消费商城/消费红包.png b/src/assets/images/个人用户-切图/消费商城/消费红包.png
new file mode 100644
index 0000000..56fb484
Binary files /dev/null and b/src/assets/images/个人用户-切图/消费商城/消费红包.png differ
diff --git a/src/assets/images/个人用户-切图/消费商城/购买商品.png b/src/assets/images/个人用户-切图/消费商城/购买商品.png
new file mode 100644
index 0000000..64207c6
Binary files /dev/null and b/src/assets/images/个人用户-切图/消费商城/购买商品.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/X.png b/src/assets/images/个人用户-切图/购买商品-弹窗/X.png
new file mode 100644
index 0000000..7f5d040
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/X.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/上.png b/src/assets/images/个人用户-切图/购买商品-弹窗/上.png
new file mode 100644
index 0000000..8d2eaad
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/上.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/下.png b/src/assets/images/个人用户-切图/购买商品-弹窗/下.png
new file mode 100644
index 0000000..f5b566a
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/下.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/取消.png b/src/assets/images/个人用户-切图/购买商品-弹窗/取消.png
new file mode 100644
index 0000000..df1080d
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/取消.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗标题1.png b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗标题1.png
new file mode 100644
index 0000000..a2e0540
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗标题1.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗标题2.png b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗标题2.png
new file mode 100644
index 0000000..2a2f5d3
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗标题2.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗背景1.png b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗背景1.png
new file mode 100644
index 0000000..f0c7eb7
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗背景1.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗背景2.png b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗背景2.png
new file mode 100644
index 0000000..04d11cb
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/弹窗背景2.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/未选.png b/src/assets/images/个人用户-切图/购买商品-弹窗/未选.png
new file mode 100644
index 0000000..cc12d86
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/未选.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/确定.png b/src/assets/images/个人用户-切图/购买商品-弹窗/确定.png
new file mode 100644
index 0000000..423aaef
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/确定.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/购买数量.png b/src/assets/images/个人用户-切图/购买商品-弹窗/购买数量.png
new file mode 100644
index 0000000..7122a11
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/购买数量.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/输入框1.png b/src/assets/images/个人用户-切图/购买商品-弹窗/输入框1.png
new file mode 100644
index 0000000..4745403
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/输入框1.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/选中.png b/src/assets/images/个人用户-切图/购买商品-弹窗/选中.png
new file mode 100644
index 0000000..92d5ef6
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/选中.png differ
diff --git a/src/assets/images/个人用户-切图/购买商品-弹窗/选择使用金额.png b/src/assets/images/个人用户-切图/购买商品-弹窗/选择使用金额.png
new file mode 100644
index 0000000..f10590f
Binary files /dev/null and b/src/assets/images/个人用户-切图/购买商品-弹窗/选择使用金额.png differ
diff --git a/src/assets/images/个人用户-切图/领取红包-弹窗/X.png b/src/assets/images/个人用户-切图/领取红包-弹窗/X.png
new file mode 100644
index 0000000..7f5d040
Binary files /dev/null and b/src/assets/images/个人用户-切图/领取红包-弹窗/X.png differ
diff --git a/src/assets/images/个人用户-切图/领取红包-弹窗/取消.png b/src/assets/images/个人用户-切图/领取红包-弹窗/取消.png
new file mode 100644
index 0000000..df1080d
Binary files /dev/null and b/src/assets/images/个人用户-切图/领取红包-弹窗/取消.png differ
diff --git a/src/assets/images/个人用户-切图/领取红包-弹窗/弹窗标题.png b/src/assets/images/个人用户-切图/领取红包-弹窗/弹窗标题.png
new file mode 100644
index 0000000..a2e0540
Binary files /dev/null and b/src/assets/images/个人用户-切图/领取红包-弹窗/弹窗标题.png differ
diff --git a/src/assets/images/个人用户-切图/领取红包-弹窗/弹窗背景.png b/src/assets/images/个人用户-切图/领取红包-弹窗/弹窗背景.png
new file mode 100644
index 0000000..ba36126
Binary files /dev/null and b/src/assets/images/个人用户-切图/领取红包-弹窗/弹窗背景.png differ
diff --git a/src/assets/images/个人用户-切图/领取红包-弹窗/确定.png b/src/assets/images/个人用户-切图/领取红包-弹窗/确定.png
new file mode 100644
index 0000000..d035d75
Binary files /dev/null and b/src/assets/images/个人用户-切图/领取红包-弹窗/确定.png differ
diff --git a/src/assets/images/个人用户-切图/领取红包-弹窗/输入框.png b/src/assets/images/个人用户-切图/领取红包-弹窗/输入框.png
new file mode 100644
index 0000000..7bc2152
Binary files /dev/null and b/src/assets/images/个人用户-切图/领取红包-弹窗/输入框.png differ
diff --git a/src/assets/images/个人用户-切图/领取红包-弹窗/领取金额.png b/src/assets/images/个人用户-切图/领取红包-弹窗/领取金额.png
new file mode 100644
index 0000000..d2a492f
Binary files /dev/null and b/src/assets/images/个人用户-切图/领取红包-弹窗/领取金额.png differ
diff --git a/src/assets/images/企业用户-切图/智能合约演练/售卖机（已打开）.png b/src/assets/images/售卖机（已打开）.png
similarity index 100%
rename from src/assets/images/企业用户-切图/智能合约演练/售卖机（已打开）.png
rename to src/assets/images/售卖机（已打开）.png
diff --git a/src/assets/images/企业用户-切图/智能合约演练/图示.png b/src/assets/images/图示.png
similarity index 100%
rename from src/assets/images/企业用户-切图/智能合约演练/图示.png
rename to src/assets/images/图示.png
diff --git a/src/assets/images/弹窗背景.png b/src/assets/images/弹窗背景.png
deleted file mode 100644
index fe7ce08..0000000
Binary files a/src/assets/images/弹窗背景.png and /dev/null differ
diff --git a/src/assets/images/微信图片_20230928130948.png b/src/assets/images/微信图片_20230928130948.png
new file mode 100644
index 0000000..4cf6d4d
Binary files /dev/null and b/src/assets/images/微信图片_20230928130948.png differ
diff --git a/src/assets/images/数字货币登记中心-切图.zip b/src/assets/images/数字货币登记中心-切图.zip
new file mode 100644
index 0000000..39593ad
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图.zip differ
diff --git a/src/assets/images/数字货币登记中心-切图/01-1.png b/src/assets/images/数字货币登记中心-切图/01-1.png
new file mode 100644
index 0000000..e5a3e1d
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/01-1.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/01-2.png b/src/assets/images/数字货币登记中心-切图/01-2.png
new file mode 100644
index 0000000..df27897
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/01-2.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/02-1.png b/src/assets/images/数字货币登记中心-切图/02-1.png
new file mode 100644
index 0000000..61890e0
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/02-1.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/02-2.png b/src/assets/images/数字货币登记中心-切图/02-2.png
new file mode 100644
index 0000000..8d27110
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/02-2.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/03-1.png b/src/assets/images/数字货币登记中心-切图/03-1.png
new file mode 100644
index 0000000..ee1d201
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/03-1.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/03-2.png b/src/assets/images/数字货币登记中心-切图/03-2.png
new file mode 100644
index 0000000..b07a729
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/03-2.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/04-1.png b/src/assets/images/数字货币登记中心-切图/04-1.png
new file mode 100644
index 0000000..f87ed3b
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/04-1.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/04-2.png b/src/assets/images/数字货币登记中心-切图/04-2.png
new file mode 100644
index 0000000..5566c65
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/04-2.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/05-1.png b/src/assets/images/数字货币登记中心-切图/05-1.png
new file mode 100644
index 0000000..5c5aba2
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/05-1.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/05-2.png b/src/assets/images/数字货币登记中心-切图/05-2.png
new file mode 100644
index 0000000..1e36f5f
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/05-2.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/icon导航.png b/src/assets/images/数字货币登记中心-切图/icon导航.png
new file mode 100644
index 0000000..9688d5c
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/icon导航.png differ
diff --git a/src/assets/images/数字货币登记中心-切图/搜索.png b/src/assets/images/数字货币登记中心-切图/搜索.png
new file mode 100644
index 0000000..10c1832
Binary files /dev/null and b/src/assets/images/数字货币登记中心-切图/搜索.png differ
diff --git a/src/assets/images/数字货币认证中心-切图.zip b/src/assets/images/数字货币认证中心-切图.zip
new file mode 100644
index 0000000..21d5d55
Binary files /dev/null and b/src/assets/images/数字货币认证中心-切图.zip differ
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 96d21bf..0421d46 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -99,19 +99,7 @@
 
     --el-table-row-hover-bg-color: transparent !important;
 }  
-// .el-dialog{
-//   background: url('../images/弹窗（验证+解密）.png') no-repeat  !important ;
-//   background-size:100% 100% !important;
-//   .el-dialog__header{
-//     padding: 0px;
-//     display: flex;
-   
-//     .el-dialog__title{
-//       width: 100%;
-//       text-align: center;
-//     }
-//   }
-// }
+
 .el-table td.el-table__cell {
   border-bottom: none !important;
 }
@@ -128,4 +116,38 @@
 }
 .el-table__inner-wrapper::before{
   background-color: transparent !important;
+}
+.painput{
+  .el-input__inner{
+    padding: 0px 50px 0px 10px !important;
+    color: #ffffff;
+    &::placeholder{
+      color: #ffffff !important;
+    }
+  }
+}
+.el-input__inner{
+  color: #ffffff;
+  &::placeholder{
+    color: #ffffff !important;
+  }
+}
+.el-dialog{
+  .el-dialog__body{
+      .el-form{
+        .el-input__inner{
+              color: #ffffff;
+            }
+          .text-input{
+            
+          .el-input__wrapper{
+            
+              height: 41px;
+              background:url('../../assets/images/企业用户-切图/钱包管理-弹窗/输入框.png') no-repeat !important;
+              background-size: 100% 100% !important;
+              box-shadow: none !important;
+          }
+          }
+      }
+  }
 }
\ No newline at end of file
diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss
index dce2c0e..93c9731 100644
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -158,7 +158,26 @@
 	background-color: transparent !important;
 	border: 1px solid #FFFFFF;
 }
-
+.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev{
+	padding: 13px 32px !important;
+	color: #fff !important;
+	background-color: transparent !important;
+	border: 1px solid #EEEEEE;
+border-radius: 5px;
+font-size: 12px;
+}
+.el-pagination.is-background .el-pager li.is-active{
+	background-color: #FFFFFF !important;
+	border: 1px solid transparent;
+	border-radius: 5px;
+    color: #266AA2 !important;
+}
+.el-pagination.is-background .el-pager li{
+	background-color: transparent !important;
+	border: 1px solid #EEEEEE;
+	border-radius: 5px;
+	color: #FFFFFF;
+}
 .el-table .fixed-width .el-button--small {
 	padding-left: 0;
 	padding-right: 0;
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index fbf9d83..0e194a3 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -10,13 +10,22 @@
       :total="total"
       @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-    />
+      prev-text="上一页"
+      next-text="下一页"
+    >
+   
+    </el-pagination>
   </div>
 </template>
 
 <script setup>
 import { scrollTo } from '@/utils/scroll-to'
+onMounted(() => {
+ console.log( document.getElementsByClassName(
+      "el-pagination__classifier"
+    )[0].innerHTML='GO' );
 
+})
 const props = defineProps({
   total: {
     required: true,
@@ -43,7 +52,7 @@ const props = defineProps({
   },
   layout: {
     type: String,
-    default: 'total, sizes, prev, pager, next, jumper'
+    default: 'prev, pager, next, jumper'
   },
   background: {
     type: Boolean,
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index af18d6b..3471370 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -25,7 +25,7 @@ const tagsViewStore = useTagsViewStore()
   width: 100%;
   position: relative;
   overflow: hidden;
-  padding: 20px;
+  // padding: 20px;
   overflow-y: hidden;
 }
 
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 060ebf1..52477dd 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="navbar">
-    <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <!-- <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
     <!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav" /> -->
     <top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
 
@@ -22,12 +22,12 @@
           </div>
           <template #dropdown>
             <el-dropdown-menu>
-              <router-link to="/user/profile">
+              <!-- <router-link to="/user/profile">
                 <el-dropdown-item>个人中心</el-dropdown-item>
               </router-link>
               <el-dropdown-item command="setLayout">
                 <span>布局设置</span>
-              </el-dropdown-item>
+              </el-dropdown-item> -->
               <el-dropdown-item divided command="logout">
                 <span>退出登录</span>
               </el-dropdown-item>
@@ -73,7 +73,6 @@ function handleCommand(command) {
       break;
   }
 }
-
 function logout() {
   ElMessageBox.confirm("确定注销并退出系统吗？", "提示", {
     confirmButtonText: "确定",
@@ -81,7 +80,7 @@ function logout() {
     type: "warning",
   })
     .then(() => {
-      userStore.logOut().then(() => {
+      userStore.fedLogOut().then(() => {
         location.href = "/index";
       });
     })
diff --git a/src/permission.js b/src/permission.js
index f67375e..739b202 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -15,47 +15,25 @@ const whiteList = ['/login', '/register'];
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
-  // if (getToken()) {
-  //   to.meta.title && useSettingsStore().setTitle(to.meta.title)
-  //   /* has token*/
-  //   if (to.path === '/login') {
-  //     next({ path: '/' })
-  //     NProgress.done()
-  //   } else {
-  //     if (useUserStore().roles.length === 0) {
-  //       isRelogin.show = true
-  //       // 判断当前用户是否已拉取完user_info信息
-  //       useUserStore().getInfo().then(() => {
-  //         isRelogin.show = false
-  //         usePermissionStore().generateRoutes().then(accessRoutes => {
-  //           // 根据roles权限生成可访问的路由表
-  //           accessRoutes.forEach(route => {
-  //             if (!isHttp(route.path)) {
-  //               router.addRoute(route) // 动态添加可访问路由表
-  //             }
-  //           })
-  //           next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
-  //         })
-  //       }).catch(err => {
-  //         useUserStore().logOut().then(() => {
-  //           ElMessage.error(err)
-  //           next({ path: '/' })
-  //         })
-  //       })
-  //     } else {
-  //       next()
-  //     }
-  //   }
-  // } else {
-  //   // 没有token
-  //   if (whiteList.indexOf(to.path) !== -1) {
-  //     // 在免登录白名单，直接进入
-  //     next()
-  //   } else {
-  //     next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
-  //     NProgress.done()
-  //   }
-  // }
+  if (getToken()) {
+    to.meta.title && useSettingsStore().setTitle(to.meta.title)
+    /* has token*/
+    if (to.path === '/login') {
+      next({ path: '/' })
+      NProgress.done()
+    } else {
+      next()
+    }
+  } else {
+    // 没有token
+    if (whiteList.indexOf(to.path) !== -1) {
+      // 在免登录白名单，直接进入
+      next()
+    } else {
+      next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
+      NProgress.done()
+    }
+  }
   next()
 })
 
diff --git a/src/router/index.js b/src/router/index.js
index 7e82769..3d57f05 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -114,30 +114,15 @@ export const dynamicRoutes = [
         name: 'bank',
         meta: { title: '中央银行', icon: 'bank' }
       },
-      // 信息验证
-      {
-        path: 'information-verification',
-        hidden: true,
-        component: () => import('@/views/central-bank/information/central.vue'),
-        name: 'information-verification',
-        meta: { title: '信息验证' ,activeMenu: '/central/bank' }
-      },
-      // 数字货币申请
+      //数字货币投放系统
       {
         path: 'digital-currency',
         hidden: true,
-        component: () => import('@/views/central-bank/currency/currency.vue'),
+        component: () => import('@/views/central-bank/digital-currency-deployment-homepage/index.vue'),
         name: 'digital-currency',
-        meta: { title: '数字货币申请',activeMenu: '/central/bank'  }
-      },
-      //数字货币投放
-      {
-        path: 'digital-currency-put',
-        hidden: true,
-        component: () => import('@/views/central-bank/digital-currency/currency-put.vue'),
-        name: 'digital-currency-put',
-        meta: { title: '数字货币投放',activeMenu: '/central/bank' }
+        meta: { title: '数字货币投放系统',activeMenu: '/central/bank' }
       },
+     
       //数字货币额度控制系统
       {
         path: 'digital-currency-control',
@@ -170,6 +155,21 @@ export const dynamicRoutes = [
         name: 'digital-currency-generation',
         meta: { title: '数字货币生成',activeMenu: '/central/bank' }
       },
+      // 数字货币登记中心路由
+      {
+        path: 'digital-currency-registration',
+        hidden: true,
+        component: () => import('@/views/registration/index.vue'),
+        name: 'digital-currency-registration',
+        meta: { title: '货币登记',activeMenu: '/central/bank' }
+      },
+      {
+        path: 'digital-authentication',
+        hidden: true,
+        name: 'DigitalAuthentication',
+        component: () => import('@/views/digital-authentication/index.vue')
+      }
+
     ]
   },
   // 商业银行
@@ -225,6 +225,7 @@ export const dynamicRoutes = [
       // 企业用户注册
     ]
   },
+  // 学习成绩路由
   //个人用户
   {
     path: '/personal',
@@ -233,7 +234,7 @@ export const dynamicRoutes = [
     children: [
       {
         path: 'user',
-        component: () => import('@/views/personal-user/index.vue'),
+        component: () => import('@/views/individual/index.vue'),
         name: 'user',
         meta: { title: '个人用户', icon: 'personage' }
       },
@@ -241,7 +242,21 @@ export const dynamicRoutes = [
   },
   
   
-  
+  {
+    path: '/study',
+    hidden: false,
+    component: Layout,
+    name: 'Study',
+    children: [
+      {
+        path: 'score',
+        component: () => import('@/views/study/index.vue'),
+        name: 'score',
+        meta: { title: '学习成绩', icon: 'study' }
+      },
+      // 企业用户注册
+    ]
+  },
   
   
   
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
index 26a6f11..6c20188 100644
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -5,7 +5,7 @@ const useAppStore = defineStore(
   {
     state: () => ({
       sidebar: {
-        opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
+        opened: true,
         withoutAnimation: false,
         hide: false
       },
@@ -15,7 +15,7 @@ const useAppStore = defineStore(
     actions: {
       toggleSideBar(withoutAnimation) {
         if (this.sidebar.hide) {
-          return false;
+          return true;
         }
         this.sidebar.opened = true
         this.sidebar.withoutAnimation = withoutAnimation
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 7c2e6e8..4fa6cd6 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -17,15 +17,15 @@ const useUserStore = defineStore(
       login(userInfo) {
         const username = userInfo.username.trim()
         const password = userInfo.password
-        const code = userInfo.code
-        const uuid = userInfo.uuid
+        const TOKEN = userInfo.token
         return new Promise((resolve, reject) => {
-          login(username, password, code, uuid).then(res => {
-            setToken(res.token)
-            this.token = res.token
+          login(username, password, TOKEN).then(res => {
+          
+            setToken(res.data.accessToken)
+            this.token = res.data.accessToken
             resolve()
           }).catch(error => {
-            reject(error)
+            reject(error,"2131223123")
           })
         })
       },
@@ -63,7 +63,17 @@ const useUserStore = defineStore(
             reject(error)
           })
         })
-      }
+      },
+      // 不使用接口直接退出系统
+      fedLogOut() {
+        return new Promise(resolve => {
+          this.token = ''
+          this.roles = []
+          this.permissions = []
+          removeToken()
+          resolve()
+        })
+      },
     }
   })
 
diff --git a/src/utils/index.js b/src/utils/index.js
index 6ff06db..28044a5 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -1,5 +1,12 @@
 import { parseTime } from './ruoyi'
+export function truncate(value) {
 
+  if (value && value.length > 20) {
+    return value.substring(0, 10) + '...'
+  } else {
+    return value
+  }
+}
 export function getAssetsFile(url){
   return new URL(`../assets/images/${url}`, import.meta.url).href;
 }
diff --git a/src/utils/jsencrypt.js b/src/utils/jsencrypt.js
index 9f3a280..9c1825c 100644
--- a/src/utils/jsencrypt.js
+++ b/src/utils/jsencrypt.js
@@ -2,8 +2,7 @@ import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
 
 // 密钥对生成 http://web.chacuo.net/netrsakeypair
 
-const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' +
-  'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='
+const publicKey = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCRehqqa1eLnTL3BSRq3zmB+Yw7nLAMAZ0G+FpoGP0eFLc0JVC2P2sfkCJJjH2cOmoLcUFjHfDcHzMNyl4wmNTMeXhpvK3v2ha1ufZnGmoMd9d4+1R/t/pZdxXXzkQMN2012X/KIojluEJmrIXLUM0zjOTABSMlTY6TPfSrmuXyGwIDAQAB'
 
 const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' +
   '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' +
@@ -27,4 +26,3 @@ export function decrypt(txt) {
   encryptor.setPrivateKey(privateKey) // 设置私钥
   return encryptor.decrypt(txt) // 对数据进行解密
 }
-
diff --git a/src/utils/request.js b/src/utils/request.js
index 054d452..d160833 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -15,21 +15,20 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 // 创建axios实例
 const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
-  // baseURL: import.meta.env.VITE_APP_BASE_API,
-  baseURL: 'http://192.168.2.15:8800/',
+  baseURL: import.meta.env.VITE_APP_BASE_API,
+  // baseURL: 'http://192.168.2.17:8800/',
   // 超时
   timeout: 10000
 })
-
 // request拦截器
 service.interceptors.request.use(config => {
   // 是否需要设置 token
-  // const isToken = (config.headers || {}).isToken === false
+  const isToken = (config.headers || {}).isToken === false
   // 是否需要防止数据重复提交
   const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
-  // if (getToken() && !isToken) {
-    // config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
-  // }
+  if (getToken() && !isToken) {
+    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+  }
   // get请求映射params参数
   if (config.method === 'get' && config.params) {
     let url = config.url + '?' + tansParams(config.params);
@@ -77,16 +76,17 @@ service.interceptors.response.use(res => {
       return res.data
     }
     if (code === 401) {
+      console.log('登录状态已过期，您可以继续留在该页面，或者重新登录');
       if (!isRelogin.show) {
         isRelogin.show = true;
-        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
-          isRelogin.show = false;
-          useUserStore().logOut().then(() => {
-            location.href = '/index';
+        // ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
+        //   isRelogin.show = false;
+          useUserStore().fedLogOut().then(() => {
+            location.href = '/login';
           })
-      }).catch(() => {
-        isRelogin.show = false;
-      });
+      // }).catch(() => {
+      //   isRelogin.show = false;
+      // });
     }
       return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
     } else if (code === 500) {
@@ -103,20 +103,23 @@ service.interceptors.response.use(res => {
     }
   },
   error => {
-    console.log('err' + error)
+    console.log( error.response.status)
     let { message } = error;
-    if (message == "Network Error") {
+    if (error.response.status === 401) {
+      useUserStore().fedLogOut().then(() => {
+        location.href = '/login';
+      })
+    }else if (message == "Network Error") {
       message = "后端接口连接异常";
     } else if (message.includes("timeout")) {
       message = "系统接口请求超时";
     } else if (message.includes("Request failed with status code")) {
       message = "系统接口" + message.substr(message.length - 3) + "异常";
-    }
+    }else
     ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
     return Promise.reject(error)
   }
 )
-
 // 通用下载方法
 export function download(url, params, filename, config) {
   downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
diff --git a/src/views/business-bank/bankHome/index.vue b/src/views/business-bank/bankHome/index.vue
new file mode 100644
index 0000000..16e6a26
--- /dev/null
+++ b/src/views/business-bank/bankHome/index.vue
@@ -0,0 +1,462 @@
+<script setup>
+import * as commercialbank from '@/api/commercialbank.js'
+import {truncate} from '@/utils/index.js'
+// import check from '@/components/check'
+// 引入路由进行跳转
+import { useRouter } from 'vue-router';
+const router = useRouter();
+// 验证
+const dialogVisible = ref(false);
+// 解密
+const decodeVisible = ref(false);
+
+const  go = (idx) => {
+    console.log(idx);
+    if(idx == 1){
+        router.push('/business/home')
+    }else if(idx == 2){
+        router.push('/business/exchange')
+    }else if(idx == 3){
+        router.push('/business/personal')
+    }else if(idx == 4){
+        router.push('/business/public')
+    }
+}
+// 资产总额数据存储
+const totalAssets=ref(null)
+// 资产总览请求
+const getOverview = () => {
+  commercialbank.getAssetTotal({userId:1}).then((res)=>{
+    totalAssets.value=res.data
+  })
+}
+// 企业用户资产总览数据存储
+const tableData=ref(null)
+// 企业用户资产总览
+const fetchUserData=()=>{
+  commercialbank.getAssetTotalByUserId({userId:1}).then((res)=>{
+    tableData.value=res.data
+  })
+}
+// 个人用户资产总览数据存储
+const tableData2=ref(null)
+// 个人用户资产总览
+const getuserOverview=()=>{
+  commercialbank.getAssetTotalByUserId2({userId:1,userName:'小天'}).then((res)=>{
+    tableData2.value=res.data
+  })
+}
+// 查看数字货币清单params
+const checkParams=reactive({
+  cryptocurrencyWalletAddress:'',
+  size:10,
+  index:1
+})
+// 查看数字货币清单
+const check = (val) => {
+  checkParams.cryptocurrencyWalletAddress=val
+  dialogVisible.value = true
+  commercialbank.getBankIndex(checkParams).then((res)=>{
+    // checkTotal.value=res.data.total
+    // checkData.value=res.data.list
+  })
+}
+fetchUserData()
+getOverview()
+getuserOverview()
+</script>
+<template>
+  <div class="app-central">
+ 
+    <div class="central-ban-information">
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/13.png" alt="" />
+          <span>资产总额</span>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1">
+        <el-table
+          :data="totalAssets"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="bankName" label="银行名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="rmbAccount" label="人民币账户" >
+          </el-table-column>
+          <el-table-column align="center" prop="totalRmbAssets" label="人民币资产总额" >
+          </el-table-column>
+          <el-table-column align="center" prop="rmbOwnFundsBalance" label="人民币自有资余额" >
+          </el-table-column>
+          <el-table-column align="center" prop="reserveBalance" label="准备金金额">
+          </el-table-column>
+          <el-table-column align="center" prop="personalDepositsTotal" label="个人存款总额">
+          </el-table-column>
+          <el-table-column align="center" prop="businessDepositsTotal" label="企业存款总额">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyRmbBalance" label="数字人民币账户余额"  width="200">
+          </el-table-column>
+          <el-table-column align="center" prop="walletAddress" label="钱包地址" width="280">
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥">
+            <template #default="scope">
+              <el-popover
+               placement="top-start"
+            title="公钥"
+            :width="400"
+            trigger="hover"
+            :content="scope.row. publicKey"
+          >
+          <template #reference>
+            <span >{{ truncate(scope.row.privateKey)}}</span>
+         </template>
+          </el-popover> 
+
+            </template>
+          </el-table-column>
+          <el-table-column align="center"  label="私钥">
+            <template #default="scope">
+              <el-popover
+               placement="top-start"
+            title="私钥"
+            :width="400"
+            trigger="hover"
+            :content="scope.row. privateKey"
+          >
+          <template #reference>
+            <span >{{ truncate(scope.row.privateKey)}}</span>
+          </template>
+         </el-popover>
+        
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="操作" >
+            <template #default="scope">
+              
+                <el-button link  type="warning" @click="check(scope.row.walletAddress)">
+                    <svg-icon icon-class="check"/>查看
+                </el-button>
+               
+              </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/14.png" alt="" />
+          <span>企业用户资产总览</span>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="enterpriseUserName" label="企业用户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="rmbAccountBalance" label="人民币账户余额" >
+          </el-table-column>
+          <el-table-column align="center" prop="bankName" label="人民币账户开行" >
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyBalance" label="数字人民币余额" >
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyRedPacketBalance" label="消费红包余额">
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="数字货币开户行">
+          </el-table-column>
+          <el-table-column align="center" prop="taxIdentificationNumber" label="纳税识别号">
+          </el-table-column>
+          <el-table-column align="center" prop="registeredAddress" label="公司地址">
+          </el-table-column>
+          <el-table-column align="center" prop="legalRepresentative" label="企业法人">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyWalletAddress" label="钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥">
+          </el-table-column>
+          <el-table-column align="center" prop="privateKey" label="私钥">
+          </el-table-column>
+         
+          <el-table-column align="center" prop="address" label="数字货币清单" >
+            <template #default="scope">
+              
+           
+                <el-button link  type="warning"  @click="check(scope.row.cryptocurrencyWalletAddress)">
+                    <svg-icon icon-class="check"/>查看
+                </el-button>
+              </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/15.png" alt="" />
+          <span>个人用户资产总览</span>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1">
+        <el-table
+          :data="tableData2"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="username" label="个人用户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="rmbBalance" label="人民币账户余额 " >
+          </el-table-column>
+          <el-table-column align="center" prop="bankName" label="人民币账户开行" >
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyBalance" label="数字人民币余额" >
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyRedPacketBalance" label="消费红包余额">
+          </el-table-column>
+          <el-table-column align="center" prop="walletLevel" label="钱包等级">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyBank" label="数字货币开户行">
+          </el-table-column>
+          <el-table-column align="center" prop="phoneNumber" label="手机号">
+          </el-table-column>
+          <el-table-column align="center" prop="idCardNumber" label="身份证号">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyWalletAddress" label="钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="私钥">
+          </el-table-column>
+          <el-table-column align="center" prop="privateKey" label="数字货币清单" >
+            <template #default="scope">
+                <el-button link  type="warning" @click="check(scope.row.cryptocurrencyWalletAddress)">
+                    <svg-icon icon-class="check"/>查看
+                </el-button>
+              </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+            <!-- 查看数字货币 -->
+   <el-dialog
+    v-model="dialogVisible"
+    title="查看数字货币"
+    width="56%"
+    >
+           <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe >
+          <el-table-column align="center" prop="date" label="数字货币名（冠字号）" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="属主钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="数字货币面额" >
+          </el-table-column>
+        </el-table>
+        <pagination
+               :total="20"
+            />
+  </el-dialog>
+  <!-- 生成数字货币 -->
+  <el-dialog
+    v-model="decodeVisible"
+    title="生成数字货币"
+    width="34%"
+  >
+  <el-form  class="demo-form-inline">
+    <el-form-item label="额度控制位：">
+      <el-input  clearable />
+    </el-form-item>
+    <el-form-item label="署 主 信 息 ：">
+      <el-input  clearable />
+    </el-form-item>
+    <el-form-item label="央 行 私 钥 ：">
+      <el-input  clearable />
+    </el-form-item>
+  </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+       
+        <el-button type="primary" @click="decodeVisible = false">数字签名 生成数字货币</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</div>
+</template>
+<style lang="scss" scoped>
+.app-central {
+  // background-color: #fff;
+  color: #ffffff;
+  .central-bank-title {
+    margin-bottom: 20px;
+    div {
+      display: inline-block;
+      width: 224px;
+      height: 72px;
+      color: #ffffff;
+      background: url("../../assets/images/商业银行-切图/导航1-1.png") no-repeat;
+      background-size: cover;
+    //   margin-right: 25px;
+      text-align: center;
+      line-height: 72px;
+      font-size: 14px;
+      cursor: pointer;
+      user-select: none;
+      span{
+        display: inline-block;
+        width: 100%;
+
+      }
+      // 点击效果
+      &:hover{
+            transform: scale(1.01);
+            transition: transform 0.3s, opacity 0.3s; 
+        }
+    }
+    div:nth-child(2) {
+    background: url("../../assets/images/商业银行-切图/导航2-2.png") no-repeat;
+    span{
+        padding-left: 25px;
+    }
+    }
+    div:nth-child(3) {
+      background: url("../../assets/images/商业银行-切图/导航3-1.png") no-repeat;
+    }
+    div:nth-child(4) {
+      background: url("../../assets/images/商业银行-切图/导航4-1.png") no-repeat;
+    }
+  }
+  .central-ban-information {
+  
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    .el-tab {
+      padding: 0 13px;
+    }
+    .el-tab1 {
+      border: 1px solid #1854a6;
+      padding: 6px;
+      --el-table-row-hover-bg-color: transparent;
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #08CDD9!important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+      
+    }
+  }
+}
+.svg-icon{
+    margin-right: 6px;
+}
+:deep(.el-dialog){
+    background: url('../../assets/images/dialogimg.png') no-repeat  !important ;
+  background-size:100% 100% !important;
+  .el-dialog__header{
+    padding: 0px;
+    display: flex;
+    justify-content: center;
+ 
+    .el-dialog__headerbtn{
+      .el-dialog__close{
+      // background-color: pink !important;
+      // 插入照片上去
+      background: url('../../assets/images/x.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+      width: 28px;
+      height: 28px;
+      margin-right: 15px;
+      cursor: pointer;
+     }
+     }
+    .el-dialog__title{
+      margin-top: -20px;
+      text-align: center;
+      width: 216px;
+      height: 59px;
+      line-height: 59px;
+      background: url('../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗标题.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+      color: #ffffff;
+     
+    
+    }
+  }
+  .el-dialog__body{
+    padding: 30px 60px;
+   .el-table .el-table__header-wrapper th {
+        background-color: #13B7DA !important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+      .el-table td.el-table__cell {
+        border-bottom: none;
+      }
+      .el-table tr {
+        background-color: #133364 !important;
+        color: #ffffff;
+      }
+      .el-table tr.el-table__row--striped td.el-table__cell {
+        background-color: #1E3F7E !important;
+        color: #ffffff;
+      }
+      .el-table th.el-table__cell.is-leaf{
+        border-bottom: none !important;
+      }
+      .el-table__inner-wrapper::before{
+        background-color: transparent !important;
+      }
+    .df{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      color: #ffffff;
+     
+    }
+    .el-form {
+      .el-form-item__label{
+        color: #ffffff;
+        height: 46px;
+       line-height: 46px;
+      }
+      .el-input__wrapper{
+        background-color: transparent;
+        box-shadow: none;
+        caret-color: #ffffff;
+      }
+      .el-input{
+     height: 46px;
+        background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/输入框.png') no-repeat  !important ;
+       background-size:100% 100% !important;
+      }
+    }
+  }
+  .el-dialog__footer{
+    text-align: center;
+    padding-bottom: 30px;
+    .dialog-footer{
+        
+      .el-button{
+        // width: 244px;
+        padding: 0 107px;
+        height: 38px;
+        border: 2px solid #25F4F9;
+        background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+        box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+        border-radius: 8px;
+  //       background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/确定.png') no-repeat  !important ;
+  // background-size:100% 100% !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/business-bank/convertibility/convertibility.vue b/src/views/business-bank/convertibility/convertibility.vue
index d0d518f..530a354 100644
--- a/src/views/business-bank/convertibility/convertibility.vue
+++ b/src/views/business-bank/convertibility/convertibility.vue
@@ -63,16 +63,11 @@ const  go = (idx) => {
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)"><span>银行首页</span></div>
-      <div @click.native="go(2)"><span>兑换数字人民币</span></div>
-      <div @click.native="go(3)"><span>个人业务</span></div>
-      <div @click.native="go(4)"><span>对公业务</span></div>
-    </div>
+    
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/16.png" alt="" />
           <span>兑换数字人民币</span>
         </el-col>
       </el-row>
@@ -148,29 +143,24 @@ const  go = (idx) => {
   >
   <el-form  class="demo-form-inline"  label-width="140px">
     <el-form-item label="充 值 银 行 用 户：">
-        <el-select  style="width: 100%;" class="m-2" placeholder="请选择" size="large">
-    <el-option
-      v-for="item in 10"
-      :key="item.value"
-      :label="item.label"
-      :value="item.value"
-    />
+        <el-select class="text-input" style="width: 100%;"  placeholder="请选择" size="large">
+    
   </el-select>
     </el-form-item>
     <el-form-item label="人 民 币 账 户： ">
       <!-- <el-input  clearable /> -->
-      <span>87687</span>
+      <span></span>
     </el-form-item>
     <el-form-item label="充 值 钱包地址：">
       <!-- <el-input  clearable /> -->
-        <span>87687</span>
+        <span></span>
     </el-form-item>
     <el-form-item label="自有资金账户余额：">
       <!-- <el-input  clearable /> -->
-        <span>87687</span>
+        <span></span>
     </el-form-item>
     <el-form-item label="兑 换 充 值 金 额：">
-      <el-input  clearable />
+      <el-input class="text-input" clearable />
 
     </el-form-item>
   </el-form>
@@ -189,32 +179,32 @@ const  go = (idx) => {
   >
   <el-form  class="demo-form-inline" label-width="140px">
     <el-form-item label="兑换人发起人名称：">
-        <span>87687</span>
+        <span></span>
    
     </el-form-item>
     <el-form-item label="兑换发起钱包账户： ">
       <!-- <el-input  clearable /> -->
-      <span>87687</span>
+      <span></span>
     </el-form-item>
     <el-form-item label="兑 换 商 业 银 行 ：">
       <!-- <el-input  clearable /> -->
-        <span>87687</span>
+        <span></span>
     </el-form-item>
     <el-form-item label="兑 换 金 额：">
       <!-- <el-input  clearable /> -->
-        <span>87687</span>
+        <span></span>
     </el-form-item>
     <el-form-item label="人民币账户余额：">
       <!-- <el-input  clearable /> -->
-        <span>87687</span>
+        <span></span>
     </el-form-item>
     <el-form-item label="准备金缴存比例：">
       <!-- <el-input  clearable /> -->
-        <span>87687</span>
+        <span></span>
     </el-form-item>
    
     <el-form-item label="准备金缴存金额：">
-      <el-input  clearable />
+      <el-input class="text-input" clearable />
 
     </el-form-item>
   </el-form>
@@ -271,12 +261,7 @@ const  go = (idx) => {
     }
   }
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
+ 
     .el-col-24 {
       height: 69px;
       padding: 15px 13px;
@@ -341,7 +326,7 @@ const  go = (idx) => {
     margin-right: 6px;
 }
 :deep(.el-dialog){
-    background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
   background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
diff --git a/src/views/business-bank/index.vue b/src/views/business-bank/index.vue
index 8b4889a..5cdf9e4 100644
--- a/src/views/business-bank/index.vue
+++ b/src/views/business-bank/index.vue
@@ -1,54 +1,22 @@
 <script setup>
 import * as commercialbank from '@/api/commercialbank.js'
+import bankHome from './bankHome/index.vue'
+import convertibility from './convertibility/convertibility.vue'
+import personal from './personal/personal.vue'
+import serviceto from './serviceto/service.vue'
+import {truncate} from '@/utils/index.js'
 // import check from '@/components/check'
 // 引入路由进行跳转
 import { useRouter } from 'vue-router';
+// 控制企业银行切换页面
+const activeName = ref(1);
 const router = useRouter();
 // 验证
 const dialogVisible = ref(false);
 // 解密
 const decodeVisible = ref(false);
-// const tableData = reactive([
-//   {
-//     Coding:'xxxxxxxxxx',
-//     Amount:'123',
-//     Address:'xxxxxx',
-//     new:'xxxx',
-//     wallet:'xxxxx',
-//     date: "2016-05-02",
-//     name: "王小虎",
-//     address: "上海市",
-//   },
-//   {
-//     Coding:'xxxxxxxxxx',
-//     date: "2016-05-04",
-//     name: "王小虎",
-//     address: "上海市",
-//   },
-//   {
-//     Coding:'xxxxxxxxxx',
-//     date: "2016-05-01",
-//     name: "王小虎",
-//     address: "上海市",
-//   },
-//   {
-//     Coding:'xxxxxxxxxx',
-//     date: "2016-05-03",
-//     name: "王小虎",
-//     address: "上海市",
-//   },
-// ]);
 const  go = (idx) => {
-    console.log(idx);
-    if(idx == 1){
-        router.push('/business/home')
-    }else if(idx == 2){
-        router.push('/business/exchange')
-    }else if(idx == 3){
-        router.push('/business/personal')
-    }else if(idx == 4){
-        router.push('/business/public')
-    }
+  activeName.value=idx
 }
 // 资产总额数据存储
 const totalAssets=ref(null)
@@ -88,7 +56,6 @@ const check = (val) => {
     // checkTotal.value=res.data.total
     // checkData.value=res.data.list
   })
-
 }
 fetchUserData()
 getOverview()
@@ -103,196 +70,18 @@ getuserOverview()
       <div @click.native="go(4)"><span>对公业务</span></div>
     </div>
     <div class="central-ban-information">
-      <el-row>
-        <el-col :span="24">
-          <img src="../../assets/images/property.png" alt="" />
-          <span>资产总额</span>
-        </el-col>
-      </el-row>
-      <div class="el-tab el-tab1">
-        <el-table
-          :data="totalAssets"
-          style="width: 100%"
-          stripe
-        >
-          <el-table-column align="center" prop="bankName" label="银行名称" >
-          </el-table-column>
-          <el-table-column align="center" prop="rmbAccount" label="人民币账户" >
-          </el-table-column>
-          <el-table-column align="center" prop="totalRmbAssets" label="人民币资产总额" >
-          </el-table-column>
-          <el-table-column align="center" prop="rmbOwnFundsBalance" label="人民币自有资余额" >
-          </el-table-column>
-          <el-table-column align="center" prop="reserveBalance" label="准备金金额">
-          </el-table-column>
-          <el-table-column align="center" prop="personalDepositsTotal" label="个人存款总额">
-          </el-table-column>
-          <el-table-column align="center" prop="businessDepositsTotal" label="企业存款总额">
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyRmbBalance" label="数字人民币账户余额"  width="200">
-          </el-table-column>
-          <el-table-column align="center" prop="walletAddress" label="钱包地址">
-          </el-table-column>
-          <el-table-column align="center" prop="publicKey" label="公钥">
-          </el-table-column>
-          <el-table-column align="center" prop="privateKey" label="私钥">
-          </el-table-column>
-          <el-table-column align="center" prop="address" label="操作" >
-            <template #default="scope">
-              
-                <el-button link  type="warning" @click="check(scope.row.walletAddress)">
-                    <svg-icon icon-class="check"/>查看
-                </el-button>
-               
-              </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <el-row>
-        <el-col :span="24">
-          <img src="../../assets/images/bourgeoisie.png" alt="" />
-          <span>企业用户资产总览</span>
-        </el-col>
-      </el-row>
-      <div class="el-tab el-tab1">
-        <el-table
-          :data="tableData"
-          style="width: 100%"
-          stripe
-        >
-          <el-table-column align="center" prop="enterpriseUserName" label="企业用户名称" >
-          </el-table-column>
-          <el-table-column align="center" prop="rmbAccountBalance" label="人民币账户余额" >
-          </el-table-column>
-          <el-table-column align="center" prop="bankName" label="人民币账户开行" >
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyBalance" label="数字人民币余额" >
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyRedPacketBalance" label="消费红包余额">
-          </el-table-column>
-          <el-table-column align="center" prop="address" label="数字货币开户行">
-          </el-table-column>
-          <el-table-column align="center" prop="taxIdentificationNumber" label="纳税识别号">
-          </el-table-column>
-          <el-table-column align="center" prop="registeredAddress" label="公司地址">
-          </el-table-column>
-          <el-table-column align="center" prop="legalRepresentative" label="企业法人">
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyWalletAddress" label="钱包地址">
-          </el-table-column>
-          <el-table-column align="center" prop="publicKey" label="公钥">
-          </el-table-column>
-          <el-table-column align="center" prop="privateKey" label="私钥">
-          </el-table-column>
-         
-          <el-table-column align="center" prop="address" label="数字货币清单" >
-            <template #default="scope">
-              
-           
-                <el-button link  type="warning"  @click="check(scope.row.cryptocurrencyWalletAddress)">
-                    <svg-icon icon-class="check"/>查看
-                </el-button>
-              </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <el-row>
-        <el-col :span="24">
-          <img src="../../assets/images/individua.png" alt="" />
-          <span>个人用户资产总览</span>
-        </el-col>
-      </el-row>
-      <div class="el-tab el-tab1">
-        <el-table
-          :data="tableData2"
-          style="width: 100%"
-          stripe
-        >
-          <el-table-column align="center" prop="username" label="个人用户名称" >
-          </el-table-column>
-          <el-table-column align="center" prop="rmbBalance" label="人民币账户余额 " >
-          </el-table-column>
-          <el-table-column align="center" prop="bankName" label="人民币账户开行" >
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyBalance" label="数字人民币余额" >
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyRedPacketBalance" label="消费红包余额">
-          </el-table-column>
-          <el-table-column align="center" prop="walletLevel" label="钱包等级">
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyBank" label="数字货币开户行">
-          </el-table-column>
-          <el-table-column align="center" prop="phoneNumber" label="手机号">
-          </el-table-column>
-          <el-table-column align="center" prop="idCardNumber" label="身份证号">
-          </el-table-column>
-          <el-table-column align="center" prop="cryptocurrencyWalletAddress" label="钱包地址">
-          </el-table-column>
-          <el-table-column align="center" prop="publicKey" label="公钥">
-          </el-table-column>
-          <el-table-column align="center" prop="name" label="私钥">
-          </el-table-column>
-          <el-table-column align="center" prop="privateKey" label="数字货币清单" >
-            <template #default="scope">
-                <el-button link  type="warning" @click="check(scope.row.cryptocurrencyWalletAddress)">
-                    <svg-icon icon-class="check"/>查看
-                </el-button>
-              </template>
-          </el-table-column>
-        </el-table>
-      </div>
+      <bankHome v-if="activeName==1"></bankHome>
+      <convertibility v-if="activeName==2"></convertibility>
+      <personal v-if="activeName==3"></personal>
+      <serviceto v-if="activeName==4"></serviceto>
     </div>
-            <!-- 查看数字货币 -->
-   <el-dialog
-    v-model="dialogVisible"
-    title="查看数字货币"
-    width="56%"
-    :before-close="handleClose">
-           <el-table
-          :data="tableData"
-          style="width: 100%"
-          stripe >
-          <el-table-column align="center" prop="date" label="数字货币名（冠字号）" >
-          </el-table-column>
-          <el-table-column align="center" prop="name" label="属主钱包地址" >
-          </el-table-column>
-          <el-table-column align="center" prop="name" label="数字货币面额" >
-          </el-table-column>
-        </el-table>
-        <pagination
-               :total="20"
-            />
-  </el-dialog>
-  <!-- 生成数字货币 -->
-  <el-dialog
-    v-model="decodeVisible"
-    title="生成数字货币"
-    width="34%"
-  >
-  <el-form  class="demo-form-inline">
-    <el-form-item label="额度控制位：">
-      <el-input  clearable />
-    </el-form-item>
-    <el-form-item label="署 主 信 息 ：">
-      <el-input  clearable />
-    </el-form-item>
-    <el-form-item label="央 行 私 钥 ：">
-      <el-input  clearable />
-    </el-form-item>
-  </el-form>
-    <template #footer>
-      <span class="dialog-footer">
-       
-        <el-button type="primary" @click="decodeVisible = false">数字签名 生成数字货币</el-button>
-      </span>
-    </template>
-  </el-dialog>
 </div>
 </template>
 <style lang="scss" scoped>
 .app-central {
   // background-color: #fff;
   color: #ffffff;
+  padding: 20px;
   .central-bank-title {
     margin-bottom: 20px;
     div {
@@ -370,7 +159,7 @@ getuserOverview()
     margin-right: 6px;
 }
 :deep(.el-dialog){
-    background: url('../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
+    background: url('../../assets/images/dialogimg.png') no-repeat  !important ;
   background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
diff --git a/src/views/business-bank/personal/personal.vue b/src/views/business-bank/personal/personal.vue
index ba4075f..613c395 100644
--- a/src/views/business-bank/personal/personal.vue
+++ b/src/views/business-bank/personal/personal.vue
@@ -1,4 +1,6 @@
 <script setup>
+import * as commercialbank from '@/api/commercialbank.js';
+const { proxy } = getCurrentInstance();
 // 引入路由进行跳转
 import { nextTick } from 'vue';
 import { useRouter } from 'vue-router';
@@ -45,7 +47,6 @@ const tableHeaderCellStyle = ({ row, column, rowIndex, columnIndex }) => {
     background: "#pink",
   };
 };
-
 const  go = (idx) => {
   console.log(idx);
     if(idx == 1){
@@ -71,32 +72,197 @@ function getFilePDF (e) {
         alert('请上传图片')
         return   
     }
-   let reader = new FileReader()
-   fileInput.value.src=''
-    reader.readAsDataURL(e.target.files[0])
+    // 将图片转换为formdata二进制的形式
+    file.value=e.target.files[0]
+      let reader = new FileReader()
+    fileInput.value.src=''
+    reader.readAsDataURL(file.value)
     reader.onload = function(e) {
         if(e.target.result){
             fileInput.value.style.display='block'
             fileInput.value.src=e.target.result
         }
-   
   }
   e.target.value=''
  
 } 
+const  validateTotalRedPacketAmount=(rule, value, callback)=> {
+      if (value <= 0) {
+        callback(new Error('红包总金额必须大于0'))
+      } else {
+        callback()
+      }
+    }
+    const validateRedPacketQuantity=(rule, value, callback)=> {
+      if (value <= 0) {
+        callback(new Error('红包数量必须大于0'))
+      } else {
+        callback()
+      }
+    }
+//新增消费红包params
+const isAddredParams = reactive({
+  userId:'1',
+  ownerDepartmentAssetInfoId:'',
+  issuanceDepartmentOwnerDepartment:'银行',
+  issuanceUnit:'',
+  redPacketName:'',
+  usageConditions:'',
+  startTime:'',
+  endTime:'',
+  totalRedPacketAmount:null,
+  redPacketQuantity:null,
+  redPacketType:'',
+})
+// 表单校验
+const  rules=reactive( {
+        iissuanceUnit: [
+          { required: true, message: '请选择上架企业', trigger: 'change' }
+        ],
+        redPacketName: [
+          { required: true, message: '请填写发放红包名称', trigger: 'blur' }
+        ],
+        usageConditions: [
+          { required: true, message: '请选择使用条件', trigger: 'change' }
+        ],
+        startTime: [
+          { required: true, message: '请选择领取起始日期', trigger: 'change' }
+        ],
+        endTime: [
+          { required: true, message: '请选择领取截止日期', trigger: 'change' }
+        ],
+        totalRedPacketAmount: [
+          { required: true, message: '请填写红包总金额', trigger: 'blur' },
+          { type: 'number', message: '红包总金额必须为数字值', trigger: 'blur' },
+          { validator: validateTotalRedPacketAmount, trigger: 'blur' }
+        ],
+        redPacketQuantity: [
+          { required: true, message: '请填写红包数量', trigger: 'blur' },
+          { type: 'number', message: '红包数量必须为数字值', trigger: 'blur' },
+          { validator: validateRedPacketQuantity, trigger: 'blur' }
+        ],
+        redPacketType: [
+          { required: true, message: '请选择红包类型', trigger: 'change' }
+        ],
+     
+      })
+ 
+// 企业数组
+const enterprise = reactive([
+ 
+])
+// 使用条件数组
+const conditionsofuse=reactive([
+  {
+    label:'购物消费',
+    value:'购物消费'
+  },
+  {
+    label:'餐饮消费',
+    value:'餐饮消费'
+  },
+  {
+    label:'住宿消费',
+    value:'住宿消费'
+  },
+  {
+    label:'交通消费',
+    value:'交通消费'
+  },
+  {
+    label:'医疗消费',
+    value:'医疗消费'
+  },
+  {
+    label:'教育消费',
+    value:'教育消费'
+  },
+  {
+    label:'旅游消费',
+    value:'旅游消费'
+  },
+  {
+    label:'娱乐消费',
+    value:'娱乐消费'
+  },
+  {
+    label:'投资消费',
+    value:'投资消费'
+  },
+  {
+    label:'慈善消费',
+    value:'慈善消费'
+  }
+])
+// 个人消费红包params
+const redParams = reactive({
+  userId:'1',
+  index:1,
+  size:10,
+  type:'银行',
+  issuerName:'北京润贞数字有限公司'
+})
+// 红包类型函数
+function PacketType(text){
+  isAddredParams.redPacketType=text
+}
+const file=ref(null)
+// 新增加一个红包
+const submitForm=()=>{
+  // isAddredParams转换为字符串对象
+  // 表单校验
+  proxy.$refs["rylesform"].validate(valid => {
+    const params=JSON.stringify(isAddredParams)
+    if(valid){
+      if(file.value === null) return proxy.$modal.msgError('请上传红包宣传图片')
+     const formData=new FormData()
+     formData.append('file',file.value) 
+     formData.append('stuBusinessBankRedPacketInfo',params)
+     commercialbank.addRedPacket(formData).then(res=>{
+     console.log(res)
+    })
+    }
+  // 将图片转换为formdata二进制的形式
+  })
+ }
+// 获取企业下拉框
+const getEnterprise=()=>{
+  commercialbank.getEnterpriseList({userId:isAddredParams.userId}).then(res=>{
+   const data=res.data
+    // 遍历对象
+    for(let key in data){
+      enterprise.push({
+        label:data[key],
+        value:key
+      })
+    }
+  })
+}
+const gradeChange = (val) => {
+  isAddredParams.ownerDepartmentAssetInfoId=val
+  // enterprise循环查找val对应的label赋值给isAddredParams.iissuanceUnit
+  for(let i=0;i<enterprise.length;i++){
+    if(enterprise[i].value==val){
+      isAddredParams.issuanceUnit=enterprise[i].label
+    }
+  }
+}
+// 获取用户消费红包
+const getRedPacketList=()=>{
+  commercialbank.getRedPacket(redParams).then(res=>{
+    console.log(res)
+  })
+}
+getRedPacketList()
+getEnterprise()
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)"><span>银行首页</span></div>
-      <div @click.native="go(2)"><span>兑换数字人民币</span></div>
-      <div @click.native="go(3)"><span>个人业务</span></div>
-      <div @click.native="go(4)"><span>对公业务</span></div>
-    </div>
+   
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/17.png" alt="" />
           <span>个人业务</span>
         </el-col>
       </el-row>
@@ -139,12 +305,16 @@ function getFilePDF (e) {
           <el-table-column align="center" prop="name" label="面签资料"  width="150">
           </el-table-column>
           <el-table-column align="center" prop="name" label="状态">
+            <template #default="scope">
+              <el-tag size="medium"   round  effect="dark" type="success">通过</el-tag>
+              <!-- <el-tag size="medium"   round  effect="dark" type="danger">通过</el-tag> -->
+            </template>
           </el-table-column>
           <el-table-column align="center" prop="address" label="操作" width="100">
             <template #default="scope">
               
-                <el-button link  type="warning" @click="decodeVisible =true">
-                    <svg-icon icon-class="generate"/>查看
+                <el-button link  type="success" >
+                    <svg-icon icon-class="look"/>验证
                 </el-button>
                
               </template>
@@ -155,7 +325,7 @@ function getFilePDF (e) {
                :total="20"/>
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/18.png" alt="" />
           <span>个人用户数字货币兑换业务</span>
         </el-col>
       </el-row>
@@ -203,8 +373,8 @@ function getFilePDF (e) {
             <template #default="scope">
               
            
-              <el-button link  type="warning" @click="decodeVisible =true">
-                  <svg-icon icon-class="generate"/>查看
+              <el-button link  type="success">
+                  <svg-icon icon-class="look"/>查看
               </el-button>
             </template>
           </el-table-column>
@@ -218,7 +388,7 @@ function getFilePDF (e) {
                :total="20"/>
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/19.png" alt="" />
           <span>个人用户消费红包业务</span>
         </el-col>
       </el-row>
@@ -244,7 +414,7 @@ function getFilePDF (e) {
           </el-table-column>
           <el-table-column align="center" prop="name" label="被取金">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="未被袄取金物">
+          <el-table-column align="center" prop="address" label="未被领取金物">
           </el-table-column>
           <el-table-column align="center" prop="name" label="领取起止日期">
           </el-table-column>
@@ -252,8 +422,11 @@ function getFilePDF (e) {
           </el-table-column>
           <el-table-column align="center" prop="name" label="使用条件">
           </el-table-column>
-          <el-table-column align="center" prop="name" label="操作">
+          <el-table-column align="center" prop="name" label="操作" width="200">
             <template #default="scope">
+              <el-button link  type="success" >
+                    <svg-icon icon-class="look"/>发放
+                </el-button>
                 <el-button link  type="warning" @click="dialoggetVisible =true">
                     <svg-icon icon-class="generate"/>领取详情
                 </el-button>
@@ -267,7 +440,7 @@ function getFilePDF (e) {
                :total="20"/>
                <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/21.png" alt="" />
           <span>个人用户购买商品服务业务</span>
         </el-col>
       </el-row>
@@ -295,15 +468,15 @@ function getFilePDF (e) {
         >
           <el-table-column align="center" prop="date" label="交易编码" width="160">
           </el-table-column>
-          <el-table-column align="center" prop="name" label="购买痛品名称 " width="180">
+          <el-table-column align="center" prop="name" label="购买商品名称 " width="180">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="购买滴品金额" >
+          <el-table-column align="center" prop="address" label="购买商品金额" >
           </el-table-column>
           <el-table-column align="center" prop="date" label="购买时间" >
           </el-table-column>
           <el-table-column align="center" prop="name" label="购买方名称">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="购买方技包地址">
+          <el-table-column align="center" prop="address" label="购买方钱包地址">
           </el-table-column>
           <el-table-column align="center" prop="name" label="销售方企业名称">
           </el-table-column>
@@ -311,9 +484,10 @@ function getFilePDF (e) {
           </el-table-column>
           <el-table-column align="center" prop="name" label="交易数字货币清单">
             <template #default="scope">
-                <el-button link  type="warning" @click="decodeVisible =true">
-                    <svg-icon icon-class="generate"/>查看
-                </el-button>
+              
+              <el-button link  type="success">
+                  <svg-icon icon-class="look"/>查看
+              </el-button>
               </template>
           </el-table-column>
         </el-table>
@@ -326,7 +500,7 @@ function getFilePDF (e) {
     v-model="dialogVisible"
     title="查看数字货币"
     width="56%"
-    :before-close="handleClose"
+   
   >
            <el-table
           :data="tableData"
@@ -352,54 +526,44 @@ function getFilePDF (e) {
     width="35%"
   
   >
-  <el-form  class="demo-form-inline"   label-width="120px">
-    <el-form-item label="上  架  企  业  ：">
-        <el-select  style="width: 100%;"  class="m-2" placeholder="请选择" size="large">
-                  <el-option
-                 v-for="item in options"
-                 :key="item.value"
-                 :label="item.label"
-                 :value="item.value"
-                />
-             </el-select>
-    </el-form-item>
-    <el-form-item label="发放红包名称：">
-      <el-input  clearable />
-    </el-form-item>
-    <el-form-item label="使 用 条  件 ：">
-        <el-select style="width: 100%;"  class="m-2" placeholder="请选择" size="large">
-                  <el-option
-                 v-for="item in options"
-                 :key="item.value"
-                 :label="item.label"
-                 :value="item.value"
-                />
-             </el-select>
-    </el-form-item>
-    <el-form-item label="领取起止日期：">
+  <el-form :model="isAddredParams" :rules="rules" ref="rylesform" label-width="120px">
+      <el-form-item label="上  架  企  业  ：" prop="iissuanceUnit">
+        <el-select class="text-input"  v-model="isAddredParams.iissuanceUnit" style="width: 100%;"  placeholder="请选择" size="large" @change="gradeChange">
+          <el-option v-for="item in enterprise" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="发放红包名称：" prop="redPacketName">
+        <el-input class="text-input" v-model="isAddredParams.redPacketName" clearable />
+      </el-form-item>
+      <el-form-item label="使 用 条  件 ：" prop="usageConditions">
+        <el-select class="text-input" v-model="isAddredParams.usageConditions" style="width: 100%;" placeholder="请选择" size="large">
+          <el-option v-for="item in conditionsofuse" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="领取起止日期：" prop="startTime">
         <div class="Start">
-            <el-input  clearable /> 
-            <span>~</span>
-            <el-input  clearable />
+          <el-input class="text-input" v-model="isAddredParams.startTime" />
+          <span>~</span>
+          <el-input class="text-input" v-model="isAddredParams.endTime" />
         </div>
-    </el-form-item>
-    <el-form-item label="红包总金额：">
+      </el-form-item>
+      <el-form-item label="红包总金额：" prop="totalRedPacketAmount">
         <div class="Start">
-            <el-input  clearable /> 
-            <span>-cNy</span>
+          <el-input  class="text-input"  v-model.number="isAddredParams.totalRedPacketAmount" clearable />
+          <span>-cNy</span>
         </div>
-    </el-form-item>
-    <el-form-item label="红 包 数 量 ：">
+      </el-form-item>
+      <el-form-item label="红 包 数 量 ：" prop="redPacketQuantity">
         <div class="Start">
-            <el-input  clearable /> 
-            <span></span>
+          <el-input class="text-input" v-model.number="isAddredParams.redPacketQuantity" clearable />
+          <span></span>
         </div>
-    </el-form-item>
-    <el-form-item label="红 包 类 型 ：">
-            <el-button type="primary">等额红包</el-button>
-           <el-button type="success">随机金额红包</el-button>
-    </el-form-item>
-    <el-form-item label="红包宣传图片：">
+      </el-form-item>
+      <el-form-item label="红 包 类 型 ：" prop="redPacketType">
+        <el-button type="primary" @click="PacketType('等额红包')">等额红包</el-button>
+        <el-button type="success" @click="PacketType('随机金额红包')">随机金额红包</el-button>
+      </el-form-item>
+      <el-form-item label="红包宣传图片：">
             <div class="updata-img"  onclick="upload.click()">
                 <img  ref="fileInput" src="" alt="">
                 <!-- <el-button icon="el-icon-plus" type="warning" plain  >资源文件</el-button> -->
@@ -411,7 +575,7 @@ function getFilePDF (e) {
     <template #footer>
       <span class="dialog-footer">
        
-        <el-button type="primary" @click="decodeVisible = false">数字签名 生成数字货币</el-button>
+        <el-button type="primary" @click="submitForm">数字签名 生成数字货币</el-button>
       </span>
     </template>
   </el-dialog>
@@ -420,7 +584,7 @@ function getFilePDF (e) {
     v-model="dialoggetVisible"
     title="领取详情"
     width="65%"
-    :before-close="handleClose"
+   
   >
            <el-table
           :data="tableData"
@@ -497,12 +661,7 @@ function getFilePDF (e) {
     }
   }
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
+
     .pagination-container{
         padding: 0px !important;
     }
@@ -598,7 +757,7 @@ color: #ffffff;
     margin-right: 6px;
 }
 :deep(.el-dialog){
-    background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
   background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
@@ -632,6 +791,9 @@ color: #ffffff;
   }
   .el-dialog__body{
     padding: 30px 60px;
+    .el-input__inner{
+      color:#ffffff;
+    }
    .el-table .el-table__header-wrapper th {
         background-color: #13B7DA !important;
         color: #ffffff !important;
diff --git a/src/views/business-bank/serviceto/service.vue b/src/views/business-bank/serviceto/service.vue
index 81bbc4b..7941530 100644
--- a/src/views/business-bank/serviceto/service.vue
+++ b/src/views/business-bank/serviceto/service.vue
@@ -92,16 +92,11 @@ function getFilePDF (e) {
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)"><span>银行首页</span></div>
-      <div @click.native="go(2)"><span>兑换数字人民币</span></div>
-      <div @click.native="go(3)"><span>个人业务</span></div>
-      <div @click.native="go(4)"><span>对公业务</span></div>
-    </div>
+   
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/17.png" alt="" />
           <span>企业用户开通钱包业务</span>
         </el-col>
       </el-row>
@@ -142,12 +137,16 @@ function getFilePDF (e) {
           <el-table-column align="center" prop="name" label="面签贺料">
           </el-table-column>
           <el-table-column align="center" prop="name" label="状志"  width="150">
+            <template #default="scope">
+              <el-tag size="medium"   round  effect="dark" type="success">通过</el-tag>
+              <!-- <el-tag size="medium"   round  effect="dark" type="danger">通过</el-tag> -->
+            </template>
           </el-table-column>
           <el-table-column align="center" prop="name" label="操作">
             <template #default="scope">
               
-              <el-button link  type="warning" @click="decodeVisible =true">
-                  <svg-icon icon-class="generate"/>查看
+              <el-button link  type="success" @click="decodeVisible =true">
+                  <svg-icon icon-class="look"/>验证
               </el-button>
              
             </template>
@@ -159,7 +158,7 @@ function getFilePDF (e) {
                :total="20"/>
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/18.png" alt="" />
           <span>企业用户数字货币兑换业务</span>
         </el-col>
       </el-row>
@@ -207,8 +206,8 @@ function getFilePDF (e) {
             <template #default="scope">
               
            
-              <el-button link  type="warning" @click="decodeVisible =true">
-                  <svg-icon icon-class="generate"/>查看
+              <el-button link  type="success">
+                  <svg-icon icon-class="look"/>查看
               </el-button>
             </template>
           </el-table-column>
@@ -219,7 +218,7 @@ function getFilePDF (e) {
                :total="20"/>
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/19.png" alt="" />
           <span>企业用户消费红包业务</span>
         </el-col>
       </el-row>
@@ -263,8 +262,8 @@ function getFilePDF (e) {
           </el-table-column>
           <el-table-column align="center" prop="name" label="领取货币清单">
             <template #default="scope">
-                <el-button link  type="warning" @click="dialoggetVisible =true">
-                    <svg-icon icon-class="generate"/>领取详情
+                <el-button link  type="success">
+                    <svg-icon icon-class="look"/>查看
                 </el-button>
               </template>
           </el-table-column>
@@ -275,7 +274,7 @@ function getFilePDF (e) {
                :total="20"/>
                <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/21.png" alt="" />
           <span>企业用户商品经营业务</span>
         </el-col>
       </el-row>
@@ -319,8 +318,8 @@ function getFilePDF (e) {
           </el-table-column>
           <el-table-column align="center" prop="name" label="交易数字货币清单">
             <template #default="scope">
-                <el-button link  type="warning" @click="decodeVisible =true">
-                    <svg-icon icon-class="generate"/>查看
+              <el-button link  type="success" >
+                    <svg-icon icon-class="look"/>查看
                 </el-button>
               </template>
           </el-table-column>
@@ -334,7 +333,7 @@ function getFilePDF (e) {
     v-model="dialogVisible"
     title="查看数字货币"
     width="56%"
-    :before-close="handleClose"
+    
   >
            <el-table
           :data="tableData"
@@ -362,7 +361,7 @@ function getFilePDF (e) {
   >
   <el-form  class="demo-form-inline"   label-width="120px">
     <el-form-item label="上  架  企  业  ：">
-        <el-select style="width: 100%;"  class="m-2" placeholder="请选择" size="large">
+        <el-select style="width: 100%;"  class="text-input" placeholder="请选择" size="large">
                   <el-option
                  v-for="item in options"
                  :key="item.value"
@@ -372,10 +371,10 @@ function getFilePDF (e) {
              </el-select>
     </el-form-item>
     <el-form-item label="发放红包名称：">
-      <el-input  clearable />
+      <el-input class="text-input" clearable />
     </el-form-item>
     <el-form-item label="使 用 条  件 ：">
-        <el-select style="width: 100%;"  class="m-2" placeholder="请选择" size="large">
+        <el-select style="width: 100%;"  class="text-input" placeholder="请选择" size="large">
                   <el-option
                  v-for="item in options"
                  :key="item.value"
@@ -386,20 +385,20 @@ function getFilePDF (e) {
     </el-form-item>
     <el-form-item label="领取起止日期：">
         <div class="Start">
-            <el-input  clearable /> 
+            <el-input class="text-input" clearable /> 
             <span>~</span>
-            <el-input  clearable />
+            <el-input class="text-input" clearable />
         </div>
     </el-form-item>
     <el-form-item label="红包总金额：">
         <div class="Start">
-            <el-input  clearable /> 
+            <el-input class="text-input" clearable /> 
             <span>-cNy</span>
         </div>
     </el-form-item>
     <el-form-item label="红 包 数 量 ：">
         <div class="Start">
-            <el-input  clearable /> 
+            <el-input class="text-input" clearable /> 
             <span></span>
         </div>
     </el-form-item>
@@ -428,7 +427,7 @@ function getFilePDF (e) {
     v-model="dialoggetVisible"
     title="领取详情"
     width="65%"
-    :before-close="handleClose"
+   
   >
            <el-table
           :data="tableData"
@@ -505,12 +504,7 @@ function getFilePDF (e) {
     }
   }
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
+
     .pagination-container{
         padding: 0px !important;
     }
@@ -608,7 +602,7 @@ color: #ffffff;
     margin-right: 6px;
 }
 :deep(.el-dialog){
-    background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
   background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
diff --git a/src/views/central-bank/currency/currency.vue b/src/views/central-bank/currency/currency.vue
index cd6687c..fb1020c 100644
--- a/src/views/central-bank/currency/currency.vue
+++ b/src/views/central-bank/currency/currency.vue
@@ -4,48 +4,10 @@ import * as centralBank from '@/api/centralBank';
 import { reactive } from 'vue';
 import { useRouter } from 'vue-router';
 const { proxy } = getCurrentInstance();
-const router = useRouter();
+
 const dialogVisible = ref(false);
-const tableData = reactive([
-  {
-    Coding:'xxxxxxxxxx',
-    Amount:'123',
-    Address:'xxxxxx',
-    new:'xxxx',
-    wallet:'xxxxx',
-    date: "2016-05-02",
-    name: "王小虎",
-    address: "上海市",
-  },
-  {
-    Coding:'xxxxxxxxxx',
-    date: "2016-05-04",
-    name: "王小虎",
-    address: "上海市",
-  },
-  {
-    Coding:'xxxxxxxxxx',
-    date: "2016-05-01",
-    name: "王小虎",
-    address: "上海市",
-  },
-  {
-    Coding:'xxxxxxxxxx',
-    date: "2016-05-03",
-    name: "王小虎",
-    address: "上海市",
-  },
-]);
-const  go = (idx) => {
-    console.log(idx);
-    if(idx == 1){
-        router.push('/central/information-verification')
-    }else if(idx == 2){
-        router.push('/central/digital-currency')
-    }else if(idx == 3){
-        router.push('/central/digital-currency-put')
-    }
-}
+
+
 // 获取货币申请params
 const getCurrencyParams =reactive( {
     userId:'1',
@@ -81,15 +43,10 @@ getCurrency()
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)">信息验证</div>
-      <div @click.native="go(2)">数字货币申请</div>
-      <div @click.native="go(3)">数字货币投放</div>
-    </div>
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets//images/数字货币申请.png" alt="" />
+          <img src="../../../assets//images/02.png" alt="" />
           <span>数字货币申请</span>
         </el-col>
       </el-row>
@@ -141,7 +98,7 @@ getCurrency()
     v-model="dialogVisible"
     title="Tips"
     width="30%"
-    :before-close="handleClose"
+   
   >
     <span>This is a message</span>
     <template #footer>
@@ -159,41 +116,9 @@ getCurrency()
 .app-central {
   // background-color: #fff;
   color: #ffffff;
-  .central-bank-title {
-    margin-bottom: 20px;
-    div {
-      display: inline-block;
-      width: 202px;
-      height: 52px;
-      color: #ffffff;
-      background: url("../../../assets/images/按钮1-常态.png") no-repeat;
-      margin-right: 25px;
-      text-align: center;
-      line-height: 52px;
-      font-size: 14px;
-      cursor: pointer;
-      user-select: none;
-      // 点击效果
-      &:hover{
-            transform: scale(1.01);
-            transition: transform 0.3s, opacity 0.3s; 
-        }
-    }
-    div:nth-child(2) {
-      background: url("../../../assets/images/按钮2-常态.png") no-repeat;
-    }
-    div:nth-child(3) {
-      background: url("../../../assets//images/按钮3-常态.png") no-repeat;
-    }
-    
-  }
+ 
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
+ 
     .el-col-24 {
       height: 69px;
       padding: 15px 13px;
diff --git a/src/views/central-bank/digital-currency-deployment-homepage/index.vue b/src/views/central-bank/digital-currency-deployment-homepage/index.vue
new file mode 100644
index 0000000..b131593
--- /dev/null
+++ b/src/views/central-bank/digital-currency-deployment-homepage/index.vue
@@ -0,0 +1,292 @@
+<script setup>
+const { proxy } = getCurrentInstance();
+import * as centralBank from '@/api/centralBank'
+import information from '../information/central.vue';
+import currencyPut from '../digital-currency/currency-put.vue';
+import currency from '../currency/currency.vue';
+// 引入路由进行跳转
+import { useRouter } from 'vue-router';
+const router = useRouter();
+// 验证
+const dialogVisible = ref(false);
+// 解密
+const decodeVisible = ref(false);
+// 表格条数
+const total = ref(0);
+// 验证弹窗数组
+const dialogList = reactive([
+  {
+    name: '兑换行是否有缴存足额的准备金？',
+    value: '1',
+    checked: false
+  },
+  {
+    name: '兑换行公钥和私钥是否一致？',
+    value: '2',
+    checked: false
+  },
+  {
+    name: '兑换行公钥和私钥是否一致？',
+    value: '3',
+    checked: false
+  }
+])
+// 投放系统切换
+const isDeployed = ref(1);
+const  go = (idx) => {
+    isDeployed.value=idx
+  
+}
+const verifylParams= reactive({
+  userId:'1',
+  size:1,
+  index:1
+})
+const verifylList= ref(null)
+// 获取信息验证表格数据
+const getTableData = async () => {
+  try {
+    const res = await centralBank.getTableData(verifylParams)
+    verifylList.value = res.data.list
+    total.value = res.data.total
+  } catch (error) {
+    
+  }
+}
+// 解密params
+const decryptParams = reactive({
+  Abstract:'',
+  detailId:'',
+  publicKey:''
+})
+//解密函数
+const decryptData = (val) => {
+  decodeVisible.value = true
+  decryptParams.Abstract=val.transactionCode
+  decryptParams.detailId=val.detailId
+  console.log(val,"val");
+};
+const submitDecryptedForm = async() => {
+  try {
+    const res = await centralBank.decrypt(decryptParams)
+    if(res.code == 200){
+      decodeVisible.value = false
+      proxy.resetForm('ruleFormRef')
+      getTableData()
+    
+    }
+  } catch (error) {
+    
+  }
+};
+
+const showValidationAlert = (code) => {
+  dialogVisible.value = true
+  decryptParams.detailId=code
+};
+const  showverify = async() => {
+  try {
+    const res = await centralBank.verify(decryptParams.detailId)
+    if(res.code == 200){
+      dialogVisible.value = false
+      // proxy.resetForm('ruleFormRef')
+      getTableData()
+    
+    }
+  } catch (error) {
+    
+  }
+};
+//申请
+const apply = async(code) => {
+  
+  try {
+    decryptParams.detailId=code
+    const res = await centralBank.applygenerate(decryptParams.detailId)
+    if(res.code == 200){
+      getTableData()
+      proxy.$modal.msgSuccess(res.msg);
+      // dialogVisible.value = false
+      // proxy.resetForm('ruleFormRef')
+    }
+  } catch (error) {
+    
+  }
+};
+// 验证选择
+const handleCheckChange = (val) => {
+if(val.value ==1){
+  proxy.$modal.msgError('兑换行没有缴存足额的准备金');
+}else{
+  proxy.$modal.msgError('兑换行公钥和私钥不一致');
+}
+};
+getTableData()
+</script>
+<template>
+  <div class="app-central">
+    <div class="central-bank-title">
+      <div @click.native="go(1)">信息验证</div>
+      <div @click.native="go(2)">数字货币申请</div>
+      <div @click.native="go(3)">数字货币投放</div>
+    </div>
+    <div class="central-ban-information">
+     <information v-show="isDeployed == 1"></information>
+     <currency v-show="isDeployed == 2"></currency>
+     <currencyPut v-show="isDeployed == 3"></currencyPut>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.app-central {
+  // background-color: #fff;
+  color: #ffffff;
+  padding: 20px;
+  .central-bank-title {
+    margin-bottom: 20px;
+    div {
+      display: inline-block;
+      width: 202px;
+      height: 52px;
+      color: #ffffff;
+      background: url("../../../assets/images/btn01.png") no-repeat;
+      margin-right: 25px;
+      text-align: center;
+      line-height: 52px;
+      font-size: 14px;
+      cursor: pointer;
+      user-select: none;
+      // 点击效果
+      &:hover{
+            transform: scale(1.01);
+            transition: transform 0.3s, opacity 0.3s; 
+        }
+    }
+    div:nth-child(2) {
+      background: url("../../../assets/images/btn02.png") no-repeat;
+    }
+    div:nth-child(3) {
+      background: url("../../../assets/images/btn03.png") no-repeat;
+    }
+    
+  }
+  .central-ban-information {
+    width: 100%;
+    background: #0e2e68;
+    border: 1px solid #238aff;
+    opacity: 0.8;
+    border-radius: 5px;
+    padding: 0px 4px;
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    .el-tab {
+      padding: 0 13px;
+    }
+    .el-tab1 {
+      border: 1px solid #1854a6;
+      padding: 6px;
+
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #13B7DA !important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+     
+    }
+  }
+}
+.svg-icon{
+    margin-right: 6px;
+}
+:deep(.el-dialog){
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
+  background-size:100% 100% !important;
+  .el-dialog__header{
+    padding: 0px;
+    display: flex;
+    justify-content: center;
+ 
+    .el-dialog__headerbtn{
+      .el-dialog__close{
+      // background-color: pink !important;
+      // 插入照片上去
+      background: url('../../../assets/images/x.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+      width: 28px;
+      height: 28px;
+      margin-right: 15px;
+      cursor: pointer;
+     }
+     }
+    .el-dialog__title{
+      margin-top: -20px;
+      text-align: center;
+      width: 216px;
+      height: 59px;
+      line-height: 59px;
+      background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗标题.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+     color: #ffffff;
+     
+    
+    }
+  }
+  .el-dialog__body{
+    padding: 30px 60px;
+    .df{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      color: #ffffff;
+     
+    }
+    .el-form {
+      .el-form-item__label{
+        color: #ffffff;
+        height: 46px;
+    line-height: 46px;
+      }
+      .el-input__wrapper{
+        background-color: transparent;
+        box-shadow: none;
+        caret-color: #ffffff;
+       
+      }
+      .el-input{
+        height: 46px;
+        background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/输入框.png') no-repeat  !important ;
+       background-size:100% 100% !important;
+      
+       .el-input__inner{
+        color: #ffffff;
+       }
+      }
+    }
+  }
+  .el-dialog__footer{
+    text-align: center;
+    .dialog-footer{
+      .el-button{
+        // width: 244px;
+        padding: 0 107px;
+        height: 52px;
+        border: 2px solid #25F4F9;
+        background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+        box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+        border-radius: 8px;
+  //       background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/确定.png') no-repeat  !important ;
+  // background-size:100% 100% !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/central-bank/digital-currency/currency-put.vue b/src/views/central-bank/digital-currency/currency-put.vue
index 7301051..4ead974 100644
--- a/src/views/central-bank/digital-currency/currency-put.vue
+++ b/src/views/central-bank/digital-currency/currency-put.vue
@@ -48,17 +48,7 @@ const tableHeaderCellStyle = ({ row, column, rowIndex, columnIndex }) => {
   };
 };
 
-const  go = (idx) => {
-    console.log(idx);
-    if(idx == 1){
-        router.push('/central/information-verification')
-    }else if(idx == 2){
-        router.push('/central/digital-currency')
-    }else if(idx == 3){
-        router.push('/central/digital-currency-put')
-    }
-  
-}
+
 // 获取数字货币投放的表格params
 const getCurrencyPutParams = reactive({
   userId:'1',
@@ -104,15 +94,11 @@ getCurrencyPut()
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)">信息验证</div>
-      <div @click.native="go(2)">数字货币申请</div>
-      <div @click.native="go(3)">数字货币投放</div>
-    </div>
+  
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/数字货币投放.png" alt="" />
+          <img src="../../../assets/images/03.png" alt="" />
           <span>数字货币投放</span>
         </el-col>
       </el-row>
@@ -186,7 +172,7 @@ getCurrencyPut()
     v-model="dialogVisible"
     title="Tips"
     width="30%"
-    :before-close="handleClose"
+   
   >
     <span>This is a message</span>
     <template #footer>
@@ -204,41 +190,9 @@ getCurrencyPut()
 .app-central {
   // background-color: #fff;
   color: #ffffff;
-  .central-bank-title {
-    margin-bottom: 20px;
-    div {
-      display: inline-block;
-      width: 202px;
-      height: 52px;
-      color: #ffffff;
-      background: url("../../../assets/images/按钮1-常态.png") no-repeat;
-      margin-right: 25px;
-      text-align: center;
-      line-height: 52px;
-      font-size: 14px;
-      cursor: pointer;
-      user-select: none;
-      // 点击效果
-      &:hover{
-            transform: scale(1.01);
-            transition: transform 0.3s, opacity 0.3s; 
-        }
-    }
-    div:nth-child(2) {
-      background: url("../../../assets/images/按钮2-常态.png") no-repeat;
-    }
-    div:nth-child(3) {
-      background: url("../../../assets/images/按钮3-常态.png") no-repeat;
-    }
-    
-  }
+
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
+  
     .el-col-24 {
       height: 69px;
       padding: 15px 13px;
@@ -266,7 +220,7 @@ getCurrencyPut()
     }
   }
   :deep(.el-dialog){
-    background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
   background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
diff --git a/src/views/central-bank/index.vue b/src/views/central-bank/index.vue
index 789699d..6f7e2c5 100644
--- a/src/views/central-bank/index.vue
+++ b/src/views/central-bank/index.vue
@@ -5,16 +5,14 @@ const router = useRouter();
 const goToPage=(i)=>{
 //    判断i传的值我要根据这个俩做跳转
      if(i == 1){
-     router.push('/central/information-verification')
+     router.push('/central/digital-currency')
      }else if(i == 2){
-     
-        router.push('/central/digital-currency-control')
+        router.push('/central/digital-currency-control') 
         }else if(i == 3){
-           
+          router.push('/central/digital-authentication')
             }else if(i == 4){
-            
+              router.push('/central/digital-currency-registration')
                 }else if(i == 5){
-                  
                     }
   }
 
@@ -63,9 +61,6 @@ const goToPage=(i)=>{
   </div>
     </el-col>
   </el-row>
-  
- 
-   
  </div>
 </template>
 <style lang='scss'  scoped>
diff --git a/src/views/central-bank/information/central.vue b/src/views/central-bank/information/central.vue
index b335cf4..91c04f0 100644
--- a/src/views/central-bank/information/central.vue
+++ b/src/views/central-bank/information/central.vue
@@ -28,18 +28,6 @@ const dialogList = reactive([
     checked: false
   }
 ])
-
-const  go = (idx) => {
-    console.log(idx);
-    if(idx == 1){
-        router.push('/central/information-verification')
-    }else if(idx == 2){
-        router.push('/central/digital-currency')
-    }else if(idx == 3){
-        router.push('/central/digital-currency-put')
-    }
-  
-}
 const verifylParams= reactive({
   userId:'1',
   size:1,
@@ -50,13 +38,11 @@ const verifylList= ref(null)
 const getTableData = async () => {
   try {
     const res = await centralBank.getTableData(verifylParams)
-    console.log("l;jlk;jkl");
     verifylList.value = res.data.list
     total.value = res.data.total
   } catch (error) {
     
   }
-  // console.log(res)
 }
 // 解密params
 const decryptParams = reactive({
@@ -85,10 +71,7 @@ const submitDecryptedForm = async() => {
   }
 };
 // 验证函数
-const handleClose = (done) => {
-  dialogVisible.value = false
-  done()
-};
+
 const showValidationAlert = (code) => {
   dialogVisible.value = true
   decryptParams.detailId=code
@@ -129,26 +112,21 @@ if(val.value ==1){
 }else{
   proxy.$modal.msgError('兑换行公钥和私钥不一致');
 }
-
 };
 getTableData()
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)">信息验证</div>
-      <div @click.native="go(2)">数字货币申请</div>
-      <div @click.native="go(3)">数字货币投放</div>
-    </div>
+ 
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/信息验证-icon.png" alt="" />
+          <img src="../../../assets/images/01.png" alt="" />
           <span>信息验证</span>
         </el-col>
       </el-row>
       <div class="el-tab el-tab1">
-        <el-table
+         <el-table
           :data="verifylList"
           style="width: 100%"
           stripe>
@@ -198,7 +176,7 @@ getTableData()
     v-model="dialogVisible"
     title="验证"
     width="34%"
-    :before-close="handleClose"
+    
   >
    <p class="df" v-for="item in dialogList" :key="item">
     <span>{{ item.name }}</span>
@@ -276,12 +254,6 @@ getTableData()
     
   }
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
     .el-col-24 {
       height: 69px;
       padding: 15px 13px;
@@ -313,8 +285,8 @@ getTableData()
     margin-right: 6px;
 }
 :deep(.el-dialog){
-    background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
-  background-size:100% 100% !important;
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
+    background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
     display: flex;
diff --git a/src/views/digital-authentication/index.vue b/src/views/digital-authentication/index.vue
new file mode 100644
index 0000000..ddbdd64
--- /dev/null
+++ b/src/views/digital-authentication/index.vue
@@ -0,0 +1,352 @@
+<script setup>
+// 引入路由进行跳转
+import { useRouter } from 'vue-router';
+import * as DigitalCurrencyRegistration from '@/api/DigitalCurrencyRegistration'
+const router = useRouter();
+// 验证
+const dialogVisible = ref(false);
+const depositVisible = ref(false);
+const initiateVisible = ref(false);
+// 解密
+const decodeVisible = ref(false);
+const tableData = reactive([
+  {
+    Coding:'xxxxxxxxxx',
+    Amount:'123',
+    Address:'xxxxxx',
+    new:'xxxx',
+    wallet:'xxxxx',
+    date: "2016-05-02",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-04",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-01",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-03",
+    name: "王小虎",
+    address: "上海市",
+  },
+]);
+
+
+const  go = (idx) => {
+  router.push(idx)
+}
+// 权属登记表页码
+const currentPage = ref(0)
+// 权属登记表params
+const registrationParams = reactive({
+  userId:'1',
+  cryptocurrencyId:'',
+  ownerName:'',
+  ownerWalletAddress:'',
+  size:10,
+  index:1
+})
+// 存储权属登记表数据
+const registrationData = ref(null)
+// 获取权属登记表数据
+const getTableData = async () => {
+  DigitalCurrencyRegistration.getRegistration(registrationParams).then(res => {
+    registrationData.value = res.data.list
+    currentPage.value=res.data.total
+  })
+}
+// 流水表params
+const transactionParams = reactive({
+  userId:'1',
+  transactionCode:'',
+  recipientName:'',
+  senderName:'',
+  size:10,
+  index:1
+})
+// 流水表条数
+const transactionCount=ref(0)
+// 存储流水表数据
+const transactionData = ref(null)
+// 获取流水表
+const getTransactionData = async () => {
+  DigitalCurrencyRegistration.getFlow(transactionParams).then(res => {
+    transactionData.value = res.data.list
+    transactionCount.value=res.data.total
+  })
+}
+getTransactionData()
+getTableData()
+</script>
+<template>
+  <div class="app-central">
+    <div class="central-bank-title">
+      <div @click.native="go()"><span></span></div>
+      <div @click.native="go('/central/digital-currency')"><span>数字货币投放系统</span></div>
+      <div @click.native="go('/central/digital-currency-control')"><span>数字货币额度控制系统</span></div>
+      <div @click.native="go('/central/digital-authentication')"><span>数字货币登记中心</span></div>
+      <div @click.native="go('/central/digital-currency-registration')"><span>数字货币认证中心</span></div>
+      <div ><span>央行可视化监控中心</span></div>
+    </div>
+    <div class="central-ban-information">
+      <el-row>
+        <el-col :span="24">
+          <img src="../../assets/images/08.png" alt="" />
+          <span>货币权属登记表</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+             <div class="grabble">
+                <label >数字货币编码</label>
+                <el-input class="painput" v-model="registrationParams.cryptocurrencyId" @keyup.enter.native="getTableData"></el-input>
+             </div>
+             <div class="grabble">
+                <label >属主名称</label>
+                <el-input  class="painput" v-model="registrationParams.ownerName" @keyup.enter.native="getTableData"></el-input>
+             </div>
+             <div class="grabble">
+                <label >属主钱包地址</label>
+                <el-input  class="painput"  v-model="registrationParams.ownerWalletAddress" @keyup.enter.native="getTableData"></el-input>
+             </div>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1">
+        <el-table
+          :data="registrationData"
+          style="width: 100%"
+          stripe
+        >
+        <el-table-column align="center" prop="cryptocurrencyCode" label="数字货币编码">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyAmount" label="数字货币金额" >
+          </el-table-column>
+          <el-table-column align="center" prop="ownerName" label="属主名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="ownerWalletAddress" label="属主钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="transactionTime" label="时间登">
+          </el-table-column>
+          <el-table-column align="center" prop="previousOwnerName " label="上一个属主名称">
+          </el-table-column>
+          <el-table-column align="center" prop="previousOwnerWalletAddress" label="上一个属主钱包地址">
+          </el-table-column>
+          
+        </el-table>
+      </div>
+      <pagination
+      v-show="currentPage>0"
+      :total="currentPage"
+      v-model:page="registrationParams.index"
+      v-model:limit="registrationParams.size"
+      @pagination="getTableData"
+      />
+               <el-row>
+        <el-col :span="24">
+          <img src="../../assets/images/09.png" alt="" />
+          <span>交易流水表</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+             <div class="grabble">
+                <label >交易编码</label>
+                <el-input  class="painput"></el-input>
+             </div>
+             <div class="grabble">
+                <label >转入账户名称</label>
+                <el-input  class="painput"></el-input>
+             </div>
+             <div class="grabble">
+                <label >转出账户名称</label>
+                <el-input  class="painput"></el-input>
+             </div>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1">
+        <el-table
+          :data="transactionData"
+          style="width: 100%"
+          stripe
+        
+        >
+        
+          <el-table-column align="center" prop="transactionCode" label="交易编码信息摘要" width="160">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyAmount" label="交易金额" width="180">
+          </el-table-column>
+          <el-table-column align="center" prop="transactionTime" label="时间戳" width="140">
+          </el-table-column>
+          <el-table-column align="center" prop="recipientName" label="转入账户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="recipientWalletAddress" label="转入账户钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="senderName" label="转出账户名称">
+          </el-table-column>
+          <el-table-column align="center" prop="senderWalletAddress" label="转出账户钱包地址">
+          </el-table-column>
+          <!-- <el-table-column align="center" prop="name" label="交易类型"  width="150">
+          </el-table-column> -->
+        </el-table>
+      </div>
+      <pagination
+      v-show="transactionCount>0"
+      :total="transactionCount"
+      v-model:page="transactionParams.index"
+      v-model:limit="transactionParams.size"
+      @pagination="getTransactionData"
+      />
+    </div>
+</div>
+</template>
+<style lang="scss" scoped>
+.app-central {
+  padding: 20px;
+  // background-color: #fff;
+  color: #ffffff;
+  .central-bank-title {
+    margin-bottom: 20px;
+    div {
+      display: inline-block;
+      width: 233px;
+      height: 51px;
+      color: #ffffff;
+      background: url("../../assets/images/数字货币登记中心-切图/01-1.png") no-repeat;
+      background-size: 100% 100%;
+      margin-right: -23px;
+      text-align: center;
+      line-height: 51px;
+      font-size: 14px;
+      cursor: pointer;
+      user-select: none;
+      span{
+        display: inline-block;
+        width: 100%;
+      }
+      // 点击效果
+      &:hover{
+            transform: scale(1.01);
+            transition: transform 0.3s, opacity 0.3s; 
+        }
+    }
+    div:nth-child(1) {
+      width: 56px;
+      height: 52px;
+        background: url("../../assets/images/数字货币登记中心-切图/icon导航.png") no-repeat;
+        background-size: 100% 100%;
+        margin-right: -18px;
+    span{
+        padding-left: 25px;
+    }
+    }
+    div:nth-child(2) {
+        background: url("../../assets/images/数字货币登记中心-切图/01-1.png") no-repeat;
+        background-size: 100% 100%;
+    span{
+        padding-left: 25px;
+    }
+    }
+    div:nth-child(3) {
+        background: url("../../assets/images/数字货币登记中心-切图/02-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+    div:nth-child(4) {
+        background: url("../../assets/images/数字货币登记中心-切图/03-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+    div:nth-child(5) {
+        background: url("../../assets/images/数字货币登记中心-切图/04-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+     div:nth-child(6) {
+        background: url("../../assets/images/数字货币登记中心-切图/05-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+  }
+  .central-ban-information {
+    width: 100%;
+    background: #0e2e68;
+    border: 1px solid #238aff;
+    opacity: 0.8;
+    border-radius: 5px;
+    padding: 0px 4px;
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+      .el-button{
+        // width: 244px;
+        padding: 0 55px;
+        height: 38px;
+        border: 2px solid #25F4F9;
+        background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+        box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+        border-radius: 8px;
+  //       background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/确定.png') no-repeat  !important ;
+  // background-size:100% 100% !important;
+      }
+      .grabble{
+        display: flex;
+        height: 38px;
+        margin-right: 60px;
+        label{
+            width: 100px;
+            text-align: center;
+            line-height: 38px;
+            font-size: 14px;
+        }
+      :deep(.el-input--default){
+           width: 275px;
+            height: 41px;
+            color: #ffffff;
+      }
+       :deep(.el-input__wrapper){
+            background-color: transparent !important;
+           
+            background:url('../../assets/images/商业银行-切图/兑换数字人民币/兑换发起人名称.png') no-repeat !important;
+            background-size: 100% 100% !important;
+            box-shadow: none !important;
+            // 输入框光标改变颜色
+            caret-color: #ffffff;
+        }
+        :deep(.el-input__inner){
+          color: #ffffff;
+        }
+      }
+    }
+    .el-tab {
+      padding: 0 13px;
+    }
+    .el-tab1 {
+      border: 1px solid #1854a6;
+      padding: 6px;
+      --el-table-row-hover-bg-color: transparent;
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #F25B2F !important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+     
+    }
+  }
+}
+.svg-icon{
+    margin-right: 6px;
+}
+
+</style>
diff --git a/src/views/enterprise/company/company.vue b/src/views/enterprise/company/company.vue
index f7568ad..365f25e 100644
--- a/src/views/enterprise/company/company.vue
+++ b/src/views/enterprise/company/company.vue
@@ -1,4 +1,5 @@
 <script setup>
+import * as enterpriseUser from '@/api/enterpriseUser.js'
 // 查看数字货币
 const dialogVisible = ref(false);
 // 解密
@@ -37,6 +38,8 @@ const tableData = reactive([
     address: "上海市",
   },
 ]);
+// 存储发送的消费红包数据
+const expenseData=ref(null)
 function getFilePDF (e) {
     if(e.target.files[0].type.indexOf('image')==-1){
         alert('请上传图片')
@@ -55,50 +58,76 @@ function getFilePDF (e) {
   e.target.value=''
  
 } 
+const expenseParams=reactive({
+  userId:'1',
+  index:1,
+  size:10
+})
+// 获取发放的消费红包
+const getRedPackage=()=>{
+  enterpriseUser.getconsumerRedPacket(expenseParams).then(res=>{
+    expenseData.value=res.data.list
+  })
+}
+const status=ref(1)
+// 发放消费红包
+const enterprise=(val)=>{
+
+
+  enterpriseUser.getconsumerRedPacketList({status:status.value, redPacketId:val.redPacketId}).then(()=>{
+  })
+}
+getRedPackage()
 </script>
 <template>
  <div>
     <el-row>
         <el-col :span="24">
-          <img src="../../assets/images/property.png" alt="" />
+          <img src="../../../assets/images/27.png" alt="" />
           <span>交易明细记录</span>
         </el-col>
       </el-row>
     
       <el-row>
         <el-col :span="24">
-            <el-button type="primary" icon="Plus" @click="packetVisible = true">新增消费红包</el-button>
+            <el-button type="info" icon="Plus" @click="packetVisible = true">新增消费红包</el-button>
         </el-col>
       </el-row>
       <div class="el-tab el-tab1">
         <el-table
-          :data="tableData"
+          :data="expenseData"
           style="width: 100%"
           stripe
           
         >
-          <el-table-column align="center" prop="date" label=" 交易编码" >
+          <el-table-column align="center" prop="transactionCode" label=" 交易编码" >
           </el-table-column>
-          <el-table-column align="center" prop="name" label="消费红包名称" >
+          <el-table-column align="center" prop="redPacketName" label="消费红包名称" >
           </el-table-column>
-          <el-table-column align="center" prop="address" label="发放企业" >
+          <el-table-column align="center" prop="issuanceUnit" label="发放企业" >
           </el-table-column>
-          <el-table-column align="center" prop="date" label="红包总金额" >
+          <el-table-column align="center" prop="totalRedPacketAmount" label="红包总金额" >
           </el-table-column>
-          <el-table-column align="center" prop="name" label="被领现金额">
+          <el-table-column align="center" prop="amountReceived" label="被领现金额">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="未被领取金额">
+          <el-table-column align="center" prop="amountNotReceived" label="未被领取金额">
           </el-table-column>
-          <el-table-column align="center" prop="name" label="领取起止日期">
+          <el-table-column align="center" prop="startTime" label="领取起止日期">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="发放日期">
+          <el-table-column align="center" prop="issuanceDate" label="发放日期">
           </el-table-column>
-          <el-table-column align="center" prop="name" label="使用条件">
+          <el-table-column align="center" prop="usageConditions" label="使用条件">
           </el-table-column>
           <el-table-column align="center" prop="name" label="操作"  width="200">
+            <template #default="scope">
+          
+            <el-button link  type="success" @click="enterprise(scope.row)">
+                  <svg-icon icon-class="look"/>发放
+              </el-button>
             <el-button link  type="success" @click="DetailsVisible =true">
                   <svg-icon icon-class="look"/>查看
               </el-button>
+              </template>
           </el-table-column>
         </el-table>
         <pagination
@@ -106,13 +135,13 @@ function getFilePDF (e) {
       </div>
       <el-row>
         <el-col :span="24">
-          <img src="../../assets/images/bourgeoisie.png" alt="" />
+          <img src="../../../assets/images/28.png" alt="" />
           <span>交易数据上链广播</span>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="24">
-            <el-button type="primary" icon="Plus" @click="decodeVisible = true">新增上架商品</el-button>
+            <el-button type="info" icon="Plus" @click="decodeVisible = true">新增上架商品</el-button>
         </el-col>
       </el-row>
       <div class="el-tab el-tab1 el-tab2" >
@@ -122,16 +151,26 @@ function getFilePDF (e) {
           stripe
         >
           <el-table-column align="center" prop="date" label="商品主图" >
+            <img  src="../../../assets/images/t1.png"/>
           </el-table-column>
           <el-table-column align="center" prop="name" label="商品名称" >
+            <span>数字商品商品名称
+XY-10001</span>
           </el-table-column>
           <el-table-column align="center" prop="address" label="商品简介" >
+            <span>数字商品商品简介
+数字商品商品…</span>
           </el-table-column>
           <el-table-column align="center" prop="date" label="规格尺寸" >
+            <span>1024*1024</span>
           </el-table-column>
           <el-table-column align="center" prop="name" label="单价" >
+            <span>¥1000  </span>
           </el-table-column>
           <el-table-column align="center" prop="address" label="详情" >
+            <el-button link  type="primary" @click="dialogVisible =true">
+              详情
+              </el-button>
           </el-table-column>
           <el-table-column align="center" prop="date" label="操作" >
             <el-switch
@@ -148,7 +187,7 @@ function getFilePDF (e) {
     v-model="DetailsVisible"
     title="领取详情"
     width="56%"
-    :before-close="handleClose">
+    >
            <el-table
           :data="tableData"
           style="width: 100%"
@@ -182,7 +221,7 @@ function getFilePDF (e) {
     v-model="dialogVisible"
     title="查看数字货币"
     width="56%"
-    :before-close="handleClose">
+   >
            <el-table
           :data="tableData"
           style="width: 100%"
@@ -350,7 +389,7 @@ function getFilePDF (e) {
  </div>
 </template>
 <style lang='scss'  scoped>
- :deep(.el-button--primary){
+ :deep(.el-button--info){
             width: 202px;
             height: 42px;
             border: 2px solid #25F4F9;
diff --git a/src/views/enterprise/contract/contract.vue b/src/views/enterprise/contract/contract.vue
new file mode 100644
index 0000000..62371aa
--- /dev/null
+++ b/src/views/enterprise/contract/contract.vue
@@ -0,0 +1,366 @@
+<script setup>
+// 验证
+const dialogVisible = ref(false);
+// 解密
+const tableData = reactive([
+  {
+    Coding:'xxxxxxxxxx',
+    Amount:'123',
+    Address:'xxxxxx',
+    new:'xxxx',
+    wallet:'xxxxx',
+    date: "2016-05-02",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-04",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-01",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-03",
+    name: "王小虎",
+    address: "上海市",
+  },
+]);
+const tablist =reactive([
+  {
+    name:'构建交易节点',
+    id:1
+  },
+  {
+    name:'设置合约代码',
+    id:2
+  },
+  {
+    name:'触发交易条件',
+    id:3
+  },
+  {
+    name:'自动完成交易',
+    id:4
+  }
+])
+const fileInput=ref(null)
+const tabsid=ref(1)
+// 演练切换函数
+const go = (idx) => {
+  if(idx==4){
+    document.getElementsByClassName('machine')[0].style.display='block'
+  }else{
+    document.getElementsByClassName('machine')[0].style.display='none'
+  }
+  tabsid.value = idx;
+ 
+}
+</script>
+<template>
+ <div class="app-contract">
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/29.png" alt="" />
+          <span>智能合约演练</span>
+        </el-col>
+      </el-row>
+    <div class="contract-content">
+         <div class="manoeuvre">
+            <div class="manoeuvre_item" v-for="(item,index) in tablist" :key="item" @click="go(index+1)">
+                <span>{{ item.name }}</span>
+                <img src="../../../assets//images/企业用户-切图/智能合约演练/向右.png" alt="">
+            </div>
+            
+         </div>
+          <div class="manoeuvre-conter">
+            <div class="manoeuvre_conter_item" v-show="tabsid==1">
+                <p class="reseda">以自动售卖机为例，交易涉及四方：消费者、企业、中央银行</p>
+         <div class="step">
+           <div class="stop_title">第一步</div>
+           <span>构建网络交易点，企业和消费者加入中央银行和商业银行构建的合约代码平台，创建钱包，并充值</span>
+         </div>
+         <div class="el-tab el-tab1" style="width: 70%;margin-top: 20px;">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="date" label="节点" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="数字货币账户余额" >
+          </el-table-column>
+          <el-table-column align="center" prop="date" label="人民币存款" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="操作">
+            <template #default="scope">
+              
+              <el-button link  type="danger" @click="dialogVisible =true">
+                  <svg-icon icon-class="cancel"/>注销
+              </el-button>
+              <el-button link  type="warning" @click="dialogVisible =true">
+                  <svg-icon icon-class="apply"/>充值
+              </el-button>
+            </template>
+          </el-table-column>
+      
+         
+   
+        </el-table>
+      </div> 
+            </div>
+            <div class="manoeuvre_conter_item" v-show="tabsid==2">
+                <p class="reseda">以自动售卖机为例，交易涉及四方：消费者、企业、中央银行</p>
+         <div class="step">
+           <div class="stop_title">第二步</div>
+           <span>企业上架商品，设置合约代码、合约触发条件</span>
+         </div>
+           <div class="item-form" style="width: 40%;margin-top: 30px;">
+            <el-form  label-width="120px">
+            <el-form-item label="商品名称：">
+              <el-input placeholder="请输入商品名称"></el-input>
+             </el-form-item>
+             <el-form-item label="单价：">
+              <el-input  placeholder="请输入商品单价"></el-input>
+              <span style="margin-left: 20px;">e--cny</span>
+             </el-form-item>
+             <el-form-item>
+             <el-button type="primary">合约上链</el-button>
+             </el-form-item>
+            </el-form>
+           </div>
+            </div>
+            <div class="manoeuvre_conter_item" v-show="tabsid==3">
+                <p class="reseda">以自动售卖机为例，交易涉及四方：消费者、企业、中央银行</p>
+         <div class="step">
+           <div class="stop_title">第二步</div>
+           <span>企业上架商品，设置合约代码、合约触发条件</span>
+         </div>
+           <div class="item-form" style="width: 40%;margin-top: 30px;">
+            <el-form label-width="120px">
+                <el-form-item label="商品名称：">
+            <span>6845</span>
+             </el-form-item>
+             <el-form-item label="单价：">
+             <span>8746532</span>
+             </el-form-item>
+            <el-form-item label="购买数量：">
+              <el-input placeholder="请输入商品名称"></el-input>
+             </el-form-item>
+             <el-form-item label="支付金额：">
+              <el-input  placeholder="请输入商品单价"></el-input>
+              <span style="margin-left: 20px;">e--cny</span>
+             </el-form-item>
+             <el-form-item>
+             <el-button type="primary">支付</el-button>
+             </el-form-item>
+            </el-form>
+           </div>
+            </div>
+            <div class="manoeuvre_conter_item" v-show="tabsid==4">
+                <p class="reseda">以自动售卖机为例，交易涉及四方：消费者、企业、中央银行</p>
+         <div class="step">
+           <div class="stop_title">第四步</div>
+           <span>资金完成从消费者到企业的转账，售货机开门掉出商品</span>
+         </div>
+         <div class="el-tab el-tab1" style="width: 50%;margin-top: 20px;">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="date" label="节点" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="数字货币账户余额" >
+          </el-table-column>
+          <el-table-column align="center" prop="date" label="人民币存款" >
+          </el-table-column>
+        </el-table>
+      </div> 
+            </div>
+          </div>
+    </div>
+   <div style="display:flex;">
+    <div class="contract-footer">
+    </div>
+    <div class="machine"></div>
+   </div>
+ </div>
+</template>
+<style lang='scss'  scoped>
+ :deep(.el-button--primary){
+            width: 202px;
+            height: 42px;
+            border: 2px solid #25F4F9;
+            background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+            box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+            border-radius: 8px;
+        }
+     .grabble{
+        display: flex;
+        height: 38px;
+        label{
+            width: 132px;
+            text-align: center;
+            line-height: 38px;
+            margin-left: 54px;
+            font-size: 14px;
+        }
+       :deep(.el-input__wrapper){
+            background-color: transparent !important;
+            width: 275px;
+            height: 41px;
+            background:url('../../../assets/images/企业用户-切图/钱包管理/筛选框.png') no-repeat !important;
+            background-size: 100% 100% !important;
+            box-shadow: none !important;
+            // 输入框光标改变颜色
+            caret-color: #ffffff;
+        }
+        // 按钮
+      
+      }
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    .el-tab {
+      padding: 0 13px;
+    }
+    .el-tab1 {
+      border: 1px solid #1854a6;
+      padding: 6px;
+      --el-table-row-hover-bg-color: transparent;
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #08CDD9!important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+      
+    }      
+    .svg-icon{
+    margin-right: 6px;
+    }
+    .app-contract{
+        .contract-content{
+        padding: 0px 20px;
+        .manoeuvre{
+            width: calc(100% - 45%);
+            // background-color: pink;
+            display: flex;
+            padding: 0px 10px;
+            border-bottom: 1px solid #06B675;
+            .manoeuvre_item{
+                position: relative;
+                width: 178px;
+                height: 40px;
+                background: linear-gradient(0deg, #007D61 0%, #00E07E 100%);
+                border-radius: 10px 10px 0px 0px;
+                display: flex;
+                justify-content: center;
+                align-content: center;
+                margin-right: 44px;
+                // 鼠标小手
+                cursor: pointer;
+                span{
+                line-height:40px;
+                font-size: 14px;
+             }
+            }
+           
+            img{
+                position: absolute;
+                top: 15px;
+                right: -35px;
+             }
+        }
+        .manoeuvre_conter_item{
+            :deep(.item-form){
+                // background-color: ;
+                .el-form-item__label{
+                    color: #ffffff;
+                }
+                .el-input--default{
+                    width: 403px;
+                    height: 46px;
+                    background: #2B539C;
+                    border: 1px solid #265AB9;
+                    color: #ffffff;
+                }
+                .el-input__wrapper{
+                      box-shadow: none;
+                    // background-color: pink;
+                    background: url('../../../assets/images/企业用户-切图/智能合约演练/输入框.png') no-repeat !important;
+                    background-size: 100% 100% !important;
+                    // 输入框光标改变颜色
+                    caret-color: #ffffff;
+                    // 输入框内提示文字颜色
+                   
+                }
+            }
+        }
+       }
+       .reseda{
+        font-size: 12px;
+        font-family: Source Han Sans CN;
+        font-weight: 500;
+        color: #2FDD93;
+       }
+       .step{
+        width: calc(100% - 55%);
+        height: 32px;
+        border: 1px solid #2FDD93;
+        border-radius: 16px;
+        display: flex;
+        align-items: center;
+        padding: 0px 5px;
+        .stop_title{
+          width: 70px;
+          height: 23px;
+          background: #06B675;
+          border-radius: 12px;
+          line-height: 23px;
+          text-align: center;
+          font-size: 12px;
+        }
+        span{
+            font-size: 12px;
+            font-family: Source Han Sans CN;
+            padding-left: 22px;
+        }
+       }
+    }
+  .contract-footer{
+    position: relative;
+    width: calc(100% - 35%);
+    height: 458px;
+    background:url('../../../assets/images/图示.png') no-repeat !important;
+    background-size: 100% 100% !important;
+  }
+  .machine{
+    position: absolute;
+    top:200px;
+    right: 86px;
+    width: 497px;
+    height: 738px;
+    background:url('../../../assets/images/售卖机（已打开）.png') no-repeat !important;
+    background-size: 100% 100% !important;
+    display:none;
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/enterprise/deal/deal.vue b/src/views/enterprise/deal/deal.vue
index 66d9792..ce954cf 100644
--- a/src/views/enterprise/deal/deal.vue
+++ b/src/views/enterprise/deal/deal.vue
@@ -39,7 +39,7 @@ const tableData = reactive([
  <div>
     <el-row>
         <el-col :span="24">
-          <img src="../../assets/images/property.png" alt="" />
+          <img src="../../../assets/images/25.png" alt="" />
           <span>交易明细记录</span>
         </el-col>
       </el-row>
@@ -75,7 +75,7 @@ const tableData = reactive([
       </div>
       <el-row>
         <el-col :span="24">
-          <img src="../../assets/images/bourgeoisie.png" alt="" />
+          <img src="../../../assets/images/26.png" alt="" />
           <span>交易数据上链广播</span>
         </el-col>
       </el-row>
@@ -100,7 +100,7 @@ const tableData = reactive([
     v-model="dialogVisible"
     title="查看数字货币"
     width="56%"
-    :before-close="handleClose">
+   >
            <el-table
           :data="tableData"
           style="width: 100%"
diff --git a/src/views/enterprise/index.vue b/src/views/enterprise/index.vue
index e9b715b..594859b 100644
--- a/src/views/enterprise/index.vue
+++ b/src/views/enterprise/index.vue
@@ -2,6 +2,7 @@
 import wallet from './wallet/wallet.vue';
 import deal from './deal/deal.vue';
 import company from './company/company.vue'
+import contract from './contract/contract.vue'
 // 引入路由进行跳转
 import { useRouter } from 'vue-router';
 const router = useRouter();
@@ -23,6 +24,8 @@ const  go = (idx) => {
        <wallet v-if="tabsid == 1"></wallet>
        <deal v-if="tabsid == 2"></deal>
        <company v-if="tabsid == 3"></company>
+       <contract v-if="tabsid == 4"></contract>
+       
     </div>
             <!-- 查看数字货币 -->
 
@@ -31,6 +34,7 @@ const  go = (idx) => {
 <style lang="scss" scoped>
 .app-central {
   // background-color: #fff;
+  padding: 20px;
   color: #ffffff;
   .central-bank-title {
     margin-bottom: 20px;
@@ -81,7 +85,7 @@ const  go = (idx) => {
   }
 }
 :deep(.el-dialog){
-    background: url('../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
+    background: url('../../assets/images/dialogimg.png') no-repeat  !important ;
   background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
diff --git a/src/views/enterprise/wallet/wallet.vue b/src/views/enterprise/wallet/wallet.vue
index 3d959c0..fb509f4 100644
--- a/src/views/enterprise/wallet/wallet.vue
+++ b/src/views/enterprise/wallet/wallet.vue
@@ -41,7 +41,7 @@ function getFilePDF (e) {
         return   
     }
    let reader = new FileReader()
-   fileInput.value.src=''
+    fileInput.value.src=''
     reader.readAsDataURL(e.target.files[0])
     reader.onload = function(e) {
         if(e.target.result){
@@ -50,24 +50,23 @@ function getFilePDF (e) {
         }
   }
   e.target.value=''
- 
 } 
 </script>
 <template>
  <div>
     <el-row>
         <el-col :span="24">
-          <img src="../../assets/images/property.png" alt="" />
+          <img src="../../../assets/images/22.png" alt="" />
           <span>资产总额</span>
         </el-col>
       </el-row>
     
       <el-row>
         <el-col :span="24">
-            <el-button type="primary" icon="Document" @click="decodeVisible = true">自有资金兑换</el-button>
+            <el-button type="primary" icon="Document" @click="decodeVisible = true">申请数字人民币钱包</el-button>
              <div class="grabble">
                 <label >企业用户筛选</label>
-                <el-select  class="m-2" placeholder="Select" size="large">
+                <el-select  class="m-2" placeholder="请选择" size="large">
     <el-option
       v-for="item in options"
       :key="item.value"
@@ -100,14 +99,14 @@ function getFilePDF (e) {
           <el-table-column align="center" prop="name" label="数字货币消费红包余高">
           </el-table-column>
           <el-table-column align="center" prop="name" label="数字货币清单"  width="200">
-            <el-button link  type="success" @click="dialogVisible =true">
+            <el-button link  type="success" >
                   <svg-icon icon-class="look"/>查看
               </el-button>
           </el-table-column>
           <el-table-column align="center" prop="name" label="操作">
             <template #default="scope">
               
-              <el-button link  type="danger" @click="dialogVisible =true">
+              <el-button link  type="danger">
                   <svg-icon icon-class="cancel"/>注销
               </el-button>
               <el-button link  type="warning" @click="dialogVisible =true">
@@ -120,7 +119,7 @@ function getFilePDF (e) {
       </div>
       <el-row>
         <el-col :span="24">
-          <img src="../../assets/images/bourgeoisie.png" alt="" />
+          <img src="../../../assets/images/23.png" alt="" />
           <span>企业用户资产总览</span>
         </el-col>
       </el-row>
@@ -148,12 +147,12 @@ function getFilePDF (e) {
       </div>
       <el-row>
         <el-col :span="24">
-          <img src="../../assets/images/individua.png" alt="" />
+          <img src="../../../assets/images/24.png" alt="" />
           <span>个人用户资产总览</span>
         </el-col>
       </el-row>
 
-      <div class="el-tab el-tab1" style="width: 90%">
+      <div class="el-tab el-tab1 el-tab3" style="width: 90%">
         <el-table
           :data="tableData"
           style="width: 100%"
@@ -183,7 +182,7 @@ function getFilePDF (e) {
     v-model="dialogVisible"
     title="数字人民币充值"
     width="34%"
-    :before-close="handleClose">
+    >
     <el-form  class="demo-form-inline" label-width="140px">
     <el-form-item label="充值企业用户：">
       <el-input  clearable />
@@ -208,7 +207,7 @@ function getFilePDF (e) {
   <!-- 生成数字货币 -->
   <el-dialog
     v-model="decodeVisible"
-    title="生成数字货币"
+    title="申请数字人民币钱包"
     width="34%"
   >
   <el-form  class="demo-form-inline" label-width="130px">
@@ -216,11 +215,10 @@ function getFilePDF (e) {
         <el-select
         class="text-input"
         style="width: 100%;"
-        placeholder="Activity zone"
+        placeholder="请选择"
         clearable
       >
-        <el-option label="Zone one" value="shanghai" />
-        <el-option label="Zone two" value="beijing" />
+      
       </el-select>
     </el-form-item>
     <el-form-item label="开通银行：">
@@ -236,8 +234,9 @@ function getFilePDF (e) {
         <div class="updata-img"  onclick="upload.click()">
                 <img  ref="fileInput" src="" alt="">
                 <!-- <el-button icon="el-icon-plus" type="warning" plain  >资源文件</el-button> -->
-            <input type="file" @change="getFilePDF($event)" name="upload" id="upload" style="display: none;" accept="image/*" />
+              <input type="file" @change="getFilePDF($event)" name="upload" id="upload" style="display: none;" accept="image/*" />
             </div>
+            <span style="color:#fff;margin-left:10px;">上传面签照片</span>
     </el-form-item>
   </el-form>
     <template #footer>
@@ -249,6 +248,10 @@ function getFilePDF (e) {
  </div>
 </template>
 <style lang='scss'  scoped>
+.el-select .el-input.is-focus .el-input__wrapper{
+
+    box-shadow: none !important;
+}
  :deep(.el-button--primary){
             width: 202px;
             height: 42px;
@@ -278,7 +281,9 @@ function getFilePDF (e) {
             caret-color: #ffffff;
         }
         // 按钮
-      
+        :deep(.is-focus .el-input__wrapper){
+          box-shadow: none !important;
+        }
       }
     .el-col-24 {
       height: 69px;
@@ -299,11 +304,27 @@ function getFilePDF (e) {
       padding: 6px;
       --el-table-row-hover-bg-color: transparent;
       :deep(.el-table .el-table__header-wrapper th) {
-        background-color: #08CDD9!important;
+        background-color:  #238AFF !important;
         color: #ffffff !important;
         font-weight: 600;
       }
       
+    }  
+    .el-tab2 {
+    
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color:  #13B7DA !important;
+       
+      }
+      
+    }  
+    .el-tab3 {
+     
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color:  #D1A506 !important;
+        
+      }
+      
     }      
     .svg-icon{
     margin-right: 6px;
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index 08a617a..d505b5c 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -186,7 +186,7 @@ let message = computed(() => {
     &__info {
       font-size: 13px;
       line-height: 21px;
-      color: grey;
+      color: #ffff;
       opacity: 0;
       margin-bottom: 30px;
       animation-name: slideUp;
diff --git a/src/views/index.vue b/src/views/index.vue
index 220bef7..85625ad 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -3,16 +3,18 @@
 </script>
 <template>
  <div class="app-index">
-  御剑乘风来,除魔天地间!===vue3
  </div>
 </template>
-<style lang='scss'  scoped>
+<style lang='scss'>
  .app-index{
   height: 910px;
-  padding: 20px;
-  background: url('../assets/images/首页切图/背景.png')no-repeat;
+  background: url('../assets/images/index.jpg')no-repeat;
+    background-size: 100% 100%;
   color: #ffff;
   // 鼠标小手
   cursor: pointer;
  }   
+ .app-mian{
+    padding: 0px !important;
+ }
 </style>
\ No newline at end of file
diff --git a/src/views/individual/consumermall/consumermall.vue b/src/views/individual/consumermall/consumermall.vue
new file mode 100644
index 0000000..4e2a2e6
--- /dev/null
+++ b/src/views/individual/consumermall/consumermall.vue
@@ -0,0 +1,310 @@
+<script setup>
+import * as user from '@/api/user'
+import {getAssetsFile} from '@/utils/index.js'
+const dialogVisible=ref(false)
+const Visible=ref(false)
+const tableData = reactive([
+  {
+    Coding:'xxxxxxxxxx',
+    Amount:'123',
+    Address:'xxxxxx',
+    new:'xxxx',
+    wallet:'xxxxx',
+    date: "2016-05-02",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-04",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-01",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-03",
+    name: "王小虎",
+    address: "上海市",
+  },
+]);
+// 存储消费红包条数
+const total=ref(0)
+// 消费红包params
+const params=reactive({
+  userId:1,
+  index:1,
+  size:10
+})
+// 存储消费红包数据
+const redPacket=ref(null)
+// 获取消费红包
+function getRedPacket(){
+  user.getRedPacket(params).then(res=>{
+    redPacket.value=res.data.list
+    total.value=res.data.total
+  })
+}
+// 数字商品条数
+const total1=ref(0)
+// 存储数字商品数据
+const digital=ref(null)
+// 获取数字商品params
+const params1=reactive({
+  userId:'1',
+  index:1,
+  size:10
+})
+// 获取数字商品数据
+function getDigital(){
+  user.getDigitalGoods(params).then(res=>{
+    digital.value=res.data.list
+    total1.value=res.data.total
+  })
+}
+getDigital()
+getRedPacket()
+</script>
+<template>
+ <div class="app-consumermall">
+    <el-row>
+    <el-col :span="24">
+          <img src="../../../assets/images/37.png" alt="" />
+          <span>交易明细记录</span>
+        </el-col>
+   </el-row>
+  <!-- 消费红包 -->
+  <!-- :style="{ background: 'url(' +  item.redPacketPromotionalImageUrl+ ')' }" -->
+   <div class="red_packet">
+       <div class="red_packet_item" v-for="(item,index) in redPacket" :key="item" :class="{'actove':(index+1)%6 ===0}" >
+         <div class="item_titel"><span @click="dialogVisible=true">领取</span></div>
+         <div class="item_information">
+          <p>红包名称：{{ item.redPacketName }}</p>
+          <p>发放人名称 :{{ item.issuanceUnit }}</p>
+          <p>发放总金额：{{ item.totalRedPacketAmount }} </p>
+          <p>领取起止日期：XXX-XXX</p>
+         </div>
+       </div>
+       <pagination
+       v-show="total>0"
+      :total="total"
+      v-model:page="params.index"
+      v-model:limit="params.size"
+      @pagination="getRedPacket"
+            />
+   </div>
+   <!-- 购买数字商品 -->
+   <el-row>
+    <el-col :span="24">
+          <img src="../../../assets/images/38.png" alt="" />
+          <span>购买数字商品</span>
+        </el-col>
+   </el-row>
+   <div class="red_packet purchase_merchandise">
+       <div class="red_packet_item purchase_merchandise_item" v-for="(commodity,index) in digital" :key="commodity" :class="{'actove':(index+1)%6 ===0}">
+         <div class="merchandise_title">
+            <img src="../../../assets/images/t1.png" alt="">
+         </div>
+         <div class="item_information purchase_merchandise_item_item_information">
+          <p>商品名称：{{commodity.productName  }}</p>
+          <p>商品简介：{{commodity.productType  }}</p>
+          <p>规格尺寸：{{ commodity.specificationsSize }}</p>
+          <p>单价：{{ commodity.unitPrice }} e-CNY</p>
+         </div>
+         <div class="item_footer">
+        
+            <el-button type="primary" @click="Visible = true">购买商品</el-button>
+         </div>
+       </div>
+       <pagination
+       v-show="total1>0"
+      :total="total1"
+      v-model:page="params1.index"
+      v-model:limit="params1.size"
+      @pagination="getDigital"
+           />
+   </div>
+   <el-dialog
+    v-model="dialogVisible"
+    title="领取红包"
+    width="34%"
+   >
+    <el-form  class="demo-form-inline" label-width="140px">
+    <el-form-item label="发放红包名称：">
+      <el-input class="text-input" clearable />
+    </el-form-item>
+    <el-form-item label="领取金额:">
+     <div style="display: flex;">
+        <el-input class="text-input" clearable />
+        <span style="width: 100px;text-align: center;line-height: 42px;color: #ffff;">e-CNY</span>
+     </div>
+    </el-form-item>
+
+  </el-form>
+  </el-dialog>
+  
+  <el-dialog
+    v-model="Visible"
+    title="选择消费红包"
+    width="56%"
+   >
+           <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe >
+          <el-table-column align="center" prop="Coding" label="红包名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="Amount" label="红包金额" >
+          </el-table-column>
+          <el-table-column align="center" prop="Address" label="使用日期" >
+          </el-table-column>
+          <el-table-column align="center" prop="new" label="发放方名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="wallet" label="发放方钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="date" label="使用条件" >
+          </el-table-column>
+          <el-table-column align="center"  label="选择使用金额" >
+            <el-input class="text-input" clearable />
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="操作" >
+            <el-switch
+    class="ml-2"
+    inline-prompt
+    style="--el-switch-on-color: #13ce66; --el-switch-off-color: #bfbfbf"
+    active-text="选择"
+    inactive-text="未选中"
+  />
+          </el-table-column>
+      
+        </el-table>
+        <pagination
+               :total="20"
+            />
+  </el-dialog>
+ </div>
+</template>
+<style lang='scss'  scoped>
+  .app-consumermall{
+
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    .red_packet{
+      padding: 0px 20px;
+      width: 100%;
+    //   display: flex;
+    //   justify-content: space-between;
+    //   flex-wrap: wrap;
+ 
+        .red_packet_item{
+            display: inline-block;
+            width: 232px;
+             height: 283px;
+             border-radius: 10px;
+             background: url('../../../assets/images/个人用户-切图/消费商城/消费红包.png') no-repeat;
+             margin-right: 46px;
+             margin-top: 20px;
+             &:hover{
+                transform: scale(1.03);
+                transition: transform 0.5s, opacity 0.3s;
+             }
+             .item_titel{
+                text-align: center;
+                margin-top: 40%;
+                font-size: 18px;
+                font-family: Source Han Sans CN;
+                font-weight: 600;
+                color: #92543F;
+                text-align: center;
+                span{
+                    display: inline-block;
+                    width: 69px;
+                    height: 69px;
+                    border-radius: 50%;
+                    line-height: 69px;
+                    // 鼠标小手
+                    cursor:pointer
+                }
+             }
+            
+             .item_information{
+                // padding:15px;
+                padding: 0px 15px;
+                p{
+                   font-size: 12px;
+                   font-family: Source Han Sans CN;
+                   font-weight: 500;
+                }
+             }
+        }
+        .purchase_merchandise_item{
+
+                height: 285px;
+                background:#11294f;
+                border: 2px solid #00B4FF;
+                // opacity: 0.3;
+                border-radius: 10px;
+                .merchandise_title{
+                 padding: 12px 15px 0px 15px; 
+                  padding-bottom: 0px;
+                  
+                  img{
+                    width: 198px;
+                    height: 120px;
+                    // border: 1px solid #00B4FF;
+                }
+              }
+              .purchase_merchandise_item_item_information{
+               p{
+                margin: 0px;
+                margin-top: 5px;
+               }
+              }
+              .item_footer{
+                padding: 15px;
+                .el-button--primary{
+                    width: 198px;
+                    height: 36px;
+                    border: 2px solid #25F4F9;
+                    background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+                    box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+                    border-radius: 8px;
+                }
+              }
+          }
+        .actove{
+            margin-right: 0px !important;
+        }
+    }
+    :deep(.el-dialog){
+    .el-dialog__body{
+        .el-form{
+            .text-input{
+            
+            .el-input__wrapper{
+                width: 275px;
+                height: 41px;
+                background:url('../../../assets/images/企业用户-切图/钱包管理-弹窗/输入框.png') no-repeat !important;
+                background-size: 100% 100% !important;
+                box-shadow: none !important;
+            }
+            }
+        }
+    }
+}
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/individual/detail/detail.vue b/src/views/individual/detail/detail.vue
new file mode 100644
index 0000000..0d43b37
--- /dev/null
+++ b/src/views/individual/detail/detail.vue
@@ -0,0 +1,208 @@
+<script setup>
+// 验证
+const dialogVisible = ref(false);
+// 解密
+const decodeVisible = ref(false);
+const tableData = reactive([
+  {
+    Coding:'xxxxxxxxxx',
+    Amount:'123',
+    Address:'xxxxxx',
+    new:'xxxx',
+    wallet:'xxxxx',
+    date: "2016-05-02",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-04",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-01",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-03",
+    name: "王小虎",
+    address: "上海市",
+  },
+]);
+
+</script>
+<template>
+ <div>
+    <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/34.png" alt="" />
+          <span>交易明细记录</span>
+        </el-col>
+      </el-row>
+    
+    
+      <div class="el-tab el-tab1">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="date" label="交易编码/信息摘要" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="交易金额" >
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="时间戳" >
+          </el-table-column>
+          <el-table-column align="center" prop="date" label="转入账户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="转入账户钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="转出账户名称">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="转出账户钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="交易类型"  width="200">
+            <el-button link  type="success" @click="dialogVisible =true">
+                  <svg-icon icon-class="look"/>查看
+              </el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/35.png" alt="" />
+          <span>交易数据上链广播</span>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1 el-tab2"   style="width: 50%">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="date" label=" 交易编码/信息摘要" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="广播节点" >
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="时问数" >
+          </el-table-column>
+          <el-table-column align="center" prop="date" label="操作" >
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-dialog
+    v-model="dialogVisible"
+    title="查看数字货币"
+    width="56%"
+    >
+           <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe >
+          <el-table-column align="center" prop="date" label="数字货币名（冠字号）" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="属主钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="数字货币面额" >
+          </el-table-column>
+        </el-table>
+       
+  </el-dialog>
+  <!-- 生成数字货币 -->
+  <el-dialog
+    v-model="decodeVisible"
+    title="生成数字货币"
+    width="34%"
+  >
+  <el-form  class="demo-form-inline">
+    <el-form-item label="额度控制位：">
+      <el-input  clearable />
+    </el-form-item>
+    <el-form-item label="署 主 信 息 ：">
+      <el-input  clearable />
+    </el-form-item>
+    <el-form-item label="央 行 私 钥 ：">
+      <el-input  clearable />
+    </el-form-item>
+  </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+       
+        <el-button type="primary" @click="decodeVisible = false">数字签名 生成数字货币</el-button>
+      </span>
+    </template>
+  </el-dialog>
+ </div>
+</template>
+<style lang='scss'  scoped>
+ :deep(.el-button--primary){
+            width: 202px;
+            height: 42px;
+            border: 2px solid #25F4F9;
+            background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+            box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+            border-radius: 8px;
+        }
+     .grabble{
+        display: flex;
+        height: 38px;
+        label{
+            width: 132px;
+            text-align: center;
+            line-height: 38px;
+            margin-left: 54px;
+            font-size: 14px;
+        }
+       :deep(.el-input__wrapper){
+            background-color: transparent !important;
+            width: 275px;
+            height: 41px;
+            background:url('../../../assets/images/企业用户-切图/钱包管理/筛选框.png') no-repeat !important;
+            background-size: 100% 100% !important;
+            box-shadow: none !important;
+            // 输入框光标改变颜色
+            caret-color: #ffffff;
+        }
+        // 按钮
+      
+      }
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    .el-tab {
+      padding: 0 13px;
+    }
+    .el-tab1 {
+      border: 1px solid #1854a6;
+      padding: 6px;
+      --el-table-row-hover-bg-color: transparent;
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #D1A506!important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+      
+    }      
+    .el-tab2{
+        :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #13B7DA!important;
+        color: #ffffff !important;
+        font-weight: 600;
+      } 
+    }
+    .svg-icon{
+    margin-right: 6px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/individual/index.vue b/src/views/individual/index.vue
new file mode 100644
index 0000000..c476108
--- /dev/null
+++ b/src/views/individual/index.vue
@@ -0,0 +1,180 @@
+<script setup>
+import mywallet from './mywallet/mywallet.vue';
+import detail from './detail/detail.vue'
+import consumermall from './consumermall/consumermall.vue';
+// 引入路由进行跳转
+import { useRouter } from 'vue-router';
+const router = useRouter();
+// 控制页面切换 1 钱包管理 2 交易数据 3 公司经营 4 智能合约模拟
+const tabsid = ref(1);
+const  go = (idx) => {
+  tabsid.value = idx;
+}
+</script>
+<template>
+  <div class="app-central">
+    <div class="central-bank-title">
+      <div @click.native="go(1)"><span>我的钱包</span></div>
+      <div @click.native="go(2)"><span>交易明细</span></div>
+      <div @click.native="go(3)"><span>消费商城</span></div>
+    </div>
+    <div class="central-ban-information">
+        <mywallet v-if="tabsid== 1"></mywallet>
+        <detail v-if="tabsid== 2"></detail>
+        <consumermall v-if="tabsid== 3"></consumermall>
+    </div>
+            <!-- 查看数字货币 -->
+
+  </div>
+</template>
+<style lang="scss" scoped>
+.app-central {
+  // background-color: #fff;
+  padding: 20px;
+  color: #ffffff;
+  .central-bank-title {
+    margin-bottom: 20px;
+    div {
+      display: inline-block;
+      width: 233px;
+      height: 77px;
+      color: #ffffff;
+      background: url("../../assets/images/个人用户-切图/个人用户-我的钱包/导航1-1.png") no-repeat;
+      background-size: 100% 100%;
+      margin-right: 20px;
+      text-align: center;
+      line-height: 77px;
+      font-size: 14px;
+      cursor: pointer;
+      user-select: none;
+      span{
+        display: inline-block;
+        width: 100%;
+      }
+      // 点击效果
+      &:hover{
+            transform: scale(1.01);
+            transition: transform 0.3s, opacity 0.3s; 
+        }
+    }
+    div:nth-child(2) {
+        background: url("../../assets/images/个人用户-切图/个人用户-我的钱包/导航2-1.png") no-repeat;
+    span{
+        padding-left: 25px;
+    }
+    }
+    div:nth-child(3) {
+        background: url("../../assets/images/个人用户-切图/个人用户-我的钱包/导航3-1.png") no-repeat;
+    }
+   
+  }
+  .central-ban-information {
+    width: 100%;
+    background: #0e2e68;
+    border: 1px solid #238aff;
+    opacity: 0.8;
+    border-radius: 5px;
+    padding: 0px 4px;
+ 
+  }
+}
+:deep(.el-dialog){
+    background: url('../../assets/images/dialogimg.png') no-repeat  !important ;
+  background-size:100% 100% !important;
+  .el-dialog__header{
+    padding: 0px;
+    display: flex;
+    justify-content: center;
+    .el-dialog__headerbtn{
+      .el-dialog__close{
+      // background-color: pink !important;
+      // 插入照片上去
+      background: url('../../assets/images/x.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+      width: 28px;
+      height: 28px;
+      margin-right: 15px;
+      cursor: pointer;
+     }
+     }
+    .el-dialog__title{
+      margin-top: -20px;
+      text-align: center;
+      width: 216px;
+      height: 59px;
+      line-height: 59px;
+      background: url('../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗标题.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+      color: #ffffff;
+    }
+  }
+  .el-dialog__body{
+    padding: 30px 60px;
+   .el-table .el-table__header-wrapper th {
+        background-color: #13B7DA !important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+      .el-table td.el-table__cell {
+        border-bottom: none;
+      }
+      .el-table tr {
+        background-color: #133364 !important;
+        color: #ffffff;
+      }
+      .el-table tr.el-table__row--striped td.el-table__cell {
+        background-color: #1E3F7E !important;
+        color: #ffffff;
+      }
+      .el-table th.el-table__cell.is-leaf{
+        border-bottom: none !important;
+      }
+      .el-table__inner-wrapper::before{
+        background-color: transparent !important;
+      }
+    .df{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      color: #ffffff;
+     
+    }
+    .el-form {
+      
+      .el-form-item__label{
+        color: #ffffff;
+        height: 46px;
+       line-height: 46px;
+      }
+      .el-input__wrapper{
+        background-color: transparent;
+        box-shadow: none;
+        caret-color: #ffffff;
+      }
+      .el-input{
+     height: 46px;
+        background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/输入框.png') no-repeat  !important ;
+       background-size:100% 100% !important;
+      }
+    }
+  }
+  .el-dialog__footer{
+    text-align: center;
+    padding-bottom: 30px;
+    .dialog-footer{
+        
+      .el-button{
+        // width: 244px;
+        padding: 0 107px;
+        height: 38px;
+        border: 2px solid #25F4F9;
+        background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+        box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+        border-radius: 8px;
+  //       background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/确定.png') no-repeat  !important ;
+  // background-size:100% 100% !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/individual/mywallet/mywallet.vue b/src/views/individual/mywallet/mywallet.vue
new file mode 100644
index 0000000..d392c2c
--- /dev/null
+++ b/src/views/individual/mywallet/mywallet.vue
@@ -0,0 +1,558 @@
+<script setup>
+import * as user from '@/api/user'
+const queryParams = reactive({
+  userId: '1',
+  username: '',
+});
+// 图片路径
+const fileInput=ref(null)
+// 存储钱包信息
+const walletList=ref(null)
+// 查看货币清单params
+const checkParams=reactive({
+    cryptocurrencyWalletAddress:'xxxx',
+    index:1,
+    size:10
+  })
+  // 开通用户数组人物有,小天,小择,小明
+  const options = [
+    {
+      value: '小天',
+      label: '小天',
+    },
+    {
+      value: '小择',
+      label: '小择',
+    },
+    {
+      value: '小明',
+      label: '小明',
+    },
+  ];
+  // 开通银行数组
+  const options1 = [
+    {
+      value: '中国银行',
+      label: '中国银行',
+    },
+    {
+      value: '工商银行',
+      label: '工商银行',
+    },
+    {
+      value: '农业银行',
+      label: '农业银行',
+    },
+  ];
+  // 数字钱包等级数组
+  const options2 = [
+    {
+      value: '1',
+      label: '一级',
+    },
+    {
+      value: '2',
+      label: '二级',
+    },
+    {
+      value: '3',
+      label: '三级',
+    },
+    {
+      value: '4',
+      label: '四级',
+    },
+  ];
+// 申请数字人民币钱包参数名
+const applyParams=reactive({
+  userId:'1',
+  cryptocurrencyWalletName:'',
+  username:'',
+  cryptocurrencyBank:'',
+  walletLevel:'',
+  phoneNumber:'',
+  idCardNumber:'',
+  bankAccount:'',
+  faceToFaceDataPhoto:''
+})
+// 验证
+const dialogVisible = ref(false);
+// 解密
+const decodeVisible = ref(false);
+const isCoinListVisible = ref(false);
+const tableData = reactive([
+  {
+    Coding:'xxxxxxxxxx',
+    Amount:'123',
+    Address:'xxxxxx',
+    new:'xxxx',
+    wallet:'xxxxx',
+    date: "2016-05-02",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-04",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-01",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-03",
+    name: "王小虎",
+    address: "上海市",
+  },
+]);
+
+function getFilePDF (e) {
+    if(e.target.files[0].type.indexOf('image')==-1){
+        alert('请上传图片')
+        return   
+    }
+   let reader = new FileReader()
+   fileInput.value.src=''
+    reader.readAsDataURL(e.target.files[0])
+    reader.onload = function(e) {
+        if(e.target.result){
+            fileInput.value.style.display='block'
+            fileInput.value.src=e.target.result
+            applyParams.faceToFaceDataPhoto=e.target.result
+        }
+  }
+  e.target.value=''
+} 
+// 
+// 获取钱包信息数据
+const getWallet = () => {
+  user.getinFoWallet(queryParams).then((res) => {
+    walletList.value=res
+  });
+};
+// 申请钱包函数
+function apply(){
+  user.getDigitalWallet(applyParams).then(res=>{
+    console.log(res)
+  })
+}
+// 查看函数
+function look(){
+  isCoinListVisible.value=true
+  user.getDigitalCurrency(checkParams).then(res=>{
+    console.log(res)
+  })
+}
+//用户信息
+const userlist=ref(null)
+// 充值弹窗
+function handleClose(val) {
+  userlist.value=val
+  rechargeParams.cryptocurrencyWalletAddress=val.cryptocurrencyWalletAddress
+  dialogVisible.value =true
+}
+// 充值params
+const rechargeParams=reactive({
+  cryptocurrencyWalletAddress:'',
+  rmbAmount:'',
+ 
+})
+// 充值请求
+function recharge(){
+  user.getDigitalRecharge(rechargeParams).then(res=>{
+    console.log(res)
+  })
+}
+// 注销params
+const cancelParams=reactive({
+  personAssetInfoId:'',
+  userId:'1'
+})
+// 注销
+function cancel(id){
+  cancelParams.personAssetInfoId=id
+  user.getWalletCancellation(cancelParams).then(res=>{
+    console.log(res)
+  })
+}
+getWallet()
+</script>
+<template>
+ <div>
+    <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/31.png" alt="" />
+          <span>个人钱包信息</span>
+        </el-col>
+      </el-row>
+    
+      <el-row>
+        <el-col :span="24">
+            <el-button type="info" icon="Document" @click="decodeVisible = true">申请数字人民币钱包</el-button>
+             <div class="grabble">
+                <label >用户筛选</label>
+                <el-select  class="m-2" placeholder="请选择" size="large">
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+             </div>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1">
+        <el-table
+          :data="walletList"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="username" label="用户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyBank" label="数字货币开户行" >
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyWalletAddress" label="数字货币钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥" >
+          </el-table-column>
+          <el-table-column align="center" prop="privateKey" label="私钥">
+          </el-table-column>
+          <el-table-column align="center" prop="walletLevel" label="钱包等级">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyBalance" label="数字货币金额">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="数字货币清单"  >
+           <template #default="scope">
+            <el-button link  type="success" @click="look(scope.row.cryptocurrencyWalletAddress)">
+                  <svg-icon icon-class="look"/>查看
+              </el-button>
+              </template>
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="操作" width="300">
+            <template #default="scope">
+                <el-button link  type="primary" >
+                  <svg-icon icon-class="upgrade"/>钱包等级升级
+              </el-button>
+              <el-button link  type="danger" @click="cancel(scope.row.personalAssetInfoId)">
+                  <svg-icon icon-class="cancel"/>注销
+              </el-button>
+              <el-button link  type="warning" @click="handleClose(scope.row)">
+                  <svg-icon icon-class="apply"/>充值
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/32.png" alt="" />
+          <span>个人用户信息</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+             <div class="grabble grabble1">
+                <label >企业用户筛选</label>
+                <el-select  class="m-2" placeholder="请选择" size="large">
+    <el-option
+      v-for="item in options"
+      :key="item.value"
+      :label="item.label"
+      :value="item.value"
+    />
+  </el-select>
+             </div>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1 el-tab2"   style="width: 80%">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe>
+          <el-table-column align="center" prop="date" label="用户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="手机号" >
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="身份证号" >
+          </el-table-column>
+          <el-table-column align="center" prop="date" label="开户行名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="银行账号">
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="人民币账户余额">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="操作">
+            <el-button link  type="success" >
+                  <svg-icon icon-class="transfer"/>转账
+              </el-button>
+          </el-table-column>
+        </el-table>
+      </div>
+      <!--  -->
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/33.png" alt="" />
+          <span>个人资产信息</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+            <el-button type="info" icon="Document" @click="decodeVisible = true">申请数字人民币钱包</el-button>
+          
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1" >
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="date" label="用户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="开户行名称 " >
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="铜行账号" >
+          </el-table-column>
+          <el-table-column align="center" prop="date" label="人民币底户余领" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="数字贺而开户行">
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="效字贺币钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="数宇指币余额">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="数字货币消唐红包余领">
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="钻包等级">
+          </el-table-column>
+          
+        </el-table>
+      </div>
+   <el-dialog
+    v-model="dialogVisible"
+    title="数字人民币充值"
+    width="34%"
+   >
+    <el-form  class="demo-form-inline" label-width="140px">
+    <el-form-item label="充值企业用户：">
+      <el-input v-model="userlist.username" clearable />
+    </el-form-item>
+    <el-form-item label="基本户开户行账号：">
+      <el-input v-model="userlist.bankAccount" clearable />
+    </el-form-item>
+    <el-form-item label="数字人民币开户行：">
+      <el-input v-model="userlist.cryptocurrencyBank" clearable />
+    </el-form-item>
+    <el-form-item label="充值钱包地址：">
+      <el-input v-model="userlist.cryptocurrencyWalletAddress" clearable />
+    </el-form-item>
+    <el-form-item label="基本账户余额：">
+      <el-input  v-model="userlist.cryptocurrencyBalance"  clearable />
+    </el-form-item>
+    <el-form-item label="兑换充值金额：">
+      <el-input v-model="rechargeParams.rmbAmount" class="text-input" clearable />
+    </el-form-item>
+  </el-form>
+  <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="recharge">确定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+  <!-- 生成数字货币 -->
+  <el-dialog
+    v-model="decodeVisible"
+    title="申请数字人民币钱包"
+    width="34%"
+  >
+  <el-form  class="demo-form-inline" label-width="130px">
+    <el-form-item label="钱包名称:">
+      <el-input v-model="applyParams.cryptocurrencyWalletName" class="text-input" clearable />
+    </el-form-item>
+    <el-form-item label="开通用户：">
+        <el-select
+        class="text-input"
+        style="width: 100%;"
+        placeholder="请选择"
+        clearable
+        v-model="applyParams.username"
+      >
+        <el-option v-for="item in options" :key="item" :label="item.label" :value="item.value" />
+      </el-select>
+    </el-form-item>
+    <el-form-item label="开通银行：">
+        <el-select
+        class="text-input"
+        style="width: 100%;"
+        placeholder="请选择"
+        clearable
+        v-model="applyParams.cryptocurrencyBank"
+      >
+        <el-option v-for="item in options1" :key="item" :label="item.label" :value="item.value" />
+      </el-select>
+    </el-form-item>
+    <el-form-item label="数字钱包等级：">
+        <el-select
+        class="text-input"
+        style="width: 100%;"
+        placeholder="请选择"
+        clearable
+        v-model="applyParams.walletLevel"
+      >
+        <el-option v-for="item in options2" :key="item" :label="item.label" :value="item.value" />
+      </el-select>
+    </el-form-item>
+    <el-form-item label="手机号：" >
+      <el-input   v-model="applyParams.phoneNumber" class="text-input" clearable />
+    </el-form-item>
+    <el-form-item label="身份证号：" v-show="applyParams.walletLevel !=='4'">
+      <el-input  v-model="applyParams.idCardNumber" class="text-input" clearable />
+    </el-form-item>
+    <el-form-item label="银行卡号：" v-show="applyParams.walletLevel =='1'|| applyParams.walletLevel =='2'|| applyParams.walletLevel ==''">
+      <el-input  v-model="applyParams.bankAccount" class="text-input" clearable />
+    </el-form-item>
+    <el-form-item label="运营机构面签：" v-show="applyParams.walletLevel =='1'||applyParams.walletLevel ==''">
+        <div class="updata-img"  onclick="upload.click()">
+                <img  ref="fileInput" src="" alt="">
+                <!-- <el-button icon="el-icon-plus" type="warning" plain  >资源文件</el-button> -->
+            <input type="file" @change="getFilePDF($event)" name="upload" id="upload" style="display: none;" accept="image/*" />
+            </div>
+    </el-form-item>
+  </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="apply">确定</el-button>
+      </span>
+    </template>
+  </el-dialog>
+  <!-- 查看 -->
+  <el-dialog
+    v-model="isCoinListVisible"
+    title="查看数字货币清单"
+    width="56%"
+  >
+  <el-table
+    :data="tableData"
+     style="width: 100%"
+          stripe >
+          <el-table-column align="center" prop="date" label="数字货币名（冠字号）" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="属主钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="name" label="数字货币面额" >
+          </el-table-column>
+        </el-table>
+   
+  </el-dialog>
+ </div>
+</template>
+<style lang='scss'  scoped>
+ :deep(.el-button--info){
+            width: 202px;
+            height: 42px;
+            border: 2px solid #25F4F9;
+            background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+            box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+            border-radius: 8px;
+        }
+     .grabble{
+        display: flex;
+        height: 38px;
+        label{
+            width: 132px;
+            text-align: center;
+            line-height: 38px;
+            margin-left: 21px;
+            font-size: 14px;
+        }
+       :deep(.el-input__wrapper){
+            background-color: transparent !important;
+            width: 275px;
+            height: 41px;
+            background:url('../../../assets/images/企业用户-切图/钱包管理/筛选框.png') no-repeat !important;
+            background-size: 100% 100% !important;
+            box-shadow: none !important;
+            // 输入框光标改变颜色
+            caret-color: #ffffff;
+        }
+        :deep(.is-focus .el-input__wrapper){
+          box-shadow: none !important;
+        }
+        // 按钮
+      
+      }
+      .grabble1{
+        label{
+            width: 100px;
+            text-align: left;
+            line-height: 38px;
+            margin-left: 0px;
+            font-size: 14px;
+        }
+      }
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    .el-tab {
+      padding: 0 13px;
+    }
+    .el-tab1 {
+      border: 1px solid #1854a6;
+      padding: 6px;
+      --el-table-row-hover-bg-color: transparent;
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #08CDD9!important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+      
+    }      
+    .svg-icon{
+    margin-right: 6px;
+}
+:deep(.el-dialog){
+    .el-dialog__body{
+        .el-form{
+          .el-input__inner{
+                color: #ffffff;
+              }
+            .text-input{
+              
+            .el-input__wrapper{
+                width: 275px;
+                height: 41px;
+                background:url('../../../assets/images/企业用户-切图/钱包管理-弹窗/输入框.png') no-repeat !important;
+                background-size: 100% 100% !important;
+                box-shadow: none !important;
+            }
+            }
+        }
+    }
+}
+.updata-img{
+        width: 67px;
+        height: 67px;
+        background: url('../../../assets/images/商业银行-切图/新增消费红包弹窗/上传.png') no-repeat  !important ;
+        // 鼠标小手
+        cursor: pointer;
+        background-size:100% 100% !important;
+        img{
+            width: 67px;
+            height: 67px;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/login.vue b/src/views/login.vue
index 6b7f487..c5d23e8 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -88,7 +88,7 @@
 </template>
 
 <script setup>
-import { getCodeImg } from "@/api/login";
+
 import Cookies from "js-cookie";
 import { encrypt, decrypt } from "@/utils/jsencrypt";
 import useUserStore from "@/store/modules/user";
@@ -99,20 +99,18 @@ const router = useRouter();
 const { proxy } = getCurrentInstance();
 
 const loginForm = ref({
-  username: "admin",
-  password: "admin123",
-  rememberMe: false,
-  code: "",
-  uuid: "",
+  username: "",
+  password: "",
+  TOKEN:''
+  
 });
 
 const loginRules = {
   username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
   password: [{ required: true, trigger: "blur", message: "请输入您的密码" }],
- 
 };
 
-const codeUrl = ref("");
+
 const loading = ref(false);
 // 验证码开关
 // const captchaEnabled = ref(true);
@@ -145,18 +143,23 @@ function handleLogin() {
         Cookies.remove("password");
         Cookies.remove("rememberMe");
       }
+      const params = {
+        username: loginForm.value.username,
+        password:encrypt(loginForm.value.password),
+        token:''
+      };
       // 调用action的登录方法
       userStore
-        .login(loginForm.value)
+        .login(params)
         .then(() => {
           router.push({ path: redirect.value || "/" });
         })
         .catch(() => {
           loading.value = false;
           // 重新获取验证码
-          if (captchaEnabled.value) {
-            getCode();
-          }
+          // if (captchaEnabled.value) {
+          //   // getCode();
+          // }
         });
     }
   });
@@ -174,6 +177,7 @@ function handleLogin() {
 // }
 
 function getCookie() {
+  console.log(Cookies.get("username"),"uijkm");
   const username = Cookies.get("username");
   const password = Cookies.get("password");
   const rememberMe = Cookies.get("rememberMe");
diff --git a/src/views/quota/PrincipleDemo/PrincipleDemo.vue b/src/views/quota/PrincipleDemo/PrincipleDemo.vue
new file mode 100644
index 0000000..0e7c2fa
--- /dev/null
+++ b/src/views/quota/PrincipleDemo/PrincipleDemo.vue
@@ -0,0 +1,515 @@
+<script setup>
+import  * as control from '@/api/control.js'
+import {getAssetsFile} from '@/utils/index.js'
+// 引入路由进行跳转
+import { useRouter } from 'vue-router';
+const router = useRouter();
+// 验证
+const dialogVisible = ref(false);
+// 解密
+const decodeVisible = ref(false);
+const RMBlist =reactive([
+  {
+   RMBSrc:'100.png',
+    RMB:'¥100',
+  },
+  {
+    RMBSrc:'50.png',
+    RMB:'¥50',
+  },
+  {
+    RMBSrc:'20.png',
+    RMB:'¥20',
+  },
+  {
+    RMBSrc:'10.png',
+    RMB:'¥10',
+  },
+  {
+    RMBSrc:'5.png',
+    RMB:'¥5',
+  },
+  {
+    RMBSrc:'1.png',
+    RMB:'¥1',
+  },
+  {
+    RMBSrc:'0.5.png',
+    RMB:'¥0.5',
+  },
+  {
+    RMBSrc:'0.1.png',
+    RMB:'¥0.1',
+  },
+  {
+    RMBSrc:'0.01.png',
+    RMB:'¥0.01',
+  }
+])
+// 进度内容数组
+const progress = reactive([
+  {
+    title:'基本加密密码',
+   
+    idx:1
+  },
+  {
+    title:'加密密码',
+
+    idx:2
+  },
+  {
+    title:'面额数字货币',
+    
+    idx:3
+  }
+])
+// 工具箱数据
+const toolbox = reactive(
+ [
+ {
+    name:'央行主密码',
+    // 是否选中
+    isSelect:false,
+    // 数据
+    value:''
+  },
+  {
+    name:'系统随机数',
+    // 是否选中
+    isSelect:false,
+    value:''
+  },
+  {
+    name:'央行私钥',
+    // 是否选中
+    isSelect:false,
+    value:''
+  },
+  {
+    name:'央行公钥',
+    // 是否选中
+    isSelect:false,
+    value:''
+  }
+ ]
+  )
+const plan=ref(1)
+const planact=ref(1)
+// 基本加密密码
+// 基本加密密码对象
+
+const Select = (rmb) => {
+  if(plan.value==1){
+    requestData[0].money=rmb
+  }else if(plan.value==2){
+    requestData[1].money=rmb
+  }else{
+    requestData[2].money=rmb
+  }
+}
+const  go = (idx) => {
+    console.log(idx);
+    if(idx == 1){
+        router.push('/central/information-verification')
+    }else if(idx == 2){
+        router.push('/central/control-bit')
+    }else if(idx == 3){
+        router.push('/central/digital-currency-put')
+    }
+}
+// 切换
+const change = (idx) => {
+  plan.value=idx
+}
+function getUuid() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = (Math.random() * 16) | 0,
+      v = c == 'x' ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+}
+// 获取工具箱数据
+const getToolbox = async() => {
+  dialogVisible.value = true
+ try {
+  const res = await control.getTool()
+  toolbox[0].value=res.data.mainPassword
+  toolbox[1].value=getUuid()
+  toolbox[2].value=res.data.privateKey
+  toolbox[3].value=res.data.publicKey
+  console.log(toolbox,"toolbox");
+ } catch (error) {
+ }
+}
+const handleCheckboxChange = (val) => {
+  toolbox.forEach((item) => {
+  
+  if(plan.value == 1){
+    if (item.name === '央行主密码') {
+      item.isSelect=true
+      requestData[0].cipher=val.value
+    }else{
+      item.isSelect=false
+    }
+  }else if(plan.value == 2){
+    if (item.name === '系统随机数') {
+      item.isSelect=true
+      requestData[1].cipher=val.value
+    }else{
+      item.isSelect=false
+    }
+  }else if(plan.value == 3){
+    if (item.name === '央行私钥') {
+      item.isSelect=true
+      requestData[2].cipher=val.value
+    }else{
+      item.isSelect=false
+    }
+  }
+  });
+}
+// 加密需要的参数
+const requestData = reactive([
+{
+  money:'',
+  cipher:'',
+  basic:''
+},
+{
+  money:'',
+  cipher:'',
+  basic:''
+},
+{
+  money:'',
+  cipher:'',
+  basic:''
+}
+])
+// 原理演练加密
+const encryptedData =async()=>{
+  if(plan.value == 1){
+    requestData[0].basic= requestData[0].cipher +requestData[0].money
+   planact.value++
+  }else if(plan.value == 2){
+    requestData[1].basic=requestData[1].cipher +requestData[1].money
+   planact.value++
+  }else{
+    try {
+      const res = await control.encryption({money:requestData[2].money,cipher:requestData[2].cipher})
+      requestData[2].basic=res.data
+    } catch (error) {
+      
+    }
+  }
+}
+</script>
+<template>
+  <div class="app-central">
+   
+    <div class="central-ban-information">
+      <el-row>
+        <el-col :span="24">
+          <img src="../../../assets/images/04.png" alt="" />
+          <span>面额数字演练</span>
+        </el-col>
+      </el-row>
+     <div class="conter">
+        <div class="left">
+         <div class="progress" >
+          <div class="progress_title" v-for="(item,index) in progress" :key="item" >
+            <div class="wid" :class="{'active':index < planact}" @click="change(item.idx)">{{ item.title }}</div>
+            <i v-if="index < 2">
+                <img src="../../../assets/images/中央银行-切图/原理演练-切图/向右.png" alt="">
+            </i>
+          </div>
+         </div>
+         <div class="manoeuvre" v-if="plan == 1">
+            <p>面额数字：{{ requestData[0].money }}</p>
+            <p>央行主密码： <a href="#" @click="getToolbox">选择</a></p>
+            <p>基本加密密码：{{ requestData[0].basic }}</p>
+            <p>  <el-button icon="Lock" @click="encryptedData">加密</el-button></p>
+         </div>
+         <div class="manoeuvre"  v-if="plan == 2">
+            <p>基本加密密码：{{ requestData[1].money }}</p>
+            <p>系统随机数： <a href="#"  @click="getToolbox">选择</a></p>
+            <p>加密密码：{{ requestData[1].basic }}</p>
+            <p>  <el-button icon="Lock" @click="encryptedData">加密</el-button></p>
+         </div>
+         <div class="manoeuvre"  v-if="plan == 3">
+            <p>加密密码：{{ requestData[2].basic }}</p>
+            <p>央行私钥： <a href="#" @click="getToolbox">选择</a></p>
+            <p>面额数字货币：{{ requestData[2].money }}</p>
+            <p>  <el-button icon="Lock" @click="encryptedData">加密</el-button></p>
+         </div>
+        </div>
+      <div class="rig">
+        <el-row justify="space-between">
+          <el-col :span="8" v-for="(item,index) in RMBlist" :key="item">
+           <div class="denomination" :class="['denomination'+index]" @click="Select(item.RMB)">
+            <div class="rice">
+           <span>
+            <img :src="getAssetsFile(item.RMBSrc)" alt="">
+            </span>
+              <p>{{ item.RMB }}</p>
+            </div>
+           </div>
+          </el-col>
+        </el-row>
+      </div>
+     </div>
+    </div>
+    <el-dialog
+    v-model="dialogVisible"
+    title="工具箱"
+    width="26%"
+    :draggable="true"
+    :modal="false"
+  >
+   <p class="df" v-for="tool in toolbox" :key="item">
+    <span ><el-icon><Lock /></el-icon> {{ tool.name }}</span>
+    <span>  
+      <el-checkbox  v-model="tool.isSelect"  size="large"  @change="handleCheckboxChange(tool)"/>
+    </span>
+   </p>
+ 
+  </el-dialog>
+  </div>
+</template>
+<style lang="scss" scoped>
+.app-central {
+    position: relative;
+  // background-color: #fff;
+  color: #ffffff;
+ 
+  .central-ban-information {
+ 
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+      }
+    }
+    .conter{
+        display: flex;
+        padding: 0px 14px;
+        .left{
+        width: 567px;
+        height: 810px;
+        background: #1e5182;
+        border-radius: 5px; 
+        margin-right: 20px;
+        .manoeuvre{
+            padding: 0px 28px;
+            font-size: 14px;
+            font-family: Source Han Sans CN;
+            font-weight: 600;
+            color: #FFFFFF;
+            a{
+                color: #1DF4FA;
+                &:hover{
+                  text-decoration:underline;
+                }
+            }
+            p:nth-child(2){
+                margin: 30px 0px;
+            }
+            p:nth-child(4){
+               margin-top: 50px;
+            }
+            .el-button{
+                padding:0 90px;
+                height: 38px;
+                border: 2px solid #25F4F9;
+                background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+                box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+                border-radius: 8px;
+                color: #ffffff;
+            }
+         }
+        .progress{
+            padding:20px 6px;
+             display: flex;
+         .progress_title{
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            // 鼠标小手
+
+           .wid{
+            width: 155px;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(0deg, #6F6F8D 0%, #D2D6E5 100%);
+            border-radius: 10px 10px 0px 0px;
+            font-size: 14px;
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            color: #FFFFFF;
+            // 鼠标小手
+            cursor: pointer;
+            }
+            .active{
+              background: linear-gradient(0deg, #D82223 0%, #FE7735 100%);
+            }
+            i{
+            margin: 0px 8px;
+            }
+         }
+        
+        }
+    }
+    .rig{
+        width: calc(100% - 36%);
+        height: 810px;
+        background: #1e5182 !important;
+        border-radius: 5px; 
+        padding: 37px ;
+        .el-col-8{
+          display: flex;
+          justify-content: center;
+        }
+        .denomination{
+          width: 246px;
+          height: 135px;
+          background: url('../../../assets/images/中央银行-切图/原理演练-切图/未选中背景-绿.png') no-repeat;
+          margin-bottom: 35px;
+          padding: 10px;
+          // 鼠标小手
+          cursor: pointer;
+          &:hover{
+            transform: scale(1.01);
+            transition: transform 0.3s, opacity 0.3s; 
+            background: url('../../../assets/images/中央银行-切图/原理演练-切图/选中背景-绿.png') no-repeat;
+          }
+         .rice{
+          height: 100%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          span{
+            margin-top: 1px;
+          }
+          p{
+            padding-top: 1px;
+            margin: 0px;
+            font-size: 18px;
+            font-weight: 400;
+            color: #FFFFFF;
+          }
+         }
+        }
+        .denomination1,.denomination2,.denomination3,.denomination4{
+          background: url('../../../assets/images/中央银行-切图/原理演练-切图/未选中背景-紫.png') no-repeat !important;
+          &:hover{
+            transition: transform 0.3s, opacity 0.3s; 
+            background: url('../../../assets/images/中央银行-切图/原理演练-切图/选中背景-紫.png') no-repeat !important; 
+          }
+        }
+    }
+    }
+   
+  }
+}
+.svg-icon{
+    margin-right: 6px;
+}
+:deep(.el-dialog){
+    position: absolute ;
+    left: 14%;
+    bottom: -33px;
+    background: url('../../../assets/images/弹窗背景.png') no-repeat;
+    background-size: 100% 100%;
+    .el-dialog__header{
+    padding: 0px;
+    display: flex;
+    justify-content: center;
+ 
+    .el-dialog__headerbtn{
+      .el-dialog__close{
+      // background-color: pink !important;
+      // 插入照片上去
+      background: url('../../../assets/images/x.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+      width: 28px;
+      height: 28px;
+      margin-right: 15px;
+      cursor: pointer;
+     }
+     }
+    .el-dialog__title{
+      margin-top: -20px;
+      text-align: center;
+      width: 216px;
+      height: 59px;
+      line-height: 59px;
+      background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗标题.png') no-repeat  !important ;
+      background-size:100% 100% !important;
+     color: #ffffff;
+     
+    
+    }
+  }
+  .el-dialog__body{
+    padding: 30px 20px;
+    .df{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      color: #ffffff;
+      padding: 0px 20px;
+      width: 450px;
+      height: 49px;
+      background: linear-gradient(52deg, #9F6604 0%, #FFDE00 100%);
+      border-radius: 10px;
+      span:nth-child(1){
+        display: flex;
+        align-items: center;
+        .el-icon{
+          margin-right: 20px !important;
+        }
+      }
+.el-checkbox__inner{
+    width: 24px;
+    height: 24px;
+    border: 2px solid #FFFFFF;
+    border-radius: 6px;
+    background-color: transparent;
+    &::after{
+        height: 12px;
+        top: 3px;
+        width: 4px;
+        left: 9px;
+    }
+}
+.el-icon{
+    width: 2em;
+    height: 2em;
+    svg{
+        width: 2em;
+    height: 2em;
+    }
+}
+    }
+    .df:nth-child(2){
+      background: linear-gradient(-90deg, #4071FF 0%, #1035BD 100%);
+    }
+    .df:nth-child(3){
+      background: linear-gradient(-90deg, #8A57FF 0%, #481BBA 100%);
+    }
+    .df:nth-child(4){
+      background: linear-gradient(-90deg, #007D61 0%, #00E07E 100%);
+    }
+}
+}
+</style>
diff --git a/src/views/quota/index.vue b/src/views/quota/index.vue
index c9946b5..e506f4d 100644
--- a/src/views/quota/index.vue
+++ b/src/views/quota/index.vue
@@ -1,209 +1,15 @@
 <script setup>
-import  * as control from '@/api/control.js'
-import {getAssetsFile} from '@/utils/index.js'
+import principleDemo from './PrincipleDemo/PrincipleDemo.vue';
+import manoeuvre from './manoeuvre/manoeuvre'
+import moneey from './money/money.vue'
 // 引入路由进行跳转
 import { useRouter } from 'vue-router';
 const router = useRouter();
-// 验证
-const dialogVisible = ref(false);
-// 解密
-const decodeVisible = ref(false);
-const RMBlist =reactive([
-  {
-   RMBSrc:'100.png',
-    RMB:'¥100',
-  },
-  {
-    RMBSrc:'50.png',
-    RMB:'¥50',
-  },
-  {
-    RMBSrc:'20.png',
-    RMB:'¥20',
-  },
-  {
-    RMBSrc:'10.png',
-    RMB:'¥10',
-  },
-  {
-    RMBSrc:'5.png',
-    RMB:'¥5',
-  },
-  {
-    RMBSrc:'1.png',
-    RMB:'¥1',
-  },
-  {
-    RMBSrc:'0.5.png',
-    RMB:'¥0.5',
-  },
-  {
-    RMBSrc:'0.1.png',
-    RMB:'¥0.1',
-  },
-  {
-    RMBSrc:'0.01.png',
-    RMB:'¥0.01',
-  }
-])
-// 进度内容数组
-const progress = reactive([
-  {
-    title:'基本加密密码',
-   
-    idx:1
-  },
-  {
-    title:'加密密码',
 
-    idx:2
-  },
-  {
-    title:'面额数字货币',
-    
-    idx:3
-  }
-])
-// 工具箱数据
-const toolbox = reactive(
- [
- {
-    name:'央行主密码',
-    // 是否选中
-    isSelect:false,
-    // 数据
-    value:''
-  },
-  {
-    name:'系统随机数',
-    // 是否选中
-    isSelect:false,
-    value:''
-  },
-  {
-    name:'央行私钥',
-    // 是否选中
-    isSelect:false,
-    value:''
-  },
-  {
-    name:'央行公钥',
-    // 是否选中
-    isSelect:false,
-    value:''
-  }
- ]
-  )
-const plan=ref(1)
-const planact=ref(1)
-// 基本加密密码
-// 基本加密密码对象
-
-const Select = (rmb) => {
-  if(plan.value==1){
-    requestData[0].money=rmb
-  }else if(plan.value==2){
-    requestData[1].money=rmb
-  }else{
-    requestData[2].money=rmb
-  }
-}
 const  go = (idx) => {
-    console.log(idx);
-    if(idx == 1){
-        router.push('/central/information-verification')
-    }else if(idx == 2){
-        router.push('/central/control-bit')
-    }else if(idx == 3){
-        router.push('/central/digital-currency-put')
-    }
-}
-// 切换
-const change = (idx) => {
-  plan.value=idx
-}
-function getUuid() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    var r = (Math.random() * 16) | 0,
-      v = c == 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-}
-// 获取工具箱数据
-const getToolbox = async() => {
-  dialogVisible.value = true
- try {
-  const res = await control.getTool()
-  toolbox[0].value=res.data.mainPassword
-  toolbox[1].value=getUuid()
-  toolbox[2].value=res.data.privateKey
-  toolbox[3].value=res.data.publicKey
-  console.log(toolbox,"toolbox");
- } catch (error) {
- }
-}
-const handleCheckboxChange = (val) => {
-  toolbox.forEach((item) => {
-  
-  if(plan.value == 1){
-    if (item.name === '央行主密码') {
-      item.isSelect=true
-      requestData[0].cipher=val.value
-    }else{
-      item.isSelect=false
-    }
-  }else if(plan.value == 2){
-    if (item.name === '系统随机数') {
-      item.isSelect=true
-      requestData[1].cipher=val.value
-    }else{
-      item.isSelect=false
-    }
-  }else if(plan.value == 3){
-    if (item.name === '央行私钥') {
-      item.isSelect=true
-      requestData[2].cipher=val.value
-    }else{
-      item.isSelect=false
-    }
-  }
-  });
-}
-// 加密需要的参数
-const requestData = reactive([
-{
-  money:'',
-  cipher:'',
-  basic:''
-},
-{
-  money:'',
-  cipher:'',
-  basic:''
-},
-{
-  money:'',
-  cipher:'',
-  basic:''
-}
-])
-// 原理演练加密
-const encryptedData =async()=>{
-  if(plan.value == 1){
-    requestData[0].basic= requestData[0].cipher +requestData[0].money
-   planact.value++
-  }else if(plan.value == 2){
-    requestData[1].basic=requestData[1].cipher +requestData[1].money
-   planact.value++
-  }else{
-    try {
-      const res = await control.encryption({money:requestData[2].money,cipher:requestData[2].cipher})
-      requestData[2].basic=res.data
-    } catch (error) {
-      
-    }
-  }
+  isControlPage.value=idx
 }
+const isControlPage=ref(1)
 </script>
 <template>
   <div class="app-central">
@@ -213,72 +19,11 @@ const encryptedData =async()=>{
       <div @click.native="go(3)"><span>数字货币生成</span></div>
     </div>
     <div class="central-ban-information">
-      <el-row>
-        <el-col :span="24">
-          <img src="../../assets/images/信息验证-icon.png" alt="" />
-          <span>面额数字演练</span>
-        </el-col>
-      </el-row>
-     <div class="conter">
-        <div class="left">
-         <div class="progress" >
-          <div class="progress_title" v-for="(item,index) in progress" :key="item" >
-            <div class="wid" :class="{'active':index < planact}" @click="change(item.idx)">{{ item.title }}</div>
-            <i v-if="index < 2">
-                <img src="../../assets//images/中央银行-切图/原理演练-切图/向右.png" alt="">
-            </i>
-          </div>
-         </div>
-         <div class="manoeuvre" v-if="plan == 1">
-            <p>面额数字：{{ requestData[0].money }}</p>
-            <p>央行主密码： <a href="#" @click="getToolbox">选择</a></p>
-            <p>基本加密密码：{{ requestData[0].basic }}</p>
-            <p>  <el-button icon="Lock" @click="encryptedData">加密</el-button></p>
-         </div>
-         <div class="manoeuvre"  v-if="plan == 2">
-            <p>基本加密密码：{{ requestData[1].money }}</p>
-            <p>系统随机数： <a href="#"  @click="getToolbox">选择</a></p>
-            <p>加密密码：{{ requestData[1].basic }}</p>
-            <p>  <el-button icon="Lock" @click="encryptedData">加密</el-button></p>
-         </div>
-         <div class="manoeuvre"  v-if="plan == 3">
-            <p>加密密码：{{ requestData[2].basic }}</p>
-            <p>央行私钥： <a href="#" @click="getToolbox">选择</a></p>
-            <p>面额数字货币：{{ requestData[2].money }}</p>
-            <p>  <el-button icon="Lock" @click="encryptedData">加密</el-button></p>
-         </div>
-        </div>
-      <div class="rig">
-        <el-row justify="space-between">
-          <el-col :span="8" v-for="(item,index) in RMBlist" :key="item">
-           <div class="denomination" :class="['denomination'+index]" @click="Select(item.RMB)">
-            <div class="rice">
-           <span>
-            <img :src="getAssetsFile(item.RMBSrc)" alt="">
-            </span>
-              <p>{{ item.RMB }}</p>
-            </div>
-           </div>
-          </el-col>
-        </el-row>
-      </div>
-     </div>
+      <principleDemo v-show="isControlPage==1"></principleDemo>
+      <manoeuvre v-show="isControlPage==2"></manoeuvre>
+      <moneey v-show="isControlPage==3"></moneey>
     </div>
-    <el-dialog
-    v-model="dialogVisible"
-    title="工具箱"
-    width="26%"
-    :draggable="true"
-    :modal="false"
-  >
-   <p class="df" v-for="tool in toolbox" :key="item">
-    <span ><el-icon><Lock /></el-icon> {{ tool.name }}</span>
-    <span>  
-      <el-checkbox  v-model="tool.isSelect"  size="large"  @change="handleCheckboxChange(tool)"/>
-    </span>
-   </p>
- 
-  </el-dialog>
+  
   </div>
 </template>
 <style lang="scss" scoped>
@@ -286,6 +31,7 @@ const encryptedData =async()=>{
     position: relative;
   // background-color: #fff;
   color: #ffffff;
+  padding: 20px;
   .central-bank-title {
     margin-bottom: 20px;
     div {
@@ -293,7 +39,7 @@ const encryptedData =async()=>{
       width: 202px;
       height: 52px;
       color: #ffffff;
-      background: url("../../assets/images/1按钮-后.png") no-repeat;
+      background: url("../../assets/images/btn04.png") no-repeat;
       margin-right: 25px;
       text-align: center;
       line-height: 52px;
@@ -312,12 +58,11 @@ const encryptedData =async()=>{
         }
     }
     div:nth-child(2) {
-      background: url("../../assets/images/2按钮-后.png") no-repeat;
+      background: url("../../assets/images/btn05.png") no-repeat;
     }
     div:nth-child(3) {
-      background: url("../../assets/images/3按钮-后.png") no-repeat;
+      background: url("../../assets/images/btn06.png") no-repeat;
     }
-    
   }
   .central-ban-information {
     width: 100%;
diff --git a/src/views/quota/manoeuvre/manoeuvre.vue b/src/views/quota/manoeuvre/manoeuvre.vue
index 53c0dee..ecce6e8 100644
--- a/src/views/quota/manoeuvre/manoeuvre.vue
+++ b/src/views/quota/manoeuvre/manoeuvre.vue
@@ -111,21 +111,16 @@ const look = async(val) => {
   // }
 }
 // 表格面额乘数量
-
 getCurrency()
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)"><span>原理演练</span></div>
-      <div @click.native="go(2)"><span>控制位生成</span></div>
-      <div @click.native="go(3)"><span>数字货币生成</span></div>
-    </div>
+    
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
-          <span>信息验证</span>
+          <img src="../../../assets/images/05.png" alt="" />
+          <span>控制位生成</span>
         </el-col>
       </el-row>
       <div class="el-tab el-tab1">
@@ -174,7 +169,7 @@ getCurrency()
     v-model="dialogVisible"
     title="控制位"
     width="34%"
-    :before-close="handleClose"
+    
   >
   <controlform :ID="id"/>
  
@@ -209,46 +204,9 @@ getCurrency()
 .app-central {
   // background-color: #fff;
   color: #ffffff;
-  .central-bank-title {
-    margin-bottom: 20px;
-    div {
-      display: inline-block;
-      width: 202px;
-      height: 52px;
-      color: #ffffff;
-    background: url("../../../assets/images/1按钮-后.png") no-repeat;
-      margin-right: 25px;
-      text-align: center;
-      line-height: 52px;
-      font-size: 14px;
-      cursor: pointer;
-      user-select: none;
-      span{
-        display: inline-block;
-        width: 100%;
-        margin-left: 15px;
-      }
-      // 点击效果
-      &:hover{
-            transform: scale(1.01);
-            transition: transform 0.3s, opacity 0.3s; 
-        }
-    }
-    div:nth-child(2) {
-    background: url("../../../assets/images/2按钮-后.png") no-repeat;
-    }
-    div:nth-child(3) {
-      background: url("../../../assets/images/3按钮-后.png") no-repeat;
-    }
-    
-  }
+ 
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
+   
     .el-col-24 {
       height: 69px;
       padding: 15px 13px;
@@ -279,7 +237,7 @@ getCurrency()
     margin-right: 6px;
 }
 :deep(.el-dialog){
-    background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
   background-size:100% 100% !important;
   .el-dialog__header{
     padding: 0px;
diff --git a/src/views/quota/money/money.vue b/src/views/quota/money/money.vue
index b093d99..0df3216 100644
--- a/src/views/quota/money/money.vue
+++ b/src/views/quota/money/money.vue
@@ -11,36 +11,7 @@ const dialogVisible = ref(false);
 const dialogQuotaVisible = ref(false);
 // 解密
 const decodeVisible = ref(false);
-const tableData = reactive([
-  {
-    Coding:'xxxxxxxxxx',
-    Amount:'123',
-    Address:'xxxxxx',
-    new:'xxxx',
-    wallet:'xxxxx',
-    date: "2016-05-02",
-    name: "王小虎",
-    address: "上海市",
-  },
-  {
-    Coding:'xxxxxxxxxx',
-    date: "2016-05-04",
-    name: "王小虎",
-    address: "上海市",
-  },
-  {
-    Coding:'xxxxxxxxxx',
-    date: "2016-05-01",
-    name: "王小虎",
-    address: "上海市",
-  },
-  {
-    Coding:'xxxxxxxxxx',
-    date: "2016-05-03",
-    name: "王小虎",
-    address: "上海市",
-  },
-]);
+
 const  go = (idx) => {
     console.log(idx);
     if(idx == 1){
@@ -209,10 +180,14 @@ const put = async (id) => {
   } catch (error) {
   }
 }
+// 存储找零数字货币数据
+const tableData = ref(null)
+
 // 获取找零生成数字货币数据
 const getChange = async () => {
   try {
     const res = await control.changeMoney(queryParams);
+    tableData.value = res.data.list
     console.log(res);
   } catch (error) {
   }
@@ -223,15 +198,11 @@ getlist()
 </script>
 <template>
   <div class="app-central">
-    <div class="central-bank-title">
-      <div @click.native="go(1)"><span>原理演练</span></div>
-      <div @click.native="go(2)"><span>控制位生成</span></div>
-      <div @click.native="go(3)"><span>数字货币生成</span></div>
-    </div>
+   
     <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/06.png" alt="" />
           <span>兑换生成数字货币</span>
         </el-col>
       </el-row>
@@ -253,12 +224,12 @@ getlist()
           </el-table-column>
           <el-table-column align="center" prop="exchangeBankWalletAddress" label="兑换行钱包地址">
           </el-table-column>
-          <el-table-column align="center" prop="transactionRemarks" label="交易备注">
+          <el-table-column align="center" prop="address" label="控制位信息">
           </el-table-column>
-         
-          <el-table-column align="center" prop="address" label="操作" width="400">
+          <el-table-column align="center" prop="address" label="时间戳">
+          </el-table-column>
+          <el-table-column align="center" prop="address" label="操作" width="360">
             <template #default="scope">
-              
                 <el-button link  type="warning" @click="handleClose(scope.row)" :disabled="scope.row.digitalCurrencyGenerationStatus == 'true'">
                     <svg-icon icon-class="generate"/>生成数字货币
                 </el-button>
@@ -283,7 +254,7 @@ getlist()
             <div class="central-ban-information">
       <el-row>
         <el-col :span="24">
-          <img src="../../../assets/images/icon.png" alt="" />
+          <img src="../../../assets/images/07.png" alt="" />
           <span>找零生成数字货币（系统自动生成）</span>
         </el-col>
       </el-row>
@@ -292,27 +263,26 @@ getlist()
           :data="tableData"
           style="width: 100%"
           stripe
-          :header-cell-style="tableHeaderCellStyle"
         >
-          <el-table-column align="center" prop="date" label="交易编码" width="160">
+          <el-table-column align="center" prop="transactionCode" label="交易编码" width="160">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyAmount" label="交易金额" width="180">
           </el-table-column>
-          <el-table-column align="center" prop="name" label="交易金额" width="180">
+          <el-table-column align="center" prop="recipientName" label="属主名称" width="90">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="属主名称" width="90">
+          <el-table-column align="center" prop="recipientWalletAddress" label="属主钱包地址" width="300">
           </el-table-column>
-          <el-table-column align="center" prop="date" label="属主钱包地址" >
+          <el-table-column align="center" prop="senderName" label="兑换行名称">
           </el-table-column>
-          <el-table-column align="center" prop="name" label="兑换行名称">
+          <el-table-column align="center" prop="senderWalletAddress" label="兑换行钱包地址">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="兑换行钱包地址">
+          <el-table-column align="center" prop="address" label="控制位信息">
           </el-table-column>
-          <el-table-column align="center" prop="name" label="交易备注">
+          <el-table-column align="center" prop="transactionTime" label="时间戳">
           </el-table-column>
-          <el-table-column align="center" prop="address" label="操作" width="300">
+          <el-table-column align="center" prop="transactionTime" label="操作" width="300">
             <template #default="scope">
-              
-           
-                <el-button link  type="success"  @click="dialogVisible =true">
+                <el-button link  type="success"  @click="getDigitalCurrency(scope.row.transactionCode)">
                     <svg-icon icon-class="look"/>查看数字货币
                 </el-button>
               </template>
@@ -379,46 +349,9 @@ getlist()
 .app-central {
   // background-color: #fff;
   color: #ffffff;
-  .central-bank-title {
-    margin-bottom: 20px;
-    div {
-      display: inline-block;
-      width: 202px;
-      height: 52px;
-      color: #ffffff;
-    background: url("../../../assets/images/1按钮-后.png") no-repeat;
-      margin-right: 25px;
-      text-align: center;
-      line-height: 52px;
-      font-size: 14px;
-      cursor: pointer;
-      user-select: none;
-      span{
-        display: inline-block;
-        width: 100%;
-        margin-left: 15px;
-      }
-      // 点击效果
-      &:hover{
-            transform: scale(1.01);
-            transition: transform 0.3s, opacity 0.3s; 
-        }
-    }
-    div:nth-child(2) {
-    background: url("../../../assets/images/2按钮-后.png") no-repeat;
-    }
-    div:nth-child(3) {
-      background: url("../../../assets/images/3按钮-后.png") no-repeat;
-    }
-    
-  }
+
   .central-ban-information {
-    width: 100%;
-    background: #0e2e68;
-    border: 1px solid #238aff;
-    opacity: 0.8;
-    border-radius: 5px;
-    padding: 0px 4px;
+   
     .el-col-24 {
       height: 69px;
       padding: 15px 13px;
@@ -466,8 +399,9 @@ getlist()
     margin-right: 6px;
 }
 :deep(.el-dialog){
-    background: url('../../../assets/images/中央银行-切图/验证+解密弹窗-切图/弹窗背景.png') no-repeat  !important ;
-  background-size:100% 100% !important;
+    background: url('../../../assets/images/dialogimg.png') no-repeat  !important ;
+    background-size:100% 100% !important;
+    position:static !important;
   .el-dialog__header{
     padding: 0px;
     display: flex;
@@ -534,6 +468,9 @@ getlist()
       }
 
     }
+    .pagination-container .el-pagination{
+      position:static !important;
+    }
   }
   .el-dialog__footer{
     text-align: center;
diff --git a/src/views/registration/index.vue b/src/views/registration/index.vue
new file mode 100644
index 0000000..9a7b7e4
--- /dev/null
+++ b/src/views/registration/index.vue
@@ -0,0 +1,319 @@
+<script setup>
+import * as DigitalCurrencyRegistration from "@/api/DigitalCurrencyRegistration";
+// 解密
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const tableData = reactive([
+  {
+    Coding:'xxxxxxxxxx',
+    Amount:'123',
+    Address:'xxxxxx',
+    new:'xxxx',
+    wallet:'xxxxx',
+    date: "2016-05-02",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-04",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-01",
+    name: "王小虎",
+    address: "上海市",
+  },
+  {
+    Coding:'xxxxxxxxxx',
+    date: "2016-05-03",
+    name: "王小虎",
+    address: "上海市",
+  },
+]);
+// 使用变量保存央行数据
+let centralBank = ref([])
+// 获取央行信息
+const getCentralBank = () => {
+  DigitalCurrencyRegistration.getBank().then((res) => {
+    centralBank.value.push(res.data)
+  });
+};
+const userid=ref('1')
+// 使用变量存储商业银行数据
+let businessBank = ref(null)
+// 获取商业银行信息
+const getBusinessBank = () => {
+  DigitalCurrencyRegistration.getBusiness({userId:userid.value}).then((res) => {
+    businessBank.value = res.data
+  });
+};
+// 使用变量存储企业用户数据
+let enterprise = ref(null)
+// 获取企业用户信息
+const getEnterprise = () => {
+  DigitalCurrencyRegistration.getEnterprise({userId:userid.value}).then((res) => {
+    console.log(res.data)
+    enterprise.value = res.data
+  });
+};
+// 个人用户信息数据
+let personal = ref(null)
+// 获取个人用户信息
+const getinfo = () => {
+  DigitalCurrencyRegistration.getPersonal({userId:userid.value}).then((res) => {
+    personal.value = res.data
+  });
+};
+
+const  go = (idx) => {
+  router.push(idx)
+}
+getinfo()
+getEnterprise()
+getBusinessBank()
+getCentralBank()
+</script>
+<template>
+ <div class="app-registration">
+  <div class="central-bank-title">
+    <div @click.native="go()"><span></span></div>
+      <div @click.native="go('/central/digital-currency')"><span>数字货币投放系统</span></div>
+      <div @click.native="go('/central/digital-currency-control')"><span>数字货币额度控制系统</span></div>
+      <div @click.native="go('/central/digital-authentication')"><span>数字货币登记中心</span></div>
+      <div @click.native="go('/central/digital-currency-registration')"><span>数字货币认证中心</span></div>
+      <div ><span>央行可视化监控中心</span></div>
+    </div>
+    <div class="registration">
+    
+    <el-row>
+        <el-col :span="24">
+          <img src="../../assets/images/39.png" alt="" />
+          <span>央行信息</span>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1" style="width: 50%;">
+        <el-table
+          :data="centralBank"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="mainPassword" label="主密码" >
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥" >
+          </el-table-column>
+          <el-table-column align="center" prop="privateKey" label="私钥" >
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <img src="../../assets/images/11.png" alt="" />
+          <span>商业银行信息</span>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1 el-tab2"   style="width: 70%">
+        <el-table
+          :data="businessBank"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="bankName" label="银行名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="taxIdentificationNumber" label="纳税人识别号" >
+          </el-table-column>
+          <el-table-column align="center" prop="walletAddress" label="开户行钱包地址" >
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥" >
+          </el-table-column>
+          <el-table-column align="center" prop="privateKey" label="私钥">
+          </el-table-column>
+         
+        </el-table>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <img src="../../assets/images/36.png" alt="" />
+          <span>企业用户信息</span>
+        </el-col>
+      </el-row>
+
+      <div class="el-tab el-tab1" style="width: 90%">
+        <el-table
+          :data="enterprise"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="enterpriseUserName" label="企业名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="taxIdentificationNumber" label="纳税人识别号 " >
+          </el-table-column>
+          <el-table-column align="center" prop="bankName" label="开户行名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="primaryAccountBankAccount" label="开户行账号" >
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyWalletName" label="数字货币钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥">
+          </el-table-column>
+          <el-table-column align="center" prop="privateKey" label="私钥">
+          </el-table-column>
+          <el-table-column align="center" prop="activationTime" label="钱包开通时间">
+          </el-table-column>
+
+        </el-table>
+      </div>
+      <el-row>
+        <el-col :span="24">
+          <img src="../../assets/images/12.png" alt="" />
+          <span>个人用户信息</span>
+        </el-col>
+      </el-row>
+      <div class="el-tab el-tab1" >
+        <el-table
+          :data="personal"
+          style="width: 100%"
+          stripe
+        >
+          <el-table-column align="center" prop="username" label="用户名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="phoneNumber" label="手机号" >
+          </el-table-column>
+          <el-table-column align="center" prop="idCardNumber" label="身份证号" >
+          </el-table-column>
+          <el-table-column align="center" prop="bankName" label="开户行名称" >
+          </el-table-column>
+          <el-table-column align="center" prop="bankAccount" label="银行账号">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyWalletName" label="钱包名称">
+          </el-table-column>
+          <el-table-column align="center" prop="cryptocurrencyWalletAddress" label="数字货币钱包地址">
+          </el-table-column>
+          <el-table-column align="center" prop="publicKey" label="公钥">
+          </el-table-column>
+          <el-table-column align="center" prop="privateKey" label="私钥">
+          </el-table-column>
+          <el-table-column align="center" prop="walletLevel" label="钱包等级">
+          </el-table-column>
+          <el-table-column align="center" prop="activationTime" label="钱包开通时间">
+          </el-table-column>
+      
+        </el-table>
+      </div>
+    </div>
+ </div>
+</template>
+<style lang='scss'  scoped>
+.app-registration{
+  padding:20px;
+ 
+  .registration{
+    background: #0E2E68;
+   border: 1px solid #238AFF;
+   padding:20px;
+  }
+  .central-bank-title {
+    margin-bottom: 20px;
+    div {
+      display: inline-block;
+      width: 233px;
+      height: 51px;
+      color: #ffffff;
+      background: url("../../assets/images/数字货币登记中心-切图/01-1.png") no-repeat;
+      background-size: 100% 100%;
+      margin-right: -23px;
+      text-align: center;
+      line-height: 51px;
+      font-size: 14px;
+      cursor: pointer;
+      user-select: none;
+      span{
+        display: inline-block;
+        width: 100%;
+      }
+      // 点击效果
+      &:hover{
+            transform: scale(1.01);
+            transition: transform 0.3s, opacity 0.3s; 
+        }
+    }
+    div:nth-child(1) {
+      width: 56px;
+      height: 52px;
+        background: url("../../assets/images/数字货币登记中心-切图/icon导航.png") no-repeat;
+        background-size: 100% 100%;
+        margin-right: -18px;
+    span{
+        padding-left: 25px;
+    }
+    }
+    div:nth-child(2) {
+        background: url("../../assets/images/数字货币登记中心-切图/01-1.png") no-repeat;
+        background-size: 100% 100%;
+    span{
+        padding-left: 25px;
+    }
+    }
+    div:nth-child(3) {
+        background: url("../../assets/images/数字货币登记中心-切图/02-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+    div:nth-child(4) {
+        background: url("../../assets/images/数字货币登记中心-切图/03-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+    div:nth-child(5) {
+        background: url("../../assets/images/数字货币登记中心-切图/04-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+     div:nth-child(6) {
+        background: url("../../assets/images/数字货币登记中心-切图/05-1.png") no-repeat;
+        background-size: 100% 100%;
+    }
+  }
+  
+}
+
+
+ :deep(.el-button--primary){
+            width: 202px;
+            height: 42px;
+            border: 2px solid #25F4F9;
+            background: linear-gradient(0deg, #0654B5 0%, #003155 50%, #2CD1E4 100%);
+            box-shadow: 0px 5px 6px 0px rgba(0,48,255,0.77);
+            border-radius: 8px;
+        }
+   
+    .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+        color: #ffffff;
+      }
+    }
+    .el-tab {
+      padding: 0 13px;
+    }
+    .el-tab1 {
+      border: 1px solid #1854a6;
+      padding: 6px;
+      --el-table-row-hover-bg-color: transparent;
+      :deep(.el-table .el-table__header-wrapper th) {
+        background-color: #521ED5!important;
+        color: #ffffff !important;
+        font-weight: 600;
+      }
+      
+    }      
+    .svg-icon{
+    margin-right: 6px;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/study/index.vue b/src/views/study/index.vue
new file mode 100644
index 0000000..6a3410b
--- /dev/null
+++ b/src/views/study/index.vue
@@ -0,0 +1,40 @@
+<script setup>
+
+</script>
+<template>
+ <div class="app-study">
+  <div>
+  </div>
+    <!-- <el-row>
+        <el-col :span="24">
+          <img src="../../assets/images/property.png" alt="" />
+          <span>操作记录和成绩</span>
+        </el-col>
+      </el-row> -->
+ </div>
+</template>
+<style lang='scss'  scoped>
+       .app-study{
+        padding: 20px;
+        height: 100vh;
+        // border: 1px solid #238AFF;
+       border-radius: 5px;
+       div{
+        height: 100%;
+        background: url('../../assets/images/微信图片_20230928130948.png' ) no-repeat !important;
+        background-size: 100% 100% !important;
+       }
+       .el-col-24 {
+      height: 69px;
+      padding: 15px 13px;
+      display: flex;
+      align-items: center;
+      span {
+        padding-left: 15px;
+        font-weight: bold;
+        font-size: 14px;
+        color: #ffff;
+      }
+    }
+       } 
+</style>
\ No newline at end of file