Skip to content

T
tl_estate
Commit c2fdc125 authored by duxinyuan's avatar duxinyuan
Browse files
Options

退款功能注入，接口未对接，运行无报错

parent 9e07525e
Hide whitespace changes
Inline Side-by-side
Showing with 354 additions and 3 deletions
application/index/view/finance/getCollection.html
View file @ c2fdc125
......@@ -207,6 +207,13 @@
.hide {
display: none !important;
}
.result {
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
}
.result>img,.result2>img{
width: 120px;
height: 120px;
......@@ -225,6 +232,15 @@
width: 80px;
}
#file_input3 {
opacity: 0;
position: absolute;
top: 0;
left: 145px;
height: 35px;
width: 80px;
}
.out-style {
position: absolute;
top: 0;
......@@ -836,6 +852,154 @@
<div id="img_mask_area" title="点击任意位置可关闭">
<img />
</div>
<!--退款-->
<div class="modal fade" id="modal-back" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-width">
<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 modal-body-height">
<form class="">
<div class="col-xs-12">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">退款类型:</span></strong>
<div class="col-xs-6">
<select class="form-control" id="back_type">
<option class="yixiangjin" value="10">意向金</option>
<option class="baoguanjin" value="30">保管金</option>
<option class="yixiangjin" value="91">中介费</option>
<option class="yixiangjin" value="92">案场费</option>
</select>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">退款金额(元):</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="0" id="back_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-4 ld-Marheight">退款凭证编号:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="back_no" /></div>
<!--<strong><span class="col-xs-2 ld-Marheight">元</span></strong>-->
</div>
</div>
<div class="col-xs-12 rep">
<div class="form-group">
<strong><span class="col-xs-2 ld-Marheight">退款原因:</span></strong>
<div class="col-xs-9" style="padding:0px 10px 0px 5px;">
<input class="form-control" type="text" value="" id="back_reason" data-status="200" autocomplete="off" />
<!--<ul class="reportArea" style="display:none" data-status="100" ></ul>-->
</div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">入账类型:</span></strong>
<span id="back_into_type" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">商铺地址:</span></strong>
<span id="back_shop_addr" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">退款方式:</span></strong>
<span id="back_price_type" class="col-xs-6 ld-Marheight"></span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">退款账户:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="back_price_user" /></div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">开户行:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="back_bank" /></div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">户名:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="back_bank_name" /></div>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">收款人手机:</span></strong>
<div class="col-xs-6"><input class="form-control" type="text" value="" id="back_phone" /></div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<strong><span class="col-xs-2 ld-Marheight">其他说明:</span></strong>
<div class="col-xs-9" style="padding:0px 10px 0px 5px;">
<input class="form-control" type="text" value="" id="back_others" data-status="200" autocomplete="off" />
<!--<ul class="reportArea" style="display:none" data-status="100" ></ul>-->
</div>
</div>
</div>
<!--上传图片-->
<div class="col-xs-12" style="margin-top:20px;">
<div class="col-xs-12" style="padding-left:30px;">
<label>上传资料图片:</label>
</div>
<div class="col-xs-12">
<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_input3" data-limittop="10" /> <!--修改上传文件的最大数字-->
<button class="btn btn-default" style="margin-left : 144px;">选择图片</button>
</div>
<div class="col-xs-12 p-t-10" id="container_body_img_area3">
</div>
</div>
</div>
</div>
<div class="col-xs-12" style="padding:10px;">
<strong><span style="margin-left:1rem;">退意向金：收款人身份证、收款人银行卡、意向金收条、转账截图。</span></strong>
</div>
<div class="col-xs-12" style="padding:10px;">
<strong><span style="margin-left:1rem;">意向金转定：收款人身份证、收款人银行卡、意向金收条、转账截图、居间协议、客户的授权委托书。</span></strong>
</div>
<div class="col-xs-12" style="padding:10px;">
<strong><span style="margin-left:1rem;">退保管金：收款人身份证、收款人银行卡、转账截图、客户授权委托书。</span></strong>
</div>
<div class="col-xs-12" style="padding:10px;">
<strong><span style="margin-left:1rem;">保管金转定：收款人身份证、收款人银行卡、转账截图、居间协议、客户授权委托书、房东授权委托书。</span></strong>
</div>
<div class="col-xs-12" style="padding:10px;">
<strong><span style="margin-left:1rem;">退佣金：分部老总给施总申请截图、分红已退回公司的转账截图、收款人身份证、收款人银行卡。</span></strong>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary submit_edit" id="saveChangeBtn"> 提交 </button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- /#删除模态框 -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
......
public/resource/js/getCollection.js
View file @ c2fdc125
......@@ -103,6 +103,45 @@ define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css',
});
});
$('#file_input3').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) {
$('#container_body_img_area3').append('<div class="result"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del3">删除</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', function(e) {
e.preventDefault();
......@@ -121,6 +160,17 @@ define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css',
};
});
//图片删除，已有的则调用接口删除
_doc.on('click', '.span-del3', function(e) {
var _this = $(this);
e.preventDefault();
e.stopPropagation();
if(confirm('确认删除吗?')){
_this.parent().remove();
that.spandelList(_this.prev().attr('data-imgid'));
};
});
//保存上传的图片
_doc.on('click', '#saveBtn', function(e) {
var _this = $(this);
......@@ -179,6 +229,12 @@ define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css',
$('.iframe-time-line').attr('src', '/app_broker/timeline_pc?order_id=' + house_id);
});
//操作----退款
$(document).on('click','.money_back',function(e){
var id = e.target.dataset.id;
that.getBack(id);
});
//操作----收款详情
$(document).on('click','.add-pic',function(e){
var id = e.target.dataset.id;
......@@ -252,7 +308,7 @@ define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css',
})
});
$("#modal-linetime").on("hidden.bs.modal", function(event){
$("#modal-back").on("hidden.bs.modal", function(event){
$('#change_price').val("0");
$('#report_id_change').val("");
$('#into_id_change').val("");
......@@ -266,6 +322,11 @@ define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css',
$('#intoIdArea').hide();
$("#into_id_change").removeAttr("readOnly")
});
$("#modal-linetime").on("hidden.bs.modal", function(event){
that.initBackData();
});
//调整
$("#modal-linetime").on("shown.bs.modal", function(event){
//initMoadalData
......@@ -276,6 +337,10 @@ define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css',
that.saveChange();
});
$('#back_saveChangeBtn').unbind('click').bind('click',function(e){
that.saveBack();
})
//附件上传处理事件
$("#file_input").change(function() {
var _this = $(this);
......@@ -1164,7 +1229,128 @@ define(['doT', 'text!temp/receivables_template_tpl.html', 'css!style/home.css',
alert(data.msg);
}
},'json')
}
},
getBack : function(id){
var that = receiv;
var params = {
'id' : id
};
$.post('',params,function(data){
if(data.code == 200) {
console.log(data);
that.initBackData(data);
} else {
alert(data.msg);
}
})
},
initBackData : function(){
var that = receiv;
$('#back_type').val(30);
$('#back_price').val(100);
$('#back_no').val(100);
$('#back_reason').val(100);
$('#back_into_type').text(100);
$('#back_shop_addr').text(100);
$('#back_price_type').text(100);
$('#back_price_user').val(100);
$('#back_bank').val(100);
$('#back_bank_name').val(100);
$('#back_phone').val(100);
$('#back_others').val(100);
$('#container_body_img_area3').empty();
},
clearBackData : function(){
var that = receiv;
$('#back_type').val("");
$('#back_price').val("");
$('#back_no').val("");
$('#back_reason').val("");
$('#back_into_type').text("");
$('#back_shop_addr').text("");
$('#back_price_type').text("");
$('#back_price_user').val("");
$('#back_bank').val("");
$('#back_bank_name').val("");
$('#back_phone').val("");
$('#back_others').val("");
},
saveBack : function(){
var that = receiv;
var params = that.getBackParams();
$.post('',params,function(data){
if(data.code == 200) {
console.log(data)
} else {
alert(data.msg);
}
},'json');
},
getBackParams : function(){
var that = receiv;
var params = {} ;
var back_type = $('#back_type').val();
var back_price = $('#back_price').val();
var back_no = $('#back_no').val();
var back_reason = $('#back_reason').val();
var back_price_user = $('#back_price_user').val();
var back_bank = $('#back_bank').val();
var back_bank_name = $('#back_bank_name').val();
var back_phone = $('#back_phone').val();
var back_others = $('#back_others').val();
if ( back_type ){
params.aaaaaa = back_type ;
};
if ( back_price ){
params.back_price = back_price ;
}
if ( back_no ){
params.back_no = back_no ;
}
if ( back_reason ){
params.back_reason = back_reason ;
}
if ( back_price_user ){
params.back_price_user = back_price_user ;
}
if ( back_bank ){
params.back_bank = back_bank ;
}
if ( back_bank_name ){
params.back_bank_name = back_bank_name ;
}
if ( back_phone ){
params.back_phone = back_phone ;
}
if ( back_others ){
params.back_others = back_others ;
}
//图片数据处理
var pictures = $('#container_body_img_area3').find('.pictures');
var picName = "";
pictures.each(function(i,event){
picName += $(this).attr("id") + ","
})
if ( !(pictures.length - 0 > 0) ){
alert("请选择图片");
return false ;
} else {
params.picName = JSON.stringify(picName.substr(0,picName.length-1).split(","));
}
return params ;
},
};
return receiv;
});
\ No newline at end of file
public/resource/template/receivables_template_tpl.html
View file @ c2fdc125
......@@ -37,7 +37,7 @@
data-house_number = '[%= it[item]['house_number'] %]' data-transfer_name = '[%= it[item]['transfer_name'] %]' data-order_id = '[%= it[item]['order_id'] %]' data-type_num = '[%= it[item]['type_num'] %]' data-income_time='[%= it[item]['income_time'] %]' data-pay_type='[%= it[item]['pay_type_num'] %]' >调整</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 money_back" href="#modal-back" data-toggle="modal" data-id='[%= it[item]["id"]%]'>退款</a>
[% if(check_auth('index/delPayLog')) { %]
<a class="btn1 btn-success list_delete" href="#modal-delete" data-toggle="modal" data-id='[%= it[item]["id"]%]'>删除</a>
[% } %]
......
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