业务编写
After Width: | Height: | Size: 251 KiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 666 KiB |
After Width: | Height: | Size: 68 KiB |
After Width: | Height: | Size: 94 KiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.6 MiB |
After Width: | Height: | Size: 215 KiB |
@ -0,0 +1,40 @@
|
||||
<script setup>
|
||||
|
||||
</script>
|
||||
<template>
|
||||
<div class="app-study">
|
||||
<div>
|
||||
</div>
|
||||
<!--<el-row>
|
||||
<el-col :span="24">
|
||||
<img src="../../assets/images/32.png" alt="" />
|
||||
<span>操作记录和成绩</span>
|
||||
</el-col>
|
||||
</el-row> -->
|
||||
</div>
|
||||
</template>
|
||||
<style lang='scss' scoped>
|
||||
.app-study{
|
||||
// padding: 20px;
|
||||
height: 130vh;
|
||||
// border: 1px solid #238AFF;
|
||||
// border-radius: 5px;
|
||||
div{
|
||||
height: 100%;
|
||||
background: url('../../../assets/images/Merkle根.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>
|
@ -0,0 +1,287 @@
|
||||
<script setup>
|
||||
const { proxy } = getCurrentInstance();
|
||||
import * as centralBank from '@/api/centralBank'
|
||||
import transaction from './components/transaction.vue';
|
||||
// import currencyPut from '../digital-currency/currency-put.vue';
|
||||
// import currency from '../currency/currency.vue';
|
||||
import useUserStore from "@/store/modules/user";
|
||||
const userStore = useUserStore();
|
||||
// 引入路由进行跳转
|
||||
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:userStore.userId,
|
||||
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) {
|
||||
|
||||
}
|
||||
};
|
||||
// 验证选择
|
||||
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">
|
||||
<transaction v-show="isDeployed == 1"></transaction>
|
||||
<!-- <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>
|