Commit 5af8cef5 authored by duxinyuan's avatar duxinyuan

打印功能

parent 051d2161
...@@ -263,6 +263,12 @@ ...@@ -263,6 +263,12 @@
height:41px !important; height:41px !important;
width : 102px !important; width : 102px !important;
} }
.col-xs-12 {
line-height:2
}
.l{
line-height:2
}
</style> </style>
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
...@@ -342,7 +348,7 @@ ...@@ -342,7 +348,7 @@
<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">订单ID</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>
...@@ -388,129 +394,103 @@ ...@@ -388,129 +394,103 @@
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!-- 收款详情 --> <!-- 收款详情 -->
<div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-check" 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> <button type="button" class="close noprint" data-dismiss="modal" aria-hidden="true"> × </button>
<h4 class="modal-title"> 调整详情 </h4> <!--<h4 class="modal-title"> 调整详情 </h4>-->
</div> </div>
<div class="modal-body modal-body-height"> <div class="modal-body modal-body-height">
<form class=""> <form class="">
<div class="col-xs-12"> <div class="col-xs-12" style="text-align:center">
<div class="col-xs-6"> <strong><span>南京东路xxx退款申请书</span></strong>
<div class="form-group"> </div>
<strong><span class="col-xs-4 ld-Marheight">调整ID:</span></strong> <div class="col-xs-2"></div>
<span id="change_id" class="col-xs-6 ld-Marheight">forgina</span> <div class="col-xs-10" text-align:left>
</div> <div class="col-xs-12 l">
<strong><span>1、退款金额:¥10000元(大写:人民币壹万元整)</span></strong>
</div> </div>
<div class="col-xs-6"> <div class="col-xs-12 l">
<div class="col-xs-12"> <strong><span>2、退款凭证编号:18542230</span></strong>
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">调整金额:</span></strong>
<span id="after_into_price" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
</div> </div>
</div> <div class="col-xs-12 l">
<div class="col-xs-6"> <strong><span>3、退款类型:转意向金</span></strong>
<div class="col-xs-12"> </div>
<div class="form-group"> <div class="col-xs-12 l">
<strong><span class="col-xs-3 ld-Marheight">调整前:</span></strong> <strong><span>4、入账日期:2018.12.12</span></strong>
</div> </div>
<div class="col-xs-12 l">
<strong><span>5、商铺地址:上海市宝山区梅林路666弄</span></strong>
</div>
<div class="col-xs-12 l">
<strong><span>6、退款原因:退意向金</span></strong>
</div>
<div class="col-xs-12 l">
<strong><span>7、退款方式:银行卡</span></strong>
</div>
<div class="col-xs-12 l">
<strong><span>8、收款账户:145233154544111</span></strong>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="form-group"> <strong><span>开户行:海南省海口市农业银行龙昆南路支行</span></strong>
<strong><span class="col-xs-4 ld-Marheight">入账ID:</span></strong>
<span id="befor_into_id" class="col-xs-6 ld-Marheight"></span>
</div>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<div class="form-group"> <strong><span> 户名:刘少博</span></strong>
<strong><span class="col-xs-4 ld-Marheight">订单ID:</span></strong>
<span id="befor_order_id" class="col-xs-6 ld-Marheight"></span>
</div>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<div class="form-group"> <strong><span>收款人手机:13918937743</span></strong>
<strong><span class="col-xs-4 ld-Marheight">房源ID:</span></strong>
<span id="befor_house_id" class="col-xs-6 ld-Marheight"></span>
</div>
</div> </div>
<div class="col-xs-12"> </div>
<div class="form-group"> <div class="col-xs-12">
<strong><span class="col-xs-4 ld-Marheight">房源地址:</span></strong> <div class="col-xs-6" style="float:right">
<span id="befor_house_addr" class="col-xs-6 ld-Marheight"></span> <div class="col-xs-12">
<strong><span>申请人签章:周小雨</span></strong>
</div> </div>
</div> <div class="col-xs-12">
<div class="col-xs-12"> <strong><span>所属门店:南京东路店</span></strong>
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">入账日期 :</span></strong>
<span id="befor_into_date" class="col-xs-6 ld-Marheight"></span>
</div> </div>
</div> <div class="col-xs-12">
<div class="col-xs-12"> <strong><span>申请日期:2018.12.12 ( 退款ID: 2344 )</span></strong>
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">入账类型:</span></strong>
<span id="befor_into_type" class="col-xs-6 ld-Marheight"></span>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="col-xs-6">
<div class="col-xs-12"> <div class="col-xs-12">
<div class="form-group"> <strong><span>审核人员:</span></strong>
<strong><span class="col-xs-3 ld-Marheight">调整后:</span></strong>
</div>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12 check_person">
<div class="col-xs-12">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">入账ID:</span></strong>
<span id="after_into_id" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">订单ID:</span></strong>
<span id="after_order_id" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">成交报告ID:</span></strong>
<span id="after_report_id" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-12"> <div class="col-xs-12">
<div class="form-group"> <strong><span>刘丹丹 2018.12.12 10:00:00</span></strong>
<strong><span class="col-xs-4 ld-Marheight">房源ID:</span></strong>
<span id="after_house_id" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">房源地址:</span></strong>
<span id="after_house_addr" class="col-xs-6 ld-Marheight"></span>
</div>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<div class="form-group"> <strong><span>洛可可 2018.12.12 10:00:00</span></strong>
<strong><span class="col-xs-4 ld-Marheight">入账日期 :</span></strong>
<span id="after_into_date" class="col-xs-6 ld-Marheight"></span>
</div>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<div class="form-group"> <strong><span>王一舒 2018.12 13 10:00:00</span></strong>
<strong><span class="col-xs-4 ld-Marheight">入账类型:</span></strong>
<span id="after_into_type" class="col-xs-6 ld-Marheight"></span>
</div>
</div> </div>
</div> </div>
<div class="col-xs-12">
<strong><span>当前状态:审核中</span></strong>
</div>
</div>
<div class="col-xs-1"></div>
<div class="col-xs-10">
<div class="coil-xs-12">
<strong><span>退款附件</span></strong>
</div>
<div class="col-xs-12" id="photoArea">
</div>
</div> </div>
</form> </form>
</div> </div>
<div class="modal-footer noprint" id="hiddenOr" >
<button type="button" class="btn btn-primary" data-dismiss="modal" id="check_yes">审核通过</button>
<button type="button" class="btn btn-primary" id="check_no" >驳回</button>
<button type="button" class="btn btn-primary" id="check_no" >转到已退款</button>
<button type="button" class="btn btn-primary" id="print" >打印</button>
</div>
</div> </div>
<!-- /.modal-content --> <!-- /.modal-content -->
</div> </div>
......
define(['doT', 'text!temp/refund_list_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', "datetimepicker",'pagination', 'bootstrapJs','blow-up'], function(doT, template) { define(['doT', 'text!temp/refund_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', "datetimepicker",'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
refund = { refund = {
pageNo: 1, pageNo: 1,
/*第几页*/ /*第几页*/
...@@ -20,7 +20,38 @@ define(['doT', 'text!temp/refund_list_tpl.html', 'css!style/home.css', 'ckfinder ...@@ -20,7 +20,38 @@ define(['doT', 'text!temp/refund_list_tpl.html', 'css!style/home.css', 'ckfinder
event: function() { event: function() {
var that = refund; var that = refund;
var _doc = $(document); var _doc = $(document);
$('#print').click(function(){
var header = window.document.head.innerHTML ;
var printHtml = document.getElementById('modal-check').innerHTML;
var wind = window.open("", "newwin", "toolbar=no,scrollbars=yes,menubar=no");
var ss = ''
+"<style>"
+".coversheet-pageBoder{"
+" padding: 10px;"
+" margin-top: 10px;"
+" border: 1px solid gray;"
+" page-break-after: always;"
+" border-radius: 5px;"
+" box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);"
+"}"
+".col-xs-12{ padding-left:15px;padding-right:15px;width:100%;position: relative;min-height: 1px;overflow:hidden}"
+".col-xs-6{ padding-left:15px;padding-right:15px;width:50%;position: relative;min-height: 1px;;overflow:hidden}"
+".l{line-height:2}"
+".noprint{display: none;}"
+"strong{font-weight:500}"
+"</style>";
printHtml = ss + printHtml;
wind.document.head.innerHTML = header;
wind.document.body.innerHTML = printHtml;
wind.print();
// wind.close();
})
//操作----删除 //操作----删除
$(document).on('click','.list_delete',function(e){ $(document).on('click','.list_delete',function(e){
var id = e.target.dataset.id; var id = e.target.dataset.id;
...@@ -243,7 +274,7 @@ define(['doT', 'text!temp/refund_list_tpl.html', 'css!style/home.css', 'ckfinder ...@@ -243,7 +274,7 @@ define(['doT', 'text!temp/refund_list_tpl.html', 'css!style/home.css', 'ckfinder
if(typeof data === 'object') { if(typeof data === 'object') {
if(data.code == 200) { if(data.code == 200) {
that.listData = data.data.list; that.listData = data.data.list;
var temp = document.getElementById('adjustment_template_tpl').innerHTML; var temp = document.getElementById('refund_template_tpl').innerHTML;
var doTtmpl = doT.template(temp); var doTtmpl = doT.template(temp);
$("#order_list").html(doTtmpl(data.data.list)); $("#order_list").html(doTtmpl(data.data.list));
// that.moneyTotal = data.data.money_total; // that.moneyTotal = data.data.money_total;
......
<script id="refund_list_tpl" type="text/template"> <script id="refund_template_tpl" type="text/template">
[% if(it) { %] [% if(it) { %]
[% for(var item in it){ %] [% for(var item in it){ %]
<tr class="text-center"> <tr class="text-center">
<td>[%= it[item]['agent_name'] %]</td>
<td>[%= it[item]['report_agent_name'] %]</td>
<td>[%= it[item]['user_name'] %]</td>
<td>[%= it[item]['create_time'] %]</td> <td>[%= it[item]['create_time'] %]</td>
<td>[%= it[item]['id'] %]</td>
[% if(it[item]['status'] == 1) { %]
<td>申请中</td>
[% }else if (it[item]['status'] == 2) { %]
<td>退款成功</td>
[% }else if (it[item]['status'] == 3) { %]
<td>已审核</td>
[% }else if (it[item]['status'] == 4) { %]
<td>驳回</td>
[% } else { %]
<td>--</td>
[% } %]
<td>[%= it[item]['order_id'] %]</td>
<td>[%= it[item]['pay_log_id'] %]</td>
<td>[%= it[item]['refund_money'] %]</td> <td>[%= it[item]['refund_money'] %]</td>
<td>[%= it[item]['card_no'] %]</td> <td>[%= it[item]['income_time'] %]</td>
<td>[%= it[item]['agent_name'] %]</td> <td>[%= it[item]['type'] %]</td>
<td>[%= it[item]['agent_name'] %]</td> [% if(it[item]['type'] == 1) { %]
<td>[%= it[item]['agent_name'] %]</td> <td>意向金转定</td>
<td>[%= it[item]['agent_name'] %]</td> [% }else if (it[item]['type'] == 2) { %]
<td>[%= it[item]['agent_name'] %]</td> <td>退保管金</td>
[% }else if (it[item]['type'] == 3) { %]
<td>保管金转定</td>
[% }else if (it[item]['type'] == 4) { %]
<td>退中介费</td>
[% }else if (it[item]['type'] == 5) { %]
<td>退案场费</td>
[% }else if (it[item]['type'] == 0) { %]
<td>退意向金</td>
[% } else { %]
<td>--</td>
[% } %]
<td>[%= it[item]['agent_name'] %]</td> <td>[%= it[item]['agent_name'] %]</td>
<td>[%= it[item]['store_name'] %]</td>
<td>[%= it[item]['store_id'] %]</td>
<td>[%= it[item]['address'] %]</td>
<td> <td>
<a class="btn1 btn-success timeline" href="#modal-time" data-toggle="modal" data-id='[%= it[item]["id"] %]'>时间轴</a> <a class="btn1 btn-success timeline" href="#modal-time" data-toggle="modal" data-id='[%= it[item]["id"] %]'>时间轴</a>
<a class="btn1 btn-success rejected" href="#modal-rejected" data-toggle="modal" data-id='[%= it[item]["id"] %]'>审核</a> <a class="btn1 btn-success rejected" href="#modal-check" data-toggle="modal" data-id='[%= it[item]["id"] %]'>审核</a>
<a class="btn1 btn-success is_pass" href="#modal-pass" data-toggle="modal" data-id='[%= it[item]["id"] %]'>打印</a> <a class="btn1 btn-success is_pass" href="#modal-pass" data-toggle="modal" data-id='[%= it[item]["id"] %]'>打印</a>
</td> </td>
</tr> </tr>
......
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