Skip to content

Z
zhichan
Commit 58bdb349 by 焦子成
Options

jzc settleinfo

parent 08572452
Showing with 65 additions and 11 deletions
bpo-admin/app/front/entry/bposettle.ejs
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
......
bpo-admin/app/front/entry/public/js/bposettle.js
var app = new Vue({ var app = new Vue({
el: "#app", el: "#app",
data: function () { data: function () {
return { return {
top: 0, top: 0,
......
bpo-admin/app/front/entry/public/js/settleinfo.js
...@@ -2,10 +2,12 @@ var app = new Vue({ ...@@ -2,10 +2,12 @@ var app = new Vue({
el: "#app", el: "#app",
data: function () { data: function () {
return { return {
a: 1, a: 1000,
currentPage: 1,
rows: ['0.00','0.00','0.00','0.00','0.00','2','0.00','0.00','0.00','0.00']
} }
}, },
created: function () { created: function () {
}, },
mounted: function () { mounted: function () {
}, },
...@@ -24,7 +26,12 @@ var app = new Vue({ ...@@ -24,7 +26,12 @@ var app = new Vue({
// 打印返回结果 // 打印返回结果
}); });
}, },
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
}, },
}); });
\ No newline at end of file
bpo-admin/app/front/entry/settleinfo.ejs
...@@ -3,21 +3,67 @@ ...@@ -3,21 +3,67 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" <meta name="viewport"
content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=1" "> content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=1">
<title class="薪酬详情""></title> <title class="薪酬详情"></title>
<style> <style>
body{ body{
padding:0px; padding:0px;
margin:0px; margin:0px;
} }
</style> </style>
</head> </head>
<body> <body style="margin: 40px 40px;">
<div id="app">
<div style="display: flex; justify-content: space-between; font-size: 13px;">
<label >
<div style="padding: 5px 0px;">创建时间：2020-03-06 16:00:00</div>
<div style="padding: 5px 0px;">个税(元)：0.00</div>
<div style="padding: 5px 0px;">总扣款金额(元)：0.00</div>
</label>
<label>
<div style="padding: 5px 0px;">商户名称：北京创知厚德有限公司</div>
<div style="padding: 5px 0px;">实发金额(元)：0.00</div>
</label>
<label>
<div style="padding: 5px 0px;">打款总笔数：800</div>
<div style="padding: 5px 0px;">服务费(元)：0.00</div>
</label>
</div>
<div>test</div> <div style="height: 20px; background: darkgrey;color: white;font-size: 14px; padding: 2px 0px; margin-top: 30px; display: flex; justify-content: space-around;">
<label >实发金额(元)</label>
<label >个税(元)</label>
<label >服务费(元)</label>
<label >总扣款金额(元)</label>
<label >交易状态</label>
</div>
<div style="border: 1px solid darkgrey;display: flex; justify-content: space-around;height: 20px; line-height: 20px; font-size:13px;"
v-for="item in rows">
<label >0.00</label>
<label >0.00</label>
<label >0.00</label>
<label >0.00</label>
<label >成功</label>
</div>
<el-button type="primary" icon="el-icon-edit"></el-button>
<!-- 分页 -->
<div class="block" style="height: 20px;margin-top: 20px; background: cyan;">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 20, 30]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</body> </body>
<script src="/js/vue/jquery.min.js"></script> <script src="/js/vue/jquery.min.js"></script>
<script src="/js/vue/base64.js"></script> <script src="/js/vue/base64.js"></script>
<script src="/js/vue/axios.min.js"></script> <!-- <script src="/js/vue/axios.min.js"></script> -->
<script src="/js/vue/vue.min.js"></script>
<script src="/js/settleinfo.js"></script> <script src="/js/settleinfo.js"></script>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment