Commit b13e9e47 authored by xishifeng's avatar xishifeng

成交报告详情修改1

parent 3f11e42f
......@@ -173,9 +173,9 @@ class Index
return view('index/timeline_pc');
}
public function bargaininfo_detail_pc()
public function bargaininfo_detail_static_pc()
{
return view('index/bargaininfo_detail_pc');
return view('index/bargaininfo_detail_static_pc');
}
public function submit_report_pc()
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>同联商业</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
</head>
<body style="display: none;">
<div>
<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="div-seat"></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>商铺类型:</span>
<span id="bargaininfo_shop_type"></span>
<br />
<span>商铺地址:</span><span id="bargaininfo_internal_address"></span><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>
<select class="form-control" id="bargaininfo_is_open">
<option value="0"></option>
<option value="1"></option>
</select> <br />
<span>商铺号:</span><span id="bargaininfo_shop_num"></span><br>
<span>客户电话:</span><span id="bargaininfo_user_phone"></span><br>
<span>成交日期:</span><span id="bargaininfo_create_time"></span><br>
</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>
<!--<mark href="javascript:;" class="detail-modal-bargaininfo-commission-cancel-pic"><img src="/resource/image/search_gb.png" /></mark>-->
</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" href="#modal_new_maid" data-toggle="modal">新增</a>
<a id="maid_new_btn" class="btn btn-primary" data-toggle="modal">增加实收</a>
</div>
<table class="table table-striped table-bordered table-hover table-condensed" id="maid_table_main">
<thead>
<tr>
<th class="text-center">分佣方</th>
<th class="text-center">业务员</th>
<th class="text-center">所属部门/门店</th>
<th class="text-center">分佣比例</th>
<th class="text-center">应分佣金(元)</th>
<th class="text-center">实分佣金(元)</th>
<th class="text-center">手续费(元)</th>
<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>
</table>
<div class="detail-modal-maid-bottom-btn-area text-right">
<a id="maid_ok_btn" class="btn btn-primary" data-toggle="modal">确认分佣</a>
<a id="maid_save_btn" class="btn btn-primary" 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>
<script src="/app/js/libs/require.min.js" data-js="/app/js/bargaininfo_detail_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>同联商业</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
</head>
<body class="body-pc" style="display: none;">
<div id="app">
<main>
<section class="list-area1 oh">
<ul>
<li>
<div>商铺类型:</div>
<div>商场</div>
</li>
<li>
<div>商铺地址:</div>
<div>商场nnn</div>
</li>
<li>
<div>业态:</div>
<div>商场nnn</div>
</li>
<li>
<div>客户姓名:</div>
<div>商场nnn</div>
</li>
<li>
<div>成交类型:</div>
<div>商场nnn</div>
</li>
<li>
<div>应收总佣金:</div>
<div>商场nnn</div>
</li>
</ul>
<ul>
<li>
<div>是否开业:</div>
<div>商场</div>
</li>
<li>
<div>商铺号:</div>
<div>商场</div>
</li>
<li>
<div>预计收款时间:</div>
<div>商场</div>
</li>
<li>
<div>客户电话:</div>
<div>商场</div>
</li>
<li>
<div>成交日期:</div>
<div>商场</div>
</li>
<li>
<div>成交价:</div>
<div>商场</div>
</li>
</ul>
</section>
<section class="list-area2">
<p>分佣提成</p>
<ul></ul>
</section>
</main>
</div>
<script id="fenyong_li_tpl" type="text/template">
<li class="fenyong-li por">
<ul class="flex">
<li class="fenyong-sub-li flex">
<div>分佣方:</div>
<div class="arrow-select-pc flex-center">
<select class="fenyong-fang">
<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></div>
</li>
<li class="fenyong-sub-li flex">
<div>业务员:</div>
<div class="flex-center por">
<input type="text" class="add_input_ywy" placeholder="请输入姓名或手机号" />
<ul></ul>
</div>
<div></div>
</li>
</ul>
<ul class="flex">
<li class="fenyong-sub-li flex">
<div>分佣比例:</div>
<div class="flex-center">
<input type="number" class="fenyong-rate" placeholder="请填写" />
</div>
<div>%</div>
</li>
<li class="fenyong-sub-li flex">
<div>应分佣金:</div>
<div class="flex-center">
<input type="number" class="yingfen-yongjin" placeholder="请填写" />
</div>
<div></div>
</li>
</ul>
<mark class="poa"><img src="/app/images/search_gb.png"></mark>
</li>
</script>
<script src="/app/js/libs/require.min.js" data-js="/app/js/bargaininfo_detail_static_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script>
</body>
</html>
\ No newline at end of file
......@@ -48,7 +48,7 @@ Route::group('app_broker', [
'shop_detail_pc' => [ 'app_broker/index/shop_detail_pc', [ 'method' => 'get' ] ],
'submit_report_pc' => [ 'app_broker/index/submit_report_pc', [ 'method' => 'get' ] ],
'customer_genjin_detail_pc' => [ 'app_broker/index/customer_genjin_detail_pc', [ 'method' => 'get' ] ],
'bargaininfo_detail_pc' => [ 'app_broker/index/bargaininfo_detail_pc', [ 'method' => 'get' ] ],
'bargaininfo_detail_static_pc' => [ 'app_broker/index/bargaininfo_detail_static_pc', [ 'method' => 'get' ] ],
'customerinfo_customer_add' => [ 'app_broker/index/customerinfo_customer_add', [ 'method' => 'get' ] ],
'customerinfo_details_new' => [ 'app_broker/index/customerinfo_details_new', [ 'method' => 'get' ] ],
'download_b' => [ 'app_broker/index/download_b', [ 'method' => 'get' ] ],
......
@charset "utf-8";
body{
max-width: 800px;
}
.list-area1{}
.list-area1>ul{
width: 50%;
float: left;
}
.list-area1>ul>li{
overflow: hidden;
height: 40px;
line-height: 40px;
}
.list-area1>ul>li>div{
float: left;
height: 100%;
}
.list-area1>ul>li>div:nth-of-type(1){
width: 100px;
}
.list-area1>ul>li>div:nth-of-type(2){
width: 140px;
}
.list-area1>ul>li>div:nth-of-type(2)>input,
.list-area1>ul>li>div:nth-of-type(2)>select{
display: block;
width: 100%;
height: 28px;
border: 1px solid #e0e0e0;
}
.list-area1>ul>li>div:nth-of-type(3){
padding-left: 10px;
}
.list-area2{
padding-top: 20px;
}
.list-area2>p{
font-weight: bold;
}
.fenyong-li{
padding-bottom: 7px;
}
.fenyong-li>mark{
right: 30px;
top: 25px;
background-color: transparent;
cursor: pointer;
}
.fenyong-li:nth-of-type(1)>mark{
display: none;
}
.fenyong-li>mark>img{
width: 20px;
}
.fenyong-sub-li{
flex: 50% 0 0;
height: 40px;
line-height: 40px;
}
.fenyong-sub-li>div:nth-of-type(1){
flex: 100px 0 0;
}
.fenyong-sub-li>div:nth-of-type(2){
flex: 140px 0 0;
}
.fenyong-sub-li>div:nth-of-type(2)>input,
.fenyong-sub-li>div:nth-of-type(2)>select{
display: block;
width: 100%;
height: 28px;
border: 1px solid #e0e0e0;
}
.fenyong-sub-li>div:nth-of-type(2)>ul{
position: absolute;
top: 34px;
left: 0;
width: 140%;
background: white;
border: 1px solid #ccc;
display: none;
/*border-top: none;*/
}
.fenyong-sub-li>div:nth-of-type(2)>ul>li{
height: 30px;
line-height: 30px;
font-size: 12px;
text-align: left;
}
.fenyong-sub-li>div:nth-of-type(3){
padding-left: 10px;
flex: 40px 0 0;
}
.fenyong-add-area>img{
width: 24px;
cursor: pointer;
}
.btn-area{
width: 100%;
height: 50px;
padding-top: 50px;
}
.btn-area>div{
height: 50px;
}
.btn-area>div:nth-of-type(2){
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
.btn-area>div:nth-of-type(2)>a{
color: white;
font-size: 14px;
padding: 6px 12px;
border-radius: 4px;
background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
background-repeat: repeat-x;
border: 1px solid #2d6ca2;
}
......@@ -339,6 +339,9 @@ display: none;}*/
margin: 0.3rem;
}
/*pc端用样式*/
/*带下拉箭头的select选择框,pc端用*/
.arrow-select-pc{
position: relative;
......@@ -355,3 +358,9 @@ display: none;}*/
top: 16px;
right: 10px;
}
.body-pc{
background-color: white;
font-size: 14px;
max-width: 800px;
}
'use strict';
require(['vue', 'css!style/submit_report_pc.css', 'jquery0325', 'common'], function(Vue, VConsole) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
var order_info_obj = JSON.parse(decodeURIComponent(getUrlParam('packdata')));//获取订单相关信息
var _doc = $(document);
console.log(user_info_obj);
console.log(order_info_obj);
var vm = new Vue({
el: '#app',
data: {
user_info_obj,
order_info_obj,
house_number: '',//商铺编号
is_open: '',//是否开业
industry_type: '',//业态
trade_type: '',//成交类型
price: '',//成交价格
commission: '',//佣金
estimated_receipt_date: ''//预计收款时间
},
created: function() {
var _this = this;
document.body.style.display = 'block';
$('.list-area2>ul').append($('#fenyong_li_tpl').html());
},
mounted: function() {
var _thisV = this;
_thisV.$nextTick(function(){
var _commissionObj = $('#commission_input');
var _ajaxObjTel = null;
_doc.on('input', '.add_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())
},
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) {
_htmlTemp += '<li data-id="{3}">{0}-{1}</li>'.stringFormatObj({
'0': item['name'],
'1': item['phone'],
'3': item['id']
});
});
_$this.next().show().html(_htmlTemp);
} else {
_$this.next().html('');
};
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
}else{
_$this.next().hide();
}
});
//业务员选择输入框,输入后的下拉列表项点击
_doc.on('click', '.add_input_ywy+ul>li', function() {
var _$this = $(this);
var _id = _$this.attr('data-id');
_$this.parent().prev().val(_$this.html()).attr('data-id', _id);
_$this.parent().html('').hide();
});
//选择盘方后自动选择
_doc.on('input', '.fenyong-fang', function(e){
var _this = $(this);
var _parObj = _this.closest('.fenyong-li');
_parObj.find('.fenyong-rate').val('');//先置空
_parObj.find('.yingfen-yongjin').val('');//先置空
if(_this.val() === ''){
}else{
var _rateTemp = _thisV.getDefaultRadio(_this.val());
_parObj.find('.fenyong-rate').val(_rateTemp);
var _tempValCommission = _commissionObj.val();
if(_tempValCommission == ''){
}else{
_parObj.find('.yingfen-yongjin').val(dealJineNum(_tempValCommission*_rateTemp/100));
}
}
});
//填写分佣比例后自动填写
_doc.on('input', '.fenyong-rate', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
var _parObj = _this.closest('.fenyong-li');
if(_this.val() === ''){
_parObj.find('.yingfen-yongjin').val('');//先置空
}else{
var _tempValCommission = _commissionObj.val();
if(_tempValCommission == ''){
_parObj.find('.yingfen-yongjin').val('');//先置空
}else{
_parObj.find('.yingfen-yongjin').val(dealJineNum(_tempValCommission*(_this.val())/100));
}
}
});
//应收佣金的输入监听事件
_commissionObj.on('input',function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
$.each($('.fenyong-li'), function(i, v){
var _$v = $(v);
var _tempRate = _$v.find('.fenyong-rate').val();
if(_tempRate == ''){
_$v.find('.yingfen-yongjin').val('');
}else{
_$v.find('.yingfen-yongjin').val(dealJineNum(_this.val()*_tempRate/100));
}
});
});
//增加符号点击事件
_doc.on('click', '.fenyong-add-area>img', function(e){
e.preventDefault();
e.stopPropagation();
if($('.fenyong-li').length>=5){
alert('最多添加5条');
return false;
}else{
$('.list-area2>ul').append($('#fenyong_li_tpl').html());
};
});
//删除符号点击事件
_doc.on('click', '.fenyong-li>mark', function(e){
e.preventDefault();
e.stopPropagation();
if(confirm('确认删除吗?')){
$(this).parent().remove();
};
});
});
},
methods: {
getDefaultRadio(v) {
//1,盘方
//2,客方
//3,反签
//4,独家
//5,合作方
//6,APP盘下载方
//7,APP客下载方
switch (Number(v)){
case 1:
return 25;
case 2:
return 30;
case 3:
return 35;
case 4:
return 100;
case 6:
return 5;
case 7:
return 5;
default:
return 25;
}
},
save() {//是否对客户公开 保存后 刷新商铺详情页面
var _this = this;
if(_this.house_number == ''){
alert('请填写商铺号');
return false;
};
if(_this.is_open == ''){
alert('请填写是否开业');
return false;
};
if(_this.industry_type == ''){
alert('请填写业态');
return false;
};
if(_this.trade_type == ''){
alert('请填写成交类型');
return false;
};
if(_this.commission == ''){
alert('请填写佣金');
return false;
};
if(_this.estimated_receipt_date == ''){
alert('请填写预计收款时间');
return false;
};
var _data = {
'AuthToken': _this.user_info_obj.AuthToken,//当前账号id
'submit_agent_id': _this.user_info_obj.id,//当前账号id
'submit_agent_name': _this.user_info_obj.name,//当前账号昵称
'report_id': _this.order_info_obj.id,//成交报告id
'order_id': _this.order_info_obj.order_id,//订单id
'order_no': _this.order_info_obj.order_no,//订单编号
'house_number': _this.house_number,//商铺编号
'is_open': _this.is_open,//是否开业
'industry_type': _this.industry_type,//业态
'trade_type': _this.trade_type,//成交类型
'price': _this.price,//成交价格
'commission': _this.commission,//佣金
'estimated_receipt_date': _this.estimated_receipt_date//预计收款时间
};
var _subLiObj = $('.fenyong-li');
var _isBreak = false;
var _dataArr = [];
$.each(_subLiObj, function(i, v) {
var _$v = $(v);
var _role = _$v.find('.fenyong-fang').val();
var _agent_id = _$v.find('.add_input_ywy').attr('data-id');
var _scale = _$v.find('.fenyong-rate').val();
var _scale_fee = _$v.find('.yingfen-yongjin').val();
if(_role == ''){
alert('请填写分佣方');
_isBreak = true;
return false;
};
if(!_agent_id){
alert('请填写业务员');
_isBreak = true;
return false;
};
if(_scale == ''){
alert('请填写分佣比例');
_isBreak = true;
return false;
};
if(_scale_fee == ''){
alert('请填写应分佣金');
_isBreak = true;
return false;
};
_dataArr.push({
'role': _role,
'agent_id': _agent_id,
'scale': _scale,
'scale_fee': _scale_fee,
});
});
if(_isBreak){
//未验证通过,跳出函数
return false;
};
_data['commission_arr'] = JSON.stringify(_dataArr);
$.ajax({
type: 'POST',
url: '/broker/bargain', //约带看记录 对接接口
data: _data,
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
alert('提交成功');
$('#modal-report', parent.document).find('.close').click();
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
}
}
});
});
\ No newline at end of file
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