Skip to content

T
tl_estate
Commit b20f8017 authored by xishifeng's avatar xishifeng
Browse files
Options

开票税费1

parent 591b3a6b
Hide whitespace changes
Inline Side-by-side
Showing with 504 additions and 348 deletions
application/index/view/finance/account_statement.html
View file @ b20f8017
{layout name="global/frame_tpl" /} {layout name="global/frame_tpl" /}
<input type="hidden" class="page-load" id="reportList" /> <input type="hidden" class="page-load" id="reportList" />
<style>
#note_text {
width: 80%;
margin-left: 48px;
margin-top: -20px;
}
#note_text_re {
width: 80%;
margin-left: 48px;
margin-top: -20px;
}
.Tswitch_one {
display: none;
}
.Tswitch_two {
display: none;
}
.left {
float: left;
width: 340px;
line-height: 36px;
}
.left .btn5 {
width: 32% !important;
}
.right .btn5 {
width: 20% !important;
}
.right {
line-height: 36px;
width: 560px;
}
.btn_2 {
width: 60px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
.edit_new {
float: right;
margin-bottom: 5px;
margin-top: -10px;
}
.form-control-one {
display: inline-block;
width: 40%;
}
#form_search {
line-height: 48px;
}
.modal-body-two {
height: 500px;
overflow-y: scroll;
}
.clear {
clear: both;
}
.left-deal {
float: left;
}
.clear div {
clear: both;
}
.right-data {
float: right;
}
.right-date {
margin-left: 130px;
}
.Tswitch_three .btn_2 {
width: 80px;
}
/*输入框自定义样式*/
.input-box-0521-par{
float: left;
width: 100%;
overflow: hidden;
clear: both;
}
.input-box-0521{
overflow: hidden;
}
.input-box-0521>label{
float: left;
}
.input-box-0521>label:nth-of-type(2){
margin-left: 50px;
}
.input-box-0521>div{
float: left;
width: 160px;
}
.input-box-0521>mark{
float: left;
overflow: hidden;
background-color: transparent;
padding-top: 5px;
padding-left: 10px;
}
.input-box-0521>mark>img{
float: left;
width: 20px;
}
#input_yongjin_add_btn{
width: 100%;
margin-bottom: 20px;
}
#input_yongjin_add_btn>img{
display: block;
margin: 0 auto;
}
.modal-dialog-0522{
width: 1030px;
}
</style>
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
...@@ -210,263 +77,286 @@ ...@@ -210,263 +77,286 @@
<h4 class="modal-title"> <h4 class="modal-title">
<span class="btn btn-info" id="information">成交信息</span> <span class="btn btn-info" id="information">成交信息</span>
<span class="btn btn-default caozuo" id="fees">分佣提成</span> <span class="btn btn-default caozuo" id="fees">分佣提成</span>
<span class="btn btn-default" id="records">收款记录</span> <span class="btn btn-default" id="records">开票税费</span>
</h4> </h4>
</div> </div>
<div class="modal-body modal-body-two"> <div class="modal-body modal-body-two">
<div class="Tswitch Tswitch_three"> <div>
<form id="form_search"> <div class="Tswitch Tswitch_three">
<div class="left"> <form id="form_search">
<span class="left-deal">商铺类型：</span> <div class="left">
<select class="form-control btn5 " id="shop_type"> <span class="left-deal">商铺类型：</span>
<option value="-1">商铺类型</option> <span id="shop_type"></span>
<option value="0">商场</option> <!--<select class="form-control btn5 " id="shop_type">
<option value="1">街铺</option> <option value="-1">商铺类型</option>
</select> <br /> <option value="0">商场</option>
<option value="1">街铺</option>
<span>商铺地址：</span><span class="internal_address"></span><br> </select> -->
<span>客户姓名：</span><span class="user_name"></span><br> <br />
<span class="left-deal">成交类型：</span>
<select class="form-control btn5 " id="deal_status"> <span>商铺地址：</span><span class="internal_address"></span><br>
<option value="-1">成交类型</option> <span>客户姓名：</span><span class="user_name"></span><br>
<option value="10">出租</option> <span class="left-deal">成交类型：</span>
<option value="20">增佣</option> <select class="form-control btn5 " id="deal_status">
<option value="30">代理</option> <option value="-1">成交类型</option>
<option value="40">好处费</option> <option value="10">出租</option>
</select> <br /> <option value="20">增佣</option>
<span>应收总佣金：</span>&nbsp;<input class="form-control btn_2 commission" type="number">元<br> <option value="30">代理</option>
<option value="40">好处费</option>
</div> </select> <br />
<div class="right"> <span>应收总佣金：</span>&nbsp;<input class="form-control btn_2 commission" type="number">元<br>
<span class="left-deal">是否开业：</span>
<select class="form-control btn5 " id="is_open"> </div>
<option value="-1">是否开业</option> <div class="right">
<option value="0">否</option> <span class="left-deal">是否开业：</span>
<option value="1">是</option> <select class="form-control btn5 " id="is_open">
</select> <br /> <option value="-1">是否开业</option>
<span>商铺号：</span><span class="internal_num"></span><br> <option value="0">否</option>
<span>客户电话：</span><span class="user_phone"></span><br> <option value="1">是</option>
<span>成交日期：</span><span class="create_time"></span><br> </select> <br />
</div> <span>商铺号：</span><span class="internal_num"></span><br>
<div class="input-box-0521-par"> <span>客户电话：</span><span class="user_phone"></span><br>
<div id="input_yongjin_add_area"> <span>成交日期：</span><span class="create_time"></span><br>
<div class="form-group input-box-0521"> </div>
<label class="">实收佣金：</label> <div class="input-box-0521-par">
<div class="input-group"> <div id="input_yongjin_add_area">
<input type="number" class="form-control input-100-width" placeholder="请输入"> <div class="form-group input-box-0521">
<div class="input-group-addon">元</div> <label class="">实收佣金：</label>
</div> <div class="input-group">
<label class="">收佣日期：</label> <input type="number" class="form-control input-100-width" placeholder="请输入">
<div class="input-group"> <div class="input-group-addon">元</div>
<input type="date" class="form-control input-100-width" placeholder="请输入"> </div>
<label class="">收佣日期：</label>
<div class="input-group">
<input type="date" class="form-control input-100-width" placeholder="请输入">
</div>
<!--<mark href="javascript:;" class="input-yongjin-cancel-pic"><img src="/resource/image/search_gb.png" /></mark>-->
</div> </div>
<!--<mark href="javascript:;" class="input-yongjin-cancel-pic"><img src="/resource/image/search_gb.png" /></mark>-->
</div> </div>
<div id="input_yongjin_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
<input type="hidden" class="page-pass" />
</div> </div>
<div id="input_yongjin_add_btn"> <div>
<img src="/resource/image/jia2@2x.png" /> <span>备注：</span>
<textarea name="" rows="" cols="" id="note_content"></textarea>
</div> </div>
</form>
<input type="hidden" class="page-pass" /> </div>
</div> <div class="Tswitch Tswitch_one">
<!--分佣提成-->
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">新增</a>
<!--增加实收-->
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">增加实收</a>
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">确认分佣</a>
<table class="table table-striped table-bordered table-hover table-condensed" id="caozuo_hide">
<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="caozuo_table">
</table>
<!--分佣提成-->
</div>
<div class="Tswitch Tswitch_two">
<div> <div>
<span>备注：</span> <div>
<textarea name="" rows="" cols="" id="note_content"></textarea> <button>新增开票</button>
</div>
<div class="shuifei-main-box" id="shuifei_main_box">
<!--<section>
<div>
<table class="shuifee-table">
<tr>
<td>开票金额</td>
<td>10000</td>
<td>开票日期</td>
<td>2018-4-5</td>
</tr>
<tr>
<td>分佣方</td>
<td>业务员</td>
<td>分佣比例</td>
<td>税费</td>
</tr>
<tr>
<td>盘方</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>客方</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div>
<button>编辑</button>
</div>
</section>-->
</div>
</div> </div>
</form> </div>
</div>
<div class="Tswitch Tswitch_one">
<!--分佣提成-->
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">新增</a>
<!--增加实收-->
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">增加实收</a>
<a class="btn btn-success edit_new" href="#modal-new" data-toggle="modal">确认分佣</a>
<table class="table table-striped table-bordered table-hover table-condensed" id="caozuo_hide">
<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="caozuo_table">
</table>
<!--分佣提成-->
</div>
<!-- ===========收款记录================ -->
<div class="Tswitch Tswitch_two">
<table class="table table-striped table-bordered table-hover table-condensed" id="tcaozuo_hide">
<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>
</tr>
</thead>
<tbody class="text-center" id="tcaozuo_table">
</table>
</div> </div>
<!-- =============收款记录============== -->
<br><br><br><br>
<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" data-dismiss="modal" id="confirm_edit">保存</button>
</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="confirm_edit">
保存
</button>
</div> </div>
</div> </div>
<!-- /.modal-content --> <!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!-- 弹出框 通过 --> </div>
<div class="modal fade" id="modal-pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <!-- 弹出框 通过 -->
<div class="modal-dialog"> <div class="modal fade" id="modal-pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-content"> <div class="modal-dialog">
<div class="modal-header"> <div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
× ×
</button> </button>
<h4 class="modal-title"> <h4 class="modal-title">
通过 通过
</h4> </h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<label class="control-label">备注：</label> <label class="control-label">备注：</label>
<textarea class="form-control" rows="5" id="note_text"></textarea> <textarea class="form-control" rows="5" id="note_text"></textarea>
<!-- <span class="use-span text-danger">(必填)</span> --> <!-- <span class="use-span text-danger">(必填)</span> -->
</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-default" data-dismiss="modal">取消
</button> </button>
<button type="button" class="btn btn-info" data-dismiss="modal" id="confirm_pass"> <button type="button" class="btn btn-info" data-dismiss="modal" id="confirm_pass">
确定 确定
</button> </button>
</div>
</div> </div>
<!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal-content -->
</div> </div>
<!-- /.modal -->
</div>
<!-- 弹出框 跟进 --> <!-- 弹出框 跟进 -->
<div class="modal fade" id="modal-follow" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-follow" 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">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
× ×
</button> </button>
<h4 class="modal-title"> <h4 class="modal-title">
跟进 跟进
</h4> </h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<label class="control-label">备注：</label> <label class="control-label">备注：</label>
<textarea class="form-control" rows="5" id="note_text_re"></textarea> <textarea class="form-control" rows="5" id="note_text_re"></textarea>
<!-- <span class="use-span text-danger">(必填)</span> --> <!-- <span class="use-span text-danger">(必填)</span> -->
</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-default" data-dismiss="modal">取消
</button> </button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="confirm_follow"> <button type="button" class="btn btn-primary" data-dismiss="modal" id="confirm_follow">
确定 确定
</button> </button>
</div>
</div> </div>
<!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal-content -->
</div> </div>
<!-- /.modal -->
</div>
<!-- 弹出框 时间 --> <!-- 弹出框 时间 -->
<div class="modal fade" id="modal-time" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-time" 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">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
× ×
</button> </button>
<h4 class="modal-title"> <h4 class="modal-title">
时间轴 时间轴
</h4> </h4>
</div>
<div class="modal-body">
<div class="modal-body" id="del_msg">
时间轴
</div> </div>
<div class="modal-body"> </div>
<div class="modal-body" id="del_msg"> <div class="modal-footer">
时间轴 <button type="button" class="btn btn-default" data-dismiss="modal">关闭
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button> </button>
<button type="button" class="btn btn-primary" id=" "> <button type="button" class="btn btn-primary" id=" ">
删除 删除
</button> </button>
</div>
</div> </div>
<!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal-content -->
</div> </div>
<!-- 分佣提成新增 --> <!-- /.modal -->
<div class="modal fade" id="modal-new" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> </div>
<div class="modal-dialog"> <!-- 分佣提成新增 -->
<div class="modal-content"> <div class="modal fade" id="modal-new" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header"> <div class="modal-dialog">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
× ×
</button> </button>
<h4 class="modal-title"> <h4 class="modal-title">
新增分佣提成 新增分佣提成
</h4> </h4>
</div>
<div class="modal-body">
<div class="modal-body" id="">
<!-- 新增分佣提成 -->
<form id="form_search">
分佣方：&nbsp;&nbsp;&nbsp;
<select class="form-control form-control-one" id="is_carefully_chosen">
<option value="0">请选择</option>
<option value="1">盘方</option>
<option value="2">客方</option>
<option value="3">反签</option>
<option value="4">独家</option>
<option value="5">合作方</option>
</select><br>
<span>业务员：&nbsp;&nbsp;&nbsp;</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id=" " placeholder="" type="text" value=""><br>
<span>所属门店：</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id=" " placeholder="" type="text" value=""><br>
<span>分佣比例：</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id="commission-rate" placeholder="" type="text" value=""><br>
<span>应分佣金：</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id="should-commission" placeholder="" type="text" value="">元<br>
</form>
<!-- 新增分佣提成 -->
</div> </div>
<div class="modal-body"> </div>
<div class="modal-body" id=""> <div class="modal-footer">
<!-- 新增分佣提成 --> <button type="button" class="btn btn-default" data-dismiss="modal">取消
<form id="form_search">
分佣方：&nbsp;&nbsp;&nbsp;
<select class="form-control form-control-one" id="is_carefully_chosen">
<option value="0">请选择</option>
<option value="1">盘方</option>
<option value="2">客方</option>
<option value="3">反签</option>
<option value="4">独家</option>
<option value="5">合作方</option>
</select><br>
<span>业务员：&nbsp;&nbsp;&nbsp;</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id=" " placeholder="" type="text" value=""><br>
<span>所属门店：</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id=" " placeholder="" type="text" value=""><br>
<span>分佣比例：</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id="commission-rate" placeholder="" type="text" value=""><br>
<span>应分佣金：</span><input class="form-control form-control-one" data-rule-phoneus="false" data-rule-required="false" id="should-commission" placeholder="" type="text" value="">元<br>
</form>
<!-- 新增分佣提成 -->
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消
</button> </button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="new-commission"> <button type="button" class="btn btn-primary" data-dismiss="modal" id="new-commission">
确定 确定
</button> </button>
</div>
</div> </div>
<!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal-content -->
</div> </div>
\ No newline at end of file <!-- /.modal -->
</div>
\ No newline at end of file
public/resource/css/report_list.css 0 → 100644
View file @ b20f8017
#note_text {
width: 80%;
margin-left: 48px;
margin-top: -20px;
}
#note_text_re {
width: 80%;
margin-left: 48px;
margin-top: -20px;
}
.Tswitch_one {
display: none;
}
.Tswitch_two {
display: none;
}
.left {
float: left;
width: 340px;
line-height: 36px;
}
.left .btn5 {
width: 32% !important;
}
.right .btn5 {
width: 20% !important;
}
.right {
line-height: 36px;
width: 560px;
}
.btn_2 {
width: 60px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
.edit_new {
float: right;
margin-bottom: 5px;
margin-top: -10px;
}
.form-control-one {
display: inline-block;
width: 40%;
}
#form_search {
line-height: 48px;
}
.modal-body-two {
height: 500px;
overflow-y: scroll;
}
.clear {
clear: both;
}
.left-deal {
float: left;
}
.clear div {
clear: both;
}
.right-data {
float: right;
}
.right-date {
margin-left: 130px;
}
.Tswitch_three .btn_2 {
width: 80px;
}
/*输入框自定义样式*/
.input-box-0521-par {
float: left;
width: 100%;
overflow: hidden;
clear: both;
}
.input-box-0521 {
overflow: hidden;
}
.input-box-0521>label {
float: left;
}
.input-box-0521>label:nth-of-type(2) {
margin-left: 50px;
}
.input-box-0521>div {
float: left;
width: 160px;
}
.input-box-0521>mark {
float: left;
overflow: hidden;
background-color: transparent;
padding-top: 5px;
padding-left: 10px;
}
.input-box-0521>mark>img {
float: left;
width: 20px;
}
#input_yongjin_add_btn {
width: 100%;
margin-bottom: 20px;
}
#input_yongjin_add_btn>img {
display: block;
margin: 0 auto;
}
.modal-dialog-0522 {
width: 1030px;
}
.shuifee-table{
width:600px;
}
.shuifee-table td{
border: 1px solid #000;
line-height: 36px;
text-align: center;
}
.shuifei-main-box{
margin-top: 30px;
}
.shuifei-main-box>section{
overflow: hidden;
}
.shuifei-main-box>section+section{
margin-top: 20px;
}
.shuifei-main-box>section>div{
float: left;
}
.shuifei-main-box>section>div:nth-of-type(2){
padding-left: 30px;
padding-top: 50px;
}
public/resource/js/main.js
View file @ b20f8017
...@@ -7,6 +7,7 @@ require.config ({ ...@@ -7,6 +7,7 @@ require.config ({
'app': 'js', 'app': 'js',
'jquery': 'lib/js/jquery-2.0.3.min', 'jquery': 'lib/js/jquery-2.0.3.min',
'axios': 'lib/js/axios.min', 'axios': 'lib/js/axios.min',
'layer': 'lib/js/layer',
'temp': (location.origin || location.protocol + '//' + location.hostname + (location.port == 80 ? '' : ':' + location.port)) + '/resource/template', 'temp': (location.origin || location.protocol + '//' + location.hostname + (location.port == 80 ? '' : ':' + location.port)) + '/resource/template',
'style': 'css', 'style': 'css',
'doT': 'lib/js/doT', 'doT': 'lib/js/doT',
...@@ -50,6 +51,10 @@ require.config ({ ...@@ -50,6 +51,10 @@ require.config ({
'deps': ['jquery'], 'deps': ['jquery'],
'exports': 'blow-up' 'exports': 'blow-up'
}, },
'layer': {
'deps': ['css!lib/js/need/layer.css'],
'exports': 'layer'
},
}, },
'map': { 'map': {
...@@ -61,4 +66,4 @@ require.config ({ ...@@ -61,4 +66,4 @@ require.config ({
} }
}); });
require (['require', 'jquery', 'doT', 'app/public' ,"datetimepicker",'bootstrapJs','pagination','paginationStart']); require (['require', 'jquery', 'doT','layer', 'app/public' ,"datetimepicker",'bootstrapJs','pagination','paginationStart']);
public/resource/js/public.js
View file @ b20f8017
define(['doT', 'jquery', 'text!temp/menu_template_tpl.html'], function (doT, $,template) { define(['doT', 'jquery', 'text!temp/menu_template_tpl.html', 'layer'], function (doT, $,template, layer) {
var init = { var init = {
doTinit: function () { doTinit: function () {
doT.templateSettings = { doT.templateSettings = {
...@@ -79,6 +80,8 @@ define(['doT', 'jquery', 'text!temp/menu_template_tpl.html'], function (doT, $,t ...@@ -79,6 +80,8 @@ define(['doT', 'jquery', 'text!temp/menu_template_tpl.html'], function (doT, $,t
_this.addClass('active-main-li').siblings().removeClass('active-main-li'); _this.addClass('active-main-li').siblings().removeClass('active-main-li');
}); });
layerTipsX=function(n){layer.open({content:n,skin:"msg",time:2})};//注册一个layer自定义全局函数
}); });
function getUrlParam(name) { function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
...@@ -87,7 +90,6 @@ function getUrlParam(name) { ...@@ -87,7 +90,6 @@ function getUrlParam(name) {
return null; return null;
} }
//字符串格式化 //字符串格式化
String.prototype.stringFormat = function(){ String.prototype.stringFormat = function(){
var formatted = this; var formatted = this;
......
public/resource/js/reportList.js
View file @ b20f8017
define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template) { define(['doT', 'text!temp/reportList_template_tpl.html', 'text!temp/reportList_shuiFee_template_tpl.html', 'css!style/home.css', 'css!style/report_list.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template, template2) {
bargain = { bargain = {
pageNo: 1, pageNo: 1,
/*第几页*/ /*第几页*/
...@@ -6,14 +6,12 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -6,14 +6,12 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
/*每页显示多少条*/ /*每页显示多少条*/
id: '', id: '',
bargain_id: '', bargain_id: '',
type: '',
valueCurrent: '',
ajaxObj: '',
stopstatus: true, stopstatus: true,
boxphoto: '', boxphoto: '',
init: function() { init: function() {
//初始化dot //初始化dot
$(document.body).append(template); $(document.body).append(template);
$(document.body).append(template2);
bargain.getList(0); bargain.getList(0);
bargain.event(); bargain.event();
}, },
...@@ -39,18 +37,19 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -39,18 +37,19 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
e.stopPropagation(); e.stopPropagation();
bargain.Cashier(1); //结单搜索 bargain.Cashier(1); //结单搜索
}); });
$("#reset").click(function() { //重置 $("#reset").click(function() { //重置
document.getElementById("form_search").reset(); document.getElementById("form_search").reset();
}); });
_doc.delegate(".timeline", "click", function() { //时间轴 _doc.delegate(".timeline", "click", function() { //时间轴
bargain.Timeline(); bargain.Timeline();
}); });
_doc.delegate(".edit", "click", function() { //点击编辑 _doc.on('click', '.details-btn', function() { //点击获取报告详情
bargain.bargain_id = $(this).attr("data-id"); bargain.bargain_id = $(this).attr("data-id");
bargain.Edit(); bargain.Edit();
}); });
_doc.delegate(".is_pass", "click", function() { //点击编辑 _doc.delegate(".is_pass", "click", function() { //点击通过
bargain.bargain_id = $(this).attr("data-id"); bargain.bargain_id = $(this).attr("data-id");
}); });
...@@ -63,7 +62,8 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -63,7 +62,8 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
}); });
_doc.delegate("#records", "click", function() { //点击收款记录 _doc.delegate("#records", "click", function() { //点击收款记录
bargain.Records(); //bargain.Records();
bargain.shuiFee();
}); });
_doc.delegate("#confirm_pass", "click", function() { //点击通过按钮 _doc.delegate("#confirm_pass", "click", function() { //点击通过按钮
...@@ -159,7 +159,7 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -159,7 +159,7 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
success: function(data) { success: function(data) {
if(data.code == 200) { if(data.code == 200) {
if(data.data) { if(data.data) {
$('#shop_type').val(data.data.shop_type); $('#shop_type').html(data.data.shop_type=='1'?'街铺':'商场');
$('#is_open').val(data.data.is_open); $('#is_open').val(data.data.is_open);
$('#note_content').val(data.data.content); $('#note_content').val(data.data.content);
$(".user_phone").html(data.data.user_phone); $(".user_phone").html(data.data.user_phone);
...@@ -205,7 +205,6 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -205,7 +205,6 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
}; };
$.each($('.input-box-0521'), function(i, v) { $.each($('.input-box-0521'), function(i, v) {
var _tempData = { var _tempData = {
// 'fee_id': 0,
'fee': $.trim($(v).find('input').eq(0).val()), 'fee': $.trim($(v).find('input').eq(0).val()),
'operation_date': $.trim($(v).find('input').eq(1).val()) 'operation_date': $.trim($(v).find('input').eq(1).val())
}; };
...@@ -265,7 +264,6 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -265,7 +264,6 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
} }
}); });
}, },
Caozuo: function() { //分佣提成数据 Caozuo: function() { //分佣提成数据
$.ajax({ $.ajax({
'type': 'GET', 'type': 'GET',
...@@ -297,6 +295,46 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -297,6 +295,46 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
}); });
}, },
// 收款记录 // 收款记录
shuiFee: function() {
$(".Tswitch:nth-of-type(3)").show().siblings().hide();
$("#information").removeClass("btn-info");
$("#information").addClass("btn-default");
$("#fees").removeClass("btn-info");
$("#fees").addClass("btn-default");
$("#records").removeClass("btn-default");
$("#records").addClass("btn-info");
$.ajax({
type: 'GET',
url: '/index/getTallAge',
data: {
'bargain_id': bargain.bargain_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
var doTtmpl = doT.template(document.getElementById('reportList_shuiFee_list_tpl').innerHTML);
$("#shuifei_main_box").html(doTtmpl(_data.data));
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
Records: function() { //分佣提成数据 Records: function() { //分佣提成数据
$(".Tswitch").eq(0).hide(); $(".Tswitch").eq(0).hide();
$(".Tswitch").eq(1).hide(); $(".Tswitch").eq(1).hide();
......
public/resource/lib/js/layer.js 0 → 100644
View file @ b20f8017
/*! layer mobile-v2.0 弹层组件移动版 License LGPL http://layer.layui.com/mobile By 贤心 */
;!function(a){"use strict";var b=document,c="querySelectorAll",d="getElementsByClassName",e=function(a){return b[c](a)},f={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},g={extend:function(a){var b=JSON.parse(JSON.stringify(f));for(var c in a)b[c]=a[c];return b},timer:{},end:{}};g.touch=function(a,b){a.addEventListener("click",function(a){b.call(this,a)},!1)};var h=0,i=["layui-m-layer"],j=function(a){var b=this;b.config=g.extend(a),b.view()};j.prototype.view=function(){var a=this,c=a.config,f=b.createElement("div");a.id=f.id=i[0]+h,f.setAttribute("class",i[0]+" "+i[0]+(c.type||0)),f.setAttribute("index",h);var g=function(){var a="object"==typeof c.title;return c.title?'<h3 style="'+(a?c.title[1]:"")+'">'+(a?c.title[0]:c.title)+"</h3>":""}(),j=function(){"string"==typeof c.btn&&(c.btn=[c.btn]);var a,b=(c.btn||[]).length;return 0!==b&&c.btn?(a='<span yes type="1">'+c.btn[0]+"</span>",2===b&&(a='<span no type="0">'+c.btn[1]+"</span>"+a),'<div class="layui-m-layerbtn">'+a+"</div>"):""}();if(c.fixed||(c.top=c.hasOwnProperty("top")?c.top:100,c.style=c.style||"",c.style+=" top:"+(b.body.scrollTop+c.top)+"px"),2===c.type&&(c.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(c.content||"")+"</p>"),c.skin&&(c.anim="up"),"msg"===c.skin&&(c.shade=!1),f.innerHTML=(c.shade?"<div "+("string"==typeof c.shade?'style="'+c.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(c.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(c.skin?"layui-m-layer-"+c.skin+" ":"")+(c.className?c.className:"")+" "+(c.anim?"layui-m-anim-"+c.anim:"")+'" '+(c.style?'style="'+c.style+'"':"")+">"+g+'<div class="layui-m-layercont">'+c.content+"</div>"+j+"</div></div></div>",!c.type||2===c.type){var k=b[d](i[0]+c.type),l=k.length;l>=1&&layer.close(k[0].getAttribute("index"))}document.body.appendChild(f);var m=a.elem=e("#"+a.id)[0];c.success&&c.success(m),a.index=h++,a.action(c,m)},j.prototype.action=function(a,b){var c=this;a.time&&(g.timer[c.index]=setTimeout(function(){layer.close(c.index)},1e3*a.time));var e=function(){var b=this.getAttribute("type");0==b?(a.no&&a.no(),layer.close(c.index)):a.yes?a.yes(c.index):layer.close(c.index)};if(a.btn)for(var f=b[d]("layui-m-layerbtn")[0].children,h=f.length,i=0;h>i;i++)g.touch(f[i],e);if(a.shade&&a.shadeClose){var j=b[d]("layui-m-layershade")[0];g.touch(j,function(){layer.close(c.index,a.end)})}a.end&&(g.end[c.index]=a.end)},a.layer={v:"2.0",index:h,open:function(a){var b=new j(a||{});return b.index},close:function(a){var c=e("#"+i[0]+a)[0];c&&(c.innerHTML="",b.body.removeChild(c),clearTimeout(g.timer[a]),delete g.timer[a],"function"==typeof g.end[a]&&g.end[a](),delete g.end[a])},closeAll:function(){for(var a=b[d](i[0]),c=0,e=a.length;e>c;c++)layer.close(0|a[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var a=document.scripts,c=a[a.length-1],d=c.src,e=d.substring(0,d.lastIndexOf("/")+1);c.getAttribute("merge")||document.head.appendChild(function(){var a=b.createElement("link");return a.href=e+"need/layer.css?2.0",a.type="text/css",a.rel="styleSheet",a.id="layermcss",a}())}()}(window);
\ No newline at end of file
public/resource/lib/js/need/layer.css 0 → 100644
View file @ b20f8017
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
public/resource/template/reportList_shuiFee_template_tpl.html 0 → 100644
View file @ b20f8017
<script id="reportList_shuiFee_list_tpl" type="text/template">
[% if(it && it.length && it.length>0) { %]
[% for(var item in it){ %]
<section>
<div>
<table class="shuifee-table">
<tr>
<td>开票金额</td>
<td>[%= it[item]['operation_date'] %]</td>
<td>开票日期</td>
<td>[%= it[item]['operation_date'] %]</td>
</tr>
<tr>
<td>分佣方</td>
<td>业务员</td>
<td>分佣比例</td>
<td>税费</td>
</tr>
<tr>
<td>盘方</td>
<td>[%= it[item]['name']+'-'+it[item]['phone'] %]</td>
<td>[%= it[item]['scale'] %]</td>
<td>[%= it[item]['fee'] %]</td>
</tr>
<tr>
<td>客方</td>
<td>[%= it[item]['name']+'-'+it[item]['phone'] %]</td>
<td>[%= it[item]['scale'] %]</td>
<td>[%= it[item]['fee'] %]</td>
</tr>
</table>
</div>
<div>
<button>编辑</button>
</div>
</section>
[% } %]
[% }else{ %]
<section>暂无数据</section>
[% } %]
</script>
public/resource/template/reportList_template_tpl.html
View file @ b20f8017
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<td>[%= it[item]['practical_fee'] %]</td> <td>[%= it[item]['practical_fee'] %]</td>
<td> <td>
[% if(check_auth('index/bargainInfo')) { %] [% if(check_auth('index/bargainInfo')) { %]
<a class="btn1 btn-success edit" href="#modal-edit" data-toggle="modal" data-id='[%= it[item]["id"] %]'>详情</a> <a class="btn1 btn-success details-btn" href="#modal-edit" data-toggle="modal" data-id='[%= it[item]["id"] %]'>详情</a>
[% } %] [% } %]
[% if(check_auth('index/checkReportAttache/0')||check_auth('index/checkReportManager/1')||check_auth('index/checkReportMajordomo/2')||check_auth('index/checkReportCashier/3')) { %] [% if(check_auth('index/checkReportAttache/0')||check_auth('index/checkReportManager/1')||check_auth('index/checkReportMajordomo/2')||check_auth('index/checkReportCashier/3')) { %]
<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>
......
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