9 changed files with 481 additions and 40 deletions
@ -0,0 +1,18 @@ |
|||
import request from '../utils/request'; |
|||
|
|||
//全部文化数据查询
|
|||
export const getAllDate = query => { |
|||
return request({ |
|||
url: '/admin/goods.Goods/list', |
|||
method: 'post', |
|||
data: query |
|||
}); |
|||
}; |
|||
//获取角色
|
|||
export const getRole = query => { |
|||
return request({ |
|||
url: '/admin/user.user/getRole', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
@ -0,0 +1,89 @@ |
|||
<template> |
|||
<div> |
|||
<a-modal v-model="newVisible" title="账户详情" :afterClose="onClose" width="870px" :bodyStyle="modeStyle"> |
|||
<p class="details_p">结算账号：5678656789</p> |
|||
<p class="details_p">结算卡开户银行：中国农业银行海辉支行</p> |
|||
<p class="details_p"> |
|||
结算银行卡：6228487678878909899 |
|||
<span class="changeBind">更换绑定</span> |
|||
</p> |
|||
<div class="details_content"> |
|||
<p>注册时间：2021-02-16 10:00:00</p> |
|||
<p>认证时间：2021-02-16 10:00:00</p> |
|||
<p>认证类型：机构</p> |
|||
<p>认证状态：已认证</p> |
|||
<p>基本信息：新疆生产建设兵团军垦博物馆</p> |
|||
<p>统一社会信用代码：12990800H41793127X</p> |
|||
<p>账户ISLI标识码：010002-000000000090000117259999-8</p> |
|||
</div> |
|||
<template slot="footer"> |
|||
<div> |
|||
<a-button type="white" @click="onClose">返 回</a-button> |
|||
</div> |
|||
</template> |
|||
</a-modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props:{ |
|||
visible:{ |
|||
type:Boolean, |
|||
require: true |
|||
} |
|||
}, |
|||
data(){ |
|||
return{ |
|||
newVisible:false, |
|||
modeStyle:{ |
|||
'min-height':'311px', |
|||
'padding-top':'0px' |
|||
}, |
|||
} |
|||
}, |
|||
methods:{ |
|||
onClose() { |
|||
this.newVisible=false |
|||
this.$emit('update:visible', false) |
|||
} |
|||
}, |
|||
watch:{ |
|||
visible(val){ |
|||
this.newVisible=val |
|||
} |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .ant-modal-header{ |
|||
border-bottom: none; |
|||
} |
|||
/deep/ .ant-modal-footer{ |
|||
border-top: none; |
|||
padding: 20px 16px; |
|||
} |
|||
p{ |
|||
margin-bottom: 0; |
|||
color: #4E5969; |
|||
} |
|||
.details_p{ |
|||
margin-bottom: 16px; |
|||
} |
|||
.changeBind{ |
|||
display: inline-block; |
|||
color: #4E5969; |
|||
cursor: pointer; |
|||
text-decoration: underline; |
|||
margin-left: 25px; |
|||
} |
|||
.details_content{ |
|||
padding: 20px; |
|||
border: 1px solid #EEEEEE; |
|||
border-top: 2px solid #9A9A9A; |
|||
border-left: 2px solid #9A9A9A; |
|||
height: 345px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,243 @@ |
|||
<template> |
|||
<div> |
|||
<a-modal v-model="newVisible" title="账单明细" :afterClose="onClose" width="1175px" :bodyStyle="modeStyle"> |
|||
<p>本月总收入：10,000.00</p> |
|||
<p>本月总支出：3,000.00</p> |
|||
<div class="bill_content"> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"></a-table> |
|||
</div> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
<template slot="footer"> |
|||
<div> |
|||
<a-button type="white" @click="onClose">返 回</a-button> |
|||
</div> |
|||
</template> |
|||
</a-modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props:{ |
|||
visible:{ |
|||
type:Boolean, |
|||
require: true |
|||
} |
|||
}, |
|||
data(){ |
|||
return{ |
|||
newVisible:false, |
|||
modeStyle:{ |
|||
'min-height':'311px', |
|||
'padding-top':'15px' |
|||
}, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '结算时间', |
|||
dataIndex: 'money', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '用户编码', |
|||
dataIndex: 'name', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '客户名称', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '分中心编号', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '分中心名称', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '服务机构编号', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '服务机构名称', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '银行卡号', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '银行名称', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '期初资金', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '可用资金', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '可出资金', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '佣金/服务费（含税）', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托费', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '当日买入金额', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '当日卖出金额', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '服务费分配', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '资金余额', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '冻结保证金', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '结算状态', |
|||
dataIndex: '', |
|||
width:'120px', |
|||
align:'center' |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
methods:{ |
|||
onClose() { |
|||
this.newVisible=false |
|||
this.$emit('update:visible', false) |
|||
} |
|||
}, |
|||
watch:{ |
|||
visible(val){ |
|||
this.newVisible=val |
|||
} |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .ant-modal-header{ |
|||
border-bottom: none; |
|||
} |
|||
/deep/ .ant-modal-footer{ |
|||
border-top: none; |
|||
padding: 20px 16px; |
|||
} |
|||
p{ |
|||
margin-bottom: 0; |
|||
} |
|||
.bill_content{ |
|||
border-top: 2px solid #9A9A9A; |
|||
border-left: 2px solid #9A9A9A; |
|||
height: 470px; |
|||
overflow: auto; |
|||
margin-top: 22px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,51 @@ |
|||
import axios from 'axios'; |
|||
// axios.defaults.baseURL = '/api'
|
|||
const service = axios.create({ |
|||
// process.env.NODE_ENV === 'development' 来判断是否开发环境
|
|||
// baseURL:process.env.NODE_ENV == 'production' ? 'https://yztapi.xingtongworld.com' : '/api/',
|
|||
baseURL:'http://jiao.api.alpha.xingtongworld.com', |
|||
timeout: 5000, |
|||
}); |
|||
|
|||
service.interceptors.request.use( |
|||
config => { |
|||
// let token = localStorage.getItem('token')
|
|||
// if(token){
|
|||
// config.headers['token'] = token
|
|||
// }
|
|||
return config; |
|||
}, |
|||
error => { |
|||
console.log(error); |
|||
return Promise.reject(); |
|||
} |
|||
); |
|||
|
|||
service.interceptors.response.use( |
|||
response => { |
|||
// if (response.data.code === 302) {
|
|||
// MessageBox.confirm('登录已超时，请重新登录', '退出', {
|
|||
// confirmButtonText: '登录',
|
|||
// cancelButtonText: '取消',
|
|||
// type: 'warning'
|
|||
// }).then(() => {
|
|||
// localStorage.removeItem('ms_username')
|
|||
// localStorage.removeItem('token')
|
|||
// // this.$router.push('/login');
|
|||
// location.reload()
|
|||
|
|||
// })
|
|||
// }
|
|||
if (response.status === 200) { |
|||
return response.data; |
|||
} else { |
|||
Promise.reject(); |
|||
} |
|||
}, |
|||
error => { |
|||
console.log(error); |
|||
return Promise.reject(); |
|||
} |
|||
); |
|||
|
|||
export default service; |
|||
Loading…
Reference in new issue