Commit 0ed85ca1 authored by xishifeng's avatar xishifeng

详情,成交信息

parent da4cdf3b
......@@ -26,10 +26,12 @@
width: 340px;
line-height: 36px;
}
.left .btn5{
.left .btn5 {
width: 32% !important;
}
.right .btn5{
.right .btn5 {
width: 20% !important;
}
......@@ -84,9 +86,50 @@
.right-date {
margin-left: 130px;
}
.Tswitch_three .btn_2{
.Tswitch_three .btn_2 {
width: 80px;
}
/*输入框自定义样式*/
.input-box-0521-par{
float: left;
width: 100%;
overflow: hidden;
clear: both;
}
.input-box-0521{
overflow: hidden;
}
.input-box-0521>label{
float: left;
}
.input-box-0521>label:nth-of-type(2){
margin-left: 50px;
}
.input-box-0521>div{
float: left;
width: 160px;
}
.input-box-0521>mark{
float: left;
overflow: hidden;
background-color: transparent;
padding-top: 5px;
padding-left: 10px;
}
.input-box-0521>mark>img{
float: left;
width: 20px;
}
#input_yongjin_add_btn{
width: 100%;
margin-bottom: 20px;
}
#input_yongjin_add_btn>img{
display: block;
margin: 0 auto;
}
</style>
<div id="page-content-wrapper">
<div class="container">
......@@ -170,98 +213,108 @@
<div class="modal-body modal-body-two">
<div class="Tswitch Tswitch_three">
<form id="form_search">
<div class="left">
<span class="left-deal">商铺类型:</span>
<select class="form-control btn5 " id="shop_type">
<option value="-1">商铺类型</option>
<option value="0">商场</option>
<option value="1">街铺</option>
</select> <br />
<span>商铺地址:</span><span class="internal_address"></span><br>
<span>客户姓名:</span><span class="user_name"></span><br>
<span class="left-deal">成交类型:</span>
<select class="form-control btn5 " id="deal_status">
<option value="-1">成交类型</option>
<option value="10">出租</option>
<option value="20">增佣</option>
<option value="30">代理</option>
<option value="40">好处费</option>
</select> <br />
<span>应收总佣金:</span>&nbsp;<input class="form-control btn_2 commission" type="text"><br>
<div class="left">
<span class="left-deal">商铺类型:</span>
<select class="form-control btn5 " id="shop_type">
<option value="-1">商铺类型</option>
<option value="0">商场</option>
<option value="1">街铺</option>
</select> <br />
<span>商铺地址:</span><span class="internal_address"></span><br>
<span>客户姓名:</span><span class="user_name"></span><br>
<span class="left-deal">成交类型:</span>
<select class="form-control btn5 " id="deal_status">
<option value="-1">成交类型</option>
<option value="10">出租</option>
<option value="20">增佣</option>
<option value="30">代理</option>
<option value="40">好处费</option>
</select> <br />
<span>应收总佣金:</span>&nbsp;<input class="form-control btn_2 commission" type="number"><br>
</div>
<div class="right">
<span class="left-deal">是否开业:</span>
<select class="form-control btn5 " id="is_open">
<option value="-1">是否开业</option>
<option value="0"></option>
<option value="1"></option>
</select> <br />
<span>商铺号:</span><span class="internal_num"></span><br>
<span>客户电话:</span><span class="user_phone"></span><br>
<span>成交日期:</span><span class="create_time"></span><br>
</div>
<div class="clear">
<div><span>实收佣金1:</span>&nbsp;<input class="form-control btn_2 practical_fee" type="text">
<span class="right-date">收佣日期1:</span> <input class="form-control btn5 right-data" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="date"></div>
<div><span>实收佣金2:</span>&nbsp;<input class="form-control btn_2 practical_fee" type="text">
<span class="right-date">收佣日期2:</span> <input class="form-control btn5 right-data" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="date"></div>
<div><span>实收佣金3:</span>&nbsp;<input class="form-control btn_2 practical_fee" type="text">
<span class="right-date">收佣日期3:</span> <input class="form-control btn5 right-data" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="date"></div>
<div><span>实收佣金4:</span>&nbsp;<input class="form-control btn_2 practical_fee" type="text">
<span class="right-date">收佣日期4:</span> <input class="form-control btn5 right-data" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="date">
</div>
<div class="right">
<span class="left-deal">是否开业:</span>
<select class="form-control btn5 " id="is_open">
<option value="-1">是否开业</option>
<option value="0"></option>
<option value="1"></option>
</select> <br />
<span>商铺号:</span><span class="internal_num"></span><br>
<span>客户电话:</span><span class="user_phone"></span><br>
<span>成交日期:</span><span class="create_time"></span><br>
</div>
<div class="input-box-0521-par">
<div id="input_yongjin_add_area">
<div class="form-group input-box-0521">
<label class="">实收佣金:</label>
<div class="input-group">
<input type="number" class="form-control input-100-width" placeholder="请输入">
<div class="input-group-addon"></div>
</div>
<label class="">收佣日期:</label>
<div class="input-group">
<input type="date" class="form-control input-100-width" placeholder="请输入">
</div>
<!--<mark href="javascript:;" class="input-yongjin-cancel-pic"><img src="/resource/image/search_gb.png" /></mark>-->
</div>
</div>
<div id="input_yongjin_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
<input type="hidden" class="page-pass" />
</div>
<span>备注:</span>
<textarea name="" rows="" cols="" id="note_content"></textarea>
<input type="hidden" class="page-pass" />
</div>
<div>
<span>备注:</span>
<textarea name="" rows="" cols="" id="note_content"></textarea>
</div>
</form>
</div>
<div class="Tswitch Tswitch_one">
<!--分佣提成-->
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">新增</a>
<table class="table table-striped table-bordered table-hover table-condensed" id="caozuo_hide">
<thead>
<tr>
<th class="text-center">分佣方</th>
<th class="text-center">业务员</th>
<th class="text-center">所属门店</th>
<th class="text-center">分佣比例</th>
<th class="text-center">应分佣金(元)</th>
<th class="text-center">实分佣金</th>
<th class="text-center">备注</th>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</div>
<div class="Tswitch Tswitch_one">
<!--分佣提成-->
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">新增</a>
<table class="table table-striped table-bordered table-hover table-condensed" id="caozuo_hide">
<thead>
<tr>
<th class="text-center">分佣方</th>
<th class="text-center">业务员</th>
<th class="text-center">所属门店</th>
<th class="text-center">分佣比例</th>
<th class="text-center">应分佣金(元)</th>
<th class="text-center">实分佣金</th>
<th class="text-center">备注</th>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</table>
<!--分佣提成-->
</div>
<!-- ===========收款记录================ -->
<div class="Tswitch Tswitch_two">
<table class="table table-striped table-bordered table-hover table-condensed" id="tcaozuo_hide">
<thead>
<tr>
<th class="text-center">入账时间</th>
<th class="text-center">入账金额(元)</th>
<th class="text-center">入账类型</th>
<th class="text-center">入账方式</th>
<th class="text-center">操作人</th>
</tr>
</thead>
<tbody class="text-center" id="tcaozuo_table">
</table>
<!--分佣提成-->
</div>
<!-- ===========收款记录================ -->
<div class="Tswitch Tswitch_two">
<table class="table table-striped table-bordered table-hover table-condensed" id="tcaozuo_hide">
<thead>
<tr>
<th class="text-center">入账时间</th>
<th class="text-center">入账金额(元)</th>
<th class="text-center">入账类型</th>
<th class="text-center">入账方式</th>
<th class="text-center">操作人</th>
</tr>
</thead>
<tbody class="text-center" id="tcaozuo_table">
</table>
</div>
<!-- =============收款记录============== -->
</table>
</div>
<!-- =============收款记录============== -->
<br><br><br><br>
<br><br><br><br>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default" data-dismiss="modal">取消-->
</button>
</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="confirm_edit">
保存
</button>
......
......@@ -18,22 +18,23 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
bargain.event();
},
event: function() {
$(document).on('click', '#search0', function(e) {
var _doc = $(document);
_doc.on('click', '#search0', function(e) {
e.preventDefault();
e.stopPropagation();
bargain.getList(1); //一级审核搜索
});
$(document).on('click', '#search1', function(e) {
_doc.on('click', '#search1', function(e) {
e.preventDefault();
e.stopPropagation();
bargain.Manager(1); //二级审核搜索
});
$(document).on('click', '#search2', function(e) {
_doc.on('click', '#search2', function(e) {
e.preventDefault();
e.stopPropagation();
bargain.Director(1); //三级级审核搜索
});
$(document).on('click', '#searchStatement', function(e) {
_doc.on('click', '#searchStatement', function(e) {
e.preventDefault();
e.stopPropagation();
bargain.Cashier(1); //结单搜索
......@@ -41,65 +42,83 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
$("#reset").click(function() { //重置
document.getElementById("form_search").reset();
});
$(document).delegate(".timeline", "click", function() { //时间轴
_doc.delegate(".timeline", "click", function() { //时间轴
bargain.Timeline();
});
$(document).delegate(".edit", "click", function() { //点击编辑
_doc.delegate(".edit", "click", function() { //点击编辑
bargain.bargain_id = $(this).attr("data-id");
bargain.Edit();
});
$(document).delegate(".is_pass", "click", function() { //点击编辑
_doc.delegate(".is_pass", "click", function() { //点击编辑
bargain.bargain_id = $(this).attr("data-id");
});
$(document).delegate("#confirm_edit", "click", function() { //点击成交信息确定
_doc.delegate("#confirm_edit", "click", function() { //点击成交信息确定
bargain.confirmEdit();
});
$(document).delegate(".caozuo", "click", function() { //点击分佣提成
_doc.delegate(".caozuo", "click", function() { //点击分佣提成
bargain.Caozuo();
});
$(document).delegate("#records", "click", function() { //点击收款记录
_doc.delegate("#records", "click", function() { //点击收款记录
bargain.Records();
});
$(document).delegate("#confirm_pass", "click", function() { //点击通过按钮
_doc.delegate("#confirm_pass", "click", function() { //点击通过按钮
bargain.confirmPass();
});
// 点击新增分佣提成
$(document).delegate("#new-commission", "click", function() { //点击分佣提成
_doc.delegate("#new-commission", "click", function() { //点击分佣提成
bargain.newCommission();
bargain.Caozuo();
});
//table切换
$(document).delegate("#information", "click", function() {
_doc.delegate("#information", "click", function() {
bargain.Information();
});
$(document).delegate("#fees", "click", function() {
_doc.delegate("#fees", "click", function() {
bargain.Fees();
});
//专员审核 总监审核 经理审核 出纳审核
$(document).delegate("#commissioner", "click", function() {
_doc.delegate("#commissioner", "click", function() {
bargain.Commissioner();
$(".search").attr("id", "search0");
});
$(document).delegate("#manager", "click", function() {
_doc.delegate("#manager", "click", function() {
bargain.Manager();
$(".search").attr("id", "search1");
});
$(document).delegate("#director", "click", function() {
_doc.delegate("#director", "click", function() {
bargain.Director();
$(".search").attr("id", "search2");
});
$(document).delegate("#cashier", "click", function() {
_doc.delegate("#cashier", "click", function() {
bargain.Cashier();
$(".search").attr("id", "searchStatement");
});
var _iYJAAObj = $('#input_yongjin_add_area');
_doc.on('click', '#input_yongjin_add_btn', function(e){
e.preventDefault();
e.stopPropagation();
if($('#input_yongjin_add_area>div').length>=5){
alert('最多添加5条');
return false;
}else{
_iYJAAObj.append('<div class="form-group input-box-0521"><label class="">实收佣金:</label><div class="input-group"><input type="number"class="form-control input-100-width"placeholder="请输入"><div class="input-group-addon">元</div></div><label class="">收佣日期:</label><div class="input-group"><input type="date"class="form-control input-100-width"placeholder="请输入"></div><mark href="javascript:;"class="input-yongjin-cancel-pic"><img src="/resource/image/search_gb.png"/></mark></div>');
};
});
_doc.on('click', '.input-yongjin-cancel-pic', function(e){
e.preventDefault();
e.stopPropagation();
$(this).parent().remove();
})
},
Timeline: function() { //获取时间轴
$.ajax({
......@@ -150,6 +169,26 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
$("#deal_status").val(data.data.trade_type);
$(".commission").val(data.data.commission);
$(".create_time").html(data.data.create_time);
if(data.data.practical_fee && data.data.practical_fee.length === 0){
$('#input_yongjin_add_area').html('<div class="form-group input-box-0521"><label class="">实收佣金:</label><div class="input-group"><input type="number"class="form-control input-100-width"placeholder="请输入"><div class="input-group-addon">元</div></div><label class="">收佣日期:</label><div class="input-group"><input type="date"class="form-control input-100-width"placeholder="请输入"></div></div>');
};
$.each(data.data.practical_fee, function(i, v) {
if(i == 0) {
$('#input_yongjin_add_area').html('<div class="form-group input-box-0521"><label class="">实收佣金:</label><div class="input-group"><input type="number"class="form-control input-100-width"placeholder="请输入"value="{0}"><div class="input-group-addon">元</div></div><label class="">收佣日期:</label><div class="input-group"><input type="date"class="form-control input-100-width"placeholder="请输入"value="{1}"></div></div>'.stringFormatObj({
'0': v.fee,
'1': v.operation_date
}));
// var _tempObj = $('#input_yongjin_add_area>.input-box-0521:nth-of-type(1)');
// _tempObj.find('input').eq(0).val(v.fee);
// _tempObj.find('input').eq(1).val(v.operation_date);
} else {
$('#input_yongjin_add_area').append('<div class="form-group input-box-0521"><label class="">实收佣金:</label><div class="input-group"><input type="number"class="form-control input-100-width"placeholder="请输入"value="{0}"><div class="input-group-addon">元</div></div><label class="">收佣日期:</label><div class="input-group"><input type="date"class="form-control input-100-width"placeholder="请输入"value="{1}"></div><mark href="javascript:;"class="input-yongjin-cancel-pic"><img src="/resource/image/search_gb.png"/></mark></div>'.stringFormatObj({
'0': v.fee,
'1': v.operation_date
}));
};
});
}
} else {
......@@ -159,14 +198,24 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
});
},
confirmEdit: function() { //修改报告详情
var _tempArr = [];//
var _data = {
'id': bargain.bargain_id,
'commission': $.trim($('.btn_2 commission').val())
};
$.each($('.input-box-0521'), function(i, v) {
var _tempData = {
// 'fee_id': 0,
'fee': $.trim($(v).find('input').eq(0).val()),
'operation_date': $.trim($(v).find('input').eq(1).val())
};
console.log(_tempData);
_data['practical_fee'+'['+i+']'] = _tempData;
});
$.ajax({
'type': 'POST',
'url': '/index/editBargainInfo',
data: {
"id": bargain.bargain_id,
"scale_fee": $(".commission").val(),
"practical_fee": $(".practical_fee").val()
},
data: _data,
dataType: "json",
success: function(data) {
if(data.code == 200) {
......
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