Commit e09f35d2 authored by duxinyuan's avatar duxinyuan

commit

parent 338800e4
...@@ -208,9 +208,41 @@ ...@@ -208,9 +208,41 @@
margin-top: 20px; margin-top: 20px;
} }
.modal-body-width{ .modal-body-width{
width: 800px; width: 1000px;
} }
input {
width: 50%;
}
.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;
}
#file_input {
top:0 !important;
height:41px !important;
width : 102px !important;
}
</style> </style>
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
...@@ -222,30 +254,26 @@ ...@@ -222,30 +254,26 @@
<a href="javascript:;">收款记录</a> <a href="javascript:;">收款记录</a>
</li> </li>
</div> </div>
<div class="panel-body"> <div class="panel-body" style="overflow:hidden;">
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed"> <table class="table table-striped table-bordered table-hover table-condensed">
<thead> <thead>
<tr> <tr>
<td colspan="13"> <td colspan="15">
<form id="form_search"> <form id="form_search">
<span class="fore-span ld-Marheight">提交时间:</span> <span class="fore-span ld-Marheight">提交时间:</span>
<input id="comit_time_start" class="form-control btn4 d-Marheight" type="text" <input id="comit_time_start" class="form-control btn4 ld-Marheight" type="text"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"> onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})">
<span class="fore-span ld-Marheight">-</span> <span class="fore-span ld-Marheight">-</span>
<input id="comit_time_end" class="form-control btn4 d-Marheight" type="text" <input id="comit_time_end" class="form-control btn4 ld-Marheight" type="text"
onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})"> onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})">
<!--<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date1" type="date">--> <span class="fore-span ld-Marheight">入账日期:</span>
<span class="fore-span ld-Marheight">入账日期:</span> <input id="into_time_start" class="form-control btn4 ld-Marheight" type="text"
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="start_date_booked" name="" type="date"> onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})">
<span class="fore-span ld-Marheight">-</span> <span class="fore-span ld-Marheight">-</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date_booked" name="" type="date"> <input id="into_time_end" class="form-control btn4 ld-Marheight" type="text"
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="shop_name" placeholder="商铺地址" type="text" value=""> onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',readOnly:true})">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="shop_num" placeholder="商铺号" type="text" value=""> <select class="form-control btn2 ld-Marheight" id="maintable_deal_type">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="customer_phone" placeholder="客户手机号" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="customer_name" placeholder="客户姓名" type="text" value="">
<!--<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="store_name" placeholder="门店" type="text" value="">-->
<select class="form-control btn2 ld-Marheight" name="maintable_shop_type_1" id="maintable_deal_type">
<option value="">入账类型</option> <option value="">入账类型</option>
<option value="10">意向金</option> <option value="10">意向金</option>
<option value="20">定金</option> <option value="20">定金</option>
...@@ -257,7 +285,7 @@ ...@@ -257,7 +285,7 @@
<option value="80">其他</option> <option value="80">其他</option>
<option value="90">佣金</option> <option value="90">佣金</option>
</select> </select>
<select class="form-control btn2 ld-Marheight" name="maintable_shop_type_2" id="maintable_money_type"> <select class="form-control btn2 ld-Marheight" id="maintable_pay_type">
<option value="">入账方式</option> <option value="">入账方式</option>
<option value="10">支付宝</option> <option value="10">支付宝</option>
<option value="20">微信</option> <option value="20">微信</option>
...@@ -265,49 +293,56 @@ ...@@ -265,49 +293,56 @@
<option value="40">转账</option> <option value="40">转账</option>
<option value="50">现金</option> <option value="50">现金</option>
<option value="60">其他</option> <option value="60">其他</option>
</select> </select>
<select class="form-control btn2 ld-Marheight" id="come_from">
<option value="">来源</option>
<option value="0">提交</option>
<option value="1">调整</option>
</select>
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="order_id" placeholder="订单ID" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="get_id" placeholder="收款ID" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="report_id" placeholder="成交报告ID" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="shop_id" placeholder="商铺ID" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="shop_addr" placeholder="商铺地址" type="text" value="">
<select class="form-control btn2 ld-Marheight" id="commit_home">
<option value="">提交人所在部门</option>
<option value="0">一部</option>
<option value="1">二部</option>
</select>
<select class="form-control btn2 ld-Marheight" id="commit_shop">
<option value="">提交人所在门店</option>
<option value="0">一店</option>
<option value="1">二店</option>
</select>
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="comit_name" placeholder="提交人姓名" type="text" value="">
<span class="btn btn-info btn3 ld-Marheight" id="search" style="float:left">搜索</span>
<span class="btn btn-info btn3 ld-Marheight" id="reset" style="float:left">重置</span>
<select name="district_id" class="form-control btn4 ld-Marheight"> <!--<span class="money_total_two fore-span ld-Marheight ">实付总额:</span><span id="money_total" class="money_total_two_shifu fore-span ld-Marheight">1268</span>元-->
<option value="">约带看人所在部门</option> <span class="btn btn-info btn3 ld-Marheight" id="export" style="float:left">导出报表</span>
</select> <span class="btn btn-info btn3 ld-Marheight" id="count" style="float:left">统计</span>
<select name="store_id" class="form-control btn4 ld-Marheight"> <span class="money_total_two ld-Marheight " style="float:left">实付总额:</span><span style="float:left" id="money_total" class="money_total_two_shifu fore-span ld-Marheight">1268元</span>
<option value="">约带看人所在门店</option>
</select>
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="applicant_phone" placeholder="约带看人手机号" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="applicant_name" placeholder="约带看人姓名" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="submit_name" placeholder="提交人姓名" type="text" value="">
<div class="clear">
</div>
<!--<span class=" btn btn-info btn3 ld-Marheight" style="visibility: hidden;">搜索</span>-->
<div class="text-right">
<span class="btn btn-info btn3 ld-Marheight" id="search">搜索</span>
<span class="btn btn-info btn3 ld-Marheight" id="reset">重置</span>
<span class="money_total_two ld-Marheight ">收款总额:</span><span id="money_total" class="money_total_two"></span>
<!--<span class="money_total_two fore-span ld-Marheight ">实付总额:</span><span id="money_total" class="money_total_two_shifu fore-span ld-Marheight">1268</span>元-->
<span class="btn btn-info btn3 ld-Marheight" id="export">导出报表</span>
</div>
</form>
</form> </form>
</td> </td>
</tr> </tr>
<tr> <tr>
<th class="text-center">收款提交时间</th> <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> <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> </tr>
</thead> </thead>
<tbody class="text-center" id="follow_list"> <tbody class="text-center" id="order_list">
</table> </table>
</div> </div>
<!-- /#page-content-wrapper --> <!-- /#page-content-wrapper -->
...@@ -341,70 +376,298 @@ ...@@ -341,70 +376,298 @@
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!--调整-->
<div class="modal fade" id="modal-linetime" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-linetime" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog modal-body-width">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
× <h4 class="modal-title">调整 </h4>
</button>
<h4 class="modal-title">
收付金额
</h4>
</div> </div>
<div class="modal-body modal-body-height"> <div class="modal-body modal-body-height">
实付金额:<input type="number" id='real_money' /> <form class="">
<div class="clear"></div> <div class="col-xs-12">
手续费:&nbsp;&nbsp;&nbsp;<input type="number" id='real_money2' /> <div class="col-xs-6">
<div class="clear"></div><br /> <div class="form-group">
<span style="float: left;margin-top: 10px;">入账日期:</span><input value="" class="form_datetime form-control btn5" data-rule-phoneus="false" data-rule-required="false" id="date_booked" name="" type="text" readonly="readonly"> <strong><span class="col-xs-3 ld-Marheight">商铺ID:</span></strong>
<span id="shop_id_change" class="col-xs-6 ld-Marheight">123456</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">商铺地址:</span></strong>
<span id="shop_addr_change" class="col-xs-6 ld-Marheight">123456</span>
</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">
<select class="form-control" id="change_type">
<option value="0">佣金</option>
<option value="1">意向金</option>
<option value="2">保管金</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="2018" id="change_price" /></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">成交报告ID:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="2018" id="report_id_change" /></div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-3 ld-Marheight">订单ID:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="2018" id="into_id_change" /></div>
</div>
</div>
<!--上传图片-->
<div class="col-xs-12 p-a-0">
<div class="col-xs-12">
<label>上传资料图片:</label>
</div>
<div class="col-xs-12 p-a-0">
<div class="file-upload-area p-a-0 ">
<ul class="img-pre-ul" id="fujian_ul"></ul>
<div class="btn-area">
<input class="btn btn-default" type="file" id="file_input" data-limittop="10" /> <!--修改上传文件的最大数字-->
<button class="btn btn-default" style="margin-left : 144px;">选择图片</button>
</div>
<div class="col-xs-12 img_area p-t-10">
</div>
</div>
</div>
</div>
</div>
</form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭 <button type="button" class="btn btn-primary submit_edit" id="saveChangeBtn" data-dismiss="modal"> 提交 </button>
</button>-->
<button type="button" class="btn btn-primary submit_edit" id=" " data-dismiss="modal">
保存
</button>
</div> </div>
</div> </div>
<!-- /.modal-content --> <!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!--收款图片 2.2版本--> <!-- 收款详情 -->
<div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-width"> <div class="modal-dialog modal-body-width">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button>
× <h4 class="modal-title"> 收款详情 </h4>
</button>
<h4 class="modal-title">
收款图片
</h4>
</div> </div>
<div class="modal-body modal-body-height"> <div class="modal-body modal-body-height">
<ul class="list-group"> <form class="">
<div class="col-xs-12">
<li class="list-group-item"> <div class="col-xs-3">
<div class="form-group full-width-100 full-pic-area"> <div class="form-group">
<!--input上传图片--> <strong><span>入账ID:</span></strong>
<div id="container_body"> <span id="ruzhangId">45122</span>
<label>请选择一个图像文件:</label>
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input"/>
<div id="container_body_img_area"></div>
</div> </div>
</div> </div>
<ul class="img-pre-ul" id="xiangqing_pic_ul"> <div class="col-xs-3">
</ul> <div class="form-group">
</li> <strong><span>订单ID:</span></strong>
</ul> <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">2018.12.12 10:00:00</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-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="2018" id="shopNo" /></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="2018.12.12" 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="2018" id="salePrice" /></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="2018" 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="2018" 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="2018" id="realPrice" /></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="2018" id="getPrice" /></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="2018" id="morePrice" /></div>
<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">
<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="2018" id="lastTime"
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">
<select class="form-control" id="payType">
<option value="1">施总支付宝</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="2018" id="payNo" /></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="running">
<option value="1"></option>
<option value="0"></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">
<select class="form-control" id="fenhong">
<option value="1"></option>
<option value="0"></option>
</select>
</div>
</div>
</div>
<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>
<div class="modal-footer"> <div class="modal-footer">
<button type="button btn2" class="btn btn-primary" id="saveBtn" data-dismiss="modal"> <button type="button btn2" class="btn btn-primary" id="savePayBtn" data-dismiss="modal">
保存 保存
</button> </button>
</div> </div>
...@@ -417,7 +680,7 @@ ...@@ -417,7 +680,7 @@
<img /> <img />
</div> </div>
<!-- /#删除模态框 --> <!-- /#删除模态框 -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-delete1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
......
define(['doT', 'text!temp/get_collection_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', "datetimepicker",'pagination', 'bootstrapJs','blow-up'], function(doT, template) { define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', "datetimepicker",'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
follow = { receiv = {
pageNo: 1, pageNo: 1,
/*第几页*/ /*第几页*/
pageSize: 10, pageSize: 10,
...@@ -11,14 +11,452 @@ define(['doT', 'text!temp/get_collection_template_tpl.html', 'css!style/home.css ...@@ -11,14 +11,452 @@ define(['doT', 'text!temp/get_collection_template_tpl.html', 'css!style/home.css
init: function() { init: function() {
//初始化dot //初始化dot
$(document.body).append(template); $(document.body).append(template);
// follow.getList(1); receiv.getList(1);
follow.event(); receiv.event();
}, },
event: function() { event: function() {
var that = receiv;
var _doc = $(document); var _doc = $(document);
//操作----时间轴
$(document).on('click','.timeline',function(e){
var id = e.target.dataset.id;
that.getTimmerLine(id);
console.log(id)
});
//操作----收款详情
$(document).on('click','.add-pic',function(e){
var id = e.target.dataset.id;
that.getMoneyDetail(id);
console.log(id)
});
//操作---调整
$(document).on('click','.money_change',function(e){
var id = e.target.dataset.id;
that.changeType(id);
console.log(id)
});
//操作----删除
$(document).on('click','.list_delete',function(e){
var id = e.target.dataset.id;
that.deleteTableRow(id);
console.log(id)
});
//搜索
$(document).on('click','#search',function(e){
that.getList(that.pageNo);
});
//重置搜索条件
$(document).on('click','#reset',function(e){
that.resetAll();
});
//导出报表
$(document).on('click','#export',function(e){
that.exportExcel();
});
//时间轴
$("#modal-time").on("shown.bs.modal", function(event){
});
//收款详情
$("#modal-addPic").on("shown.bs.modal", function(event){
$('#savePayBtn').click(function(){
that.saveRecervables();
})
});
//调整
$("#modal-linetime").on("shown.bs.modal", function(event){
$('#saveChangeBtn').click(function(){
that.saveChange();
});
//附件上传处理事件
$("#file_input").change(function() {
var _this = $(this);
var _spFile = _this.data('spfile');
var _limitTop = _this.data('limittop');
var _fileNum = _this.parent().next().find('.delet-pic-btn').length; //根据删除按钮的个数,确定文件的个数
if(_limitTop && (_fileNum < _limitTop)) {
that.uploadImg(_this);
} else {
alert('上传上限为 ' + _limitTop);
return false;
};
});
});
var aaa = [{'create_time' : '12','income_time' : '13','report_agent_name' : '14','report_agent_phone' : '15','store_name' : '16','money' : '17',
'real_money' : '18','type' : '19','pay_type' : '10','internal_address' : '21','house_number' : '31','aaa' : '41','bbb' : '51','id' : '61'},{
'create_time' : '12','income_time' : '13','report_agent_name' : '14','report_agent_phone' : '15','store_name' : '16','money' : '17',
'real_money' : '18','type' : '19','pay_type' : '10','internal_address' : '21','house_number' : '31','aaa' : '41','bbb' : '51','id' : '80'}]
var temp = document.getElementById('receivables_template_tpl').innerHTML;
var doTtmpl = doT.template(temp);
$("#order_list").html(doTtmpl(aaa));
}, },
//上传图片
uploadImg : function(_this){
var formData = new FormData();
formData.append('type', 'shop_image_depot');
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) {
var _url = _data.data.internet_img_name;
var tag = '' ;
tag += '<div class="col-xs-3 pictures" id='+_data.data.img_path+'>';
tag += ' <img src="/'+_url+'" class="" id="" width="90%">';
// tag += ' <div style="text-align:center" id="'+_data.data.img_path+'"><a href="javascript:;" class="delet-pic-btn">删除</a></div>';
tag += '</div>';
$('.img_area').append(tag)
} else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
},
saveChange : function(){
var that = receiv;
var params = {};
if ($('#shop_id_change').text()){//商铺ID
params.shop_id_change = $('#shop_id_change').text()
};
if ($('#shop_addr_change').text()){//商铺地址
params.shop_addr_change = $('#shop_addr_change').text()
};
if ($('#change_type').val()){//调整类型
params.change_type = $('#change_type').val()
};
if ($('#change_price').val()){//调整金额
params.change_price = $('#change_price').val()
};
if ($('#report_id_change').val()){//成交报告ID
params.report_id_change = $('#report_id_change').val()
};
if ($('#into_id_change').val()){//订单ID
params.into_id_change = $('#into_id_change').val()
};
var pictures = $('.img_area').find('.pictures');
var picName = "";
pictures.each(function(i,event){
// if ( i == pictures.length-1 ){
// pictures.lastPicture = true ;
// }
//
// var fujianName = $(this).attr("id");
picName += $(this).attr("id") + ","
})
if ( !(pictures.length - 0 > 0) ){
alert("请选择图片");
return false ;
} else {
params.picName = picName.substr(0,picName.length-1);
}
console.log(picName.substr(0,picName.length-1));
console.log(params);
},
saveRecervables : function(){
var that = receiv;
var params = that.recervablesParams();
console.log(params);
},
recervablesParams : function(){
var params = {} ;
if ($('#ruzhangId').text()){//入账ID
params.ruzhangId = $('#ruzhangId').text()
};
if ($('#dingdanId').text()){//订单ID
params.dingdanId = $('#dingdanId').text()
};
if ($('#chengjiaobaogaoId').text()){//成交报告ID
params.chengjiaobaogaoId = $('#chengjiaobaogaoId').text()
};
if ($('#fangyuanId').text()){//房源ID
params.fangyuanId = $('#fangyuanId').text()
};
if ($('#tijiaoren').text()){//提交人
params.tijiaoren = $('#tijiaoren').text()
};
if ($('#address').text()){//房源地址
params.address = $('#address').text()
};
if ($('#comit_time').text()){//提交时间
params.comit_time = $('#comit_time').text()
};
if ($('#intoType').text()){//入账类型
params.intoType = $('#intoType').text()
};
if ($('#shopNo').val()){//商铺号
params.shopNo = $('#shopNo').val()
};
if ($('#intoDate').val()){//入账日期
params.intoDate = $('#intoDate').val()
};
if ($('#salePrice').val()){//成交价
params.salePrice = $('#salePrice').val()
};
if ($('#intoPrice').val()){//入账金额
params.intoPrice = $('#intoPrice').val()
};
if ($('#shouxu').val()){//手续费
params.shouxu = $('#shouxu').val()
};
if ($('#realPrice').val()){//实付金额
params.realPrice = $('#realPrice').val()
};
if ($('#getPrice').val()){//应收金额
params.getPrice = $('#getPrice').val()
};
if ($('#morePrice').val()){//多收金额
params.morePrice = $('#morePrice').val()
};
if ($('#person').text()){//业务员
params.person = $('#person').text()
};
if ($('#belongT').text()){//所属门店
params.belongT = $('#belongT').text()
};
if ($('#payType').val()){//支付方式
params.payType = $('#payType').val()
};
if ($('#payNo').val()){//支付户名
params.payNo = $('#payNo').val()
};
if ($('#running').val()){//是否开业 1是 0否
params.running = $('#running').val()
};
if ($('#fenhong').val()){//分红
params.fenhong = $('#fenhong').val()
};
if ($('#comes').text()){//来源
params.comes = $('#comes').text()
};
if ($('#status').text()){//装填
params.status = $('#status').text()
};
if ($('#lastTime').val()){//最后转定时间
params.lastTime = $('#lastTime').val()
};
return params ;
},
getValueFunction : function(){
$('#ruzhangId').text(); //入账ID
$('#dingdanId').text(); //订单ID
$('#chengjiaobaogaoId').text(); //成交报告ID
$('#fangyuanId').text(); //房源ID
$('#tijiaoren').text(); //提交人
$('#address').text(); //房源地址
$('#comit_time').text(); //提交时间
$('#intoType').text(); //入账类型
$('#shopNo').val(); //商铺号
$('#intoDate').val(); //入账日期
$('#salePrice').val(); //成交价
$('#intoPrice').val(); //入账金额
$('#shouxu').val(); //手续费
$('#realPrice').val(); //实付金额
$('#getPrice').val(); //应收金额
$('#morePrice').val(); //多收金额
$('#person').text(); //业务员
$('#belongT').text(); //所属门店
$('#payType').val(); //支付方式
$('#payNo').val(); //支付户名
$('#running').val(); //是否开业 1是 0否
$('#fenhong').val(); //分红
$('#comes').text(); //来源
$('#status').text(); //装填
$('#lastTime').val(); //最后转定时间
},
/**
* 重置查询条件
*/
resetAll : function(){
var commite_time_start = $('#comit_time_start').val("");
var commite_time_end = $('#comit_time_end').val("");
var into_time_start = $('#into_time_start').val("");
var into_time_end = $('#into_time_end').val("");
var maintable_deal_type = $('#maintable_deal_type').val("");
var maintable_pay_type = $('#maintable_pay_type').val("");
var come_from = $('#come_from').val("");
var order_id = $('#order_id').val("");
var get_id = $('#get_id').val("");
var report_id = $('#report_id').val("");
var shop_id = $('#shop_id').val("");
var shop_addr = $('#shop_addr').val("");
var commit_home = $('#commit_home').val("");
var commit_shop = $('#commit_shop').val("");
var comit_name = $('#comit_name').val("");
},
/**
* 导出报表
*/
exportExcel : function(){
var that = receiv;
var params = that.buildSearchParams();
$.post('',params, function(data){
console.log(data);
})
},
/**
* 获取查询参数
*/
buildSearchParams : function(){
var commite_time_start = $('#comit_time_start').val();
var commite_time_end = $('#comit_time_end').val();
var into_time_start = $('#into_time_start').val();
var into_time_end = $('#into_time_end').val();
var maintable_deal_type = $('#maintable_deal_type').val();
var maintable_pay_type = $('#maintable_pay_type').val();
var come_from = $('#come_from').val();
var order_id = $('#order_id').val();
var get_id = $('#get_id').val();
var report_id = $('#report_id').val();
var shop_id = $('#shop_id').val();
var shop_addr = $('#shop_addr').val();
var commit_home = $('#commit_home').val();
var commit_shop = $('#commit_shop').val();
var comit_name = $('#comit_name').val();
var params = {};
if ( commite_time_start ) {
params.commite_time_start = commite_time_start;
}
if ( commite_time_end ) {
params.commite_time_end = commite_time_end;
}
if ( into_time_start ) {
params.into_time_start = into_time_start;
}
if ( into_time_end ) {
params.into_time_end = into_time_end;
}
if ( maintable_deal_type ) {
params.maintable_deal_type = maintable_deal_type;
}
if ( maintable_pay_type ) {
params.maintable_pay_type = maintable_pay_type;
}
if ( come_from ) {
params.come_from = come_from;
}
if ( order_id ) {
params.order_id = order_id;
}
if ( get_id ) {
params.get_id = get_id;
}
if ( report_id ) {
params.report_id = report_id;
}
if ( shop_id ) {
params.shop_id = shop_id;
}
if ( shop_addr ) {
params.shop_addr = shop_addr;
}
if ( commit_home ) {
params.commit_home = commit_home;
}
if ( commit_shop ) {
params.commit_shop = commit_shop;
}
if ( comit_name ) {
params.comit_name = comit_name;
}
return params ;
},
/**
* 获取表格数据
* @param {Object} no
*/
getList : function(no){
var that = receiv;
var params = that.buildSearchParams();
console.log(params) ;
},
/**
* 时间轴
* @param {Object} id
*/
getTimmerLine : function(id){
var that = receiv;
console.log("get the timmerLine with id = " + id );
var params = {
'id' : id
};
$.post('',params , function(data){
console.log(data);
that.getValueFunction();
},'json')
},
/**
* 收款详情
* @param {Object} id
*/
getMoneyDetail : function(id){
var that = receiv;
console.log("get the timmerLine with id = " + id );
var params = {
'id' : id
};
$.post('',params , function(data){
console.log(data);
that.getValueFunction();
},'json')
},
/**
* 调整
* @param {Object} id
*/
changeType : function(id){
var that = receiv;
console.log("get the timmerLine with id = " + id );
var params = {
'id' : id
};
$.post('',params , function(data){
console.log(data);
that.getValueFunction();
},'json')
},
/**
* 删除收款记录
* @param {Object} id
*/
deleteTableRow : function(id){
var that = receiv;
console.log("delete the row from the table while id = " + id );
var params = {
'id' : id
};
$.post('',params , function(data){
console.log(data);
that.getValueFunction();
},'json')
}
}; };
return follow; return receiv;
}); });
\ No newline at end of file
<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]['income_time'] %]</td>
<td>[%= it[item]['report_agent_name'] %]-[%= it[item]['report_agent_phone'] %]</td>
<td>[%= it[item]['store_name'] %]</td>
<td>[%= it[item]['money'] %]</td>
<td>[%= it[item]['real_money'] %]</td>
<td>[%= it[item]['type'] %]</td>
<td>[%= it[item]['pay_type'] %]</td>
<td>[%= it[item]['internal_address'] %]</td>
<td>[%= it[item]['house_number'] %]</td>
<td>[%= it[item]['report_agent_phone'] %]</td>
<td>[%= it[item]['bbb'] %]</td>
<td>[%= it[item]['aaa'] %]</td>
<td>
<a class="btn1 btn-success timeline" href="#modal-time" data-toggle="modal" data-id='[%= it[item]["order_id"] %]'>时间轴</a>
<a class="btn1 btn-success add-pic" href="#modal-addPic" data-toggle="modal" data-id='[%= it[item]["id"] %]'>收款详情</a>
<a class="btn1 btn-success money_change" href="#modal-linetime" data-toggle="modal" data-id='[%= it[item]["id"]%]'>调整</a>
<!--<a class="btn1 btn-success money_back" href="#modal-back" data-toggle="modal" data-id='[%= it[item]["id"]%]'>退款</a>-->
<a class="btn1 btn-success list_delete" href="#modal-delete" data-toggle="modal" data-id='[%= it[item]["id"]%]'>删除</a>
</td>
</tr>
[% } %]
[% }else{ %]
<tr>
<td colspan="13" style="text-align:center;"> 暂无数据</td>
</tr>
[% } %]
</script>
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