<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>获得提成</title>
|
<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
<style type="text/css">
|
/*全局外框*/
|
|
* {
|
margin: 0;
|
padding: 0;
|
font-family: "微软雅黑";
|
}
|
|
.all_wai {
|
width: 100%;
|
position: relative;
|
background-color: #EFEFF4;
|
overflow: scroll;
|
}
|
|
.bor {
|
border: 1px dashed black;
|
}
|
/*==============================================================================================*/
|
/*标签布局所用
|
/*==============================================================================================*/
|
|
.fboxRow {
|
display: flex;
|
flex-direction: row;
|
}
|
|
.fboxCol {
|
display: flex;
|
flex-direction: column;
|
}
|
|
.fboxWrap {
|
display: flex;
|
flex-wrap: wrap;
|
}
|
/**/
|
|
.flex1 {
|
flex: 1;
|
display: flex;
|
}
|
|
.flex2 {
|
flex: 2;
|
display: flex;
|
}
|
|
.flex3 {
|
flex: 3;
|
display: flex;
|
}
|
|
.flex4 {
|
flex: 4;
|
display: flex;
|
}
|
|
.flex5 {
|
flex: 5;
|
display: flex;
|
}
|
|
.flex6 {
|
flex: 6;
|
display: flex;
|
}
|
/*-----------------------------------------------------------------------------------------------*/
|
|
.Xstart {
|
justify-content: flex-start;
|
}
|
|
.Xcenter {
|
justify-content: center;
|
}
|
|
.Xend {
|
justify-content: flex-end;
|
}
|
|
.Xbetween {
|
justify-content: space-between;
|
}
|
|
.Xaround {
|
justify-content: space-around;
|
}
|
/**/
|
|
.Ystart {
|
align-items: flex-start;
|
}
|
|
.Ycenter {
|
align-items: center;
|
}
|
|
.Yend {
|
align-items: flex-end;
|
}
|
|
.Ybaseline {
|
align-items: baseline;
|
}
|
|
.Ystretch {
|
align-items: stretch;
|
}
|
/*一条记录单框*/
|
|
.jilu_dan {
|
font-size: 13px;
|
width: 94%;
|
padding: 8px 3%;
|
margin-bottom: 1px;
|
background-color: white;
|
color: #666666;
|
}
|
|
.font_min {
|
font-size: 12px;
|
line-height: 22px;
|
}
|
|
.font_normol {
|
font-size: 13px;
|
line-height: 23px;
|
}
|
|
.font_max {
|
font-size: 17px;
|
line-height: 27px;
|
}
|
</style>
|
</head>
|
|
<body>
|
|
<div class="all_wai">
|
|
</div>
|
<div class="jilu_dan fboxCol muban">
|
<div class="fboxRow Xbetween Ycenter">
|
<!--金额-->
|
<div class="font_normol">提成金额：
|
<font class="font_max money"></font> 元</div>
|
<!--时间-->
|
<div class="font_min"></div>
|
</div>
|
<!--订单号-->
|
<div class="font_normol">订单号：
|
<font class="font_min order"></font>
|
</div>
|
</div>
|
</body>
|
|
<script type="text/javascript">
|
$(document).ready(function() {
|
var html = $(".muban").prop("outerHTML");
|
$(".muban").remove();
|
//获取屏幕高度
|
var windowheight = $(window).height();
|
//设置全局外框高度
|
$(".all_wai").css("height", windowheight + "px");
|
var id = getArgsFromHref(location.href, "id");
|
$.post("../../client/findThreeSales", { "id": id }, function(data) {
|
if(data.code == 0) {
|
var list = data.data.list;
|
for(var i = 0; i < list.length; i++) {
|
$(".all_wai").append(html);
|
$(".all_wai .muban .money").eq(i).text(list[i].money);
|
$(".all_wai .muban .order").eq(i).text(list[i].order.orderId);
|
}
|
|
}
|
|
}, 'json')
|
|
});
|
|
function getArgsFromHref(sHref, sArgName) {
|
var args = sHref.split("?");
|
var retval = "";
|
|
if(args[0] == sHref) /*参数为空*/ {
|
return retval; /*无需做任何处理*/
|
}
|
var str = args[1];
|
args = str.split("&");
|
for(var i = 0; i < args.length; i++) {
|
str = args[i];
|
var arg = str.split("=");
|
if(arg.length <= 1) continue;
|
if(arg[0] == sArgName) retval = arg[1];
|
}
|
return retval;
|
}
|
</script>
|
|
</html>
|
