You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
462 lines
17 KiB
HTML
462 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/base.css" media="all">
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/common.css" media="all">
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/style.css" media="all">
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/default_color.css" media="all">
|
|
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
|
|
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
|
|
|
|
<script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
|
|
<script type="text/javascript" src="__JS__/select2.min.js"></script>
|
|
<script type="text/javascript" src="__STATIC__/layer3/layer.js"></script>
|
|
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
|
|
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
|
|
charset="UTF-8"></script>
|
|
<script src="__STATIC__/juicer-min.js" type="text/javascript"></script>
|
|
</head>
|
|
<style>
|
|
html {
|
|
min-width: 100%;
|
|
}
|
|
|
|
body {
|
|
padding: 0px 0px 150px;
|
|
width: 960px;
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
.tabcon1711 table {
|
|
width: 480px;
|
|
}
|
|
|
|
table {
|
|
|
|
margin: auto;
|
|
}
|
|
|
|
.hidebox {
|
|
display: none;
|
|
}
|
|
|
|
.r {
|
|
width: 300px;
|
|
}
|
|
|
|
.l {
|
|
width: 180px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single {
|
|
color: #000;
|
|
resize: none;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
|
|
box-shadow: 0px 3px 3px #F7F8F9 inset;
|
|
height: 35px;
|
|
height: 28px;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
line-height: 35px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
|
height: 26px;
|
|
}
|
|
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.select2-results__option[aria-selected] {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.input-list,
|
|
.i_list {
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<!-- <div style="width: 100%;line-height: 100px;font-size: 25px;font-weight: 600;text-align: center;">
|
|
橙枫科技有限公司
|
|
</div> -->
|
|
<div style="display: flex;margin: auto;">
|
|
<div class="tab-content tabcon1711" id="firstPartBaseInfo">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tbody id="first_part_bser_info_show">
|
|
<tr>
|
|
<td class="l">公司名称:</td>
|
|
<td class="r">
|
|
<input type="text" class="txt" name="partner" value="{$payinfo['partner']}" disabled="disabled" placeholder="">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="l">会长:</td>
|
|
<td class="r">
|
|
<input type="text" class="txt" name="account" value="{$payinfo['account']}" disabled="disabled" placeholder="">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="l">市场员:</td>
|
|
<td class="r">
|
|
<input type="text" class="txt" name="nickname" value="{$payinfo['nickname']}" disabled="disabled" placeholder="">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="tab-content tabcon1711" id="secondPartBaseInfo">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tbody id="second_part_bser_info_show">
|
|
<tr>
|
|
<td class="l">下游类型:</td>
|
|
<td class="r">
|
|
<input type="text" class="txt" name="company_relation_str" value="{$payinfo['company_relation_str']}" disabled="disabled" placeholder="">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="l">下游性质:</td>
|
|
<td class="r">
|
|
<input type="text" class="txt" name="company_type_str" value="{$payinfo['company_type_str']}" disabled="disabled" placeholder="">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="data_list box_mt" style="margin-top: 40px;">
|
|
<div class="">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
|
|
<th style="border-right: solid 1px #b6cad2;">产品</th>
|
|
<th style="border-right: solid 1px #b6cad2;">产品类型</th>
|
|
<th style="border-right: solid 1px #b6cad2;">结算时间</th>
|
|
|
|
<th style="border-right: solid 1px #b6cad2;">推广流水(元)</th>
|
|
<if condition="$data['withdraw_type'] eq 2">
|
|
<th style="border-right: solid 1px #b6cad2;">补点比例</th>
|
|
<else />
|
|
<th style="border-right: solid 1px #b6cad2;">分成比例</th>
|
|
</if>
|
|
<th style="border-right: solid 1px #b6cad2;">奖励</th>
|
|
<th style="border-right: solid 1px #b6cad2;">罚款</th>
|
|
<th >结算金额(元)</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<!-- 列表 -->
|
|
<tbody id="statementInit" class="">
|
|
<tr style="height: 100px;">
|
|
<td colspan=8>
|
|
请先选择生成条件后点击生成对账数据
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
<tbody id="statementShow">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div id="partpatinfo" style="display: flex;margin: auto;">
|
|
<div class="tab-content tabcon1711" id="skf_payinfo">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="l">开户名:</td>
|
|
<td class="r">
|
|
<input type="text" class="txt normalchange" data-change="{$payinfo.type}.payee_name" name="payee_name" value="{$payinfo.payee_name}">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="l">开户支行：</td>
|
|
<td class="r">
|
|
<input type="text" class="txt normalchange" data-change="{$payinfo.type}.opening_bank" name="opening_bank" value="{$payinfo.opening_bank}">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="tab-content tabcon1711" id="fkf_payinfo">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="l">银行卡号：</td>
|
|
<td class="r">
|
|
<input type="text" class="txt normalchange" data-change="{$payinfo.type}.bank_account" name="bank_account" value="{$payinfo.bank_account}" >
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="search_list" style="display:flex;justify-content:flex-end;width:960px;">
|
|
<div class="input-list" style="margin-left: 30px;float: right;">
|
|
<a class="sch-btn" href="javascript:;" id="createStatement" style="width: 150px;">确认修改</a>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/html" id="statementTpl">
|
|
{@each statement_info as it,index}
|
|
<tr>
|
|
<td>${it.game_name}</td>
|
|
<td>${it.game_type_name}</td>
|
|
<td>${it.statement_begin_time}~${it.statement_end_time}</td>
|
|
|
|
<td>${it.pay_amount}元</td>
|
|
|
|
{@if withdraw_type==2}
|
|
<td><input type="text" class="txt statementchange" name="increment_ratio" data-index ="${index}" data-change="statement_info[${index}]['increment_ratio']" value="${it.increment_ratio}" style="width: 40px;">%</td>
|
|
{@else}
|
|
<td><input type="text" class="txt statementchange" name="ratio" data-index ="${index}" data-change="statement_info[${index}]['ratio']" value="${it.ratio}" style="width: 40px;">%</td>
|
|
{@/if}
|
|
<td>${it.reward}</td>
|
|
<td>${it.fine}</td>
|
|
<td>${it.sum_money}元</td>
|
|
</tr>
|
|
{@/each}
|
|
|
|
<tr>
|
|
<td colspan="3">合计</td>
|
|
<td>${pay_amount}</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td>${statement_money}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan=7>本月分成总金额(人民币大写):</td>
|
|
<td>${statement_money|number_chinese}</td>
|
|
</tr>
|
|
</script>
|
|
<script>
|
|
$(function () {
|
|
TPLSHOW.juicerInit();
|
|
$(".select_gallery").select2();
|
|
$('#time_start').datetimepicker({
|
|
format: 'yyyy-mm-dd',
|
|
language: "zh-CN",
|
|
minView: 2,
|
|
autoclose: true
|
|
});
|
|
|
|
$('#datetimepicker').datetimepicker({
|
|
format: 'yyyy-mm-dd',
|
|
language: "zh-CN",
|
|
minView: 2,
|
|
autoclose: true,
|
|
pickerPosition: 'bottom-left'
|
|
})
|
|
EVENT.changeCompany();
|
|
EVENT.createStatement();
|
|
// $("#first_partner_id").change();
|
|
// $("#second_partner_id").change();
|
|
|
|
});
|
|
//基础类
|
|
var PUBLIC = {
|
|
postData(url, data, callback) {
|
|
$.ajax({
|
|
url: url,
|
|
data: data,
|
|
type: "post",
|
|
dataType: "json",
|
|
success: function (data) {
|
|
callback(data)
|
|
}
|
|
})
|
|
},
|
|
floatAdd(a,b){
|
|
return Math.round(a*100+b*100)/100;
|
|
},
|
|
floatCut(a,b){
|
|
return Math.round(a*100-b*100)/100;
|
|
},
|
|
CompanyKeyName:{
|
|
id:"公司表id",
|
|
partner:"公司名称",
|
|
link_man:'联系人',
|
|
link_phone:"联系电话",
|
|
address:'邮寄地址',
|
|
company_tax_no:'公司税号',
|
|
payee_name:'名称',
|
|
bank_account:"银行账号",
|
|
opening_bank:"开户行"
|
|
}
|
|
}
|
|
//数据类
|
|
|
|
var DATAOBJ = {$data|json_encode=###,JSON_UNESCAPED_UNICODE};
|
|
var YDATAOBJ = {$data|json_encode=###,JSON_UNESCAPED_UNICODE};
|
|
//事件类
|
|
var EVENT = {
|
|
changeCompany() {
|
|
TPLSHOW.showStatementList(true);
|
|
EVENT.normalchange();
|
|
},
|
|
createStatement() {
|
|
$("#createStatement").on("click", function () {
|
|
//TODO:验证信息
|
|
layer.load(2);
|
|
PUBLIC.postData("{:U('editStatement')}",DATAOBJ,function(data){
|
|
if(data.code == 0){
|
|
layer.closeAll('loading');
|
|
layer.msg('修改成功');
|
|
setTimeout(function(){
|
|
window.parent.reload();
|
|
},350);
|
|
}else{
|
|
alert("修改失败，请联系管理员")
|
|
}
|
|
});
|
|
//发送添加请求
|
|
})
|
|
},
|
|
normalchange() {
|
|
$(".normalchange").off("blur");
|
|
$(".normalchange").on("blur", function () {
|
|
var val = $(this).val();
|
|
var index = $(this).data("change");
|
|
var str = "DATAOBJ." + index + "='" + val + "';";
|
|
eval(str);
|
|
if (val !== eval("YDATAOBJ." + index)) {
|
|
isedit = true;
|
|
}
|
|
})
|
|
},
|
|
statementchange() {
|
|
$(".statementchange").off("blur");
|
|
$(".statementchange").on("blur",function(){
|
|
var sort = $(this).data("change");
|
|
var val = $(this).val();
|
|
var vdata = eval("DATAOBJ."+sort);//原先值
|
|
var dom = $(this);
|
|
|
|
if(!CHECK.number.test(val)){
|
|
layer.msg('结算单中的罚款和税率必须是数字,且不能为空');
|
|
dom.val(vdata);
|
|
return false;
|
|
}
|
|
|
|
var str = "DATAOBJ."+sort+"='"+val+"';";
|
|
|
|
if(val > 100 || val < 0){
|
|
layer.msg('结算单中的税率不允许大于100和小于0');
|
|
dom.val(vdata);
|
|
return false;
|
|
}
|
|
eval(str);
|
|
var index = $(this).data("index");
|
|
var td = DATAOBJ.statement_info[index];
|
|
|
|
var rname = $(this).attr("name");
|
|
var ratio = 0;
|
|
if( rname == "increment_ratio" || rname == "ratio"){
|
|
ratio = val;
|
|
}else{
|
|
ratio = td['ratio'];
|
|
}
|
|
DATAOBJ.statement_money = PUBLIC.floatCut(DATAOBJ.statement_money,td['sum_money']);
|
|
td['sum_money'] = Math.round(td['pay_amount']*ratio)/100 - td['fine'] + (td['reward']-0);
|
|
DATAOBJ.statement_money=PUBLIC.floatAdd(DATAOBJ.statement_money,td['sum_money']);
|
|
TPLSHOW.showStatementList(true);
|
|
})
|
|
}
|
|
}
|
|
var CHECK = {
|
|
number: /^\d+(\.{1}\d+)?$/,
|
|
mobile: /^1[3456789]\d{9}$/,
|
|
BankNo: /^([1-9]{1})\d{10,19}$/,
|
|
money: /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/
|
|
}
|
|
//
|
|
var TPLSHOW = {
|
|
juicerInit() {
|
|
var nonull = function (data) {
|
|
if (!data) {
|
|
return '';
|
|
}
|
|
return data;
|
|
};
|
|
var number_chinese = function (str) {
|
|
var num = parseFloat(str);
|
|
var strOutput = "",
|
|
strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分';
|
|
num += "00";
|
|
var intPos = num.indexOf('.');
|
|
if (intPos >= 0) {
|
|
num = num.substring(0, intPos) + num.substr(intPos + 1, 2);
|
|
}
|
|
strUnit = strUnit.substr(strUnit.length - num.length);
|
|
for (var i = 0; i < num.length; i++) {
|
|
strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i, 1), 1) + strUnit.substr(i, 1);
|
|
}
|
|
return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(/零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元")
|
|
|
|
}
|
|
juicer.register('nonull', nonull);
|
|
juicer.register('number_chinese', number_chinese);
|
|
},
|
|
//支付给公司
|
|
pushStatementTypeOption() {
|
|
|
|
EVENT.normalchange();
|
|
},
|
|
//支付信息显示
|
|
showPartPayInfo() {
|
|
var data = {};
|
|
if (DATAOBJ.pay_type == 1) {
|
|
data.party_info = DATAOBJ.first_party_info;
|
|
data.type ="first_party_info";
|
|
} else {
|
|
data.party_info = DATAOBJ.second_party_info;
|
|
data.type ="second_party_info";
|
|
}
|
|
|
|
var tpl = $("#partpaytpl").html();
|
|
var html = juicer(tpl, data);
|
|
$("#partpatinfo").html(html);
|
|
EVENT.normalchange();
|
|
|
|
},
|
|
//订单信息显示
|
|
showStatementList(flag) {
|
|
if (flag) {
|
|
var data = DATAOBJ;
|
|
console.log(data);
|
|
$("#statementInit").addClass("hidebox");
|
|
var tpl = $("#statementTpl").html();
|
|
var html = juicer(tpl, data);
|
|
$("#statementShow").html(html);
|
|
EVENT.statementchange();
|
|
}
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |