编写企业用户页面
qinzhenpen
2 years ago
parent
1e2b90cba3
commit
4bbc8f2ffc
@ -1 +1,33 @@
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
// 资产总额
|
||||
export const getAssetTotal=(ID)=> {
|
||||
return request({
|
||||
url: '/api/stu/businessBank/getStuBusinessBankAssetInfo',
|
||||
method: 'get',
|
||||
params:ID
|
||||
})
|
||||
}
|
||||
//企业用户资产总览
|
||||
export const getAssetTotalByUserId=(id)=> {
|
||||
return request({
|
||||
url: '/api/stu/enterprise/getEnterpriseUserAssetInfo',
|
||||
method: 'get',
|
||||
params:id
|
||||
})
|
||||
}
|
||||
// 个人用户资产总览
|
||||
export const getAssetTotalByUserId2=(data)=> {
|
||||
return request({
|
||||
url: '/api/stu/person/getStuPersonalAssetInfo',
|
||||
method: 'get',
|
||||
params:data
|
||||
})
|
||||
}
|
||||
// 银行首页查看
|
||||
export const getBankIndex=(data)=> {
|
||||
return request({
|
||||
url: '/api/stu/businessBank/viewDigitalCurrencyList',
|
||||
method: 'get',
|
||||
params:data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,339 @@
|
||||
<script setup>
|
||||
// 验证
|
||||
const dialogVisible = ref(false);
|
||||
// 解密
|
||||
const decodeVisible = ref(false);
|
||||
const packetVisible = 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 fileInput=ref(null)
|
||||
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
|
||||
}
|
||||
}
|
||||
e.target.value=''
|
||||
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<div>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<img src="../../assets/images/property.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>
|
||||
<div class="grabble">
|
||||
<label >企业用户筛选</label>
|
||||
<el-select class="m-2" placeholder="Select" 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="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-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>
|
||||
<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-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-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" style="width: 90%">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
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 />
|
||||
</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-item label="充值钱包地址：">
|
||||
<el-input clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="基本账户余额：">
|
||||
<el-input clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="兑换充值金额：">
|
||||
<el-input class="text-input" clearable />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
<!-- 生成数字货币 -->
|
||||
<el-dialog
|
||||
v-model="decodeVisible"
|
||||
title="生成数字货币"
|
||||
width="34%"
|
||||
>
|
||||
<el-form class="demo-form-inline" label-width="130px">
|
||||
<el-form-item label="开通企业：">
|
||||
<el-select
|
||||
class="text-input"
|
||||
style="width: 100%;"
|
||||
placeholder="Activity zone"
|
||||
clearable
|
||||
>
|
||||
<el-option label="Zone one" value="shanghai" />
|
||||
<el-option label="Zone two" value="beijing" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="开通银行：">
|
||||
<el-input class="text-input" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="开户银行账户：">
|
||||
<el-input class="text-input" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="纳税识别号账号：">
|
||||
<el-input class="text-input" clearable />
|
||||
</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> -->
|
||||
<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="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: #08CDD9!important;
|
||||
color: #ffffff !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
}
|
||||
.svg-icon{
|
||||
margin-right: 6px;
|
||||
}
|
||||
: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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.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>
|
||||
Loading…
Reference in New Issue