Commit 4bb5d2f4 authored by agping's avatar agping

1

parent 58c71c8c
...@@ -93,6 +93,18 @@ class OfficeBuilding extends Basic ...@@ -93,6 +93,18 @@ class OfficeBuilding extends Basic
return view('officeBuilding/refundListShop'); return view('officeBuilding/refundListShop');
} }
} }
public function reportListOffice()
{
if (!$this->request->isAjax()) {
return view('officeBuilding/reportListOffice');
}
}
public function reportListShop()
{
if (!$this->request->isAjax()) {
return view('officeBuilding/reportListShop');
}
}
} }
{layout name="global/frame_two_tpl" /} {layout name="global/frame_two_tpl" /}
<input type="hidden" class="page-load" id="reportList" /> <input type="hidden" class="page-load" id="getCollection" />
<style type="text/css"> <style>
/*收佣金*/ .detail-modal-header-tab>span{
.modal-body-intention{
width: 900px!important;
}
.modal-body-intention tr{
height: 46px;
}
.modal-body-intention input,.modal-body-intention select{
height: 28px;
border: 1px solid #e0e0e0;
outline-style: none;
width: 200px;
}
.span-width-90{
width: 90px;
display: inline-block;
}
.tip-liu{
font-size: 15px;
}
/*收佣金*/
.envelope-list{
position: relative;
left: -144px;
opacity: 0;
}
.envelope-details{
font-size: 18px;
font-weight: 600;
}
.clear{
clear: both;
}
.button-center-bargain{
width: 430px;
}
.user-ul{
height: auto;
float: left;
position: relative;
left: -40px;
}
.user-ul li{
list-style: none;
line-height: 30px;
}
.left-phone{
float: left;
margin-top: 10px;
margin-left: 10px;
}
#bargaininfo_shop_num{
width: 100px;
display: inline-block;
}
/*客户详情 样式*/
.modal-body1 {
height: 716px;
overflow-y: auto;
padding-bottom: 60px;
}
.modal-body-details {
width: 850px;
}
/*客户动态*/
.followup-modal-list-area {
height: 258px;
overflow-y: scroll;
}
.form-control[disabled]{
background-color: #fff;
}
.user_pic {
width: 30px;
height: 30px;
border-radius: 15px;
}
.btn-guanbi{
float: right;
}
/*客户详情 样式*/
.total-commission{
font-size: 16px;
font-weight: 600;
float: left;
margin-left: 12px;
}
#maintable_form_search>span.total-commission{
margin-top: 16px;
}
/*加载图标*/
#main_loading_pic {
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: 50px;
margin-top: -100px;
overflow: hidden;
display: none;
}
/*收款详情*/
#container_body_img_area_du>div{
float: left;
width: 216px;
}
.modal-body-width-du{
width: 1200px;
}
.col-xs-12 {
overflow: hidden;
}
.p-a-0 {
padding:0px;
}
.p-l-15 {
padding-left:15px !important;
}
.p-t-10{
padding-top:10px !important;
}
.no-border{
border : none;
}
#preview img{
height:300px !important;
width:500px !important;
}
#preview {
height:300px !important;
width:500px !important;
}
.active {
color:dodgerblue;
}
#file_input_pic,#file_input_pic_liu{
opacity: 0;
position: absolute;
top: 0;
left: 145px;
height: 35px;
width: 80px;
}
.hide {
display: none !important;
}
.result-du,{
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
}
.result-du-liu{
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
margin-right: 10px; margin-right: 10px;
} }
.result-du-liu img{
width:130px;
height: 130px;
}
.result-du>img,.result2-du>img{
width: 120px;
height: 120px;
margin-top: 8px;
}
#container_body_du{
position: relative;
overflow: hidden;
}
.tit_con{
cursor: pointer;
}
/*收款详情*/
</style> </style>
<div id="page-content-wrapper"> <div style="width: 100%;background: #fff;">
<div class="container"> <div style="padding: 6px 0;">
<div class="row"> <!--<a href="javascript:;">收款记录</a>-->
<div class="">
<div class="panel panel-default">
<div class="panel-heading breadcrumb">
<li>
<a href="#">成交报告</a>
</li>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<td colspan="14" class="maintable-top-sub-tr">
<a class="btn btn-info liudan_pic_btn">全部</a>
<a class="btn btn-default liudan_pic_btn">第一级审核</a>
<a class="btn btn-default liudan_pic_btn">第二级审核</a>
<a class="btn btn-default liudan_pic_btn">第三级审核</a>
<a class="btn btn-default liudan_pic_btn">已结单</a>
</td>
</tr>
<!--三级审核的搜索功能-->
<tr>
<td colspan="14">
<form id="maintable_form_search">
<span class="fore-span">商铺类型:</span>
<select class="form-control btn2" name="maintable_shop_type" id="maintable_shop_type">
<option value="-1">请选择</option>
<option value="0">商场</option>
<option value="1">街铺</option>
</select>
<span class="fore-span margin-left-10">提交时间:</span>
<input class="form-control btn4" value="" data-rule-phoneus="false" data-rule-required="false" id="maintable_create_time" name="start_date" type="date">
<span class="fore-span margin-left-10"></span>
<input class="form-control btn4" value="" data-rule-phoneus="false" data-rule-required="false" id="maintable_end_time" name="end_date" type="date">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_internal_address" placeholder="商铺地址" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_shop_num" placeholder="商铺号" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_user_phone" placeholder="客户电话" type="text" value="">
<select name="district_id" class="form-control btn4">
<option value="">约带看人所在部门</option>
</select>
<select name="store_id" class="form-control btn4">
<option value="">约带看人所在门店</option>
</select>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="agent_name" placeholder="约带看人姓名" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="agent_phone" placeholder="约带看人手机号" type="text" value="">
<div class="left-phone">
<input class="form-control" data-rule-phoneus="false" data-rule-required="false" id="partical_name" placeholder="分佣方姓名" type="text" value="">
<ul class="user-ul"></ul>
</div>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="bargain_id" placeholder="成交报告id" type="text" value="">
<div class="clear"></div>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_user_ID" placeholder="客户ID" type="text" value="">
<!--<select class="form-control btn2" id="isPayment">
<option value="">是否收款</option>
<option value="1">是</option>
<option value="2">否</option>
</select>-->
<span class="total-commission">应收佣金总计:<span class="total-commission-should"></span></span>
<span class="total-commission">已收佣金总计:<span class="total-commission-real"></span></span>
<span class="total-commission">未收佣金总计:<span class="total-commission-no">0</span></span>
<div class="clear">
</div>
<div class="text-right">
<span class="btn btn-info btn3 search" id="maintable_search">搜索</span>
<span class="btn btn-info btn3" id="maintable_reset">重置</span>
<span class="btn btn-info btn3" id="export">导出报表</span>
</div>
</form>
</td>
</tr>
<tr class="maintable-tr-bar">
<th class="text-center">行号</th>
<th class="text-center">ID</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>
<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="maintable_list">
</tbody>
</table>
</div>
<!-- /#page-content-wrapper -->
<div class="text-right" id="pagediv">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 弹出框 详情 -->
<div class="modal fade" id="modal_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title detail-modal-header-tab">
<a href="javascript:;" class="btn btn-info">成交信息</a>
<a href="javascript:;" class="btn btn-default">分佣提成</a>
<a href="javascript:;" class="btn btn-default">开票税费</a>
</h4>
</div>
<div class="modal-body detail-modal-body">
<div>
<div class="detail-modal-body-sec">
<form class="detail-modal-bargaininfo-form">
<div class="detail-modal-bargaininfo-main-left">
<span>成交报告ID:</span>
<span id="bargaininfo_id_span"></span>
<br />
<span>商铺类型:</span>
<span id="bargaininfo_shop_type"></span>
<br />
<span>商铺地址:</span><span id="bargaininfo_internal_address"></span>
<a class="btn1 bargain-detail-shop btn-info" href="#modal_shop_detail" data-toggle="modal">商铺</a>
<!--<button type="button" class="bargain-detail-shop btn-info btn btn-sm">商铺</button>-->
<br>
<span>业态:</span>&nbsp;<input class="form-control" id="bargaininfo_yetai" type="text"><br>
<span>客户姓名:</span><span id="bargaininfo_user_name"></span><br>
<span>成交类型:</span>
<select class="form-control" id="bargaininfo_type">
<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" id="bargaininfo_total_commission" type="number"><br>
</div>
<div class="detail-modal-bargaininfo-main-right">
<span></span>
<br />
<span>商铺号:</span><input class="form-control" id="bargaininfo_shop_num" />
<input type="text" id="hide-input-value" style="opacity: 0;width: 6px;"/>
<button type="button" class="copy-text-shop btn-info btn1">复制</button>
<br>
<!--<span>商铺号:</span><span id="bargaininfo_shop_num"></span><br>-->
<!--<span>预计收款时间:</span><span id="bargaininfo_expect_payback_time"></span><br>-->
<span>预计收款时间:</span><input type="date" id="bargaininfo_expect_payback_time" placeholder="请输入"><br>
<span>客户电话:</span><span id="bargaininfo_user_phone"></span>
<a class="btn1 caozuo genj_ure btn-info" href="#modal_user_detail" data-toggle="modal">客户</a>
<br>
<span>成交日期:</span><span id="bargaininfo_create_time"></span><br>
<span>成交价:</span>&nbsp;<input class="form-control" id="bargaininfo_chengjiao_price" type="number">
</div>
<div class="detail-modal-bargaininfo-commission-inputpar">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="form-group detail-modal-bargaininfo-commission-sec">
<label class="">实收佣金:</label>
<div class="input-group">
<input type="number" class="form-control" placeholder="请输入">
<div class="input-group-addon"></div>
</div>
<label class="">收佣日期:</label>
<div class="input-group">
<input type="date" class="form-control" placeholder="请输入">
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
</div>
<div>
<span class="detail-modal-bargaininfo-span-beizhu">备注:</span>
<textarea id="bargaininfo_beizhu"></textarea>
</div>
</form>
<div class="tc">
<button type="button" class="btn btn-primary" id="bargaininfo_btn_save">保存</button>
</div>
</div>
<div class="detail-modal-body-sec">
<div class="detail-modal-maid-top-btn-area oh">
<a class="btn btn-success" id="maid_new_btn" href="#modal_new_maid" data-toggle="modal">新增</a>
<a id="maid_add_btn" class="btn btn-primary" data-toggle="modal">增加实收</a>
<a id="maid_count_btn" class="btn btn-primary" title="可自动计算实收佣金和合计">计算</a>
</div>
<p class="text-right" id="maid_count_tips_p"><span>提示:</span>点击<span>计算</span>按钮可自动计算<span>实收佣金</span><span>合计</span>的内容</p>
<table class="table table-striped table-bordered table-hover table-condensed" id="maid_table_main">
<thead>
<tr>
<th class="text-center">分佣ID</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>
<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="maid_new_table_list">
<!--<tr>
<td>盘方</td>
<td>刘丹丹-13918937741</td>
<td>同联一部南京东路店</td>
<td contenteditable>30%</td>
<td contenteditable>350000</td>
<td colspan="6" class="detail-modal-maid-mix-td oh">
<div class="oh">
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span></span>
</div>
</td>
</tr>
<tr>
<td>盘方</td>
<td>刘丹丹-13918937741</td>
<td>同联一部南京东路店</td>
<td contenteditable>30%</td>
<td contenteditable>350000</td>
<td colspan="6" class="detail-modal-maid-mix-td oh">
<div class="oh">
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span></span>
</div>
</td>
</tr>-->
</tbody>
<tfoot>
<tr>
<td class="text-center">合计</td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center" id="maid_count_total_rate"></td>
<td class="text-center" id="maid_count_total_yingfen"></td>
<td class="text-center" id="maid_count_total_yufen"></td>
<td class="text-center" id="maid_count_total_shouxu"></td>
<td class="text-center" id="maid_count_total_cishan"></td>
<td class="text-center" id="maid_count_total_xianjin"></td>
<td class="text-center" id="maid_count_total_shishou"></td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center"></td>
</tr>
</tfoot>
</table>
<div class="detail-modal-maid-bottom-btn-area text-right">
<span class="text-danger" style="float: left;">注:晚上11:00—12:00维护期间,提交和修改的业绩无法统计,请避免在此期间提交和修改业绩</span>
<br />
<span class="text-danger" style="float: left;font-weight: 600;font-size: 18px;">注:页面查看不完整 请隐藏菜单!!!</span>
<div href="#modal_date_select" data-toggle="modal">打开收佣日期选择框(默认隐藏)</div>
<a class="btn btn-primary maid_ok_btn">确认分佣</a>
<a id="maid_save_btn" class="btn btn-primary" data-toggle="modal">保存</a>
<a class="btn btn-success envelope-list" href="#modal-envelope" data-toggle="modal">红包提现</a>
</div>
<!--分佣提成-->
</div>
<div class="detail-modal-body-sec">
<div>
<div class="tc">
<a class="btn btn-success" href="#modal_new_tax" data-toggle="modal">新增开票</a>
</div>
<div id="tax_main_box">
<!--内容为模板生成-->
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
<!-- 弹出框 通过 -->
<div class="modal fade" id="modal-pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog button-center-bargain">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
通过
</h4>
</div>
<div class="modal-body">
<label class="control-label">确认审核通过吗?</label>
<!--<textarea class="form-control" rows="5" id="pass_beizhu"></textarea>
<span class="use-span text-danger">(必填)</span> -->
</div>
<div class="modal-footer text-center">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-info" data-dismiss="modal" class="pass-modal-btn-pass" id="pass_ok_btn">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 撤销成交报告 -->
<div class="modal fade" id="modal-back-out" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
撤销成交报告
</h4>
</div>
<div class="modal-body">
<label class="control-label">撤销原因:</label>
<textarea class="form-control" rows="5" id="pass_cexiao"></textarea>
<!-- <span class="use-span text-danger">(必填)</span> -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消
</button>
<button type="button" class="btn btn-info" data-dismiss="modal" class="pass-modal-btn-pass" id="pass_ok_btn_back">
确定
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 时间轴 -->
<div class="modal fade" id="modal-time" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
时间轴
</h4>
</div>
<div class="modal-body" class="iframe-div-parent">
<iframe class="iframe-time-line"></iframe>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 弹出框 分佣提成新增 -->
<div class="modal fade" id="modal_new_maid" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">新增分佣提成</h4>
</div>
<div class="modal-body">
<div class="modal-body" id="addmaid_input_area">
<div>
<span>分佣方:</span>
<select class="form-control" id="addmaid_input_servant">
<option value="">请选择</option>
<option value="1">盘方</option>
<option value="2">客方</option>
<option value="3">反签</option>
<option value="4">独家</option>
<option value="5">合作方</option>
<!--<option value="6">APP盘下载方</option>-->
<option value="7">APP客下载方</option>
</select>
</div>
<div class="po-relative">
<span>业务员:</span><input class="form-control" type="text" id="addmaid_input_ywy" />
<ul>
<!--<li data-id="5755">5755-测试-小杨业务员-17621975554</li>
<li data-id="5755">5755-测试-小杨业务员-17621975554</li>-->
</ul>
</div>
<div>
<span>所属门店:</span><input class="form-control" type="text" id="addmaid_input_shop" />
</div>
<div>
<span>分佣比例:</span><input class="form-control" type="number" id="addmaid_input_ratio" /><span>%</span>
</div>
<div>
<span>应分佣金:</span><input class="form-control" type="number" id="addmaid_input_cash" /><span></span>
</div>
</div>
</div>
<div class="modal-footer">
<div href="#modal_new_maid_select" data-toggle="modal">打开盘方业务员选择框</div>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="addmaid_ok_btn">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 分佣提成新增,选择盘方,多个的时候选择一业务员 -->
<div class="modal fade" id="modal_new_maid_select" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">选择一业务员</h4>
</div>
<div class="modal-body">
<ul id="addmaid_select_ul">
</ul>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 分佣提成选择收佣日期 -->
<div class="modal fade" id="modal_date_select" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">选择一个日期</h4>
</div>
<div class="modal-body">
<ul id="modal_date_select_ul">
</ul>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 开票税费新增 -->
<div class="modal fade" id="modal_new_tax" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">新增开票</h4>
</div>
<div class="modal-body">
<div>
<div>
<div class="form-group addtax-modal-tax-commission-sec">
<label class="">开票金额:</label>
<div class="input-group"><input type="number" class="form-control" placeholder="请输入" id="addtax_commission_input">
<div class="input-group-addon"></div>
</div>
<label class="">开票日期:</label>
<div class="input-group"><input type="date" class="form-control" placeholder="请输入" id="addtax_date"></div>
</div>
<div>
<table class="table-haveborder addtax-modal-tax-table">
<!--<tr>
<td>分佣方</td>
<td>业务员</td>
<td>分佣比例</td>
<td>税费</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>-->
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="addtax_commission_addok">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--商铺详情 跟进记录-->
<div class="modal fade" id="modal_shop_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one">
<div class="modal-content" style="height: 700px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title detail-modal-header-tab-liu" >
<a href="javascript:;" class="btn btn-default">查看商铺</a>
<a href="javascript:;" class="btn btn-info">商铺跟进</a>
</h4>
</div>
<div class="modal-body modal-body-one">
<div class="detail-modal-body-sec-liu">
<iframe class="iframe-shop-detail"></iframe>
</div>
<div class="detail-modal-body-sec-liu">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="" id="modal_followup_table_list">
<tr>
<td>电话跟进:测试测试测试测试测试测试测试测试测试测试测试测试</td>
<td>刘丹丹</td>
<td>2017-09-05 15:22:33</td>
</tr>
<tr>
<td colspan="3">2017-09-05 15:22:33</td>
</tr>
</tbody>
</table>
</div>
<!--<div class="followup-modal-comment-area">
<textarea></textarea>
</div>
<div class="btn-top-house">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="modal_followup_submit_btn">提交</button>
</div>-->
</div>
</div>
</div>
</div>
</div>
<!--客户详情 弹出框-->
<!--客户详情 客户跟进 不可编辑-->
<div class="modal fade" id="modal_user_detail" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-details">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title text-info detail-modal-header-tab">
客户详情
</h4>
</div>
<div class="modal-body modal-body1">
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td>
<span class="fore-span">姓名:</span>
<input class="form-control btn6 cus_name input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td width="35%">
<span class="fore-span">产生类型:</span>
<span class="fore-span source_type"></span>
</td>
<td>
<span class="fore-span">面积:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="area_demand" type="number" disabled="disabled"><span class="fore-span">
</span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户编号:</span>
<span class="fore-span cus_id"></span>
</td>
<td>
<span class="fore-span">性别:</span>
<select class="form-control btn6 sex input-border-0" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
<td>
<span class="fore-span">业态:</span>
<select class="form-control btn6 input-border-0" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">电话:</span>
<span class="fore-span cus_phone"></span>
</td>
<td>
<span class="fore-span">价格:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number" disabled="disabled"><span class="fore-span">元/月</span>
</td>
<td>
<span class="fore-span">VIP客户:</span>
<select class="form-control btn6 user_vip2 input-border-0" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">注册时间:</span>
<span class="fore-span registration_time"></span>
</td>
<td>
<span class="fore-span">客户所属城市:</span>
<span class="user_details_city fore-span">
</span>
</td>
<td>
<span class="fore-span">昵称:</span>
<img src="" alt="" class="fore-span diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">创建时间:</span>
<span class="fore-span cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span">下载登录时间:</span>
<span class="fore-span firstlogin_time"></span>
</td>
<td>
<span class="fore-span">客户标签:</span>
<span class="user_details_label fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 cus_fang_edit input-border-0" name="pwd" autocomplete="off" disabled="disabled">
<!--<ul class="user-ul2"></ul>-->
</div>
</div>
</td>
<td>
<span class="fore-span">是否转介绍:</span>
<span class="user-details-introduce fore-span"></span>
</td>
<td>
<span class="fore-span">邀请人(介绍人):</span>
<span class="user-details-introduce-id fore-span"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户来源:</span>
<span class="user-source-details fore-span">网络</span>
</td>
<td></td>
<td></td>
</tr>
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
客户跟进
</h4>
<div id="gen_jing_user">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
<div class="clear margin-top-ld">
</div>
<div class="center-btn modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--加载图标-->
<div id="main_loading_pic">
<img src="/resource/image/jz2.gif">
</div>
<!--商铺详情 弹出框-->
<div class="modal fade" id="modal-receiptEvidencing" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1100px;">
<div class="modal-content" style="height: 639px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
收款入账
</h4>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<th class="text-center">提交时间</th>
<th class="text-center">收款ID</th>
<!--<th class="text-center">带看ID</th>-->
<th class="text-center">成交报告ID</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>
<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="maintable_Receipt_list">
</tbody>
</table>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 收款详情 -->
<div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-width-du" style="width: 1000px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button>
<h4 class="modal-title tit_con active shoukuanxiangqing" style="width:auto!important;float:left">收款详情</h4>
<h4 class="modal-title tit_con" style="width:auto!important;float:left;margin-left:20px;">收款图片</h4>
</div>
<div class="modal-body modal-body-height pic-con1" style="height: 528px;">
<ul class="list-group ">
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body_du">
<label>请选择一个图像文件:</label>
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic"/>
<div id="container_body_img_area_du"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</li>
</ul>
</div>
<div class="modal-footer pic-con1">
<button type="button btn2" class="btn btn-primary" id="saveBtn" data-dismiss="modal">
保存
</button>
</div>
<div class="modal-body modal-body-height pic-con2" style="height: 528px;">
<form class="">
<div class="col-xs-12">
<div class="col-xs-3">
<div class="form-group">
<strong><span>入账ID:</span></strong>
<span id="ruzhangId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>带看ID:</span></strong>
<span id="dingdanId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>成交报告ID:</span></strong>
<span id="chengjiaobaogaoId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>房源ID:</span></strong>
<span id="fangyuanId">45122</span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">提交人:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">forgina</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">房源地址:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">上海市南京东路123号</span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">提交时间:</span></strong>
<span id="comit_time" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账类型:</span></strong>
<span id="intoType" class="col-xs-6 ld-Marheight">中介费</span>
</div>
</div>
<!--收款详情 加中介费类型 之前已收佣-->
<div class="col-xs-12">
<div class="col-xs-6 agency_fees_type_hide">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight" style="margin-left: -7px;">中介费类型:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="agency_fees_type_text">
<option class="" value="0">正常</option>
<option class="" value="1">多收</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6 before_commission_hide">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">之前已收佣:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="0" id="before_commission_text">
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">商铺号:</span></strong>
<!--<input class="form-control" type="text" value="2018" id="shopNo" />-->
<span id="shopNo" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">成交价:</span></strong>
<!--<input class="form-control" type="text" value="2018" id="salePrice" />-->
<span id="salePrice" class="col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账日期:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="intoDate"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"/>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账金额:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="intoPrice" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">手续费:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="shouxu" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">实付金额:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="realPrice" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div> </div>
</div> <h4 class="modal-title detail-modal-header-tab" style="margin-bottom: 6px;">
<span style="margin-right: 20px;margin-left: 5px;">成交报告</span>
<div class="col-xs-6 zjcon"> <span class="shop-detail btn btn-info">商铺</span>
<div class="form-group"> <span class="office-detail btn btn-default">办公楼</span>
<strong><span class="col-xs-3 ld-Marheight">应收金额:</span></strong>
<!--<div class="col-xs-6"><input class="form-control" type="text" value="" id="getPrice" /></div>-->
<span id="getPrice" class=" col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
<div class="col-xs-6 zjcon">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">多收金额:</span></strong>
<!--<div class="col-xs-6"><input class="form-control" type="text" value="" id="morePrice" /></div>-->
<span id="morePrice" class=" col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">对应业务员:</span></strong>
<span id="person" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">所属门店:</span></strong>
<span id="belongT" class=" col-xs-6 ld-Marheight"></span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6 zhzd">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">最后转定时间:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="lastTime"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"/>
</div>
</div>
</div>
<div class="col-xs-6 shout">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">收条编号:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="shoutiao" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">支付方式:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="payType">
<option value="10">施总支付宝</option>
<option value="11">林老师支付宝</option>
<option value="12">筠姐支付宝</option>
<option value="20">施总微信</option>
<option value="21">林老师微信</option>
<option value="22">筠姐微信</option>
<option value="30">pos机器</option>
<option value="40">地产转账</option>
<option value="41">世家公账</option>
<option value="42">3000账号</option>
<option value="50">现金</option>
<option value="70">银满谷银行卡</option>
<option value="60">其他</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">转账户名:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="payNo" /></div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">业态/品牌:</span></strong>
<span id="pinpai" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6 ky">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">是否开业:</span></strong>
<!--<div class="col-xs-6">-->
<span id="running" class="col-xs-6 ld-Marheight"></span>
<!--<select class="form-control" id="running">
<option value="0">是</option>
<option value="1">否</option>
</select>-->
<!--</div>-->
</div>
</div>
<div class="col-xs-6 xqac">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">是否分红:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="fenhong">
<option value="">请选择</option>
<option value="0"></option>
<option value="1"></option>
</select>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">来源:</span></strong>
<span id="comes" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">状态:</span></strong>
<span id="status" class=" col-xs-6 ld-Marheight">正常</span>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer pic-con2">
<button type="button btn2" class="btn btn-primary" id="savePayBtn" data-dismiss="modal">
保存
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--红包提现 弹出框-->
<div class="modal fade" id="modal-envelope" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1100px;">
<div class="modal-content" style="height: 639px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
确认分佣
</h4> </h4>
<div class="detail-modal-body-sec1">
<iframe src="/index/reportListShop" style="width: 100%;height: 1200px;border: 0;"></iframe>
</div> </div>
<div class="modal-body"> <div class="detail-modal-body-sec2" style="display: none;">
<div class="table-responsive"> <iframe src="/index/reportListOffice" style="width: 100%;height: 1200px;border: 0;"></iframe>
<table class="table table-striped table-bordered table-hover table-condensed">
<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">客户ID</th>
<th class="text-center">客户手机号</th>
</tr>
</thead>
<tbody class="text-center" id="maintable_envelope_list">
</tbody>
</table>
</div>
<div class="envelope-details" style="margin-bottom: 30px;">注:确认分佣后系统会立即返现现金到对应的客户账户上</div>
</div>
<div class="modal-footer">
<button type="button btn2" class="btn btn-primary maid_ok_btn" id="" data-dismiss="modal">
确认分佣
</button>
</div> </div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div> </div>
<!--收佣金 成交报告列表-->
<div class="modal fade modal-iframe-750" id="modal-commission" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-intention">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
收佣金
</h4>
</div>
<div class="modal-body">
<table width="100%">
<tr>
<td>
<span class="span-width-90">对应成交报告ID:</span>
<span class="commission-bargain-id">4512</span>
</td>
<td>
<span class="span-width-90">入账金额:</span>
<input type="number" placeholder="请输入" class="commission-money">
</td>
</tr>
<tr>
<td colspan="2">
<span class="span-width-90">对应业务员:</span>
<span class="duiyingrole">101周小雨(反签40%),203洛可可(独家50%),203王小兔(合作方20%)</span>
</td>
</tr>
<tr>
<td>
<span class="span-width-90">支付方式:</span>
<select class="commission-pay-type">
<option value="">入账方式</option>
<option value="10">施总支付宝</option>
<option value="11">林老师支付宝</option>
<option value="12">筠姐支付宝</option>
<option value="20">施总微信</option>
<option value="21">林老师微信</option>
<option value="22">筠姐微信</option>
<option value="30">POS机器</option>
<option value="40">地产转账</option>
<option value="41">世家公账</option>
<option value="42">3000账号</option>
<option value="50">现金</option>
<option value="70">银满谷银行卡</option>
<option value="71">筠姐上海银行卡</option>
<option value="72">林老师建行卡</option>
<option value="73">新同联福居银行卡</option>
<!--<option value="60">其他</option>-->
<option value="13">陈志杰支付宝</option>
<option value="23">陈志杰微信</option>
<option value="74">陈志杰招商银行卡</option>
</select>
</td>
<td>
<span class="span-width-90">转账户名:</span>
<input type="text" placeholder="请输入" class="commission-transfer-name">
</td>
</tr>
<tr>
<td>
<span class="span-width-90">入账类型:</span>
<select class="commission-type">
<option value="91">中介费</option>
<option value="92">案场费</option>
</select>
</td>
<td>
<span class="span-width-90">入账日期:</span>
<input class="input-width-m input-width commission-income-time" type="text" value=""
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})"/>
</td>
</tr>
<!--中介费-->
<tr class="zhongjiefei">
<td>
<span class="span-width-90">是否开业:</span>
<!--<span class="shop-is-open">是</span>-->
<select class="shop-is-open">
<option value="3">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
<td>
<span class="span-width-90">是否分红:</span>
<select class="commission-type-zhongjie">
<option value="">请选择</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">之前已收佣:</span>
<input type="number" placeholder="请输入" class="commission-before-zhongjie">
</td>
<td>
<span class="span-width-90">成交价:</span>
<span class="commission-price-zhongjie">66666元</span>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">中介费类型:</span>
<select class="fee-type-zhongjie">
<option value="0">正常</option>
<option value="1">多收</option>
</select>
</td>
<td>
<span class="span-width-90">应收金额:</span>
<span class="fee-money-zhongjie">66666元</span>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">多收金额:</span>
<span class="fee-more-zhongjie">66666元</span>
</td>
<td>
</td>
</tr>
<!--中介费-->
<!--案场费-->
<tr class="anchangfei">
<td>
<span class="span-width-90">是否开业:</span>
<span class="shop-is-open"></span>
</td>
<td>
<span class="span-width-90">是否分红:</span>
<select class="commission-type-anchang">
<option value="">请选择</option>
<option value="0"></option>
<option value="1"></option>
</select>
</td>
</tr>
<tr class="anchangfei">
<td>
<span class="span-width-90">之前已收佣:</span>
<input type="number" placeholder="请输入" class="commission-before-zhongjie">
</td>
<td>
<span class="span-width-90">成交价:</span>
<span class="commission-price-zhongjie">66666元</span>
</td>
</tr>
<!--案场费-->
<tr>
<td>
<span class="span-width-90">商铺号:</span>
<input type="text" placeholder="请输入" class="shop-num-liu">
</td>
<td>
<span class="span-width-90">业态/品牌:</span>
<input type="text" placeholder="请输入" class="shop-yetai-liu">
</td>
</tr>
<tr>
<td>
<span class="span-width-90">备注:</span>
<input type="text" placeholder="请输入" class="beizhu-liu">
</td>
<td>
</td>
</tr>
</table>
<div>
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body_du">
<label>请选择一个图像文件:</label>
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic_liu"/>
<div id="container_body_img_area_liu"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</div>
<div class="tip-liu">
<p>图片上传规则:</p>
<p>意向金:意向金收条,居间协议,客户身份证正反面,转账记录,佣金确认书,现场图(须两位业务员在场)(共6项)</p>
<p>转定:定金收条,意向金收条,居间协议,房东身份证正反面,佣金确认书,现场图(须两位业务员在场)(共6项)</p>
<p>签约:居间协议,佣金确认书,租赁合同(只传首页和尾页),转账记录,收据,现场图(须两位业务员在场)(共6项)</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="save_zhongjiefei"> 提交 </button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
\ No newline at end of file
{layout name="global/frame_two_tpl" /}
<input type="hidden" class="page-load" id="reportListOffice" />
<style type="text/css">
/*收佣金*/
.modal-body-intention{
width: 900px!important;
}
.modal-body-intention tr{
height: 46px;
}
.modal-body-intention input,.modal-body-intention select{
height: 28px;
border: 1px solid #e0e0e0;
outline-style: none;
width: 200px;
}
.span-width-90{
width: 90px;
display: inline-block;
}
.tip-liu{
font-size: 15px;
}
/*收佣金*/
.envelope-list{
position: relative;
left: -144px;
opacity: 0;
}
.envelope-details{
font-size: 18px;
font-weight: 600;
}
.clear{
clear: both;
}
.button-center-bargain{
width: 430px;
}
.user-ul{
height: auto;
float: left;
position: relative;
left: -40px;
}
.user-ul li{
list-style: none;
line-height: 30px;
}
.left-phone{
float: left;
margin-top: 10px;
margin-left: 10px;
}
#bargaininfo_shop_num{
width: 100px;
display: inline-block;
}
/*客户详情 样式*/
.modal-body1 {
height: 716px;
overflow-y: auto;
padding-bottom: 60px;
}
.modal-body-details {
width: 850px;
}
/*客户动态*/
.followup-modal-list-area {
height: 258px;
overflow-y: scroll;
}
.form-control[disabled]{
background-color: #fff;
}
.user_pic {
width: 30px;
height: 30px;
border-radius: 15px;
}
.btn-guanbi{
float: right;
}
/*客户详情 样式*/
.total-commission{
font-size: 16px;
font-weight: 600;
float: left;
margin-left: 12px;
}
#maintable_form_search>span.total-commission{
margin-top: 16px;
}
/*加载图标*/
#main_loading_pic {
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: 50px;
margin-top: -100px;
overflow: hidden;
display: none;
}
/*收款详情*/
#container_body_img_area_du>div{
float: left;
width: 216px;
}
.modal-body-width-du{
width: 1200px;
}
.col-xs-12 {
overflow: hidden;
}
.p-a-0 {
padding:0px;
}
.p-l-15 {
padding-left:15px !important;
}
.p-t-10{
padding-top:10px !important;
}
.no-border{
border : none;
}
#preview img{
height:300px !important;
width:500px !important;
}
#preview {
height:300px !important;
width:500px !important;
}
.active {
color:dodgerblue;
}
#file_input_pic,#file_input_pic_liu{
opacity: 0;
position: absolute;
top: 0;
left: 145px;
height: 35px;
width: 80px;
}
.hide {
display: none !important;
}
.result-du,{
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
}
.result-du-liu{
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
margin-right: 10px;
}
.result-du-liu img{
width:130px;
height: 130px;
}
.result-du>img,.result2-du>img{
width: 120px;
height: 120px;
margin-top: 8px;
}
#container_body_du{
position: relative;
overflow: hidden;
}
.tit_con{
cursor: pointer;
}
/*收款详情*/
</style>
<div id="page-content-wrapper">
<div class="container">
<div class="row">
<div class="">
<div class="panel panel-default">
<div class="panel-heading breadcrumb">
<li>
<a href="#">成交报告</a>
</li>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<td colspan="14" class="maintable-top-sub-tr">
<a class="btn btn-info liudan_pic_btn">全部</a>
<a class="btn btn-default liudan_pic_btn">第一级审核</a>
<a class="btn btn-default liudan_pic_btn">第二级审核</a>
<a class="btn btn-default liudan_pic_btn">第三级审核</a>
<a class="btn btn-default liudan_pic_btn">已结单</a>
</td>
</tr>
<!--三级审核的搜索功能-->
<tr>
<td colspan="14">
<form id="maintable_form_search">
<span class="fore-span">商铺类型:</span>
<select class="form-control btn2" name="maintable_shop_type" id="maintable_shop_type">
<option value="-1">请选择</option>
<option value="0">商场</option>
<option value="1">街铺</option>
</select>
<span class="fore-span margin-left-10">提交时间:</span>
<input class="form-control btn4" value="" data-rule-phoneus="false" data-rule-required="false" id="maintable_create_time" name="start_date" type="date">
<span class="fore-span margin-left-10"></span>
<input class="form-control btn4" value="" data-rule-phoneus="false" data-rule-required="false" id="maintable_end_time" name="end_date" type="date">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_internal_address" placeholder="商铺地址" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_shop_num" placeholder="商铺号" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_user_phone" placeholder="客户电话" type="text" value="">
<select name="district_id" class="form-control btn4">
<option value="">约带看人所在部门</option>
</select>
<select name="store_id" class="form-control btn4">
<option value="">约带看人所在门店</option>
</select>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="agent_name" placeholder="约带看人姓名" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="agent_phone" placeholder="约带看人手机号" type="text" value="">
<div class="left-phone">
<input class="form-control" data-rule-phoneus="false" data-rule-required="false" id="partical_name" placeholder="分佣方姓名" type="text" value="">
<ul class="user-ul"></ul>
</div>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="bargain_id" placeholder="成交报告id" type="text" value="">
<div class="clear"></div>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_user_ID" placeholder="客户ID" type="text" value="">
<!--<select class="form-control btn2" id="isPayment">
<option value="">是否收款</option>
<option value="1">是</option>
<option value="2">否</option>
</select>-->
<span class="total-commission">应收佣金总计:<span class="total-commission-should"></span></span>
<span class="total-commission">已收佣金总计:<span class="total-commission-real"></span></span>
<span class="total-commission">未收佣金总计:<span class="total-commission-no">0</span></span>
<div class="clear">
</div>
<div class="text-right">
<span class="btn btn-info btn3 search" id="maintable_search">搜索</span>
<span class="btn btn-info btn3" id="maintable_reset">重置</span>
<span class="btn btn-info btn3" id="export">导出报表</span>
</div>
</form>
</td>
</tr>
<tr class="maintable-tr-bar">
<th class="text-center">行号</th>
<th class="text-center">ID</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>
<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="maintable_list">
</tbody>
</table>
</div>
<!-- /#page-content-wrapper -->
<div class="text-right" id="pagediv">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 弹出框 详情 -->
<div class="modal fade" id="modal_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title detail-modal-header-tab">
<a href="javascript:;" class="btn btn-info">成交信息</a>
<a href="javascript:;" class="btn btn-default">分佣提成</a>
<a href="javascript:;" class="btn btn-default">开票税费</a>
</h4>
</div>
<div class="modal-body detail-modal-body">
<div>
<div class="detail-modal-body-sec">
<form class="detail-modal-bargaininfo-form">
<div class="detail-modal-bargaininfo-main-left">
<span>成交报告ID:</span>
<span id="bargaininfo_id_span"></span>
<br />
<span>商铺类型:</span>
<span id="bargaininfo_shop_type"></span>
<br />
<span>商铺地址:</span><span id="bargaininfo_internal_address"></span>
<a class="btn1 bargain-detail-shop btn-info" href="#modal_shop_detail" data-toggle="modal">商铺</a>
<!--<button type="button" class="bargain-detail-shop btn-info btn btn-sm">商铺</button>-->
<br>
<span>业态:</span>&nbsp;<input class="form-control" id="bargaininfo_yetai" type="text"><br>
<span>客户姓名:</span><span id="bargaininfo_user_name"></span><br>
<span>成交类型:</span>
<select class="form-control" id="bargaininfo_type">
<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" id="bargaininfo_total_commission" type="number"><br>
</div>
<div class="detail-modal-bargaininfo-main-right">
<span></span>
<br />
<span>商铺号:</span><input class="form-control" id="bargaininfo_shop_num" />
<input type="text" id="hide-input-value" style="opacity: 0;width: 6px;"/>
<button type="button" class="copy-text-shop btn-info btn1">复制</button>
<br>
<!--<span>商铺号:</span><span id="bargaininfo_shop_num"></span><br>-->
<!--<span>预计收款时间:</span><span id="bargaininfo_expect_payback_time"></span><br>-->
<span>预计收款时间:</span><input type="date" id="bargaininfo_expect_payback_time" placeholder="请输入"><br>
<span>客户电话:</span><span id="bargaininfo_user_phone"></span>
<a class="btn1 caozuo genj_ure btn-info" href="#modal_user_detail" data-toggle="modal">客户</a>
<br>
<span>成交日期:</span><span id="bargaininfo_create_time"></span><br>
<span>成交价:</span>&nbsp;<input class="form-control" id="bargaininfo_chengjiao_price" type="number">
</div>
<div class="detail-modal-bargaininfo-commission-inputpar">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="form-group detail-modal-bargaininfo-commission-sec">
<label class="">实收佣金:</label>
<div class="input-group">
<input type="number" class="form-control" placeholder="请输入">
<div class="input-group-addon"></div>
</div>
<label class="">收佣日期:</label>
<div class="input-group">
<input type="date" class="form-control" placeholder="请输入">
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
</div>
<div>
<span class="detail-modal-bargaininfo-span-beizhu">备注:</span>
<textarea id="bargaininfo_beizhu"></textarea>
</div>
</form>
<div class="tc">
<button type="button" class="btn btn-primary" id="bargaininfo_btn_save">保存</button>
</div>
</div>
<div class="detail-modal-body-sec">
<div class="detail-modal-maid-top-btn-area oh">
<a class="btn btn-success" id="maid_new_btn" href="#modal_new_maid" data-toggle="modal">新增</a>
<a id="maid_add_btn" class="btn btn-primary" data-toggle="modal">增加实收</a>
<a id="maid_count_btn" class="btn btn-primary" title="可自动计算实收佣金和合计">计算</a>
</div>
<p class="text-right" id="maid_count_tips_p"><span>提示:</span>点击<span>计算</span>按钮可自动计算<span>实收佣金</span><span>合计</span>的内容</p>
<table class="table table-striped table-bordered table-hover table-condensed" id="maid_table_main">
<thead>
<tr>
<th class="text-center">分佣ID</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>
<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="maid_new_table_list">
<!--<tr>
<td>盘方</td>
<td>刘丹丹-13918937741</td>
<td>同联一部南京东路店</td>
<td contenteditable>30%</td>
<td contenteditable>350000</td>
<td colspan="6" class="detail-modal-maid-mix-td oh">
<div class="oh">
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span></span>
</div>
</td>
</tr>
<tr>
<td>盘方</td>
<td>刘丹丹-13918937741</td>
<td>同联一部南京东路店</td>
<td contenteditable>30%</td>
<td contenteditable>350000</td>
<td colspan="6" class="detail-modal-maid-mix-td oh">
<div class="oh">
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span></span>
</div>
</td>
</tr>-->
</tbody>
<tfoot>
<tr>
<td class="text-center">合计</td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center" id="maid_count_total_rate"></td>
<td class="text-center" id="maid_count_total_yingfen"></td>
<td class="text-center" id="maid_count_total_yufen"></td>
<td class="text-center" id="maid_count_total_shouxu"></td>
<td class="text-center" id="maid_count_total_cishan"></td>
<td class="text-center" id="maid_count_total_xianjin"></td>
<td class="text-center" id="maid_count_total_shishou"></td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center"></td>
</tr>
</tfoot>
</table>
<div class="detail-modal-maid-bottom-btn-area text-right">
<span class="text-danger" style="float: left;">注:晚上11:00—12:00维护期间,提交和修改的业绩无法统计,请避免在此期间提交和修改业绩</span>
<br />
<span class="text-danger" style="float: left;font-weight: 600;font-size: 18px;">注:页面查看不完整 请隐藏菜单!!!</span>
<div href="#modal_date_select" data-toggle="modal">打开收佣日期选择框(默认隐藏)</div>
<a class="btn btn-primary maid_ok_btn">确认分佣</a>
<a id="maid_save_btn" class="btn btn-primary" data-toggle="modal">保存</a>
<a class="btn btn-success envelope-list" href="#modal-envelope" data-toggle="modal">红包提现</a>
</div>
<!--分佣提成-->
</div>
<div class="detail-modal-body-sec">
<div>
<div class="tc">
<a class="btn btn-success" href="#modal_new_tax" data-toggle="modal">新增开票</a>
</div>
<div id="tax_main_box">
<!--内容为模板生成-->
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
<!-- 弹出框 通过 -->
<div class="modal fade" id="modal-pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog button-center-bargain">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
通过
</h4>
</div>
<div class="modal-body">
<label class="control-label">确认审核通过吗?</label>
<!--<textarea class="form-control" rows="5" id="pass_beizhu"></textarea>
<span class="use-span text-danger">(必填)</span> -->
</div>
<div class="modal-footer text-center">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-info" data-dismiss="modal" class="pass-modal-btn-pass" id="pass_ok_btn">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 撤销成交报告 -->
<div class="modal fade" id="modal-back-out" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
撤销成交报告
</h4>
</div>
<div class="modal-body">
<label class="control-label">撤销原因:</label>
<textarea class="form-control" rows="5" id="pass_cexiao"></textarea>
<!-- <span class="use-span text-danger">(必填)</span> -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消
</button>
<button type="button" class="btn btn-info" data-dismiss="modal" class="pass-modal-btn-pass" id="pass_ok_btn_back">
确定
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 时间轴 -->
<div class="modal fade" id="modal-time" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
时间轴
</h4>
</div>
<div class="modal-body" class="iframe-div-parent">
<iframe class="iframe-time-line"></iframe>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 弹出框 分佣提成新增 -->
<div class="modal fade" id="modal_new_maid" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">新增分佣提成</h4>
</div>
<div class="modal-body">
<div class="modal-body" id="addmaid_input_area">
<div>
<span>分佣方:</span>
<select class="form-control" id="addmaid_input_servant">
<option value="">请选择</option>
<option value="1">盘方</option>
<option value="2">客方</option>
<option value="3">反签</option>
<option value="4">独家</option>
<option value="5">合作方</option>
<!--<option value="6">APP盘下载方</option>-->
<option value="7">APP客下载方</option>
</select>
</div>
<div class="po-relative">
<span>业务员:</span><input class="form-control" type="text" id="addmaid_input_ywy" />
<ul>
<!--<li data-id="5755">5755-测试-小杨业务员-17621975554</li>
<li data-id="5755">5755-测试-小杨业务员-17621975554</li>-->
</ul>
</div>
<div>
<span>所属门店:</span><input class="form-control" type="text" id="addmaid_input_shop" />
</div>
<div>
<span>分佣比例:</span><input class="form-control" type="number" id="addmaid_input_ratio" /><span>%</span>
</div>
<div>
<span>应分佣金:</span><input class="form-control" type="number" id="addmaid_input_cash" /><span></span>
</div>
</div>
</div>
<div class="modal-footer">
<div href="#modal_new_maid_select" data-toggle="modal">打开盘方业务员选择框</div>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="addmaid_ok_btn">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 分佣提成新增,选择盘方,多个的时候选择一业务员 -->
<div class="modal fade" id="modal_new_maid_select" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">选择一业务员</h4>
</div>
<div class="modal-body">
<ul id="addmaid_select_ul">
</ul>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 分佣提成选择收佣日期 -->
<div class="modal fade" id="modal_date_select" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">选择一个日期</h4>
</div>
<div class="modal-body">
<ul id="modal_date_select_ul">
</ul>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 开票税费新增 -->
<div class="modal fade" id="modal_new_tax" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">新增开票</h4>
</div>
<div class="modal-body">
<div>
<div>
<div class="form-group addtax-modal-tax-commission-sec">
<label class="">开票金额:</label>
<div class="input-group"><input type="number" class="form-control" placeholder="请输入" id="addtax_commission_input">
<div class="input-group-addon"></div>
</div>
<label class="">开票日期:</label>
<div class="input-group"><input type="date" class="form-control" placeholder="请输入" id="addtax_date"></div>
</div>
<div>
<table class="table-haveborder addtax-modal-tax-table">
<!--<tr>
<td>分佣方</td>
<td>业务员</td>
<td>分佣比例</td>
<td>税费</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>-->
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="addtax_commission_addok">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--商铺详情 跟进记录-->
<div class="modal fade" id="modal_shop_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one">
<div class="modal-content" style="height: 700px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title detail-modal-header-tab-liu" >
<a href="javascript:;" class="btn btn-default">查看商铺</a>
<a href="javascript:;" class="btn btn-info">商铺跟进</a>
</h4>
</div>
<div class="modal-body modal-body-one">
<div class="detail-modal-body-sec-liu">
<iframe class="iframe-shop-detail"></iframe>
</div>
<div class="detail-modal-body-sec-liu">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="" id="modal_followup_table_list">
<tr>
<td>电话跟进:测试测试测试测试测试测试测试测试测试测试测试测试</td>
<td>刘丹丹</td>
<td>2017-09-05 15:22:33</td>
</tr>
<tr>
<td colspan="3">2017-09-05 15:22:33</td>
</tr>
</tbody>
</table>
</div>
<!--<div class="followup-modal-comment-area">
<textarea></textarea>
</div>
<div class="btn-top-house">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="modal_followup_submit_btn">提交</button>
</div>-->
</div>
</div>
</div>
</div>
</div>
<!--客户详情 弹出框-->
<!--客户详情 客户跟进 不可编辑-->
<div class="modal fade" id="modal_user_detail" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-details">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title text-info detail-modal-header-tab">
客户详情
</h4>
</div>
<div class="modal-body modal-body1">
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td>
<span class="fore-span">姓名:</span>
<input class="form-control btn6 cus_name input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td width="35%">
<span class="fore-span">产生类型:</span>
<span class="fore-span source_type"></span>
</td>
<td>
<span class="fore-span">面积:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="area_demand" type="number" disabled="disabled"><span class="fore-span">
</span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户编号:</span>
<span class="fore-span cus_id"></span>
</td>
<td>
<span class="fore-span">性别:</span>
<select class="form-control btn6 sex input-border-0" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
<td>
<span class="fore-span">业态:</span>
<select class="form-control btn6 input-border-0" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">电话:</span>
<span class="fore-span cus_phone"></span>
</td>
<td>
<span class="fore-span">价格:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number" disabled="disabled"><span class="fore-span">元/月</span>
</td>
<td>
<span class="fore-span">VIP客户:</span>
<select class="form-control btn6 user_vip2 input-border-0" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">注册时间:</span>
<span class="fore-span registration_time"></span>
</td>
<td>
<span class="fore-span">客户所属城市:</span>
<span class="user_details_city fore-span">
</span>
</td>
<td>
<span class="fore-span">昵称:</span>
<img src="" alt="" class="fore-span diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">创建时间:</span>
<span class="fore-span cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span">下载登录时间:</span>
<span class="fore-span firstlogin_time"></span>
</td>
<td>
<span class="fore-span">客户标签:</span>
<span class="user_details_label fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 cus_fang_edit input-border-0" name="pwd" autocomplete="off" disabled="disabled">
<!--<ul class="user-ul2"></ul>-->
</div>
</div>
</td>
<td>
<span class="fore-span">是否转介绍:</span>
<span class="user-details-introduce fore-span"></span>
</td>
<td>
<span class="fore-span">邀请人(介绍人):</span>
<span class="user-details-introduce-id fore-span"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户来源:</span>
<span class="user-source-details fore-span">网络</span>
</td>
<td></td>
<td></td>
</tr>
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
客户跟进
</h4>
<div id="gen_jing_user">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
<div class="clear margin-top-ld">
</div>
<div class="center-btn modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--加载图标-->
<div id="main_loading_pic">
<img src="/resource/image/jz2.gif">
</div>
<!--商铺详情 弹出框-->
<div class="modal fade" id="modal-receiptEvidencing" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1100px;">
<div class="modal-content" style="height: 639px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
收款入账
</h4>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<th class="text-center">提交时间</th>
<th class="text-center">收款ID</th>
<!--<th class="text-center">带看ID</th>-->
<th class="text-center">成交报告ID</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>
<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="maintable_Receipt_list">
</tbody>
</table>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 收款详情 -->
<div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-width-du" style="width: 1000px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button>
<h4 class="modal-title tit_con active shoukuanxiangqing" style="width:auto!important;float:left">收款详情</h4>
<h4 class="modal-title tit_con" style="width:auto!important;float:left;margin-left:20px;">收款图片</h4>
</div>
<div class="modal-body modal-body-height pic-con1" style="height: 528px;">
<ul class="list-group ">
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body_du">
<label>请选择一个图像文件:</label>
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic"/>
<div id="container_body_img_area_du"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</li>
</ul>
</div>
<div class="modal-footer pic-con1">
<button type="button btn2" class="btn btn-primary" id="saveBtn" data-dismiss="modal">
保存
</button>
</div>
<div class="modal-body modal-body-height pic-con2" style="height: 528px;">
<form class="">
<div class="col-xs-12">
<div class="col-xs-3">
<div class="form-group">
<strong><span>入账ID:</span></strong>
<span id="ruzhangId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>带看ID:</span></strong>
<span id="dingdanId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>成交报告ID:</span></strong>
<span id="chengjiaobaogaoId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>房源ID:</span></strong>
<span id="fangyuanId">45122</span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">提交人:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">forgina</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">房源地址:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">上海市南京东路123号</span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">提交时间:</span></strong>
<span id="comit_time" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账类型:</span></strong>
<span id="intoType" class="col-xs-6 ld-Marheight">中介费</span>
</div>
</div>
<!--收款详情 加中介费类型 之前已收佣-->
<div class="col-xs-12">
<div class="col-xs-6 agency_fees_type_hide">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight" style="margin-left: -7px;">中介费类型:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="agency_fees_type_text">
<option class="" value="0">正常</option>
<option class="" value="1">多收</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6 before_commission_hide">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">之前已收佣:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="0" id="before_commission_text">
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">商铺号:</span></strong>
<!--<input class="form-control" type="text" value="2018" id="shopNo" />-->
<span id="shopNo" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">成交价:</span></strong>
<!--<input class="form-control" type="text" value="2018" id="salePrice" />-->
<span id="salePrice" class="col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账日期:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="intoDate"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"/>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账金额:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="intoPrice" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">手续费:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="shouxu" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">实付金额:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="realPrice" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6 zjcon">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">应收金额:</span></strong>
<!--<div class="col-xs-6"><input class="form-control" type="text" value="" id="getPrice" /></div>-->
<span id="getPrice" class=" col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
<div class="col-xs-6 zjcon">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">多收金额:</span></strong>
<!--<div class="col-xs-6"><input class="form-control" type="text" value="" id="morePrice" /></div>-->
<span id="morePrice" class=" col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">对应业务员:</span></strong>
<span id="person" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">所属门店:</span></strong>
<span id="belongT" class=" col-xs-6 ld-Marheight"></span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6 zhzd">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">最后转定时间:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="lastTime"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"/>
</div>
</div>
</div>
<div class="col-xs-6 shout">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">收条编号:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="shoutiao" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">支付方式:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="payType">
<option value="10">施总支付宝</option>
<option value="11">林老师支付宝</option>
<option value="12">筠姐支付宝</option>
<option value="20">施总微信</option>
<option value="21">林老师微信</option>
<option value="22">筠姐微信</option>
<option value="30">pos机器</option>
<option value="40">地产转账</option>
<option value="41">世家公账</option>
<option value="42">3000账号</option>
<option value="50">现金</option>
<option value="70">银满谷银行卡</option>
<option value="60">其他</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">转账户名:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="payNo" /></div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">业态/品牌:</span></strong>
<span id="pinpai" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6 ky">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">是否开业:</span></strong>
<!--<div class="col-xs-6">-->
<span id="running" class="col-xs-6 ld-Marheight"></span>
<!--<select class="form-control" id="running">
<option value="0">是</option>
<option value="1">否</option>
</select>-->
<!--</div>-->
</div>
</div>
<div class="col-xs-6 xqac">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">是否分红:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="fenhong">
<option value="">请选择</option>
<option value="0"></option>
<option value="1"></option>
</select>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">来源:</span></strong>
<span id="comes" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">状态:</span></strong>
<span id="status" class=" col-xs-6 ld-Marheight">正常</span>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer pic-con2">
<button type="button btn2" class="btn btn-primary" id="savePayBtn" data-dismiss="modal">
保存
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--红包提现 弹出框-->
<div class="modal fade" id="modal-envelope" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1100px;">
<div class="modal-content" style="height: 639px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
确认分佣
</h4>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<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">客户ID</th>
<th class="text-center">客户手机号</th>
</tr>
</thead>
<tbody class="text-center" id="maintable_envelope_list">
</tbody>
</table>
</div>
<div class="envelope-details" style="margin-bottom: 30px;">注:确认分佣后系统会立即返现现金到对应的客户账户上</div>
</div>
<div class="modal-footer">
<button type="button btn2" class="btn btn-primary maid_ok_btn" id="" data-dismiss="modal">
确认分佣
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!--收佣金 成交报告列表-->
<div class="modal fade modal-iframe-750" id="modal-commission" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-intention">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
收佣金
</h4>
</div>
<div class="modal-body">
<table width="100%">
<tr>
<td>
<span class="span-width-90">对应成交报告ID:</span>
<span class="commission-bargain-id">4512</span>
</td>
<td>
<span class="span-width-90">入账金额:</span>
<input type="number" placeholder="请输入" class="commission-money">
</td>
</tr>
<tr>
<td colspan="2">
<span class="span-width-90">对应业务员:</span>
<span class="duiyingrole">101周小雨(反签40%),203洛可可(独家50%),203王小兔(合作方20%)</span>
</td>
</tr>
<tr>
<td>
<span class="span-width-90">支付方式:</span>
<select class="commission-pay-type">
<option value="">入账方式</option>
<option value="10">施总支付宝</option>
<option value="11">林老师支付宝</option>
<option value="12">筠姐支付宝</option>
<option value="20">施总微信</option>
<option value="21">林老师微信</option>
<option value="22">筠姐微信</option>
<option value="30">POS机器</option>
<option value="40">地产转账</option>
<option value="41">世家公账</option>
<option value="42">3000账号</option>
<option value="50">现金</option>
<option value="70">银满谷银行卡</option>
<option value="71">筠姐上海银行卡</option>
<option value="72">林老师建行卡</option>
<option value="73">新同联福居银行卡</option>
<!--<option value="60">其他</option>-->
<option value="13">陈志杰支付宝</option>
<option value="23">陈志杰微信</option>
<option value="74">陈志杰招商银行卡</option>
</select>
</td>
<td>
<span class="span-width-90">转账户名:</span>
<input type="text" placeholder="请输入" class="commission-transfer-name">
</td>
</tr>
<tr>
<td>
<span class="span-width-90">入账类型:</span>
<select class="commission-type">
<option value="91">中介费</option>
<option value="92">案场费</option>
</select>
</td>
<td>
<span class="span-width-90">入账日期:</span>
<input class="input-width-m input-width commission-income-time" type="text" value=""
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})"/>
</td>
</tr>
<!--中介费-->
<tr class="zhongjiefei">
<td>
<span class="span-width-90">是否开业:</span>
<!--<span class="shop-is-open">是</span>-->
<select class="shop-is-open">
<option value="3">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
<td>
<span class="span-width-90">是否分红:</span>
<select class="commission-type-zhongjie">
<option value="">请选择</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">之前已收佣:</span>
<input type="number" placeholder="请输入" class="commission-before-zhongjie">
</td>
<td>
<span class="span-width-90">成交价:</span>
<span class="commission-price-zhongjie">66666元</span>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">中介费类型:</span>
<select class="fee-type-zhongjie">
<option value="0">正常</option>
<option value="1">多收</option>
</select>
</td>
<td>
<span class="span-width-90">应收金额:</span>
<span class="fee-money-zhongjie">66666元</span>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">多收金额:</span>
<span class="fee-more-zhongjie">66666元</span>
</td>
<td>
</td>
</tr>
<!--中介费-->
<!--案场费-->
<tr class="anchangfei">
<td>
<span class="span-width-90">是否开业:</span>
<span class="shop-is-open"></span>
</td>
<td>
<span class="span-width-90">是否分红:</span>
<select class="commission-type-anchang">
<option value="">请选择</option>
<option value="0"></option>
<option value="1"></option>
</select>
</td>
</tr>
<tr class="anchangfei">
<td>
<span class="span-width-90">之前已收佣:</span>
<input type="number" placeholder="请输入" class="commission-before-zhongjie">
</td>
<td>
<span class="span-width-90">成交价:</span>
<span class="commission-price-zhongjie">66666元</span>
</td>
</tr>
<!--案场费-->
<tr>
<td>
<span class="span-width-90">商铺号:</span>
<input type="text" placeholder="请输入" class="shop-num-liu">
</td>
<td>
<span class="span-width-90">业态/品牌:</span>
<input type="text" placeholder="请输入" class="shop-yetai-liu">
</td>
</tr>
<tr>
<td>
<span class="span-width-90">备注:</span>
<input type="text" placeholder="请输入" class="beizhu-liu">
</td>
<td>
</td>
</tr>
</table>
<div>
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body_du">
<label>请选择一个图像文件:</label>
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic_liu"/>
<div id="container_body_img_area_liu"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</div>
<div class="tip-liu">
<p>图片上传规则:</p>
<p>意向金:意向金收条,居间协议,客户身份证正反面,转账记录,佣金确认书,现场图(须两位业务员在场)(共6项)</p>
<p>转定:定金收条,意向金收条,居间协议,房东身份证正反面,佣金确认书,现场图(须两位业务员在场)(共6项)</p>
<p>签约:居间协议,佣金确认书,租赁合同(只传首页和尾页),转账记录,收据,现场图(须两位业务员在场)(共6项)</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="save_zhongjiefei"> 提交 </button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
\ No newline at end of file
{layout name="global/frame_two_tpl" /}
<input type="hidden" class="page-load" id="reportList" />
<style type="text/css">
/*收佣金*/
.modal-body-intention{
width: 900px!important;
}
.modal-body-intention tr{
height: 46px;
}
.modal-body-intention input,.modal-body-intention select{
height: 28px;
border: 1px solid #e0e0e0;
outline-style: none;
width: 200px;
}
.span-width-90{
width: 90px;
display: inline-block;
}
.tip-liu{
font-size: 15px;
}
/*收佣金*/
.envelope-list{
position: relative;
left: -144px;
opacity: 0;
}
.envelope-details{
font-size: 18px;
font-weight: 600;
}
.clear{
clear: both;
}
.button-center-bargain{
width: 430px;
}
.user-ul{
height: auto;
float: left;
position: relative;
left: -40px;
}
.user-ul li{
list-style: none;
line-height: 30px;
}
.left-phone{
float: left;
margin-top: 10px;
margin-left: 10px;
}
#bargaininfo_shop_num{
width: 100px;
display: inline-block;
}
/*客户详情 样式*/
.modal-body1 {
height: 716px;
overflow-y: auto;
padding-bottom: 60px;
}
.modal-body-details {
width: 850px;
}
/*客户动态*/
.followup-modal-list-area {
height: 258px;
overflow-y: scroll;
}
.form-control[disabled]{
background-color: #fff;
}
.user_pic {
width: 30px;
height: 30px;
border-radius: 15px;
}
.btn-guanbi{
float: right;
}
/*客户详情 样式*/
.total-commission{
font-size: 16px;
font-weight: 600;
float: left;
margin-left: 12px;
}
#maintable_form_search>span.total-commission{
margin-top: 16px;
}
/*加载图标*/
#main_loading_pic {
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: 50px;
margin-top: -100px;
overflow: hidden;
display: none;
}
/*收款详情*/
#container_body_img_area_du>div{
float: left;
width: 216px;
}
.modal-body-width-du{
width: 1200px;
}
.col-xs-12 {
overflow: hidden;
}
.p-a-0 {
padding:0px;
}
.p-l-15 {
padding-left:15px !important;
}
.p-t-10{
padding-top:10px !important;
}
.no-border{
border : none;
}
#preview img{
height:300px !important;
width:500px !important;
}
#preview {
height:300px !important;
width:500px !important;
}
.active {
color:dodgerblue;
}
#file_input_pic,#file_input_pic_liu{
opacity: 0;
position: absolute;
top: 0;
left: 145px;
height: 35px;
width: 80px;
}
.hide {
display: none !important;
}
.result-du,{
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
}
.result-du-liu{
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
margin-right: 10px;
}
.result-du-liu img{
width:130px;
height: 130px;
}
.result-du>img,.result2-du>img{
width: 120px;
height: 120px;
margin-top: 8px;
}
#container_body_du{
position: relative;
overflow: hidden;
}
.tit_con{
cursor: pointer;
}
/*收款详情*/
</style>
<div id="page-content-wrapper">
<div class="container">
<div class="row">
<div class="">
<div class="panel panel-default">
<div class="panel-heading breadcrumb">
<li>
<a href="#">成交报告</a>
</li>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<td colspan="14" class="maintable-top-sub-tr">
<a class="btn btn-info liudan_pic_btn">全部</a>
<a class="btn btn-default liudan_pic_btn">第一级审核</a>
<a class="btn btn-default liudan_pic_btn">第二级审核</a>
<a class="btn btn-default liudan_pic_btn">第三级审核</a>
<a class="btn btn-default liudan_pic_btn">已结单</a>
</td>
</tr>
<!--三级审核的搜索功能-->
<tr>
<td colspan="14">
<form id="maintable_form_search">
<span class="fore-span">商铺类型:</span>
<select class="form-control btn2" name="maintable_shop_type" id="maintable_shop_type">
<option value="-1">请选择</option>
<option value="0">商场</option>
<option value="1">街铺</option>
</select>
<span class="fore-span margin-left-10">提交时间:</span>
<input class="form-control btn4" value="" data-rule-phoneus="false" data-rule-required="false" id="maintable_create_time" name="start_date" type="date">
<span class="fore-span margin-left-10"></span>
<input class="form-control btn4" value="" data-rule-phoneus="false" data-rule-required="false" id="maintable_end_time" name="end_date" type="date">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_internal_address" placeholder="商铺地址" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_shop_num" placeholder="商铺号" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_user_phone" placeholder="客户电话" type="text" value="">
<select name="district_id" class="form-control btn4">
<option value="">约带看人所在部门</option>
</select>
<select name="store_id" class="form-control btn4">
<option value="">约带看人所在门店</option>
</select>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="agent_name" placeholder="约带看人姓名" type="text" value="">
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="agent_phone" placeholder="约带看人手机号" type="text" value="">
<div class="left-phone">
<input class="form-control" data-rule-phoneus="false" data-rule-required="false" id="partical_name" placeholder="分佣方姓名" type="text" value="">
<ul class="user-ul"></ul>
</div>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="bargain_id" placeholder="成交报告id" type="text" value="">
<div class="clear"></div>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="maintable_user_ID" placeholder="客户ID" type="text" value="">
<!--<select class="form-control btn2" id="isPayment">
<option value="">是否收款</option>
<option value="1">是</option>
<option value="2">否</option>
</select>-->
<span class="total-commission">应收佣金总计:<span class="total-commission-should"></span></span>
<span class="total-commission">已收佣金总计:<span class="total-commission-real"></span></span>
<span class="total-commission">未收佣金总计:<span class="total-commission-no">0</span></span>
<div class="clear">
</div>
<div class="text-right">
<span class="btn btn-info btn3 search" id="maintable_search">搜索</span>
<span class="btn btn-info btn3" id="maintable_reset">重置</span>
<span class="btn btn-info btn3" id="export">导出报表</span>
</div>
</form>
</td>
</tr>
<tr class="maintable-tr-bar">
<th class="text-center">行号</th>
<th class="text-center">ID</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>
<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="maintable_list">
</tbody>
</table>
</div>
<!-- /#page-content-wrapper -->
<div class="text-right" id="pagediv">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 弹出框 详情 -->
<div class="modal fade" id="modal_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title detail-modal-header-tab">
<a href="javascript:;" class="btn btn-info">成交信息</a>
<a href="javascript:;" class="btn btn-default">分佣提成</a>
<a href="javascript:;" class="btn btn-default">开票税费</a>
</h4>
</div>
<div class="modal-body detail-modal-body">
<div>
<div class="detail-modal-body-sec">
<form class="detail-modal-bargaininfo-form">
<div class="detail-modal-bargaininfo-main-left">
<span>成交报告ID:</span>
<span id="bargaininfo_id_span"></span>
<br />
<span>商铺类型:</span>
<span id="bargaininfo_shop_type"></span>
<br />
<span>商铺地址:</span><span id="bargaininfo_internal_address"></span>
<a class="btn1 bargain-detail-shop btn-info" href="#modal_shop_detail" data-toggle="modal">商铺</a>
<!--<button type="button" class="bargain-detail-shop btn-info btn btn-sm">商铺</button>-->
<br>
<span>业态:</span>&nbsp;<input class="form-control" id="bargaininfo_yetai" type="text"><br>
<span>客户姓名:</span><span id="bargaininfo_user_name"></span><br>
<span>成交类型:</span>
<select class="form-control" id="bargaininfo_type">
<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" id="bargaininfo_total_commission" type="number"><br>
</div>
<div class="detail-modal-bargaininfo-main-right">
<span></span>
<br />
<span>商铺号:</span><input class="form-control" id="bargaininfo_shop_num" />
<input type="text" id="hide-input-value" style="opacity: 0;width: 6px;"/>
<button type="button" class="copy-text-shop btn-info btn1">复制</button>
<br>
<!--<span>商铺号:</span><span id="bargaininfo_shop_num"></span><br>-->
<!--<span>预计收款时间:</span><span id="bargaininfo_expect_payback_time"></span><br>-->
<span>预计收款时间:</span><input type="date" id="bargaininfo_expect_payback_time" placeholder="请输入"><br>
<span>客户电话:</span><span id="bargaininfo_user_phone"></span>
<a class="btn1 caozuo genj_ure btn-info" href="#modal_user_detail" data-toggle="modal">客户</a>
<br>
<span>成交日期:</span><span id="bargaininfo_create_time"></span><br>
<span>成交价:</span>&nbsp;<input class="form-control" id="bargaininfo_chengjiao_price" type="number">
</div>
<div class="detail-modal-bargaininfo-commission-inputpar">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="form-group detail-modal-bargaininfo-commission-sec">
<label class="">实收佣金:</label>
<div class="input-group">
<input type="number" class="form-control" placeholder="请输入">
<div class="input-group-addon"></div>
</div>
<label class="">收佣日期:</label>
<div class="input-group">
<input type="date" class="form-control" placeholder="请输入">
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
</div>
<div>
<span class="detail-modal-bargaininfo-span-beizhu">备注:</span>
<textarea id="bargaininfo_beizhu"></textarea>
</div>
</form>
<div class="tc">
<button type="button" class="btn btn-primary" id="bargaininfo_btn_save">保存</button>
</div>
</div>
<div class="detail-modal-body-sec">
<div class="detail-modal-maid-top-btn-area oh">
<a class="btn btn-success" id="maid_new_btn" href="#modal_new_maid" data-toggle="modal">新增</a>
<a id="maid_add_btn" class="btn btn-primary" data-toggle="modal">增加实收</a>
<a id="maid_count_btn" class="btn btn-primary" title="可自动计算实收佣金和合计">计算</a>
</div>
<p class="text-right" id="maid_count_tips_p"><span>提示:</span>点击<span>计算</span>按钮可自动计算<span>实收佣金</span><span>合计</span>的内容</p>
<table class="table table-striped table-bordered table-hover table-condensed" id="maid_table_main">
<thead>
<tr>
<th class="text-center">分佣ID</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>
<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="maid_new_table_list">
<!--<tr>
<td>盘方</td>
<td>刘丹丹-13918937741</td>
<td>同联一部南京东路店</td>
<td contenteditable>30%</td>
<td contenteditable>350000</td>
<td colspan="6" class="detail-modal-maid-mix-td oh">
<div class="oh">
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span></span>
</div>
</td>
</tr>
<tr>
<td>盘方</td>
<td>刘丹丹-13918937741</td>
<td>同联一部南京东路店</td>
<td contenteditable>30%</td>
<td contenteditable>350000</td>
<td colspan="6" class="detail-modal-maid-mix-td oh">
<div class="oh">
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span contenteditable></span>
<span></span>
</div>
</td>
</tr>-->
</tbody>
<tfoot>
<tr>
<td class="text-center">合计</td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center" id="maid_count_total_rate"></td>
<td class="text-center" id="maid_count_total_yingfen"></td>
<td class="text-center" id="maid_count_total_yufen"></td>
<td class="text-center" id="maid_count_total_shouxu"></td>
<td class="text-center" id="maid_count_total_cishan"></td>
<td class="text-center" id="maid_count_total_xianjin"></td>
<td class="text-center" id="maid_count_total_shishou"></td>
<td class="text-center"></td>
<td class="text-center"></td>
<td class="text-center"></td>
</tr>
</tfoot>
</table>
<div class="detail-modal-maid-bottom-btn-area text-right">
<span class="text-danger" style="float: left;">注:晚上11:00—12:00维护期间,提交和修改的业绩无法统计,请避免在此期间提交和修改业绩</span>
<br />
<span class="text-danger" style="float: left;font-weight: 600;font-size: 18px;">注:页面查看不完整 请隐藏菜单!!!</span>
<div href="#modal_date_select" data-toggle="modal">打开收佣日期选择框(默认隐藏)</div>
<a class="btn btn-primary maid_ok_btn">确认分佣</a>
<a id="maid_save_btn" class="btn btn-primary" data-toggle="modal">保存</a>
<a class="btn btn-success envelope-list" href="#modal-envelope" data-toggle="modal">红包提现</a>
</div>
<!--分佣提成-->
</div>
<div class="detail-modal-body-sec">
<div>
<div class="tc">
<a class="btn btn-success" href="#modal_new_tax" data-toggle="modal">新增开票</a>
</div>
<div id="tax_main_box">
<!--内容为模板生成-->
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
<!-- 弹出框 通过 -->
<div class="modal fade" id="modal-pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog button-center-bargain">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
通过
</h4>
</div>
<div class="modal-body">
<label class="control-label">确认审核通过吗?</label>
<!--<textarea class="form-control" rows="5" id="pass_beizhu"></textarea>
<span class="use-span text-danger">(必填)</span> -->
</div>
<div class="modal-footer text-center">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-info" data-dismiss="modal" class="pass-modal-btn-pass" id="pass_ok_btn">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 撤销成交报告 -->
<div class="modal fade" id="modal-back-out" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
撤销成交报告
</h4>
</div>
<div class="modal-body">
<label class="control-label">撤销原因:</label>
<textarea class="form-control" rows="5" id="pass_cexiao"></textarea>
<!-- <span class="use-span text-danger">(必填)</span> -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消
</button>
<button type="button" class="btn btn-info" data-dismiss="modal" class="pass-modal-btn-pass" id="pass_ok_btn_back">
确定
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 时间轴 -->
<div class="modal fade" id="modal-time" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
时间轴
</h4>
</div>
<div class="modal-body" class="iframe-div-parent">
<iframe class="iframe-time-line"></iframe>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 弹出框 分佣提成新增 -->
<div class="modal fade" id="modal_new_maid" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">新增分佣提成</h4>
</div>
<div class="modal-body">
<div class="modal-body" id="addmaid_input_area">
<div>
<span>分佣方:</span>
<select class="form-control" id="addmaid_input_servant">
<option value="">请选择</option>
<option value="1">盘方</option>
<option value="2">客方</option>
<option value="3">反签</option>
<option value="4">独家</option>
<option value="5">合作方</option>
<!--<option value="6">APP盘下载方</option>-->
<option value="7">APP客下载方</option>
</select>
</div>
<div class="po-relative">
<span>业务员:</span><input class="form-control" type="text" id="addmaid_input_ywy" />
<ul>
<!--<li data-id="5755">5755-测试-小杨业务员-17621975554</li>
<li data-id="5755">5755-测试-小杨业务员-17621975554</li>-->
</ul>
</div>
<div>
<span>所属门店:</span><input class="form-control" type="text" id="addmaid_input_shop" />
</div>
<div>
<span>分佣比例:</span><input class="form-control" type="number" id="addmaid_input_ratio" /><span>%</span>
</div>
<div>
<span>应分佣金:</span><input class="form-control" type="number" id="addmaid_input_cash" /><span></span>
</div>
</div>
</div>
<div class="modal-footer">
<div href="#modal_new_maid_select" data-toggle="modal">打开盘方业务员选择框</div>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="addmaid_ok_btn">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 分佣提成新增,选择盘方,多个的时候选择一业务员 -->
<div class="modal fade" id="modal_new_maid_select" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">选择一业务员</h4>
</div>
<div class="modal-body">
<ul id="addmaid_select_ul">
</ul>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 分佣提成选择收佣日期 -->
<div class="modal fade" id="modal_date_select" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">选择一个日期</h4>
</div>
<div class="modal-body">
<ul id="modal_date_select_ul">
</ul>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- 弹出框 开票税费新增 -->
<div class="modal fade" id="modal_new_tax" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">新增开票</h4>
</div>
<div class="modal-body">
<div>
<div>
<div class="form-group addtax-modal-tax-commission-sec">
<label class="">开票金额:</label>
<div class="input-group"><input type="number" class="form-control" placeholder="请输入" id="addtax_commission_input">
<div class="input-group-addon"></div>
</div>
<label class="">开票日期:</label>
<div class="input-group"><input type="date" class="form-control" placeholder="请输入" id="addtax_date"></div>
</div>
<div>
<table class="table-haveborder addtax-modal-tax-table">
<!--<tr>
<td>分佣方</td>
<td>业务员</td>
<td>分佣比例</td>
<td>税费</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>-->
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="addtax_commission_addok">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--商铺详情 跟进记录-->
<div class="modal fade" id="modal_shop_detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one">
<div class="modal-content" style="height: 700px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title detail-modal-header-tab-liu" >
<a href="javascript:;" class="btn btn-default">查看商铺</a>
<a href="javascript:;" class="btn btn-info">商铺跟进</a>
</h4>
</div>
<div class="modal-body modal-body-one">
<div class="detail-modal-body-sec-liu">
<iframe class="iframe-shop-detail"></iframe>
</div>
<div class="detail-modal-body-sec-liu">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="" id="modal_followup_table_list">
<tr>
<td>电话跟进:测试测试测试测试测试测试测试测试测试测试测试测试</td>
<td>刘丹丹</td>
<td>2017-09-05 15:22:33</td>
</tr>
<tr>
<td colspan="3">2017-09-05 15:22:33</td>
</tr>
</tbody>
</table>
</div>
<!--<div class="followup-modal-comment-area">
<textarea></textarea>
</div>
<div class="btn-top-house">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="modal_followup_submit_btn">提交</button>
</div>-->
</div>
</div>
</div>
</div>
</div>
<!--客户详情 弹出框-->
<!--客户详情 客户跟进 不可编辑-->
<div class="modal fade" id="modal_user_detail" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-details">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title text-info detail-modal-header-tab">
客户详情
</h4>
</div>
<div class="modal-body modal-body1">
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td>
<span class="fore-span">姓名:</span>
<input class="form-control btn6 cus_name input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td width="35%">
<span class="fore-span">产生类型:</span>
<span class="fore-span source_type"></span>
</td>
<td>
<span class="fore-span">面积:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="area_demand" type="number" disabled="disabled"><span class="fore-span">
</span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户编号:</span>
<span class="fore-span cus_id"></span>
</td>
<td>
<span class="fore-span">性别:</span>
<select class="form-control btn6 sex input-border-0" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
<td>
<span class="fore-span">业态:</span>
<select class="form-control btn6 input-border-0" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">电话:</span>
<span class="fore-span cus_phone"></span>
</td>
<td>
<span class="fore-span">价格:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number" disabled="disabled"><span class="fore-span">元/月</span>
</td>
<td>
<span class="fore-span">VIP客户:</span>
<select class="form-control btn6 user_vip2 input-border-0" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">注册时间:</span>
<span class="fore-span registration_time"></span>
</td>
<td>
<span class="fore-span">客户所属城市:</span>
<span class="user_details_city fore-span">
</span>
</td>
<td>
<span class="fore-span">昵称:</span>
<img src="" alt="" class="fore-span diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">创建时间:</span>
<span class="fore-span cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span">下载登录时间:</span>
<span class="fore-span firstlogin_time"></span>
</td>
<td>
<span class="fore-span">客户标签:</span>
<span class="user_details_label fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 cus_fang_edit input-border-0" name="pwd" autocomplete="off" disabled="disabled">
<!--<ul class="user-ul2"></ul>-->
</div>
</div>
</td>
<td>
<span class="fore-span">是否转介绍:</span>
<span class="user-details-introduce fore-span"></span>
</td>
<td>
<span class="fore-span">邀请人(介绍人):</span>
<span class="user-details-introduce-id fore-span"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户来源:</span>
<span class="user-source-details fore-span">网络</span>
</td>
<td></td>
<td></td>
</tr>
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
客户跟进
</h4>
<div id="gen_jing_user">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
<div class="clear margin-top-ld">
</div>
<div class="center-btn modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--加载图标-->
<div id="main_loading_pic">
<img src="/resource/image/jz2.gif">
</div>
<!--商铺详情 弹出框-->
<div class="modal fade" id="modal-receiptEvidencing" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1100px;">
<div class="modal-content" style="height: 639px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
收款入账
</h4>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<th class="text-center">提交时间</th>
<th class="text-center">收款ID</th>
<!--<th class="text-center">带看ID</th>-->
<th class="text-center">成交报告ID</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>
<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="maintable_Receipt_list">
</tbody>
</table>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 收款详情 -->
<div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-width-du" style="width: 1000px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button>
<h4 class="modal-title tit_con active shoukuanxiangqing" style="width:auto!important;float:left">收款详情</h4>
<h4 class="modal-title tit_con" style="width:auto!important;float:left;margin-left:20px;">收款图片</h4>
</div>
<div class="modal-body modal-body-height pic-con1" style="height: 528px;">
<ul class="list-group ">
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body_du">
<label>请选择一个图像文件:</label>
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic"/>
<div id="container_body_img_area_du"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</li>
</ul>
</div>
<div class="modal-footer pic-con1">
<button type="button btn2" class="btn btn-primary" id="saveBtn" data-dismiss="modal">
保存
</button>
</div>
<div class="modal-body modal-body-height pic-con2" style="height: 528px;">
<form class="">
<div class="col-xs-12">
<div class="col-xs-3">
<div class="form-group">
<strong><span>入账ID:</span></strong>
<span id="ruzhangId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>带看ID:</span></strong>
<span id="dingdanId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>成交报告ID:</span></strong>
<span id="chengjiaobaogaoId">45122</span>
</div>
</div>
<div class="col-xs-3">
<div class="form-group">
<strong><span>房源ID:</span></strong>
<span id="fangyuanId">45122</span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">提交人:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">forgina</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">房源地址:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">上海市南京东路123号</span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">提交时间:</span></strong>
<span id="comit_time" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账类型:</span></strong>
<span id="intoType" class="col-xs-6 ld-Marheight">中介费</span>
</div>
</div>
<!--收款详情 加中介费类型 之前已收佣-->
<div class="col-xs-12">
<div class="col-xs-6 agency_fees_type_hide">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight" style="margin-left: -7px;">中介费类型:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="agency_fees_type_text">
<option class="" value="0">正常</option>
<option class="" value="1">多收</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6 before_commission_hide">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">之前已收佣:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="0" id="before_commission_text">
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">商铺号:</span></strong>
<!--<input class="form-control" type="text" value="2018" id="shopNo" />-->
<span id="shopNo" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">成交价:</span></strong>
<!--<input class="form-control" type="text" value="2018" id="salePrice" />-->
<span id="salePrice" class="col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账日期:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="intoDate"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"/>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">入账金额:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="intoPrice" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">手续费:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="shouxu" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">实付金额:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="realPrice" /></div>
<strong><span class="col-xs-2 ld-Marheight"></span></strong>
</div>
</div>
<div class="col-xs-6 zjcon">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">应收金额:</span></strong>
<!--<div class="col-xs-6"><input class="form-control" type="text" value="" id="getPrice" /></div>-->
<span id="getPrice" class=" col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
<div class="col-xs-6 zjcon">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">多收金额:</span></strong>
<!--<div class="col-xs-6"><input class="form-control" type="text" value="" id="morePrice" /></div>-->
<span id="morePrice" class=" col-xs-6 ld-Marheight"></span>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">对应业务员:</span></strong>
<span id="person" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">所属门店:</span></strong>
<span id="belongT" class=" col-xs-6 ld-Marheight"></span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6 zhzd">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">最后转定时间:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="lastTime"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"/>
</div>
</div>
</div>
<div class="col-xs-6 shout">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">收条编号:</span></strong>
<div class="col-xs-6">
<input class="form-control" type="text" value="" id="shoutiao" />
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">支付方式:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="payType">
<option value="10">施总支付宝</option>
<option value="11">林老师支付宝</option>
<option value="12">筠姐支付宝</option>
<option value="20">施总微信</option>
<option value="21">林老师微信</option>
<option value="22">筠姐微信</option>
<option value="30">pos机器</option>
<option value="40">地产转账</option>
<option value="41">世家公账</option>
<option value="42">3000账号</option>
<option value="50">现金</option>
<option value="70">银满谷银行卡</option>
<option value="60">其他</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">转账户名:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="payNo" /></div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">业态/品牌:</span></strong>
<span id="pinpai" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6 ky">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">是否开业:</span></strong>
<!--<div class="col-xs-6">-->
<span id="running" class="col-xs-6 ld-Marheight"></span>
<!--<select class="form-control" id="running">
<option value="0">是</option>
<option value="1">否</option>
</select>-->
<!--</div>-->
</div>
</div>
<div class="col-xs-6 xqac">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">是否分红:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="fenhong">
<option value="">请选择</option>
<option value="0"></option>
<option value="1"></option>
</select>
</div>
</div>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">来源:</span></strong>
<span id="comes" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">状态:</span></strong>
<span id="status" class=" col-xs-6 ld-Marheight">正常</span>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer pic-con2">
<button type="button btn2" class="btn btn-primary" id="savePayBtn" data-dismiss="modal">
保存
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--红包提现 弹出框-->
<div class="modal fade" id="modal-envelope" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1100px;">
<div class="modal-content" style="height: 639px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
确认分佣
</h4>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
<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">客户ID</th>
<th class="text-center">客户手机号</th>
</tr>
</thead>
<tbody class="text-center" id="maintable_envelope_list">
</tbody>
</table>
</div>
<div class="envelope-details" style="margin-bottom: 30px;">注:确认分佣后系统会立即返现现金到对应的客户账户上</div>
</div>
<div class="modal-footer">
<button type="button btn2" class="btn btn-primary maid_ok_btn" id="" data-dismiss="modal">
确认分佣
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!--收佣金 成交报告列表-->
<div class="modal fade modal-iframe-750" id="modal-commission" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-intention">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
收佣金
</h4>
</div>
<div class="modal-body">
<table width="100%">
<tr>
<td>
<span class="span-width-90">对应成交报告ID:</span>
<span class="commission-bargain-id">4512</span>
</td>
<td>
<span class="span-width-90">入账金额:</span>
<input type="number" placeholder="请输入" class="commission-money">
</td>
</tr>
<tr>
<td colspan="2">
<span class="span-width-90">对应业务员:</span>
<span class="duiyingrole">101周小雨(反签40%),203洛可可(独家50%),203王小兔(合作方20%)</span>
</td>
</tr>
<tr>
<td>
<span class="span-width-90">支付方式:</span>
<select class="commission-pay-type">
<option value="">入账方式</option>
<option value="10">施总支付宝</option>
<option value="11">林老师支付宝</option>
<option value="12">筠姐支付宝</option>
<option value="20">施总微信</option>
<option value="21">林老师微信</option>
<option value="22">筠姐微信</option>
<option value="30">POS机器</option>
<option value="40">地产转账</option>
<option value="41">世家公账</option>
<option value="42">3000账号</option>
<option value="50">现金</option>
<option value="70">银满谷银行卡</option>
<option value="71">筠姐上海银行卡</option>
<option value="72">林老师建行卡</option>
<option value="73">新同联福居银行卡</option>
<!--<option value="60">其他</option>-->
<option value="13">陈志杰支付宝</option>
<option value="23">陈志杰微信</option>
<option value="74">陈志杰招商银行卡</option>
</select>
</td>
<td>
<span class="span-width-90">转账户名:</span>
<input type="text" placeholder="请输入" class="commission-transfer-name">
</td>
</tr>
<tr>
<td>
<span class="span-width-90">入账类型:</span>
<select class="commission-type">
<option value="91">中介费</option>
<option value="92">案场费</option>
</select>
</td>
<td>
<span class="span-width-90">入账日期:</span>
<input class="input-width-m input-width commission-income-time" type="text" value=""
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss',readOnly:true})"/>
</td>
</tr>
<!--中介费-->
<tr class="zhongjiefei">
<td>
<span class="span-width-90">是否开业:</span>
<!--<span class="shop-is-open">是</span>-->
<select class="shop-is-open">
<option value="3">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
<td>
<span class="span-width-90">是否分红:</span>
<select class="commission-type-zhongjie">
<option value="">请选择</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">之前已收佣:</span>
<input type="number" placeholder="请输入" class="commission-before-zhongjie">
</td>
<td>
<span class="span-width-90">成交价:</span>
<span class="commission-price-zhongjie">66666元</span>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">中介费类型:</span>
<select class="fee-type-zhongjie">
<option value="0">正常</option>
<option value="1">多收</option>
</select>
</td>
<td>
<span class="span-width-90">应收金额:</span>
<span class="fee-money-zhongjie">66666元</span>
</td>
</tr>
<tr class="zhongjiefei">
<td>
<span class="span-width-90">多收金额:</span>
<span class="fee-more-zhongjie">66666元</span>
</td>
<td>
</td>
</tr>
<!--中介费-->
<!--案场费-->
<tr class="anchangfei">
<td>
<span class="span-width-90">是否开业:</span>
<span class="shop-is-open"></span>
</td>
<td>
<span class="span-width-90">是否分红:</span>
<select class="commission-type-anchang">
<option value="">请选择</option>
<option value="0"></option>
<option value="1"></option>
</select>
</td>
</tr>
<tr class="anchangfei">
<td>
<span class="span-width-90">之前已收佣:</span>
<input type="number" placeholder="请输入" class="commission-before-zhongjie">
</td>
<td>
<span class="span-width-90">成交价:</span>
<span class="commission-price-zhongjie">66666元</span>
</td>
</tr>
<!--案场费-->
<tr>
<td>
<span class="span-width-90">商铺号:</span>
<input type="text" placeholder="请输入" class="shop-num-liu">
</td>
<td>
<span class="span-width-90">业态/品牌:</span>
<input type="text" placeholder="请输入" class="shop-yetai-liu">
</td>
</tr>
<tr>
<td>
<span class="span-width-90">备注:</span>
<input type="text" placeholder="请输入" class="beizhu-liu">
</td>
<td>
</td>
</tr>
</table>
<div>
<div class="form-group full-width-100 full-pic-area">
<!--input上传图片-->
<div id="container_body_du">
<label>请选择一个图像文件:</label>
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic_liu"/>
<div id="container_body_img_area_liu"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</div>
<div class="tip-liu">
<p>图片上传规则:</p>
<p>意向金:意向金收条,居间协议,客户身份证正反面,转账记录,佣金确认书,现场图(须两位业务员在场)(共6项)</p>
<p>转定:定金收条,意向金收条,居间协议,房东身份证正反面,佣金确认书,现场图(须两位业务员在场)(共6项)</p>
<p>签约:居间协议,佣金确认书,租赁合同(只传首页和尾页),转账记录,收据,现场图(须两位业务员在场)(共6项)</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="save_zhongjiefei"> 提交 </button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
\ No newline at end of file
...@@ -379,6 +379,8 @@ Route::group('index', [ ...@@ -379,6 +379,8 @@ Route::group('index', [
'adjustmentShop' => ['index/OfficeBuilding/adjustmentShop', ['method' => 'POST|GET']],//调整出账商铺liu 'adjustmentShop' => ['index/OfficeBuilding/adjustmentShop', ['method' => 'POST|GET']],//调整出账商铺liu
'refundListOffice' => ['index/OfficeBuilding/refundListOffice', ['method' => 'POST|GET']],//退款出账办公楼liu 'refundListOffice' => ['index/OfficeBuilding/refundListOffice', ['method' => 'POST|GET']],//退款出账办公楼liu
'refundListShop' => ['index/OfficeBuilding/refundListShop', ['method' => 'POST|GET']],//退款出账商铺liu 'refundListShop' => ['index/OfficeBuilding/refundListShop', ['method' => 'POST|GET']],//退款出账商铺liu
'reportListOffice' => ['index/OfficeBuilding/reportListOffice', ['method' => 'POST|GET']],//成交报告审核办公楼liu
'refundListShop' => ['index/OfficeBuilding/refundListShop', ['method' => 'POST|GET']],//成交报告审核商铺liu
//‘页面的地址’ =》 index/控制器名称/使用的方法 //‘页面的地址’ =》 index/控制器名称/使用的方法
......
define(['doT', 'text!temp/reportList_office_template_tpl.html', 'css!style/home.css', 'css!style/report_list.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template, template_tax, template_maid, template_maid_sub1) {
bargain = {
pageNo: 1,
/*第几页*/
pageSize: 10,
/*每页显示多少条*/
mainTabIndex: 0,
detailTabIndex: 0,
bargain_id: '',
order_id: 0,//订单id
panfangData: null,
maidTotalCommission: 0,//应收总佣金
agent_id_phone:'',//分佣方 姓名搜索
detail_user_id:'',//用户id
detail_shop_id:'',//商铺id
isBargaininfoSaveIngFlag: false,//成交信息保存是否正在保存
shouyong_date_active_sapn: null,
house_fatherid:'',
detailTabIndexLiu:0,//查看 弹出框 tab切换 初始化
report_id_liu:0,
report_id_show:0,
orderid_commission:'',
orderno_commission:'',
bargainid_commission:'',
price_commission:'',
reportid_commission:'',
receivedMoneyLiu:'',
payment_details_price:'',
payment_details_money:'',
init: function() {
//初始化dot
$(document.body).append(template);
bargain.getList(1);
bargain.event();
},
event: function() {
var _doc = $(document);
//主页面一级审核,二级审核,三级审核,结单四个tab的点击事件
//专员审核 总监审核 经理审核 出纳审核
_doc.on('click', '.maintable-top-sub-tr>a', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_this.removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
bargain.mainTabIndex = _this.index();
console.log(bargain.mainTabIndex);
bargain.getList(1);
});
//成交报告详情 点击商铺 查看商铺详情
_doc.on('click', 'a[href="#modal_shop_detail"]', function(e){
e.preventDefault();
e.stopPropagation();
var _id=bargain.detail_shop_id;
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+_id);//记得修改修改
$('.detail-modal-header-tab-liu>a:nth-of-type(1)').removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
$('.detail-modal-body-sec-liu:nth-of-type(1)').show().siblings().hide();
});
//商铺详情页面 商铺跟进 商铺详情 切换
_doc.on('click', '.detail-modal-header-tab-liu>a', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_this.removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
bargain.detailTabIndexLiu = _this.index();
$('.detail-modal-body-sec-liu:nth-of-type('+(bargain.detailTabIndexLiu+1)+')').show().siblings().hide();
if(bargain.detailTabIndexLiu == 0){
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+bargain.detail_shop_id);
}else if(bargain.detailTabIndexLiu == 1){
bargain.getFollowupList();
}
});
//成交报告详情 点击客户 查看客户详情
_doc.on('click', 'a[href="#modal_user_detail"]', function(e){
var _id=bargain.detail_user_id;
$('.followup-modal-comment-area>textarea').val('');//清空跟进框内容
bargain.Caozuo();
});
$(document).delegate(".genj_ure", "click", function() {
bargain.user_id = $(this).attr("data-id");
bargain.getGenjincon();
});
//搜索按钮的事件
_doc.on('click', '#maintable_search', function(e) {
e.preventDefault();
e.stopPropagation();
bargain.getList(1); //一级审核搜索
});
//点击li 列表消失
$(document).delegate(".addphone", "click", function() { //list消失新增客户 点击li事件 获取id ul消失
bargain.addphone(this);
});
//成交报告详情 点击复制按钮 复制input 里的内容 商铺地址+商铺号
_doc.on('click', '.copy-text-shop', function(e) {
e.preventDefault();
e.stopPropagation();
var d_copy = document.getElementById("hide-input-value");
d_copy.select();
document.execCommand("Copy");
alert("复制成功!");
});
//搜索的重置
$("#maintable_reset").click(function() {
document.getElementById("maintable_form_search").reset();
bargain.agent_id_phone='';
});
//导出列表事件
$("#export").click(function() { //导出列表
bargain.exportList();
});
//时间轴按钮
_doc.on("click", ".timeline", function() {
// bargain.Timeline();
});
//收款入账按钮
_doc.on("click", ".receipt-evidencing-list", function() {
bargain.bargain_id = $(this).closest('tr').attr("data-id");
bargain.getReceiptList();
});
//红包提现
_doc.on("click", ".envelope-list", function() {
bargain.getEnvelopeList();
});
//转到一级审核
_doc.on('click', '.maintable-btn-trans-one', function(e){
e.preventDefault();
e.stopPropagation();
bargain.bargain_id = $(this).closest('tr').attr("data-id");
layer.open({
content: '确定转到一级审核?',
btn: ['确定', '取消'],
yes: function(_index){
bargain.transFirstExamine();
layer.close(_index);
}
});
});
//结单
_doc.on('click', '.maintable-btn-account', function(e){
e.preventDefault();
e.stopPropagation();
bargain.bargain_id = $(this).closest('tr').attr("data-id");
layer.open({
content: '确定结单?',
btn: ['确定', '取消'],
yes: function(_index){
bargain.account();
layer.close(_index);
}
});
});
//点击通过,修改全局bargain_id,弹出框出来
_doc.on('click', '[href=\"#modal-pass\"]', function() {
bargain.bargain_id = $(this).closest('tr').attr("data-id");
});
//点击通过,确定按钮触发的事件
_doc.on('click', '#pass_ok_btn', function() {
bargain.pass();
});
//点击撤销,修改全局bargain_id,弹出框出来
_doc.on('click', '.report-back-out', function() {
bargain.bargain_id = $(this).closest('tr').attr("data-id");
$('#pass_cexiao').val('');
});
//点击撤销,确定按钮触发的事件
_doc.on('click', '#pass_ok_btn_back', function() {
if(confirm('是否确认撤销?')){
bargain.passBack();
}else{
}
});
//点击详情按钮事件,获取报告详情
_doc.on('click', '.details-btn', function() {
bargain.bargain_id = $(this).closest('tr').attr("data-id");
$('.detail-modal-header-tab>a:nth-of-type(1)').removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
bargain.detailTabIndex = 0;
$('.detail-modal-body-sec:nth-of-type(1)').show().siblings().hide();
bargain.bargaininfoShow();
// bargain.bargaininfoShowLiu();
});
//详情弹出框里的tab点击事件,成交信息,分佣提成,开票税费
_doc.on('click', '.detail-modal-header-tab>a', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_this.removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
bargain.detailTabIndex = _this.index();
$('.detail-modal-body-sec:nth-of-type('+(bargain.detailTabIndex+1)+')').show().siblings().hide();
if(bargain.detailTabIndex == 0){
bargain.bargaininfoShow();
}else if(bargain.detailTabIndex == 1){
bargain.maidShow();
}else{
bargain.taxShow();
}
});
//详情弹出框,成交信息里的实收佣金相关的事件
var _iYJAAObj = $('.detail-modal-bargaininfo-commission-addarea');
_doc.on('click', '#bargaininfo_commission_add_btn>img', function(e){
e.preventDefault();
e.stopPropagation();
if($('.detail-modal-bargaininfo-commission-addarea>div').length>=5){
alert('最多添加5条');
return false;
}else{
_iYJAAObj.append('<div class="form-group detail-modal-bargaininfo-commission-sec"><label class="">实收佣金:</label><div class="input-group"><input type="number"class="form-control"placeholder="请输入"><div class="input-group-addon">元</div></div><label class="">收佣日期:</label><div class="input-group"><input type="date"class="form-control"placeholder="请输入"></div><mark href="javascript:;"class="detail-modal-bargaininfo-commission-cancel-pic"><img src="/resource/image/search_gb.png"/></mark></div>');
};
});
//详情弹出框,成交信息里的实收佣金相关的事件,点击x删除这条
_doc.on('click', '.detail-modal-bargaininfo-commission-cancel-pic', function(e){
e.preventDefault();
e.stopPropagation();
$(this).parent().remove();
});
//分佣方 姓名下拉式
$(document).on("input", "#partical_name", function() { //手机号新增搜索客方
if($("#partical_name").val() == '') {
bargain.agent_id_phone='';
$(".user-ul").html('');
} else {
bargain.search_phone();
}
});
//详情弹出框,点击成交信息确定
_doc.delegate("#bargaininfo_btn_save", "click", function() {
bargain.bargaininfoSave();
});
//详情弹出框,点击开票税费下的新增税费,弹出框出来
_doc.on('click', '[href=\"#modal_new_tax\"]', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
bargain.newAddTax({
'type': _this.attr('data-recordid')?'edit':'new',
'id': _this.attr('data-recordid')
});
});
//详情弹出框,新增开票税费,金额输入框输入后,自动计算税费
_doc.on('input', '#addtax_commission_input', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
var _trObj = $('.addtax-modal-tax-table-datatr');
$.each(_trObj, function(i, v) {
// v.childNodes[3].innerHTML = dealJineNum(Number(v.childNodes[2].innerHTML.split('%')[0])*0.01*Number($.trim(_this.val()))*0.1);
v.childNodes[3].innerHTML = (Number(v.childNodes[2].innerHTML.split('%')[0])*0.01*Number($.trim(_this.val()))*0.1).toFixed(3).slice(0,-1);
});
});
//详情弹出框,新增开票税费,点击确定时的提交
_doc.on('click', '#addtax_commission_addok', function(e){
e.preventDefault();
e.stopPropagation();
bargain.newAddTaxOk();
});
//详情弹出框,点击删除时的提交
_doc.on('click', '.detail-modal-shuiFee-del-btn', function(e){
e.preventDefault();
e.stopPropagation();
if(confirm('确认删除吗?')){
bargain.delTaxOk($(this).attr('data-recordid'));
}else{
}
});
//详情弹出框,分佣提成里,点击新增
_doc.on('click', '#maid_new_btn', function(e){
e.preventDefault();
e.stopPropagation();
$('#modal_new_maid').removeAttr('data-id').find('.modal-title').html('新增分佣提成');
bargain.newAddMaid();
});
//中介费 类型切换 多收 正常
$("#agency_fees_type_text").change(function() {
//中介费类型显示 隐藏 中介费
if($(this).val()*1 == 1){
var persent_liu=0;
bargain.receivedMoneyLiu = bargain.receivedMoneyLiu*0;
}else{
var persent_liu=0.7;
bargain.receivedMoneyLiu = bargain.receivedMoneyLiu*1;
};
$("#getPrice").text((Math.floor(((bargain.payment_details_price-0)*persent_liu )*100)/100).toFixed(2)+ "元");
$("#morePrice").text((Math.floor((bargain.payment_details_money - ((bargain.payment_details_price-0)*persent_liu) + bargain.receivedMoneyLiu )*100)/100).toFixed(2));
if($("#morePrice").html()*1 < 0){
$("#morePrice").html(0)
}
});
//详情弹出框,分佣提成里,点击编辑
_doc.on('click', '.detail-modal-maid-a-edit', function(e){
e.preventDefault();
e.stopPropagation();
var _id = $(this).closest('tr').attr('data-id');
$('#modal_new_maid').attr('data-id', _id).find('.modal-title').html('编辑分佣提成');
bargain.newAddMaid(function(){
bargain.getMaidInfo(_id);
});
});
//详情弹出框,分佣提成里,点击新增,分佣方选择时触发的事件
_doc.on('input', '#addmaid_input_servant', function(e){
var _this = $(this);
$('#addmaid_input_ywy').val('');//先置空
$('#addmaid_input_shop').val('');//先置空
if(_this.val() === ''){
}else if(_this.val() === '5'){
}else{
var _rateTemp = bargain.getDefaultRadio(_this.val());
$('#addmaid_input_ratio').val(_rateTemp);
$('#addmaid_input_cash').val(dealJineNum(_rateTemp*bargain.maidTotalCommission/100));
var _arrTemp = bargain.panfangData.filter(function(item, index, array){
return (item.role == _this.val());
});
if(_arrTemp.length===0){
return false;
}else if(_arrTemp.length===1){
$('#addmaid_input_ywy').val(_arrTemp[0].name+'-'+_arrTemp[0].phone).attr('data-id',_arrTemp[0].id);
bargain.getDepart(_arrTemp[0].id, function(obj){
$('#addmaid_input_shop').val(obj.district_name+'-'+obj.store_name);
});
}else{
$('[href="#modal_new_maid_select"]').click();
var _tempHtml = '';
$.each(_arrTemp, function(i, v) {
_tempHtml += '<li data-data="{data}">{0}-{1}</li>'.stringFormatObj({
'data': encodeURIComponent(JSON.stringify(v)),
'0': v.name,
'1': v.phone
});
});
$('#addmaid_select_ul').html(_tempHtml);
}
}
});
//详情弹出框,分佣提成里,点击删除触发的事件
_doc.on('click', '.detail-modal-maid-a-del', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
if(confirm('确认删除吗?')){
var _id = _this.closest('tr').attr('data-id');
bargain.deletMaid(_id);
};
});
//详情弹出框,分佣提成里,点击新增,分佣方选择,弹出选择列表触发的事件
_doc.on('click', '#addmaid_select_ul>li', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
var _dataTemp = JSON.parse(decodeURIComponent(_this.attr('data-data')));
$('#addmaid_input_ywy').val(_dataTemp.name+'-'+_dataTemp.phone).attr('data-id',_dataTemp.id);
bargain.getDepart(_dataTemp.id, function(obj){
$('#addmaid_input_shop').val(obj.district_name+'-'+obj.store_name);
});
_this.closest('.modal-content').find('button.close').click();
});
//详情弹出框,分佣提成里,点击新增,点击保存触发的事件
_doc.on('click', '#addmaid_ok_btn', function(e){
e.preventDefault();
e.stopPropagation();
var _id = $('#modal_new_maid').attr('data-id');
if(_id === undefined){
//新增
bargain.newAddMaidOk();
}else{
//编辑
bargain.editMaidOk();
}
});
//详情弹出框,分佣提成里,点击确认分佣触发的事件
_doc.on('click', '.maid_ok_btn', function(e){
e.preventDefault();
e.stopPropagation();
bargain.maidConfirmOk(1);
// if(bargain.mainTabIndex === 2){
// bargain.maidConfirmOk(1);
// }else{
// alert('财务第三级审核人员才能确认分佣!');
// }
});
//详情弹出框,分佣提成里,点击保存触发的事件
_doc.on('click', '#maid_save_btn', function(e){
e.preventDefault();
e.stopPropagation();
bargain.maidConfirmOk(0);
});
//详情弹出框,分佣提成里,点击增加实收按钮
_doc.on('click', '#maid_add_btn', function(e){
e.preventDefault();
e.stopPropagation();
var _temp = $('.detail-modal-maid-span-time');
var _flag = false;
if(_temp && _temp.length && _temp.length>0){
$.each(_temp, function(i, v) {
if(v.innerHTML == ''){
_flag = true;
return false;
};
});
};
if(_flag){
alert('前边一组收佣尚未确认分佣或成交信息里没有对应的实收佣金');
}else{
layer.open({
content: '确认增加吗?',
btn: ['确定', '取消'],
yes: function(_index){
$('.detail-modal-maid-mix-td').append(document.getElementById('reportList_maid_sub1_list_tpl').innerHTML);
layer.close(_index);
}
});
};
});
//详情弹出框,分佣提成里,点击计算执行的方法
_doc.on('click', '#maid_count_btn', function(e){
e.preventDefault();
e.stopPropagation();
bargain.maidCount(1);//1为正常计算的时候
});
//详情弹出框,分佣提成里,收佣日期里的点击选择
_doc.on('click', '.detail-modal-maid-span-date', function(e){
e.preventDefault();
e.stopPropagation();
var _$this = $(this);
bargain.shouyong_date_active_sapn = _$this;
var _id = _$this.closest('tr').attr('data-id');
$.ajax({
type: 'GET',
url: '/index/getRealIncome',
data: {
'bargain_id': _id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
if(data.data && Array.isArray(data.data) && data.data.length>0){
$('[href="#modal_date_select"]').click();
var _tempHtml = '';
$.each(data.data, function(i, v) {
_tempHtml += '<li data-data="{data}">{0}</li>'.stringFormatObj({
'data': encodeURIComponent(JSON.stringify(v)),
'0': v.income_time
});
});
$('#modal_date_select_ul').html(_tempHtml);
}else{
alert('请先在成交信息里填写收佣日期');
}
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
//alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
});
//详情弹出框,分佣提成里,收佣日期弹出框里,选择列表触发的事件
_doc.on('click', '#modal_date_select_ul>li', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
var _dataTemp = JSON.parse(decodeURIComponent(_this.attr('data-data')));
bargain.shouyong_date_active_sapn.html(_dataTemp.income_time).attr('data-dateid',_dataTemp.id);
_this.closest('.modal-content').find('button.close').click();
});
//新增分佣提成,业务员input输入搜索,点击之后赋值
_doc.on('click', '#addmaid_input_ywy+ul>li', function() {
var _this = $(this);
var _id = _this.attr('data-id');
var _str = _this.html() + '';
_str = _str.substring(0,_str.length-3);
_this.parent().prev().val(_str).attr('data-id', _id);
bargain.getDepart(_id, function(obj){
$('#addmaid_input_shop').val(obj.district_name+'-'+obj.store_name);
});
_this.parent().html('').hide();
});
//新增分佣提成,业务员input输入搜索
var _ajaxObjTel = null;
var _addmaid_input_servantObj = $('#addmaid_input_servant');
_doc.on('input', '#addmaid_input_ywy', function() {
var _this = $(this);
//当分佣方的值为5,合作方的时候,才能查询
var _thisVal = $.trim(_this.val());
_this.removeAttr('data-id'); //移除之前携带的信息
if(_thisVal != '') {
_ajaxObjTel && _ajaxObjTel.abort();
_ajaxObjTel = $.ajax({
type: 'GET',
url: '/index/getBroker_new',
data: {
'phone': $.trim(_this.val()),
'all':1
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
if(data['data'].length > 0) {
var _htmlTemp = '';
$.each(data['data'], function(i, item) {
var _staus='';
if(item.status == 0){
_staus = ' ';
}
if(item.status == 1){
_staus = '-长假';
}
if(item.status == 2){
_staus = '-离职';
}
if(item.status == 3){
_staus = '-转勤';
}
_htmlTemp += '<li data-id="{3}">{0}-{1}{6}</li>'.stringFormatObj({
'0': item['name'],
'1': item['phone'],
'3': item['id'],
'6': _staus
});
});
_this.next().show().html(_htmlTemp);
} else {
_this.next().html('');
};
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
//alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
}else{
_this.next().hide();
}
});
//时间轴点击事件
_doc.on('click', 'a[href="#modal-time"]', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
var _id = _this.closest('tr').data('orderid');
console.log(_id);
$('.iframe-time-line').attr('src', '/app_broker/timeline_pc?order_id='+_id);
});
var _doc = $(document);
bargain.getDistrict(function() {
_doc.on('input', '[name=district_id],#district_id2', function() {
var _this = $(this);
var _id = _this.val();
_this.next().html(''); //先清空
//新增 编辑
var _objTemp = _this.parent().next().find('select');
_objTemp.html(''); //先清空
if(_id && _id != '0') {
bargain.getDistrictStoreList(_id, function(_data) {
// var _str = '';
var _str = '<option value="0">全部</option>';
$.each(_data, function(i, item) {
_str += '<option value="' + item.id + '">' + item.store_name + '</option>';
});
_objTemp.html(_str);
_this.next().html(_str);
});
} else {};
});
});
//收款详情页面
$(document).on('click','.add-pic',function(e){
// 初始化界面
$('.pic-con2').show();
$('.pic-con1').hide();
$('.tit_con').removeClass("active");
$('.shoukuanxiangqing').addClass("active");
var id = $(this).attr("data-id");
//获取收款详情单条数据
bargain.getMoneyDetail(id);
bargain.house_fatherid = id;
//获取图片
bargain.getaddPicList(id);
});
//点击收佣金按钮
$(document).on('click','.commission-btn',function(e){
// 初始化界面
if($('.commission-type').val() == 91){
$('.zhongjiefei').show();
$('.anchangfei').hide();
}else{
$('.zhongjiefei').hide();
$('.anchangfei').show();
};
bargain.orderid_commission = $(this).attr('data-orderid') ;
bargain.orderno_commission = $(this).attr('data-orderno') ;
bargain.bargainid_commission = $(this).attr('data-bargainid') ;
bargain.price_commission = $(this).attr('data-price') ;
bargain.reportid_commission = $(this).attr('data-reportid') ;
bargain.resetInput();
});
//点击收佣金按钮
$(document).on('click','#save_zhongjiefei',function(e){
bargain.saveZhongjiefei();
});
//中介费类型显示 隐藏 中介费
$(".commission-type").change(function() {
if($('.commission-type').val() == 91){
$('.zhongjiefei').show();
$('.anchangfei').hide();
}else{
$('.zhongjiefei').hide();
$('.anchangfei').show();
};
});
//中介费类型 正常 多收 change
$(".fee-type-zhongjie,.commission-before-zhongjie,.commission-money").change(function() {
if($('.fee-type-zhongjie').val()*1 == 0){//正常
var shouldMoney = (0.7*bargain.price_commission).toFixed(2)
var moreMoney = ($('.commission-money').val()*1 - shouldMoney + $('.commission-before-zhongjie').val()*1).toFixed(2)
$('.fee-money-zhongjie').html(shouldMoney);//应收金额
$('.fee-more-zhongjie').html(moreMoney);//多收金额
}else{//多收
var shouldMoney = 0;
var moreMoney = $('.commission-money').val()*1;
$('.fee-money-zhongjie').html(shouldMoney);//应收金额
$('.fee-more-zhongjie').html(moreMoney);//多收金额
};
//多收金额 小于0 置为0
if($('.fee-more-zhongjie').html()*1 < 0){
$('.fee-more-zhongjie').html(0);
}
});
//之前已收佣 change
//收款入账 change
//收款图片 和 收款详情切换
$('.tit_con').unbind('click').bind('click',function(e){
$(this).parent('div').find('h4.active').removeClass("active");
$(this).addClass("active");
if (e.currentTarget.innerHTML == "收款图片"){
$('.pic-con1').show();
$('.pic-con2').hide();
} else {
$('.pic-con2').show();
$('.pic-con1').hide();
}
});
//图片上传相关
$('#file_input_pic').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'chat');
formData.append('image', _this[0].files[0]);
$.ajax({
type: 'post',
url: '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
console.log(5555)
$('#container_body_img_area_du').append('<div class="result-du"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-du">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
'1': _data.data.internet_img_name?urlDeal(_data.data.internet_img_name):_data.data.internet_img_name
}));
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//图片上传相关
$('#file_input_pic_liu').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'chat');
formData.append('image', _this[0].files[0]);
$.ajax({
type: 'post',
url: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
console.log(5555)
$('#container_body_img_area_liu').append('<div class="result-du-liu"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del-du-liu">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
'1': _data.data.internet_img_name?urlDeal(_data.data.internet_img_name):_data.data.internet_img_name
}));
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//图片删除事件
_doc.on('click', '.span-del-du', function(e) {
e.preventDefault();
e.stopPropagation();
$(this).parent().remove();
});
//图片删除事件
_doc.on('click', '.span-del-du-liu', function(e) {
e.preventDefault();
e.stopPropagation();
$(this).parent().remove();
});
//图片删除,已有的则调用接口删除
_doc.on('click', '.span-del2-du', function(e) {
var _this = $(this);
e.preventDefault();
e.stopPropagation();
if(confirm('确认删除吗?')){
_this.parent().remove();
bargain.spandelList(_this.prev().attr('data-imgid'));
};
});
//保存收款信息
// $("#modal-addPic").on("shown.bs.modal", function(event){
// $('#savePayBtn').click(function(){
// console.log(122)
// bargain.saveRecervables();
// })
// });
_doc.on('click', '#savePayBtn', function(e) {
var _this = $(this);
e.preventDefault();
e.stopPropagation();
bargain.saveRecervables();
});
//保存上传的图片
_doc.on('click', '#saveBtn', function(e) {
var _this = $(this);
e.preventDefault();
e.stopPropagation();
var imgname = [];
for(var i = 0; i < $('.result-du').length; i++) {
imgname[i] = $('.result-du>img').eq(i).attr('data-imgname');
};
var id_pic = bargain.house_fatherid ;
var _data = {
img_id: id_pic
};
//无新的图片上传 不调用接口
if(imgname.join(',')) {
_data['img_name'] = imgname.join(',');
} else {
return
};
$.ajax({
type: 'GET',
url: '/index/addReceiptImg',
data: _data,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
alert('保存成功');
$('#container_body_img_area-du').html("");
$('.pic-con2').show();
$('.pic-con1').hide();
$('.active').removeClass("active");
$('.shoukuanxiangqing').addClass("active");
// bargain.getList();
} else {
alert('数据错误');
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//收款详情页面
},
getDefaultRadio: function(v){
//1,盘方
//2,客方
//3,反签
//4,独家
//5,合作方
//6,APP盘下载方
//7,APP客下载方
switch (Number(v)){
case 1:
return 25;
case 2:
return 30;
case 3:
return 40;
case 4:
return 100;
case 6:
return 5;
case 7:
return 5;
default:
return 25;
}
},
getDepart: function(s, fn){
$.ajax({
type: 'GET',
url: '/index/getAgentDistrictStore',
data: {
'id': s
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
fn && fn(_data.data);
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//保存中介费
saveZhongjiefei: function() {
var userObj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo')));
console.log(userObj);
var params = {};
params.agent_id = userObj.id;
params.agent_name = userObj.name;
params.AuthToken = userObj.AuthToken;
params.report_id= bargain.reportid_commission;
params.order_id=bargain.orderid_commission;
params.order_no=bargain.orderno_commission;
params.house_number=$(".shop-num-liu").val();//商铺号
params.industry_type=$(".shop-yetai-liu").val();//业态
params.remark=$(".beizhu-liu").val();
params.transfer_name=$(".commission-transfer-name").val();
params.receipt_number='';
params.bargain_id=bargain.bargainid_commission;//成交报告id
params.income_time= (new Date($('.commission-income-time').val())).getTime()*0.001;
params.received_money= $(".commission-before-zhongjie").val();
var obj = {
'type' : $(".commission-type").val(),
'pay_type' : $('.commission-pay-type').val(),
'money' : $(".commission-money").val()
};
var jsonArray = [] ;
jsonArray.push(obj);
params.collecting_bill = JSON.stringify(jsonArray);
var imgname = [];
for(var i = 0; i < $('.result-du-liu').length; i++) {
imgname[i] = $('.result-du-liu>img').eq(i).attr('data-imgname');
};
if(imgname.join(',')) {
// params.transfer_img = imgname.join(',');
params.transfer_img = JSON.stringify(imgname);
} else {
alert('请上传图片');
return
};
if($('.commission-pay-type').val() == 91){
params.type_ext=$('.fee-type-zhongjie').val();//中介费类型
params.is_dividend=$('.commission-type-zhongjie').val();//是否分红
}else{
params.is_dividend=$('.commission-type-anchang').val();//是否分红
}
if(!params.income_time){
alert('请填写入账日期');
return;
}
if($('.shop-is-open').val() == 3){
alert('请填写是否开业');
return;
}
params.is_open=$('.shop-is-open').val();//是否开业
$.ajax({
'type': 'POST',
'url': '/broker/collectingBill',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
alert('提交成功!')
$("#modal-commission").modal('hide');
} else {
alert(data.msg)
}
}
});
},
//获取商铺号 业态
getNum: function(fn) {
var userObj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo')));
$.ajax({
url: '/broker/getBeForNum',
type: 'GET',
async: true,
data: {
"order_id": bargain.orderid_commission,
"AuthToken": userObj.AuthToken
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
$('.shop-num-liu').val(data.data.house_number);
$('.shop-yetai-liu').val(data.data.industry_type);
}
}
});
},
//获取业务员
getRole: function(fn) {
var userObj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo')));
$.ajax({
url: '/broker/getCommission',
type: 'GET',
async: true,
data: {
"bargain_id": bargain.bargainid_commission,
"AuthToken": userObj.AuthToken
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
var imgname = [];
for(var i = 0; i < data.data.length; i++) {
imgname[i] = data.data[i].agent_id + data.data[i].name + "(" + bargain.roleSwitch(data.data[i].role) + data.data[i].scale+ "%" + ") ";
};
$('.duiyingrole').html(imgname.join(','));
}
}
});
},
roleSwitch:function(r) {
if(r*1 == 3){
return '反签'
}else if(r*1 == 4){
return '独家'
}else{
return '合作方'
}
},
resetInput: function(fn) {
$(".commission-money").val(0);
$('.commission-pay-type').val('');
$(".commission-transfer-name").val('');
$(".shop-num-liu").val('');//商铺号
$(".shop-yetai-liu").val('');//业态
$(".beizhu").val('');
$(".incommission-type").val('');
$(".commission-income-time").val('');
$(".commission-before-zhongjie").val(0);
$(".commission-before-anchang").val(0);
$('#container_body_img_area_liu').html('');
$('.commission-bargain-id').html(bargain.bargainid_commission);//初始化 成交报告id
$('.commission-price-zhongjie').html(bargain.price_commission);//初始化成交价
$('.fee-money-zhongjie').html(0);//应收金额
$('.fee-more-zhongjie').html(0);//多收金额
bargain.getNum();
bargain.getRole();
},
Timeline: function() { //获取时间轴
$.ajax({
'type': 'GET',
'url': '/index/selectReportAll',
data: {
"order_id": bargain.bargain_id
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
console.log(data.data);
}
} else {
alert('获取失败!');
}
}
});
},
//获取商铺跟进记录
getFollowupList: function(){
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({
'type': 'get',
'url': '/broker/getListByHouseId',
data: {
'house_id': bargain.detail_shop_id,
'AuthToken': user_info_obj.AuthToken
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data && Array.isArray(data.data) && data.data.length>0) {
var _htmlTemp = '';
$.each(data.data, function(i, v) {
_htmlTemp += '<tr><td>{0}</td><td>{1}</td><td>{2}</td></tr>'.stringFormatObj({
'0': dealPunctuation(v.step),
'1': v.agent_name,
'2': v.create_time
})
});
$('#modal_followup_table_list').html(_htmlTemp);
}else{
$('#modal_followup_table_list').html('<tr><td>暂无数据</td></tr>');
}
} else {
alert('请登录!');
}
}
});
},
//分佣方 姓名搜索
search_phone: function() { //手机号新增客户
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $("#partical_name").val(),
'all' : 1
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul = "";
$.each(data.data, function(i, item) {
if(item.status == 0){
var status=' ';
};
if(item.status == 1){
var status='-长假';
};
if(item.status == 2){
var status='-离职';
};
if(item.status == 3){
var status='-转勤';
}
user_ul += '<li class="addphone" data-id="' + item.id + '">' + item.id + '-' + item.name + '-' + item.phone + status + '</li>';
});
$(".user-ul").html(user_ul);
} else {
alert(data.msg);
}
}
});
},
//将li里的值 赋给input(分佣方姓名)
addphone: function(obj) {//新增客户 input赋值
var user_ht = $(obj).html()+'';
console.log(user_ht.length);
var user_ht_str=user_ht.substring(0,user_ht.length-3);
$("#partical_name").val(user_ht_str);
$(".user-ul").html('');
bargain.agent_id_phone = $(obj).attr("data-id");
},
bargaininfoShow: function() { //报告详情
$.ajax({
'type': 'GET',
'url': '/index/bargainInfo',
data: {
"id": bargain.bargain_id
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
bargain.report_id_liu = data.data.report_id;
bargain.bargaininfoShowRed();
bargain.detail_shop_id = data.data.house_id;
bargain.detail_user_id = data.data.user_id;
$('#bargaininfo_id_span').html(data.data.id);
$('#bargaininfo_shop_type').html(data.data.shop_type=='1'?'街铺':'商场');
$('#bargaininfo_is_open').val(data.data.is_open);
$('#bargaininfo_beizhu').val(data.data.content);
$("#bargaininfo_user_phone").html(hideTel(data.data.user_phone));
$("#bargaininfo_user_name").html(data.data.user_name);
$("#bargaininfo_internal_address").html(data.data.internal_address);
$("#bargaininfo_shop_num").val(data.data.house_number);
$("#bargaininfo_type").val(data.data.trade_type);
$("#bargaininfo_total_commission").val(data.data.commission);
$("#bargaininfo_create_time").html(data.data.create_time);
$("#bargaininfo_expect_payback_time").val(data.data.estimated_receipt_date);
$("#bargaininfo_yetai").val(data.data.industry_type);
$("#bargaininfo_chengjiao_price").val(data.data.price);
$('#hide-input-value').val(data.data.internal_address+data.data.house_number);
bargain.maidTotalCommission = Number(data.data.commission);//总佣金
bargain.order_id = Number(data.data.order_id);//订单id
var _inputAreaTempObj = $('.detail-modal-bargaininfo-commission-addarea');
if(data.data.practical_fee){
if(data.data.practical_fee.length > 0){
_inputAreaTempObj.html('');
}else{
_inputAreaTempObj.html('<div class="form-group detail-modal-bargaininfo-commission-sec"><label class="">实收佣金:</label><div class="input-group"><input type="number"class="form-control"placeholder="请输入"><div class="input-group-addon">元</div></div><label class="">收佣日期:</label><div class="input-group"><input type="date"class="form-control"placeholder="请输入"></div><mark href="javascript:;"class="detail-modal-bargaininfo-commission-cancel-pic"><img src="/resource/image/search_gb.png"/></mark></div>');
};
$.each(data.data.practical_fee, function(i, v) {
_inputAreaTempObj.append('<div data-id="{id}" class="form-group detail-modal-bargaininfo-commission-sec"><label class="">实收佣金:</label><div class="input-group"><input type="number"class="form-control"placeholder="请输入"value="{0}"><div class="input-group-addon">元</div></div><label class="">收佣日期:</label><div class="input-group"><input type="date"class="form-control"placeholder="请输入"value="{1}"></div></div>'.stringFormatObj({
'0': v.money,
'1': v.income_time,
'id': v.fee_id
}));
});
};
}
} else {
alert('获取失败!');
}
}
});
},
bargaininfoShowLiu: function() { //获取report_id
$.ajax({
'type': 'GET',
'url': '/index/bargainInfo',
data: {
"id": bargain.bargain_id
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
bargain.report_id_liu = data.data.report_id;
bargain.bargaininfoShowRed();
}
} else {
alert('获取失败!');
}
}
});
},
//隐藏显示 红包列表
bargaininfoShowRed: function() {
$.ajax({
'type': 'GET',
'url': '/index/checkReferrer',
data: {
"report_id": bargain.report_id_liu
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data.is_show == 1) {
$('.envelope-list').show();
bargain.report_id_show = 1;
}else{
$('.envelope-list').hide();
bargain.report_id_show = 0;
}
} else {
alert('获取失败!');
}
}
});
},
bargaininfoSave: function() { //修改报告详情
if(!bargain.isBargaininfoSaveIngFlag){
bargain.isBargaininfoSaveIngFlag = true;
var _data = {
'id': bargain.bargain_id,
'commission': $.trim($('#bargaininfo_total_commission').val()),
'content': $.trim($('#bargaininfo_beizhu').val()),
'is_open': $('#bargaininfo_is_open').val(),
'trade_type': $('#bargaininfo_type').val(),
'industry_type': $.trim($('#bargaininfo_yetai').val()),
'price': $('#bargaininfo_chengjiao_price').val(),
'estimated_receipt_date': $('#bargaininfo_expect_payback_time').val(),
'step': bargain.mainTabIndex,
'house_number': $.trim($('#bargaininfo_shop_num').val())
};
$.each($('.detail-modal-bargaininfo-commission-sec'), function(i, v) {
_data['practical_fee['+i+']'] = {
'fee_id': v.getAttribute('data-id')?v.getAttribute('data-id'):0,
'fee': $.trim($(v).find('input').eq(0).val()),
'operation_date': $.trim($(v).find('input').eq(1).val())
};
});
$.ajax({
'type': 'POST',
'url': '/index/editBargainInfo',
data: _data,
dataType: "json",
success: function(data) {
if(data.code == 200) {
alert('修改成功');
bargain.bargaininfoShow();
//bargain.getList(0);
} else {
alert(data.msg);
}
},
complete: function(xhr, textStatus){
bargain.isBargaininfoSaveIngFlag = false;
}
});
}
},
maidShow: function() {
$('#maid_new_btn').hide();//默认隐藏新增按钮
$("#maid_new_table_list").html('');
$.ajax({
type: 'GET',
url: '/index/commissionList',
data: {
'id': bargain.bargain_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
$("#maid_new_table_list").html(doT.template($('#reportList_maid_list_tpl').html())(_data));
// var _isShowAddBtnFlag = true;
// $.each($('.detail-modal-maid-span-time'), function(i, v) {
// if(v.innerHTML){
// _isShowAddBtnFlag = false;
// };
// });
// //如果确认时间都有,都不为空,则把新增按钮显示出来
// if(_isShowAddBtnFlag){
// $('#maid_new_btn').show();
// };
$('#maid_new_btn').show();
bargain.maidCount(2);//计算合计的内容
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//通过
pass: function() { //点击通过
var a_url = '';
if(bargain.mainTabIndex == 1) {
a_url = "/index/checkReportAttache/1"
};
if(bargain.mainTabIndex == 2) {
a_url = "/index/checkReportManager/2"
};
// if(bargain.mainTabIndex == 2) {
// a_url = "/index/checkReportMajordomo/2"
// };
// if(bargain.mainTabIndex == 3) {
// a_url = "/index/checkReportCashier/3"
// };
//审核来源 1.成交报告申请结单 2.待撤销(退款) 3.申请撤销成交报告
//成交报告状态 10已提交 20待撤销
$.ajax({
'type': 'POST',
'url': a_url,
data: {
"id": bargain.bargain_id,
"source": 1,
"status": 10,
"remark": $.trim($("#pass_beizhu").val()),
'step': bargain.mainTabIndex
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
//bargain.getList(1);
}
} else {
alert('获取失败!');
}
}
});
},
//撤销成交报告 通过
passBack: function() { //点击通过
$.ajax({
'type': 'POST',
'url': '/index/backOutToOne',
data: {
"bargain_id": bargain.bargain_id,
"content": $.trim($("#pass_cexiao").val())
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
bargain.getList(bargain.pageNo);
}
} else {
alert(data.msg);
}
}
});
},
// 开票税费
taxShow: function() {
$.ajax({
type: 'GET',
url: '/index/getTallAge',
data: {
'bargain_id': bargain.bargain_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
$("#tax_main_box").html(doT.template($('#reportList_shuiFee_list_tpl').html())(_data.data));
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
// 获取之前的分佣信息
getMaidInfo: function(id) {
$.ajax({
type: 'GET',
url: '/index/getBargainCommission',
data: {
'bargain_id': id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
$('#addmaid_input_servant').val(_data.data.role);
$('#addmaid_input_ywy').val(_data.data.name+'-'+_data.data.phone).attr('data-id',_data.data.agent_id);
$('#addmaid_input_ratio').val(_data.data.scale);
$('#addmaid_input_cash').val(_data.data.scale_fee);
bargain.getDepart(_data.data.agent_id, function(obj){
$('#addmaid_input_shop').val(obj.district_name+'-'+obj.store_name);
});
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
newAddMaid: function(fn){
$.ajax({
type: 'GET',
url: '/index/searchOrderAgents',
data: {
'order_id': bargain.order_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
bargain.panfangData = _data.data;
console.log(bargain.panfangData);
fn && fn();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//新增时,点确定按钮
newAddMaidOk: function(){
var _fenyongfang = $('#addmaid_input_servant').val();
if(_fenyongfang == ''){
alert('请选择分佣方');
return false;
};
var _ywyId = $('#addmaid_input_ywy').attr('data-id');
if(!_ywyId){
alert('请填写业务员');
return false;
};
$.ajax({
type: 'POST',
url: '/index/addBargain',
data: {
'id': bargain.bargain_id,
'agent_id': _ywyId,
'scale_fee': $('#addmaid_input_cash').val(),
'role': _fenyongfang,
'scale': $('#addmaid_input_ratio').val(),
'step': bargain.mainTabIndex,
'source': 1
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
alert('新增成功!');
bargain.maidShow();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//编辑时,点确定按钮
editMaidOk: function(){
$.ajax({
type: 'POST',
url: '/index/getBargainCommission',
data: {
'bargain_id': $('#modal_new_maid').attr('data-id'),
'agent_id': $('#addmaid_input_ywy').attr('data-id'),
'scale_fee': $('#addmaid_input_cash').val(),
'role': $('#addmaid_input_servant').val(),
'scale': $('#addmaid_input_ratio').val()
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
alert('编辑成功!请在离开页面时点击【保存】按钮');
bargain.maidShow();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
maidCount: function(type){
//计算每个实收佣金
var _rateTotal = 0;//分佣比例
var _yingfenTotal = 0;//应分佣金
var _yufenTotal = 0;//预分佣金
var _shouxuTotal = 0;//手续费
var _cishanTotal = 0;//慈善基金
var _xianjinTotal = 0;//现金奖
var _shishouTotal = 0;//实收佣金
//计算实收佣金
if(type === 1){
//如果是而类型1,则计算每个实收佣金,和合计
$.each($('.detail-modal-maid-span-practical-fee'), function(i, v) {
var _vObj = $(v);
var a = Number(_vObj.parent().find('.detail-modal-maid-span-real-fee').html());//预分佣金
var b = Number(_vObj.parent().find('.detail-modal-maid-span-service-charge').html());//手续费
var c = Number(_vObj.parent().find('.detail-modal-maid-span-charity-fund').html());//慈善基金
var d = Number(_vObj.parent().find('.detail-modal-maid-span-cash').html());//现金奖
var _smallTotal = dealJineNum(a-b-c-d);
_shishouTotal += _smallTotal;
_vObj.html(_smallTotal);
});
$('#maid_count_total_shishou').html(dealJineNum(_shishouTotal));
}else if(type === 2){
//如果是类型2,则直接计算合计
$.each($('.detail-modal-maid-span-practical-fee'), function(i, v) {
_shishouTotal += Number($(v).html());
});
$('#maid_count_total_shishou').html(dealJineNum(_shishouTotal));
}else{}
//计算分佣比例
$.each($('.detail-modal-maid-span-scale'), function(i, v) {
_rateTotal += Number($(v).html());
});
$('#maid_count_total_rate').html(dealJineNum(_rateTotal)+'%');
//计算应分佣金
$.each($('.detail-modal-maid-td-should-commission'), function(i, v) {
_yingfenTotal += Number($(v).html());
});
$('#maid_count_total_yingfen').html(dealJineNum(_yingfenTotal));
//计算预分佣金
$.each($('.detail-modal-maid-span-real-fee'), function(i, v) {
_yufenTotal += Number($(v).html());
});
$('#maid_count_total_yufen').html(dealJineNum(_yufenTotal));
//计算手续费
$.each($('.detail-modal-maid-span-service-charge'), function(i, v) {
_shouxuTotal += Number($(v).html());
});
$('#maid_count_total_shouxu').html(dealJineNum(_shouxuTotal));
//计算慈善基金
$.each($('.detail-modal-maid-span-charity-fund'), function(i, v) {
_cishanTotal += Number($(v).html());
});
$('#maid_count_total_cishan').html(dealJineNum(_cishanTotal));
//计算现金奖
$.each($('.detail-modal-maid-span-cash'), function(i, v) {
_xianjinTotal += Number($(v).html());
});
$('#maid_count_total_xianjin').html(dealJineNum(_xianjinTotal));
},
maidTest: function(type){
var _stopFlag = false;
var _data = [];
var _parObj = $('#maid_new_table_list>tr');
var _errorTips = '请填写完整';
var _scaleTotal = 0;
if(_parObj.length > 0){
$.each(_parObj, function(i, v) {
console.count('$v');
var _$v = $(v);
var _agentId = _$v.attr('data-agentid');//经纪人id
var _role = _$v.attr('data-role');//盘方等类型
var _scaleVal = $.trim(_$v.find('.detail-modal-maid-span-scale').html());//分佣比例
var _shouldCommissionVal = $.trim(_$v.find('.detail-modal-maid-td-should-commission').html());//应分佣金
if(bargain.report_id_show == 1){
var _dataTemp = {
'order_id': bargain.order_id,
'report_id': bargain.report_id_liu,
'bargain_id': _$v.attr('data-id'),//成交报告id
'last_commission_id': _$v.attr('lastid')?_$v.attr('lastid'):0,//最后一个提交的记录id
'is_account_commission': type//0是保存,1是确认分佣
}
}else{
var _dataTemp = {
'order_id': bargain.order_id,
'report_id': bargain.report_id_liu,
'bargain_id': _$v.attr('data-id'),//成交报告id
'last_commission_id': _$v.attr('lastid')?_$v.attr('lastid'):0,//最后一个提交的记录id
'is_account_commission': type//0是保存,1是确认分佣
}
}
if((type == '1') && (_scaleVal == '' || _shouldCommissionVal == '')){
//如果是确认分佣,则每项必填。保存,则不加限制
_stopFlag = true;
}else{
var _parObj2 = _$v.find('.detail-modal-maid-mix-td>div');
if(_parObj2.length > 0){
$.each(_parObj2, function(i2, v2) {
console.count('$v2');
var _$v2 = $(v2);
var _cid = _$v2.attr('data-id');
_cid=_cid?_cid:0;//如果没有这个id,则为新增,传0
var _sfyj = $.trim(_$v2.find('.detail-modal-maid-span-real-fee').html());
var _sxf = $.trim(_$v2.find('.detail-modal-maid-span-service-charge').html());
var _csjj = $.trim(_$v2.find('.detail-modal-maid-span-charity-fund').html());
var _xjj = $.trim(_$v2.find('.detail-modal-maid-span-cash').html());
var _ssyj = $.trim(_$v2.find('.detail-modal-maid-span-practical-fee').html());
var _syrqid = $.trim(_$v2.find('.detail-modal-maid-span-date').attr('data-dateid'));
if((type == '1') && (_sfyj == ''||_sxf == ''||_csjj == ''||_xjj == ''||_ssyj == ''||!_syrqid)){
//如果是确认分佣,则每项必填。保存,则不加限制
_stopFlag = true;
}else{
_dataTemp['commission_date['+i2+']'] = {
'agent_id': _agentId,//业务员id
'role': _role,//盘方等角色类型
'scale': Number(_scaleVal),//分佣比例
'should_commission': _shouldCommissionVal,//应分佣金
'commission_id': _cid,//子记录id
'real_fee': _sfyj,//预分佣金
'service_charge': _sxf,//手续费
'charity_fund': _csjj,//慈善基金
'cash': _xjj,//现金奖
'practical_fee': _ssyj,//实收佣金,
'real_income_id': _syrqid,//收佣日期id
'step': bargain.mainTabIndex
};
}
});
}else{
}
};
_data.push(_dataTemp);
});
};
if(_parObj.find('td[data-role="3"]').length>1){
_stopFlag = true;
_errorTips = '反签方只能有一个';
};
$.each($('.detail-modal-maid-span-scale'), function(i, v) {
_scaleTotal += Number($.trim(v.innerHTML));
});
if(_scaleTotal != 100){
//确认分佣和保存,都必须满足比例等于100%才能提交
_stopFlag = true;
_errorTips = '分佣比例一定要是100%,否则无法提交';
};
return {
'flag': _stopFlag,
'tips': _errorTips,
'list': _data
}
},
maidConfirmOk: function(type){
if(!bargain.isSaving){
//上一次请求完成后再
var _back = bargain.maidTest(type);//获取处理的数据
if(!_back.flag){
var _len = _back.list.length;
! function funTemp(count) {
if(count >= _len) {
//如果递归执行完毕则执行这条
alert(type===0?'保存成功':'确认成功');
bargain.maidShow();
bargain.isSaving = false;
} else {
$.ajax({
type: 'POST',
url: '/index/addRealIncome',
data: _back.list[count],
timeout: 30000,
dataType: 'json',
beforeSend: function() {
bargain.isSaving = true;
},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
funTemp(++count);
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
}
}(0);
}else{
alert(_back.tips);
}
}else{
//上一次请求没有完成的时候直接退出
return false;
}
},
newAddTax: function(obj) {
var _tempTableObj = $('.addtax-modal-tax-table');
_tempTableObj.attr('data-type',obj['type']);
var _url = '';
var _data = {};
$('#addtax_commission_input').val('');//开票金额置空
$('#addtax_date').val('');//开票日期置空
if(obj['type'] === 'new'){
$('#modal_new_tax .modal-title').html('新增开票');
_url = '/index/searchBargainAgents';
_data['bargain_id'] = bargain.bargain_id;
}else{
$('#modal_new_tax .modal-title').html('编辑开票');
_tempTableObj.attr('data-recordid',obj['id']);
_url = '/index/getTaxesById';
_data['taxes_id'] = obj['id'];
};
$.ajax({
type: 'GET',
url: _url,
data: _data,
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
if(_data['data'] && _data['data'].length && _data['data'].length>0){
$('#addtax_commission_input').val(_data['data'][0]['total_fee']);
$('#addtax_date').val(_data['data'][0]['operation_date']);
var _htmlTemp = '<tr><td>分佣方</td><td>业务员</td><td>分佣比例</td><td>税费</td></tr>';
var getInfoType=function(r){switch(Number(r)){case 1:return"盘方";case 2:return"客方";case 3:return"反签";case 4:return"独家";case 5:return"合作方";case 6:return"APP盘下载方";case 7:return"APP客下载方";default:return"未定义"}};
$.each(_data['data'], function(i, v) {
_htmlTemp += '<tr class="addtax-modal-tax-table-datatr" data-feeid="{feeid}" data-agentid="{id}" data-role="{role}"><td>{0}</td><td>{1}</td><td>{2}%</td><td contenteditable>{3}</td></tr>'.stringFormatObj({
'0': getInfoType(v.role),
'1': v.name+'-'+v.phone,
'2': v.scale,
'3': (obj['type'] === 'new')?'':v.fee,
'role': v.role,
'id': v.agent_id,
'feeid': v.id
});
});
$('.addtax-modal-tax-table').html(_htmlTemp);
}else{
layerTipsX(_data['msg']);
};
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
newAddTaxOk: function(){
var _tempTableObj = $('.addtax-modal-tax-table');
var _data = {
'bargain_id': bargain.bargain_id,
'total_fee': $.trim($('#addtax_commission_input').val()),
'operation_date': $('#addtax_date').val()
};
if(_tempTableObj.attr('data-type') === 'edit'){
_data['id'] = _tempTableObj.attr('data-recordid');
};
$.each($('.addtax-modal-tax-table-datatr'), function(i, v) {
_data['tax['+i+']'] = {
'fee': v.childNodes[3].innerHTML,
'agent_id': v.getAttribute('data-agentid'),
'role': v.getAttribute('data-role'),
'scale': v.childNodes[2].innerHTML.split('%')[0]
};
if(_tempTableObj.attr('data-type') === 'edit'){
_data['tax['+i+']']['fee_id'] = v.getAttribute('data-feeid');
};
});
$.ajax({
type: 'POST',
url: '/index/addTallAge',
data: _data,
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
if(_tempTableObj.attr('data-type') === 'edit'){
alert('编辑成功!');
}else{
alert('新增成功!');
};
bargain.taxShow();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//删除开票税费调用接口
delTaxOk: function(id) {
$.ajax({
type: 'POST',
url: '/index/delTaxes',
data: {
'taxes_id': id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
alert('删除成功!');
bargain.taxShow();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//分佣提成,删除
deletMaid: function(id){
$.ajax({
type: 'POST',
url: '/index/delPartialCommission',
data: {
'partial_id': id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
alert('删除成功');
bargain.maidShow();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//转到一级审核
transFirstExamine: function(){
$.ajax({
type: 'POST',
url: '/index/toReportListOne',
data: {
'bargain_id': bargain.bargain_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
alert('修改成功');
//bargain.getList(1);
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//结单
account: function(){
$.ajax({
type: 'POST',
url: '/index/checkOver',
data: {
'bargain_id': bargain.bargain_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
alert('结单成功!');
//bargain.getList(1);
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//获取一级审核,二级审核,三级审核,结单不同的ajax请求url
switchUrl: function(){
switch (Number(this.mainTabIndex)){
case 0:
return '/index/reportListAll/10';
case 1:
return '/index/reportListOne/1';
case 2:
return '/index/reportListTwo/2';
case 3:
return '/index/reportListThree/3';
case 4:
return '/index/reportListStatement/4';
default:
return '';
}
},
//获取一级审核,二级审核,三级审核,结单数据列表共用的方法
getList: function(pageNo){
console.count('bar');
var params = {
'pageNo': pageNo,
'pageSize': bargain.pageSize,
'shop_type': $('#maintable_shop_type').val(),//导出加是否收款
'create_time': $.trim($('#maintable_create_time').val()),
'end_time': $.trim($('#maintable_end_time').val()),
'internal_address': $.trim($('#maintable_internal_address').val()),
'user_phone': $.trim($('#maintable_user_phone').val()),
'house_number': $.trim($('#maintable_shop_num').val()),
'district_id' : $("select[name='district_id'] option:selected").val(),
'store_id' : $("select[name='store_id'] option:selected").val(),
'agent_name': $.trim($('#agent_name').val()),
'agent_phone': $.trim($('#agent_phone').val()),
// 'partial_name': $.trim($('#partical_name').val()),
'bargain_id' :$.trim($('#bargain_id').val()),
'partial_id': bargain.agent_id_phone,
'user_id': $('#maintable_user_ID').val(),
'is_pay_log': $('#isPayment').val(),
};
$.ajax({
type: 'GET',
url: bargain.switchUrl(),
data: params,
timeout: 30000,
dataType: 'json',
beforeSend: function() {
$('#main_loading_pic').show();
},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
var doTtmpl = doT.template(document.getElementById('reportList_office_list_tpl').innerHTML);
$("#maintable_list").html(doTtmpl(data.data));
//点击成交报告详情 获取商铺id 客户id
if(data.data.list && data.data.list[0]){
var hanghao=(pageNo-1)*10+1;
$("#maintable_list tr").each(function() {
$(this).children('td:eq(0)').html(hanghao++);
});
}
//添加 佣金总计
$('.total-commission-should').html(data.data.total_commission);
$('.total-commission-real').html(data.data.total_income_money);
$('.total-commission-no').html(0);//未收佣金总计 置0
if(data.data.total_commission){
$('.total-commission-no').html((data.data.total_commission*1-data.data.total_income_money*1).toFixed(2));
}
/*分页代码*/
add_page(data.data.total, pageNo, bargain.pageSize, bargain.getList);
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
alert('error');
},
complete: function(xhr, textStatus) {
$('#main_loading_pic').hide();
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
},
// 获取入账列表
getReceiptList: function(pageNo){
var params = {
'pageNo': pageNo,
'pageSize': 100,
'bargain_id' :bargain.bargain_id,
'source' :-1,
};
$.ajax({
type: 'GET',
url: '/index/getCollection',
data: params,
timeout: 30000,
dataType: 'json',
beforeSend: function() {
},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
var doTtmpl = doT.template(document.getElementById('receivables_template_tpl').innerHTML);
$("#maintable_Receipt_list").html(doTtmpl(data.data.list));
/*分页代码*/
add_page(data.data.total, pageNo, bargain.pageSize, bargain.getList);
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
},
// 红包提现
getEnvelopeList: function(){
var params = {
'report_id': bargain.report_id_liu
};
$.ajax({
type: 'GET',
url: '/index/getActivityCoupon',
data: params,
timeout: 30000,
dataType: 'json',
beforeSend: function() {
},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
var doTtmpl = doT.template(document.getElementById('envelope_template_tpl').innerHTML);
$("#maintable_envelope_list").html(doTtmpl(data.data));
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
},
//导出列表 成交报告 审核
exportList: function() {
var excel = 1;
var shop_type = $('#maintable_shop_type').val();
var create_time = $('#maintable_create_time').val();
var end_time = $('#maintable_end_time').val();
var internal_address = $('#maintable_internal_address').val();
var user_phone = $('#maintable_user_phone').val();
var house_number = $('#maintable_shop_num').val();
var store_id = $("select[name='store_id'] option:selected").val();
var district_id = $("select[name='district_id'] option:selected").val();
var agent_phone = $('#agent_phone').val();
var bargain_id = $('#bargain_id').val();
var agent_name = $('#agent_name').val();
var partial_id = bargain.agent_id_phone;
var user_id = $('#maintable_user_ID').val();
var is_pay_log = $('#isPayment').val();
var _url = bargain.switchUrl() + '?';
window.open(_url + 'excel=' + excel + '&shop_type=' + shop_type + '&create_time=' + create_time + '&end_time=' + end_time + '&internal_address=' + internal_address + '&user_phone=' + user_phone + '&house_number=' + house_number + '&store_id=' + store_id + '&district_id=' + district_id + '&agent_phone=' + agent_phone+ '&bargain_id=' + bargain_id+ '&agent_name=' + agent_name+ '&partial_id=' + partial_id+ '&user_id=' + user_id +'&is_pay_log=' + is_pay_log);
},
// 获取客户详情
Caozuo: function() { //获取跟进详情的数据
$.ajax({
'type': 'GET',
'url': '/index/useraction_search',
data: {
"user_id": bargain.detail_user_id
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
$(".cus_id").html(data.data.user_info.user_id); //客户编号
$(".cus_name").val(data.data.user_info.user_name); //姓名
$(".cus_nick").html(data.data.user_info.user_nick); //昵称
$(".user_pic").attr('src',data.data.user_info.user_pic); //头像
$(".user_pic").attr('data-bimg',data.data.user_info.user_pic); //鼠标放上去放大头像
$(".registration_time").html(data.data.user_info.registration_time);
$(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间
$(".sex").val(data.data.user_info.sex); //性别
$(".user_vip2").val(data.data.user_info.vip); //是否vip
$(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话
$(".cus_date").html(data.data.user_info.create_time); //创建时间
$(".referrer_user").html(data.data.user_info.referrer_user); //上传时间
$(".cus_fang_edit").val(data.data.user_info.agentinfo); //客方详情
$(".cus_fang").val(data.data.user_info.agentinfo); //客方编辑
$("select[name=industry_type_two]").val(data.data.user_info.industry_type);
$("input[name=price_demand]").val(data.data.user_info.price_demand * 1);
$("input[name=area_demand]").val(data.data.user_info.area_demand * 1);
$(".user_details_label").val(data.data.user_info.user_label); //客方详情 标签
$(".user_details_city").html(data.data.user_info.city + data.data.user_info.disc); //客方详情 城市
$("#take_look_name").html(data.data.user_info.user_name); //约带看姓名
$("#take_look_phone").html(data.data.user_info.user_phone); //约带看手机号
$("#take_look_id").html(data.data.user_info.user_id); //约带看id
if(data.data.user_info.source == 10) {
$(".source_type").html('APP注册'); //客方
}
if(data.data.user_info.source == 20) {
$(".source_type").html('经纪人新增');
}
if(data.data.user_info.source == 30) {
$(".source_type").html('老数据报备客户');
}
if(data.data.user_info.user_label == 1) {
$(".user_details_label").html('是租客也是房东');
$("#user_label_edit").val(1);
}
if(data.data.user_info.user_label == 2) {
$(".user_details_label").html('纯房东');
$("#user_label_edit").val(2);
}
$(".user-details-introduce-id").html(data.data.user_info.referrer_user); //转介绍详情
if(data.data.user_invite_info.referrer_source == 10){
$(".user-details-introduce").html('是'); //转介绍详情
}else{
$(".user-details-introduce").html('否'); //转介绍详情
}
}
} else {
alert('获取失败!');
}
}
});
},
//获取 客户跟进信息
getGenjincon: function() {//获取客户动态
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
checkLogin();
$.ajax({
url:'/broker/useraction_search',
type: 'POST',
async: true,
data: {
"AuthToken": user_info_obj.AuthToken,
"user_id": bargain.detail_user_id,
"agent_id": user_info_obj.id
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
//客户动态 即跟进
var caozuo_table = "";
$.each(data['data']['user_date'], function(i, item) {
if(item.step_name=='report'){
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + item.step+'到场时间:'+ item.predict_see_time +'备注:'+item.intro+ '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
}else{
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + item.step+ '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
}
});
if(caozuo_table){
$("#caozuo_table2").html(caozuo_table);
}else{
$("#caozuo_table2").html('暂无跟进信息');
}
//滚动条 回到顶部
$('.followup-modal-list-area').scrollTop(0);
}
}
});
},
getDistrict: function(fn) {
$.ajax({
url: '/index/getDistrict',
type: 'GET',
async: true,
data: {
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
var str = '';
$.each(data.data, function(i, item) {
str += '<option value="' + item.id + '">' + item.district_name + '</option>';
});
$('[name=district_id]').append(str);
$('#district_id2').append(str);
fn && fn();
}
}
});
},
getDistrictStoreList: function(id, fn) {
$.ajax({
url: '/index/getDistrictStoreList',
type: 'GET',
async: true,
data: {
'id': id,
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
fn && fn(data.data);
}
}
});
},
//获取收款详情
getMoneyDetail : function(id){
var that = bargain;
var params = {
'pay_id' : id
};
$.post('/index/getCollectionDetail',params , function(data){
if(data.code == 200) {
that.getValueFunction(data.data);
} else {
alert(data.msg);
}
},'json')
},
getValueFunction : function(data){
//切换 中介费类型 多收金额 应收金额相应的改变
bargain.payment_details_price = data.price;
bargain.payment_details_money = data.money;
bargain.receivedMoneyLiu = data.received_money*1;
var persent = 0.7;
$('.zhzd').show();
$('.zjcon').hide();
var doc = $('#modal-addPic');
doc.find("#ruzhangId").text(data.id);
doc.find("#dingdanId").text(data.order_id);
doc.find("#chengjiaobaogaoId").text(data.bargain_id);
doc.find("#fangyuanId").text(data.house_id);
doc.find("#tijiaoren").text(data.agent_name);
doc.find("#address").text(data.address);
doc.find("#comit_time").text(data.create_time);
//判断收款详情的类型
if(data.type == 91){
$('.agency_fees_type_hide').show();
}else{
$('.agency_fees_type_hide').hide();
};
if(data.type == 91 || data.type == 92){
$('.before_commission_hide').show();
}else{
$('.before_commission_hide').hide();
}
if (data.type == 10 ){
doc.find("#intoType").text('意向金');
} else if ( data.type == 20 ) {
doc.find("#intoType").text('定金');
} else if ( data.type == 30 ) {
doc.find("#intoType").text('保管金');
} else if ( data.type == 40 ) {
doc.find("#intoType").text('押金');
} else if ( data.type == 50 ) {
doc.find("#intoType").text('租金');
} else if ( data.type == 60 ) {
doc.find("#intoType").text('进场费 ');
} else if ( data.type == 70 ) {
doc.find("#intoType").text('转让费');
} else if ( data.type == 80 ) {
doc.find("#intoType").text('其他');
} else if ( data.type == 90 ) {
doc.find("#intoType").text('佣金');
} else if ( data.type == 91 ) {
doc.find("#intoType").text('中介费');
if ( data.type_ext == 1 ){//收款详情为正常
persent = 0 ;
bargain.receivedMoneyLiu = bargain.receivedMoneyLiu * 0;
};
$('.zhzd').hide();
} else if ( data.type == 92 ) {
doc.find("#intoType").text('案场费');
$('.zhzd').hide();
} else {
doc.find("#intoType").text('佣金');
}
//收款详情 获取中介费类型 之前已收佣
doc.find("#agency_fees_type_text").val(data.type_ext);
doc.find("#before_commission_text").val(data.received_money);
doc.find("#shopNo").text(data.house_number);
doc.find("#intoDate").val(data.income_time);
doc.find("#salePrice").text(data.price+"元");
doc.find("#intoPrice").val(data.money);
doc.find("#shouxu").val(data.transaction_fee);
doc.find("#realPrice").val(data.real_money);
// doc.find("#getPrice").text(((data.price-0)*0.7 )+ "元");
// doc.find("#morePrice").text(Math.floor((data.money - ((data.price-0)*0.7))*100)/100 + "元");
// 保留两位小数
doc.find("#getPrice").text((Math.floor(((data.price-0)*persent )*100)/100).toFixed(2)+ "元");
doc.find("#morePrice").text((Math.floor((data.money - ((data.price-0)*persent) + bargain.receivedMoneyLiu )*100)/100).toFixed(2));
if($("#morePrice").html()*1 < 0){
$("#morePrice").html(0)
}
$("#person").text(data.current_agent_name);
$("#belongT").text(data.store_name);
doc.find("#payType").val(data.pay_type);
doc.find("#payNo").val(data.transfer_name);
doc.find("#running").text(data.is_open == 1 ? "是":"否");
doc.find("#fenhong").val(data.is_dividend);
doc.find('#pinpai').text(data.industry_type);
if (data.source == 0) {
$("#comes").text('APP');
doc.find("#status").text("正常");
} else if (data.source == 1){
$("#comes").text('智能pos机');
doc.find("#status").text("正常");
} else {
$("#comes").text('调整');
doc.find("#status").text("被调整");
}
// doc.find("#status").text(data.source_id);
doc.find("#lastTime").val(data.last_transfer_time);
doc.find("#shoutiao").val(data.receipt_number);
if ( data.type == 91 || data.type == 92) {
$('.xqac').show();
} else {
$('.xqac').hide();
}
if ( data.type == 10 || data.type == 30) {
$('.ky').hide();
$('.shout').show();
} else {
$('.ky').show();
$('.shout').hide();
}
if ( data.type == 91 ){
$('.zjcon').show();
}
},
//获取收款图片
getaddPicList: function(id) {
$('#container_body_img_area_du').html('');//每回先清空所有图片
var id_pic = id;//follow.house_fatherid > 0?follow.house_fatherid:follow.house_id;
$('.result2-du,.result-du').remove(); //删除之前存在的图片 显示从接口获取的数据 用来区分新添加的 和 已经保存的
$.ajax({
'type': 'GET',
'url': '/index/receiptImgList',
data: {
"id": id_pic,
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
//渲染已经有的列表
// <img src='[%= it[item]["agent_img"] %]' class="diagram-image J_preview"
// data-bimg='[%= it[item]["agent_img"] %]'>
for(i = 0; i < data.data.length; i++) {
$('#container_body_img_area_du').append('<div class="result2-du"><img data-imgid="{0}" src="{1}" alt="" class="diagram-image J_preview" data-bimg="{1}"/> <span class="span-del2-du">删除</span></div>'.stringFormatObj({
'0': data.data[i].id,
'1': data.data[i].img_name?urlDeal(data.data[i].img_name):data.data[i].img_name
}));
};
} else {
alert(data.msg)
}
}
});
},
spandelList: function(n) { //删除已经保存的图片都调用
$.ajax({
'type': 'POST',
'url': '/index/deleteReceiptImg',
data: {
id: n
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
} else {
alert(data.msg)
}
}
});
},
//保存收款信息
saveRecervables : function(){
var that = bargain;
var params = that.recervablesParams();
$.post('/index/getCollectionEdit',params,function(data){
if(data.code == 200) {
bargain.getList();
} else {
alert(data.msg);
}
},'json')
},
//保存收款信息 调用接口
recervablesParams : function(){
var params = {} ;
if ($('#ruzhangId').text()){//入账ID
params.pay_id = $('#ruzhangId').text()
};
if ($('#intoDate').val()){//入账日期
params.income_time = $('#intoDate').val()
};
if ($('#intoPrice').val()){//入账金额
params.money = $('#intoPrice').val()
};
if ($('#shouxu').val()){//手续费
params.transaction_fee = $('#shouxu').val()
};
if ($('#realPrice').val()){//实付金额
params.real_money = $('#realPrice').val()
};
if ($('#payType').val()){//支付方式
params.pay_type = $('#payType').val()
};
if ($('#payNo').val()){//支付户名
params.transfer_name = $('#payNo').val()
};
if ($('#running').val()){//是否开业 1是 0否
params.is_open = $('#running').val()
};
if ($('#fenhong').val()){//分红
params.is_dividend = $('#fenhong').val()
};
if ($('#lastTime').val()){//最后转定时间
params.last_transfer_time = $('#lastTime').val()
};
if ($('#chengjiaobaogaoId').html()){//收款详情 成交报告id
params.bargain_id = $('#chengjiaobaogaoId').html();
};
if ( $('#intoType').text() == '意向金' || $('#intoType').text() == '保管金') {
if ( $('#shoutiao').val()){
params.receipt_number = $('#shoutiao').val()
}
};
//判断是否是 案场费
if ($('#intoType').text() == '中介费'){
params.type_ext = $('#agency_fees_type_text').val()
};
//判断是否是 案场费 中介费
if ($('#intoType').text() == '案场费' || $('#intoType').text() == '中介费'){
if ($('#before_commission_text').val()){
params.received_money = $('#before_commission_text').val();
}
params.type_ext = $('#agency_fees_type_text').val()
};
return params ;
},
};
return bargain;
});
\ No newline at end of file
define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', 'css!style/report_list.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template, template_tax, template_maid, template_maid_sub1) { define(['doT', 'text!temp/reportList_shop_template_tpl.html', 'css!style/home.css', 'css!style/report_list.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template, template_tax, template_maid, template_maid_sub1) {
bargain = { bargain = {
pageNo: 1, pageNo: 1,
/*第几页*/ /*第几页*/
...@@ -2149,7 +2149,7 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -2149,7 +2149,7 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
success: function(data) { success: function(data) {
if(typeof data === 'object') { if(typeof data === 'object') {
if(data.code == 200) { if(data.code == 200) {
var doTtmpl = doT.template(document.getElementById('reportList_list_tpl').innerHTML); var doTtmpl = doT.template(document.getElementById('reportList_shop_list_tpl').innerHTML);
$("#maintable_list").html(doTtmpl(data.data)); $("#maintable_list").html(doTtmpl(data.data));
//点击成交报告详情 获取商铺id 客户id //点击成交报告详情 获取商铺id 客户id
if(data.data.list && data.data.list[0]){ if(data.data.list && data.data.list[0]){
......
<script id="reportList_office_list_tpl" type="text/template">
[% if(it["list"] && it["list"].length && it["list"].length>0) { %]
[% var sw=function(s){switch(Number(s)){case 10:return"出租";case 20:return"增佣";case 30:return"代理";case 40:return"好处费";default:return s}}; %]
[% var sw2=function(s){switch(Number(s)){case 0:return"一级";case 1:return"二级";case 2:return"三级";case 3:return"已结单";default:return s}}; %]
[% var sw3=function(s){switch(Number(s)){case 0:return"btn-success";default:return "btn-warning"}}; %]
[% for(var item in it["list"]){ %]
<tr data-id="[%= it['list'][item]['id'] %]" data-orderid="[%= it['list'][item]['order_id'] %]">
<td class="text-center" >行号 </td>
<td class="text-center" >
[%= it["list"][item]['id'] %]
[% if(it["step"]==10) { %]
&nbsp;<span class="btn1 [%= sw3(it['list'][item]['audit_level']) %] btn-xs">[%= sw2(it["list"][item]['audit_level']) %]</span>
[% } %]
</td>
<td class="text-center" width="10%">[%= it["list"][item]['create_time'] %]</td>
<td class="text-left">[%= it["list"][item]['internal_address'] %]</td>
<td class="text-center">[%= it["list"][item]['house_number'] %]</td>
<td class="text-center">[%= it["list"][item]['price'] %]</td>
<td class="text-center">[%= it["list"][item]['submit_agent_name'] %]</td>
<td class="text-center">[%= sw(it["list"][item]['trade_type']) %]</td>
<td class="text-center">[%= it["list"][item]['commission'] %]</td>
<td class="text-center">[%= it["list"][item]['income_money'] %]</td>
<td class="text-center">[%= it["list"][item]['commission']-it["list"][item]['income_money'] %]</td>
<td class="text-center" width="15%">
[% if(check_auth('index/bargainInfo')) { %]
<a class="btn1 btn-success details-btn" href="#modal_detail" data-toggle="modal">详情</a>&nbsp;
[% } %]
[% if(it["step"]<3) { %]
[% if(check_auth('index/checkReportAttache/1')||check_auth('index/checkReportManager/2')||check_auth('index/checkReportMajordomo/3')||check_auth('index/checkReportCashier/4')) { %]
<a class="btn1 btn-success" href="#modal-pass" data-toggle="modal">通过</a>&nbsp;
[% } %]
[% }else if(it["step"]==3) { %]
[% if(check_auth('index/toReportListOne')) { %]
<a class="btn1 btn-success maintable-btn-trans-one">转到一级审核</a>&nbsp;
[% } %]
[% if(check_auth('index/checkOver')) { %]
<a class="btn1 btn-success maintable-btn-account">结单</a>&nbsp;
[% } %]
[% } %]
[% if((it['step'] <= 3 || it['step'] == 10) && check_auth('index/backOutToOne')) { %]
<a class="btn1 btn-success report-back-out" href="#modal-back-out" data-toggle="modal">撤销</a>&nbsp;
[% } %]
<a class="btn1 btn-success timeline" href="#modal-time" data-toggle="modal">时间轴</a>
[% if(check_auth('index/bargainInfo')) { %]
<a class="btn1 btn-success receipt-evidencing-list" href="#modal-receiptEvidencing" data-toggle="modal">收款入账</a>
[% } %]
&nbsp;
<a class="btn1 btn-success commission-btn" href="#modal-commission" data-orderid="[%= it['list'][item]['order_id'] %]" data-orderno="[%= it['list'][item]['order_no'] %]" data-bargainid="[%= it['list'][item]['id'] %]" data-price="[%= it['list'][item]['price'] %]" data-reportid="[%= it['list'][item]['report_id'] %]" data-toggle="modal">收佣金</a>
</td>
</tr>
[% } %]
[% }else{ %]
<tr>
<td colspan="14" style="text-align:center;">暂无数据</td>
</tr>
[% } %]
</script>
<script id="reportList_shuiFee_list_tpl" type="text/template">
[% if(it && it.length && it.length>0) { %]
[% for(var item in it){ %]
[% var getInfoType=function(r){switch(Number(r)){case 1:return"盘方";case 2:return"客方";case 3:return"反签";case 4:return"独家";case 5:return"合作方";case 6:return"APP盘下载方";case 7:return"APP客下载方";default:return"未定义"}}; %]
<section>
<div>
<table class="detail-modal-tax-table table-haveborder">
<tr>
<td>开票金额</td>
<td>[%= it[item]['total_fee'] %]</td>
<td>开票日期</td>
<td>[%= it[item]['operation_date'] %]</td>
</tr>
<tr>
<td>分佣方</td>
<td>业务员</td>
<td>分佣比例</td>
<td>税费</td>
</tr>
[% if(it[item]['fee_list'] && it[item]['fee_list'].length && it[item]['fee_list'].length>0) { %]
[% for(var item2 in it[item]['fee_list']){ %]
<tr data-feeid="[%= it[item]['fee_list'][item2]['fee_id'] %]">
<td>[%= getInfoType(it[item]['fee_list'][item2]['role']) %]</td>
<td>[%= it[item]['fee_list'][item2]['name']+'-'+it[item]['fee_list'][item2]['phone'] %]</td>
<td>[%= (it[item]['fee_list'][item2]['scale']*1).toFixed(2) + '%' %]</td>
<td>[%= it[item]['fee_list'][item2]['fee'] %]</td>
</tr>
[% } %]
[% }else{ %]
<tr>暂无</tr>
[% } %]
</table>
</div>
<div>
<a class="btn btn-default" href="#modal_new_tax" data-recordid="[%= it[item]['id'] %]" data-toggle="modal">编辑</a>
<br /><br />
<a class="btn btn-danger detail-modal-shuiFee-del-btn" href="javascript:;" data-recordid="[%= it[item]['id'] %]">删除</a>
</div>
</section>
[% } %]
[% }else{ %]
<section>暂无数据</section>
[% } %]
</script>
<script id="reportList_maid_list_tpl" type="text/template">
[% if(it['data'] && it['data'].length && it['data'].length>0) { %]
[% var dealT=function(g){if(g&&(g!="null")){return g}else{return""}}; %]
[% for(var i in it['data']){ %]
<tr class="text-center" data-id="[%= it['data'][i]['id'] %]" data-agentid="[%= it['data'][i]['agent_id'] %]" data-role="[%= it['data'][i]['role'] %]" data-lastid="[%= it['data'][i]['last_commission_id'] %]">
<td>[%= it['data'][i]['id'] %]</td>
<td data-role="[%= it['data'][i]['role'] %]">[%= it['data'][i]['role_name'] %]</td>
<td>[%= it['data'][i]['agent'] %]</td>
<td>[%= it['data'][i]['district_store'] %]</td>
<td><span contenteditable class="detail-modal-maid-span-scale">[%= it['data'][i]['scale'] %]</span><span>%</span></td>
<td contenteditable class="detail-modal-maid-td-should-commission">[%= it['data'][i]['scale_fee'] %]</td>
<td colspan="7" class="detail-modal-maid-mix-td oh">
[% if(it['data'][i]['partial_commission'] && it['data'][i]['partial_commission'].length && it['data'][i]['partial_commission'].length>0) { %]
[% for(var j in it['data'][i]['partial_commission']){ %]
<div class="oh" data-id="[%= it['data'][i]['partial_commission'][j]['id'] %]">
<span contenteditable class="detail-modal-maid-span-real-fee">[%= it['data'][i]['partial_commission'][j]['real_fee'] %]</span>
<span contenteditable class="detail-modal-maid-span-service-charge">[%= it['data'][i]['partial_commission'][j]['service_charge'] %]</span>
<span contenteditable class="detail-modal-maid-span-charity-fund">[%= it['data'][i]['partial_commission'][j]['charity_fund'] %]</span>
<span contenteditable class="detail-modal-maid-span-cash">[%= it['data'][i]['partial_commission'][j]['cash'] %]</span>
<span contenteditable class="detail-modal-maid-span-practical-fee">[%= it['data'][i]['partial_commission'][j]['practical_fee'] %]</span>
[% if(!it['data'][i]['partial_commission'][j]['income_time'] || (Array.isArray(it['data'][i]['partial_commission'][j]['income_time']) && it['data'][i]['partial_commission'][j]['income_time'].length<1) ) { %]
<span class="detail-modal-maid-span-date" data-dateid="">请点击选择</span>
[% }else{ %]
<span class="detail-modal-maid-span-date" data-dateid="[%= it['data'][i]['partial_commission'][j]['income_time']['id'] %]">[%= it['data'][i]['partial_commission'][j]['income_time']['income_time'] %]</span>
[% } %]
<span class="detail-modal-maid-span-time">[%= dealT(it['data'][i]['partial_commission'][j]['confirm_date']) %]</span>
</div>
[% } %]
[% }else{ %]
<div class="oh">
<span contenteditable class="detail-modal-maid-span-real-fee"></span>
<span contenteditable class="detail-modal-maid-span-service-charge">0</span>
<span contenteditable class="detail-modal-maid-span-charity-fund">0</span>
<span contenteditable class="detail-modal-maid-span-cash">0</span>
<span contenteditable class="detail-modal-maid-span-practical-fee"></span>
<span class="detail-modal-maid-span-date" data-dateid="">请点击选择</span>
<span class="detail-modal-maid-span-time"></span>
</div>
[% } %]
</td>
<td>
[% if(check_auth('account_commission')) { %]
<a href="#modal_new_maid" class="btn-success detail-modal-maid-a-edit" data-toggle="modal">编辑</a>
[% } %]
[% if(check_auth('index/delPartialCommission') && (it['data'][i]['father_id'] != 0)) { %]
<a href="javascript:;" class="btn-danger detail-modal-maid-a-del">删除</a>
[% } %]
</td>
</tr>
[% } %]
[% }else{ %]
<tr>
<td colspan="11" style="text-align:center;">暂无数据</td>
</tr>
[% } %]
</script>
<script id="reportList_maid_sub1_list_tpl" type="text/template">
<div class="oh">
<span contenteditable class="detail-modal-maid-span-real-fee"></span>
<span contenteditable class="detail-modal-maid-span-service-charge">0</span>
<span contenteditable class="detail-modal-maid-span-charity-fund">0</span>
<span contenteditable class="detail-modal-maid-span-cash">0</span>
<span contenteditable class="detail-modal-maid-span-practical-fee"></span>
<span class="detail-modal-maid-span-date" data-dateid="">请点击选择</span>
<span class="detail-modal-maid-span-time"></span>
</div>
</script>
<script id="receivables_template_tpl" type="text/template">
[% if(it&&it.length!=0) { %]
[% for(var item in it){ %]
<tr class="text-center">
<td>[%= it[item]['create_time'] %]</td>
<td>[%= it[item]['id'] %]</td>
<td>[%= it[item]['bargain_id'] %]</td>
<td>[%= it[item]['income_time'] %]</td>
<td>[%= it[item]['name'] %]</td>
<!--<td>[%= it[item]['current_agent_name'] %]</td>
<td>[%= it[item]['store_name'] %]</td>-->
<td>[%= it[item]['type'] %]</td>
<td>[%= it[item]['money'] %]</td>
<td>[%= it[item]['real_money'] %]</td>
[% if(it[item]['is_refund'] == 1){ %]
[% if(it[item]['source'] == 0) { %]
<td>正常收款,被退款</td>
<td>正常,被退款</td>
[% } else if ( it[item]['source'] == 1 ) { %]
<td>正常收款,被退款</td>
<td>正常,被退款</td>
[% } else if ( it[item]['source'] == 2) { %]
<td>被调整收款(调整ID:[%= it[item]['source_id'] %],被退款)</td>
<td>被调整+被退款</td>
[% } else{%]
<td>被退款</td>
[% } %]
[% }else{ %]
[% if(it[item]['source'] == 0) { %]
<td>正常收款</td>
<td>正常</td>
[% } else if ( it[item]['source'] == 1 ) { %]
<td>正常收款</td>
<td>正常</td>
[% } else if ( it[item]['source'] == 2) { %]
<td>被调整收款(调整ID:[%= it[item]['source_id'] %])</td>
<td>被调整</td>
[% } else{%]
<td>--</td>
[% } %]
[% } %]
<!--<td>[%= it[item]['source_id'] %]</td>-->
<td>
[% if(check_auth('index/getCollectionDetail')) { %]
<a class="btn1 btn-success add-pic" href="#modal-addPic" data-toggle="modal" data-id='[%= it[item]["id"] %]'>详情</a>
[% } %]
</td>
</tr>
[% } %]
[% }else{ %]
<tr>
<td colspan="14" style="text-align:center;"> 暂无数据</td>
</tr>
[% } %]
</script>
<!--红包返现-->
<script id="envelope_template_tpl" type="text/template">
[% if(it&&it.length!=0) { %]
[% for(var item in it){ %]
<tr class="text-center">
<td>[%= it[item]['user_type'] %]</td>
<td>[%= it[item]['money'] %]</td>
<td>[%= it[item]['title'] %]</td>
<td>[%= it[item]['validity'] %]</td>
<td>[%= it[item]['id'] %]</td>
<td>[%= it[item]['phone'] %]</td>
</tr>
[% } %]
[% }else{ %]
<tr>
<td colspan="14" style="text-align:center;"> 暂无数据</td>
</tr>
[% } %]
</script>
\ No newline at end of file
<script id="reportList_list_tpl" type="text/template"> <script id="reportList_shop_list_tpl" type="text/template">
[% if(it["list"] && it["list"].length && it["list"].length>0) { %] [% if(it["list"] && it["list"].length && it["list"].length>0) { %]
[% var sw=function(s){switch(Number(s)){case 10:return"出租";case 20:return"增佣";case 30:return"代理";case 40:return"好处费";default:return s}}; %] [% var sw=function(s){switch(Number(s)){case 10:return"出租";case 20:return"增佣";case 30:return"代理";case 40:return"好处费";default:return s}}; %]
[% var sw2=function(s){switch(Number(s)){case 0:return"一级";case 1:return"二级";case 2:return"三级";case 3:return"已结单";default:return s}}; %] [% var sw2=function(s){switch(Number(s)){case 0:return"一级";case 1:return"二级";case 2:return"三级";case 3:return"已结单";default:return s}}; %]
......
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