Commit 5f2e2a28 authored by xishifeng's avatar xishifeng

成交报告1

parent ad19c7a6
......@@ -20,7 +20,7 @@
<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">已结单nnnn</a>
</td>
</tr>
......@@ -71,10 +71,158 @@
<!-- 弹出框 详情 -->
<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>-->
<iframe class="modal-content"></iframe>
<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>商铺类型:</span>
<span id="bargaininfo_shop_type"></span>
<br />
<span>商铺地址:</span><span id="bargaininfo_internal_address"></span><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>
<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>
<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>
<!--<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>
<!-- /.modal -->
</div>
</div>
......
......@@ -71,156 +71,10 @@
<!-- 弹出框 详情 -->
<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>商铺类型:</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>
<!--<div class="modal-content">
</div>-->
<iframe class="modal-content"></iframe>
<!-- /.modal -->
</div>
</div>
......
This diff is collapsed.
......@@ -9,6 +9,7 @@ require.config({
'vconsole': 'js/vconsole.min',
'common': 'js/common',
'style': 'css',
'doT': 'js/libs/doT',
'layer': 'js/layer',
'bootstrapJs': 'js/libs/bootstrap.min',
},
......@@ -20,6 +21,9 @@ require.config({
'bootstrapJs': {
'deps': ['jquery0325','css!style/bootstrap.css','css!style/bootstrap-theme.min.css'],
'exports': 'bootstrapJs'
},
'doT': {
'exports': 'doT'
},
'layer': {
'deps': ['css!js/need/layer.css'],
......@@ -39,7 +43,9 @@ require.config({
},
'map': {
'*': {
'css': 'js/libs/css.min'
'css': 'js/libs/css.min',
'text': 'js/libs/text',
'doT': 'js/libs/doT'
}
}
});
......
<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-time"></span>
</div>
</script>
\ No newline at end of file
<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]['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="6" 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>
<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-time"></span>
</div>
[% } %]
</td>
</tr>
[% } %]
[% }else{ %]
<tr>
<td colspan="11" 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"合作方";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'] %]</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>
</div>
</section>
[% } %]
[% }else{ %]
<section>暂无数据</section>
[% } %]
</script>
......@@ -21,16 +21,229 @@ addtax_
}
/*详情弹出框*/
#modal_detail>div {
/*width: 1030px;*/
width: 1250px;
.detail-modal-body {
height: 660px;
overflow-y: scroll;
}
.detail-modal-body-sec+.detail-modal-body-sec{
display: none;
}
/*详情弹出框,成交信息*/
.detail-modal-bargaininfo-main-left {
float: left;
width: 340px;
line-height: 36px;
}
#bargaininfo_is_open,
#bargaininfo_type {
width: 100px !important;
display: inline-block;
}
.detail-modal-bargaininfo-main-right {
line-height: 36px;
width: 580px;
}
#bargaininfo_yetai{
width: 150px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
#bargaininfo_chengjiao_price,
#bargaininfo_total_commission {
width: 120px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
.detail-modal-bargaininfo-form {
line-height: 48px;
width: 620px;
margin: 0 auto;
}
.detail-modal-bargaininfo-commission-inputpar {
width: 100%;
overflow: hidden;
clear: both;
}
.detail-modal-bargaininfo-commission-sec,
.addtax-modal-tax-commission-sec {
overflow: hidden;
}
#modal_detail>div>iframe{
.detail-modal-bargaininfo-commission-sec>label,
.addtax-modal-tax-commission-sec>label {
float: left;
}
.detail-modal-bargaininfo-commission-sec>label:nth-of-type(2),
.addtax-modal-tax-commission-sec>label:nth-of-type(2) {
margin-left: 50px;
}
.detail-modal-bargaininfo-commission-sec>div,
.addtax-modal-tax-commission-sec>div {
float: left;
width: 160px;
}
.detail-modal-bargaininfo-commission-sec>mark,
.addtax-modal-tax-commission-sec>mark {
float: left;
overflow: hidden;
background-color: transparent;
padding-top: 5px;
padding-left: 10px;
}
.detail-modal-bargaininfo-commission-sec>mark>img,
.addtax-modal-tax-commission-sec>mark>img {
float: left;
width: 20px;
}
#bargaininfo_commission_add_btn {
width: 100%;
margin-bottom: 20px;
}
#bargaininfo_commission_add_btn>img {
display: block;
margin: 0 auto;
}
/*详情弹出框,分佣提成*/
.detail-modal-maid-top-btn-area{
padding: 0 10px 10px;
}
.detail-modal-maid-bottom-btn-area>a{
}
[href="#modal_new_maid"]{
float: left;
display: none;
}
#maid_new_btn{
float: right;
}
#maid_table_main>thead th:nth-last-of-type(-n+6){
width: 91px;
}
#maid_table_main>thead th:nth-last-of-type(1){
width: 149px;
}
.detail-modal-maid-mix-td{
padding: 0!important;
}
.detail-modal-maid-mix-td>div{
width: 100%;
height: 660px;
height: 100%;
}
.detail-modal-maid-mix-td>div>span{
float: left;
width: 91px;
height: 30px;
line-height: 30px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.detail-modal-maid-mix-td>div:nth-last-of-type(1)>span{
border-bottom: none;
}
.detail-modal-maid-mix-td>div>span:nth-last-of-type(1){
width: 146px;
border-right: none;
}
/*详情弹出框,开票税费*/
.addtax-modal-tax-table{
width:600px;
}
.addtax-modal-tax-table td{
line-height: 36px;
text-align: center;
}
#tax_main_box{
margin-top: 30px;
}
#tax_main_box>section{
overflow: hidden;
width: 680px;
margin: 0 auto;
}
#tax_main_box>section+section{
margin-top: 40px;
}
#tax_main_box>section>div{
float: left;
}
#tax_main_box>section>div:nth-of-type(2){
padding-left: 20px;
padding-top: 50px;
}
.addtax-modal-tax-table{
width: 500px;
margin: 0 auto;
}
.addtax-modal-tax-table td{
text-align: center;
line-height: 40px;
}
/********************/
/*新增分佣提成弹框部分样式*/
#addmaid_input_area>div{
overflow: hidden;
padding: 5px 0;
}
#addmaid_input_area>div>span{
float: left;
height: 34px;
line-height: 34px;
}
#addmaid_input_area>div>select,
#addmaid_input_area>div>input{
float: left;
width: 60%;
}
#addmaid_input_area>div>span:nth-of-type(1){
display: inline-block;
width: 80px;
}
#addmaid_input_area>div>span:nth-of-type(2){
padding-left: 10px;
}
[href="#modal_new_maid_select"]{
display: none;
}
#addmaid_select_ul{
list-style: none;
padding: 0;
margin: 0;
}
#addmaid_select_ul>li{
height: 50px;
line-height: 50px;
cursor: pointer;
}
#addmaid_select_ul>li:hover{
background-color: rgba(0, 0, 0, .2);
}
/****************************************************************/
......@@ -43,7 +256,20 @@ addtax_
margin-top: -20px;
}
/*新增分佣提成*/
#addmaid_input_ywy+ul{
width: 60%;
margin-left: 80px;
list-style: none;
padding-left: 0;
border: 1px solid #ccc;
border-top: none;
background-color: white;
display: none;
}
#addmaid_input_ywy+ul>li{
line-height: 40px;
}
/*******************/
......@@ -67,9 +293,31 @@ addtax_
#modal_detail>div {
/*width: 1030px;*/
width: 1250px;
}
/*成交信息tab*/
.detail-modal-bargaininfo-span-beizhu{
/*display: inline-block;
height: 150px;
line-height: 150px;*/
}
#bargaininfo_beizhu{
width: 480px;
height: 150px;
}
/*详情弹出框,开票税费下的表格*/
.detail-modal-tax-table{
width: 600px;
}
.detail-modal-tax-table td{
height: 40px;
text-align: center;
}
/*main-table部分,待补充*/
.maintable-tr-bar{}
.maintable-tr-bar>th:nth-of-type(1){}
......
/*
* id为pagediv的无法修改,与分页插件有关
maintable-
detail-modal-
detail-modal-bargaininfo-
detail-modal-maid-
detail-modal-tax-
pass-modal-
addtax-modal-
addmaid-modal-
bargaininfo_
addtax_
*
*
*
* */
/*页面主要内容table区域*/
#maintable_form_span_zhi{
margin-left: 10px;
}
/*详情弹出框*/
#modal_detail>div {
/*width: 1030px;*/
width: 1250px;
}
#modal_detail>div>iframe{
display: block;
width: 100%;
height: 660px;
}
/****************************************************************/
/*弹出框,通过*/
#pass_beizhu {
width: 80%;
margin-left: 48px;
margin-top: -20px;
}
/*******************/
.clear {
clear: both;
}
.clear div {
clear: both;
}
.right-data {
float: right;
}
.right-date {
margin-left: 130px;
}
/*输入框自定义样式*/
/*main-table部分,待补充*/
.maintable-tr-bar{}
.maintable-tr-bar>th:nth-of-type(1){}
/*
* id为pagediv的无法修改,与分页插件有关
maintable-
detail-modal-
detail-modal-bargaininfo-
detail-modal-maid-
detail-modal-tax-
pass-modal-
addtax-modal-
addmaid-modal-
bargaininfo_
addtax_
*
*
*
* */
/*页面主要内容table区域*/
#maintable_form_span_zhi{
margin-left: 10px;
}
/*详情弹出框*/
.detail-modal-body {
height: 660px;
overflow-y: scroll;
}
.detail-modal-body-sec+.detail-modal-body-sec{
display: none;
}
/*详情弹出框,成交信息*/
.detail-modal-bargaininfo-main-left {
float: left;
width: 340px;
line-height: 36px;
}
#bargaininfo_is_open,
#bargaininfo_type {
width: 100px !important;
display: inline-block;
}
.detail-modal-bargaininfo-main-right {
line-height: 36px;
width: 560px;
}
#bargaininfo_total_commission {
width: 150px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
.detail-modal-bargaininfo-form {
line-height: 48px;
width: 620px;
margin: 0 auto;
}
.detail-modal-bargaininfo-commission-inputpar {
float: left;
width: 100%;
overflow: hidden;
clear: both;
}
.detail-modal-bargaininfo-commission-sec,
.addtax-modal-tax-commission-sec {
overflow: hidden;
}
.detail-modal-bargaininfo-commission-sec>label,
.addtax-modal-tax-commission-sec>label {
float: left;
}
.detail-modal-bargaininfo-commission-sec>label:nth-of-type(2),
.addtax-modal-tax-commission-sec>label:nth-of-type(2) {
margin-left: 50px;
}
.detail-modal-bargaininfo-commission-sec>div,
.addtax-modal-tax-commission-sec>div {
float: left;
width: 160px;
}
.detail-modal-bargaininfo-commission-sec>mark,
.addtax-modal-tax-commission-sec>mark {
float: left;
overflow: hidden;
background-color: transparent;
padding-top: 5px;
padding-left: 10px;
}
.detail-modal-bargaininfo-commission-sec>mark>img,
.addtax-modal-tax-commission-sec>mark>img {
float: left;
width: 20px;
}
#bargaininfo_commission_add_btn {
width: 100%;
margin-bottom: 20px;
}
#bargaininfo_commission_add_btn>img {
display: block;
margin: 0 auto;
}
/*详情弹出框,分佣提成*/
.detail-modal-maid-top-btn-area{
padding: 0 10px 10px;
}
.detail-modal-maid-bottom-btn-area>a{
}
[href="#modal_new_maid"]{
float: left;
display: none;
}
#maid_new_btn{
float: right;
}
#maid_table_main>thead th:nth-last-of-type(-n+6){
width: 91px;
}
#maid_table_main>thead th:nth-last-of-type(1){
width: 149px;
}
.detail-modal-maid-mix-td{
padding: 0!important;
}
.detail-modal-maid-mix-td>div{
width: 100%;
height: 100%;
}
.detail-modal-maid-mix-td>div>span{
float: left;
width: 91px;
height: 30px;
line-height: 30px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.detail-modal-maid-mix-td>div:nth-last-of-type(1)>span{
border-bottom: none;
}
.detail-modal-maid-mix-td>div>span:nth-last-of-type(1){
width: 146px;
border-right: none;
}
/*详情弹出框,开票税费*/
.addtax-modal-tax-table{
width:600px;
}
.addtax-modal-tax-table td{
line-height: 36px;
text-align: center;
}
#tax_main_box{
margin-top: 30px;
}
#tax_main_box>section{
overflow: hidden;
width: 680px;
margin: 0 auto;
}
#tax_main_box>section+section{
margin-top: 40px;
}
#tax_main_box>section>div{
float: left;
}
#tax_main_box>section>div:nth-of-type(2){
padding-left: 20px;
padding-top: 50px;
}
.addtax-modal-tax-table{
width: 500px;
margin: 0 auto;
}
.addtax-modal-tax-table td{
text-align: center;
line-height: 40px;
}
/********************/
/*新增分佣提成弹框部分样式*/
#addmaid_input_area>div{
overflow: hidden;
padding: 5px 0;
}
#addmaid_input_area>div>span{
float: left;
height: 34px;
line-height: 34px;
}
#addmaid_input_area>div>select,
#addmaid_input_area>div>input{
float: left;
width: 60%;
}
#addmaid_input_area>div>span:nth-of-type(1){
display: inline-block;
width: 80px;
}
#addmaid_input_area>div>span:nth-of-type(2){
padding-left: 10px;
}
[href="#modal_new_maid_select"]{
display: none;
}
#addmaid_select_ul{
list-style: none;
padding: 0;
margin: 0;
}
#addmaid_select_ul>li{
height: 50px;
line-height: 50px;
cursor: pointer;
}
#addmaid_select_ul>li:hover{
background-color: rgba(0, 0, 0, .2);
}
/****************************************************************/
/*弹出框,通过*/
#pass_beizhu {
width: 80%;
margin-left: 48px;
margin-top: -20px;
}
/*新增分佣提成*/
#addmaid_input_ywy+ul{
width: 60%;
margin-left: 80px;
list-style: none;
padding-left: 0;
border: 1px solid #ccc;
border-top: none;
background-color: white;
display: none;
}
#addmaid_input_ywy+ul>li{
line-height: 40px;
}
/*******************/
.clear {
clear: both;
}
.clear div {
clear: both;
}
.right-data {
float: right;
}
.right-date {
margin-left: 130px;
}
/*输入框自定义样式*/
#modal_detail>div {
/*width: 1030px;*/
width: 1250px;
}
/*成交信息tab*/
.detail-modal-bargaininfo-span-beizhu{
/*display: inline-block;
height: 150px;
line-height: 150px;*/
}
#bargaininfo_beizhu{
width: 480px;
height: 150px;
}
/*详情弹出框,开票税费下的表格*/
.detail-modal-tax-table{
width: 600px;
}
.detail-modal-tax-table td{
height: 40px;
text-align: center;
}
/*main-table部分,待补充*/
.maintable-tr-bar{}
.maintable-tr-bar>th:nth-of-type(1){}
This diff is collapsed.
define(['doT', 'text!temp/reportList_template_tpl.html', 'text!temp/reportList_shuiFee_template_tpl.html', 'text!temp/reportList_maid_template_tpl.html', 'text!temp/reportList_maid_sub1_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, //应收总佣金
init: function() {
//初始化dot
$(document.body).append(template + template_tax + template_maid + template_maid_sub1);
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', '#maintable_search', function(e) {
e.preventDefault();
e.stopPropagation();
bargain.getList(1); //一级审核搜索
});
//搜索的重置
$("#maintable_reset").click(function() {
document.getElementById("maintable_form_search").reset();
});
//时间轴按钮
_doc.on("click", ".timeline", function() {
bargain.Timeline();
});
//转到一级审核
_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();
});
//点击详情按钮事件,获取报告详情
_doc.on('click', '.details-btn', function() {
bargain.bargain_id = $(this).closest('tr').attr("data-id");
$('#modal_detail').find('iframe').attr('src', '/app_broker/bargaininfo_detail_pc?bargain_id=' + bargain.bargain_id);
});
//时间轴点击事件
_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);
});
},
//通过
pass: function() { //点击通过
var a_url = '';
if(bargain.mainTabIndex == 0) {
a_url = "/index/checkReportAttache/0"
};
if(bargain.mainTabIndex == 1) {
a_url = "/index/checkReportManager/1"
};
// 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()),
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
bargain.getList(1);
}
} else {
alert('获取失败!');
}
}
});
},
//转到一级审核
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/reportListOne/1';
case 1:
return '/index/reportListTwo/2';
case 2:
return '/index/reportListThree/3';
case 3:
return '/index/reportListStatement/4';
default:
return '';
}
},
//获取一级审核,二级审核,三级审核,结单数据列表共用的方法
getList: function(pageNo) {
console.count('bar');
var params = {
'pageNo': pageNo,
'pageSize': bargain.pageSize,
'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())
};
$.ajax({
type: 'GET',
url: bargain.switchUrl(),
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('reportList_list_tpl').innerHTML);
$("#maintable_list").html(doTtmpl(data.data));
// var user_info_obj = JSON.parse(decodeURIComponent(sessionStorage.getItem('pcUserInfo')));
/*分页代码*/
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('请求超时');
};
}
});
}
};
return bargain;
});
\ No newline at end of file
This diff is collapsed.
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