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