Commit a077b4ba authored by agping's avatar agping

1

parent 13124ab3
...@@ -74,5 +74,12 @@ class RealTimePerformance extends Basic ...@@ -74,5 +74,12 @@ class RealTimePerformance extends Basic
return view('cost/costParameters'); return view('cost/costParameters');
} }
} }
//费用详情
public function publicCostDetails()
{
if (!$this->request->isAjax()) {
return view('cost/publicCostDetails');
}
}
} }
\ No newline at end of file
{layout name="global/frame_two_tpl" /} {layout name="global/frame_two_tpl" /}
<input type="hidden" class="page-load" id="costCheck" /> <input type="hidden" class="page-load" id="costCheck" />
<style> <style>
.modal-body-height { .margain-10{
overflow-y: auto; margin-bottom: 10px;
height: 432px;
} }
.result2 { .top-5{
width:130px;
height:auto;
float:left;
text-align:center;
color:red;
}
#container_body_img_area>div{
float: left;
width: 216px;
}
.user-ul2 {
width: 100%;
height: auto;
padding-bottom: 15px;
float: left;
}
.user-ul2 li {
list-style: none;
line-height: 30px;
}
.user-ul{
float: right;
text-align:center;
position: relative; position: relative;
overflow-y:scroll ; top: 5px;
height:100px;
left: 0px;
width:100%;
line-height: 30px;
}
.user-ul li{
list-style: none;
line-height: 20px;
} }
#file_input_pic,#file_input_pic2{
ul {
-webkit-padding-start: 0px !important;
}
.money_total_two {
font-weight: bold;
font-size: 15px;
line-height: 34px;
display: inline-block;
}
#file_input3 {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
top: 0; top: 0;
left: 145px; left: 0px;
height: 35px; height: 35px;
width: 80px; width: 80px;
} }
.img-pre-ul { #container_body_img_area>div,#container_body_img_area2>div{
padding-left: 0; float: left;
overflow: hidden; width: 216px;
}
.active {
color:dodgerblue;
}
ul {
-webkit-padding-start: 0px !important;
} }
/*图片上传相关样式*/
.img-pre-ul>li { .img-pre-ul>li {
list-style: no; list-style: no;
float: left; float: left;
...@@ -77,123 +35,6 @@ ...@@ -77,123 +35,6 @@
margin-right: 10px; margin-right: 10px;
margin-top: 10px; margin-top: 10px;
} }
.img-pre-ul>li.pdf-pre-li {
height: 70px;
}
.img-pre-ul>li>img {
float: left;
width: 210px;
height: 140px;
object-fit: contain;
cursor: pointer;
}
.img-pre-ul>li>a {
float: left;
width: 210px;
text-align: center;
line-height: 30px;
}
.img-pre-ul>li>a.pdf-pre-a {
line-height: 20px;
word-break: break-all;
}
/*图片点击放大预览区域的样式*/
#img_mask_area {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1999;
background-color: rgba(0, 0, 0, .3);
display: none;
}
#img_mask_area>img {
width: 900px;
height: 700px;
object-fit: contain;
position: absolute;
left: 50%;
top: 50%;
margin-left: -450px;
margin-top: -350px;
}
/*上传图片列表 样式*/
.form-group {
margin: 10px;
}
.input-100-width {
width: 100px!important;
}
.input-360-width {
width: 360px!important;
}
.textarea-500-width {
width: 500px!important;
}
.list-group-item>.full-width-100+.full-width-100 {
padding-top: 10px;
}
.list-group-item>.full-width-100>label {
width: 60px;
}
.list-group-item>.full-pic-area>label {
width: 120px;
}
.delet-pic-btn {
color: red;
}
/*css样式*/
.img-cont {
width: 1000px;
height: 570px;
border: 2px solid #317ef3;
margin: 50px auto;
}
.img-cont>div {
width: 300px;
height: 260px;
border: 1px solid #777;
float: left;
margin: 20px 0 0 20px;
}
.img-cont>div>div {
width: 300px;
height: 220px;
border: 1px solid red;
}
.img-cont>div>a {
width: 60px;
height: 30px;
border-radius: 4px;
line-height: 30px;
text-align: center;
color: #fff;
display: block;
background: #317ef3;
margin: 5px 0 0 0px;
cursor: pointer;
}
.hide { .hide {
display: none !important; display: none !important;
} }
...@@ -206,24 +47,8 @@ ...@@ -206,24 +47,8 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
#file_input {
opacity: 0;
position: absolute;
top: 0;
left: 145px;
height: 35px;
width: 80px;
}
.out-style {
position: absolute;
top: 0;
left: 60px;
}
.span-del2,.span-del{ .span-del2,.span-del{
color: red; color: red;
} }
/*控制放大镜的 收款图片显示*/ /*控制放大镜的 收款图片显示*/
#preview{ #preview{
...@@ -237,52 +62,9 @@ ...@@ -237,52 +62,9 @@
.clear{ .clear{
clear: both; clear: both;
} }
/*css样式*/
#real_money2{
margin-top: 20px;
}
.modal-body-width{
width: 1000px;
}
input { input {
width: 50%; width: 50%;
} }
.col-xs-12 {
overflow: hidden;
}
.p-a-0 {
padding:0px;
}
.p-l-15 {
padding-left:15px !important;
}
.p-t-10{
padding-top:10px !important;
}
.no-border{
border : none;
}
#preview img{
height:300px !important;
width:500px !important;
}
#preview {
height:300px !important;
width:500px !important;
}
#file_input {
top:0 !important;
height:41px !important;
width : 102px !important;
}
.col-xs-12 {
line-height:2
}
.l{
line-height:2
}
</style> </style>
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
...@@ -304,7 +86,7 @@ ...@@ -304,7 +86,7 @@
<div class="pull-right"> <div class="pull-right">
<ul class="bread_btn"> <ul class="bread_btn">
<li> <li>
<a href="#modal_add_user" data-toggle="modal" class="btn btn-info add_alert add-user-new"><i class="icon-plus"></i> 新增费用报销 <a href="#modal-check" data-toggle="modal" class="btn btn-info"><i class="icon-plus"></i> 新增费用报销
</a> </a>
</li> </li>
</ul> </ul>
...@@ -416,119 +198,107 @@ ...@@ -416,119 +198,107 @@
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!-- 收款详情 --> <!-- 新增报销 -->
<div class="modal fade" id="modal-check" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="font-size: 16px;"> <div class="modal fade" id="modal-check" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="font-size: 16px;">
<div class="modal-dialog modal-body-width"> <div class="modal-dialog" style="width: 900px;font-size: 14px;">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
新增报销费用
<button type="button" class="close noprint" data-dismiss="modal" aria-hidden="true"> × </button> <button type="button" class="close noprint" data-dismiss="modal" aria-hidden="true"> × </button>
<!--<h4 class="modal-title"> 调整详情 </h4>-->
</div> </div>
<div class="modal-body modal-body-height" style="height:700px;"> <div class="modal-body" style="height:500px;">
<form class="" style="overflow:hidden"> <form class="form-horizontal">
<div class="col-xs-12" style="text-align:center"> <div class="form-group form-group-bottom col-sm-6">
<strong><span style="font-size:25px;"><span id="title_back"></span>退款申请书</span></strong> <label for="inputEmail3" class="col-sm-4 control-label">费用总金额:</label>
</div> <div class="col-sm-8">
<div class="col-xs-2"></div> <input type="text" class="form-control left-width" name="" id="concrete_industry" placeholder="请输入">
<div class="col-xs-10" style="text-align:left;margin-top:20px;">
<div class="col-xs-12 l" >
<strong><span>1、退款金额:¥<span id="money"></span>元(大写:人民币<span id="money_big"></span></span></strong>
</div>
<div class="col-xs-12 l">
<strong><span>2、退款凭证编号:<span id="pz_no"></span></span></strong>
</div>
<div class="col-xs-12 l">
<strong><span>3、退款类型:<span id="back_type"></span></span></strong>
</div>
<div class="col-xs-12 l">
<strong><span>4、入账日期:<span id="come_time"></span></span></strong>
</div>
<div class="col-xs-12 l">
<strong><span>5、该收款提交时间(财务日报日期):<span id="pay_create_time"></span>&nbsp;(收款ID:<span id="pay_log_id"></span>)</span></strong>
</div> </div>
<div class="col-xs-12 l"> </div>
<strong><span>6、商铺地址:<span id="check_addr"></span></span></strong>
</div> <div class="form-group form-group-bottom col-sm-6">
<div class="col-xs-12 l"> <label for="inputEmail3" class="col-sm-4 control-label">费用类型:</label>
<strong><span>7、商铺ID:<span id="house_id"></span></span></strong> <div class="col-sm-8">
<select class="form-control left-width" id="add-user-staus">
<option value="-1">客户状态</option>
<option value="0">求租</option>
<option value="1">已租</option>
</select>
</div> </div>
<div class="col-xs-12 l"> </div>
<strong><span>8、带看ID:<span id="order_id"></span></span></strong>
<div class="form-group form-group-bottom col-sm-6 isShowYetai">
<label for="inputEmail3" class="col-sm-4 control-label">费用项目:</label>
<div class="col-sm-8">
<select class="form-control left-width" id="add-user-staus">
<option value="-1">客户状态</option>
<option value="0">求租</option>
<option value="1">已租</option>
</select>
</div> </div>
<div class="col-xs-12 l"> </div>
<strong><span>9、退款原因:<span id="check_resaon"></span></span></strong> <div class="form-group form-group-bottom col-sm-6 isShowYetai">
<label class="col-sm-4 control-label">费用用途(选填):</label>
<div class="col-sm-8">
<input type="text" class="form-control left-width" name="user_name" id="inputEmail3" placeholder="请输入">
</div> </div>
<div class="col-xs-12 l"> </div>
<strong><span>10、退款方式:<span id="check_type"></span></span></strong>
<div class="form-group form-group-bottom col-sm-6">
<label for="inputEmail3" class="col-sm-4 control-label">收款卡户名(选填):</label>
<div class="col-sm-8">
<input type="text" class="form-control left-width" name="user_name" id="inputEmail3" placeholder="请输入">
</div> </div>
<div class="col-xs-12 l"> </div>
<strong><span>11、收款账户:<span id="card_no"></span></span></strong> <div class="form-group form-group-bottom col-sm-6">
<label for="inputEmail3" class="col-sm-4 control-label">收款卡开户行(选填):</label>
<div class="col-sm-8">
<input type="text" class="form-control left-width" name="user_name" id="inputEmail3" placeholder="请输入">
</div> </div>
<div class="col-xs-12"> </div>
<div class="col-xs-12"> <div class="form-group form-group-bottom col-sm-6">
<strong><span>开户行:<span id="bank"></span></span></strong> <label class="col-sm-4 control-label">转账卡号(选填):</label>
</div> <div class="col-sm-8">
<div class="col-xs-12"> <input type="number" class="form-control left-width" name="user_phone" autocomplete="off" id="set_father_id2" placeholder="请输入">
<strong><span> 户名:<span id="back_user"></span></span></strong>
</div>
<div class="col-xs-12">
<strong><span>收款人手机:<span id="back_phone"></span></span></strong>
</div>
</div> </div>
<div class="col-xs-12 down_page"> </div>
<div class="col-xs-12"> <div style="clear: both;"></div>
<div class="col-xs-6" style="float:right"> <div class="form-group form-group-bottom col-sm-6">
<div class="col-xs-12"> <label for="inputEmail3" class="col-sm-4 control-label">选择费用承担办公室:</label>
<strong><span>申请人签章:<span id="back_agent_name"></span></span></strong> <div class="col-sm-8">
</div> <select class="form-control left-width" id="add-user-staus">
<div class="col-xs-12"> <option value="-1">客户状态</option>
<strong><span>所属门店:<span id="back_shop_name"></span></span></strong> <option value="0">求租</option>
</div> <option value="1">已租</option>
<div class="col-xs-12"> </select>
<strong><span>申请日期:<span id="back_time"></span> ( 退款ID: <span id="back_id"></span> )</span></strong>
</div>
</div>
</div>
<div class="col-xs-12">
<strong><span>审核人员:</span></strong>
</div>
<div class="col-xs-12 check_person" >
</div>
<div class="col-xs-12" style="margin-top:20px;">
<strong><span>当前状态:<span id="chech_status"></span></span></strong>
</div>
</div> </div>
<!--<div class="col-xs-10 noprint" style="padding-top:20px;overflow:hidden">
<div class="coil-xs-12">
<strong><span>退款附件</span></strong>
</div>
<div class="col-xs-12" id="photoArea">
</div>
</div>-->
</div> </div>
</form> <div class="form-group form-group-bottom col-sm-6">
<form class="noprint" style="padding-top:20px;overflow:hidden"> <label class="col-sm-4 control-label">选择费用承担门店:</label>
<div clas="col-xs-12" style="height:1px;background-color:#eeeeee;"></div> <div class="col-sm-8">
<div class="col-xs-2"></div> <select class="form-control left-width" id="add-user-staus">
<div class="col-xs-10"> <option value="-1">客户状态</option>
<div class="col-xs-10 noprint" style="margin-top:20px;"> <option value="0">求租</option>
<div class="coil-xs-12"> <option value="1">已租</option>
<strong><span>退款附件:</span></strong> </select>
</div>
<div class="col-xs-12" id="photoArea">
</div>
</div> </div>
</div> </div>
</form> </form>
<div style="clear: both;padding-left: 20px;">
<label style="font-size: 16px;margin: 20px 0px;">图片上传(至少1张,最多9张):</label>
<div class="form-group full-width-100 full-pic-area">
<div id="container_body">
<!--<label>请选择一个图像文件:</label>-->
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic2">
<div id="container_body_img_area"></div>
</div>
</div>
</div>
</div> </div>
<div class="modal-footer noprint" id="hiddenOr" > <div class="modal-footer noprint" id="hiddenOr" >
<button type="button" class="btn btn-primary pass" href="#modal_pass" data-toggle="modal">审核通过</button> <button type="button" class="btn btn-primary pass" href="#modal_pass" data-toggle="modal">确定</button>
<button type="button" class="btn btn-primary turnback" href="#tuikuan_modal" data-toggle="modal">转到已退款</button>
<button type="button" class="btn btn-primary fail" href="#modal_false" data-toggle="modal">驳回</button>
<button type="button" class="btn btn-primary" id="print" >打印</button>
</div> </div>
</div> </div>
<!-- /.modal-content --> <!-- /.modal-content -->
...@@ -564,117 +334,16 @@ ...@@ -564,117 +334,16 @@
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!--退款--> <div id="img_mask_area" title="点击任意位置可关闭">
<div class="modal fade" id="tuikuan_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <img />
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
<h4 class="modal-title"> 转到已退款 </h4>
</div>
<div class="modal-body">
<div class="col-xs-12" style="margin-top:20px;">
<label class="col-xs-2">备注</label>
<div class="col-xs-10">
<textarea id="check_past_pict" class="form-control"></textarea>
</div>
<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="1" /> <!--修改上传文件的最大数字-->
<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>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="check_back" >确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</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-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title"> 审核通过 </h4>
</div>
<div class="modal-body" style="overflow:hidden;">
<label class="col-xs-2">备注</label>
<div class="col-xs-10">
<textarea id="check_past" class="form-control"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="check_yes">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<div class="modal fade" id="modal_false" 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"> &times; </button>
<h4 class="modal-title"> 驳回 </h4>
</div>
<div class="modal-body" style="overflow:hidden;">
<label class="col-xs-2">备注</label>
<div class="col-xs-10">
<textarea id="check_bohui" class="form-control "></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="check_no">确定</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div> </div>
<!--时间轴--> <!-- 费用详情审核 编辑 -->
<div class="modal fade" id="modal-del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog modal-body-width-du" style="width: 920px;">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <iframe src="" frameborder="0" class="publicCostDetails" style="width: 900px;height: 680px;"></iframe>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
删除退款
</h4>
</div>
<div class="modal-body" class="iframe-div-parent">
<div style="font-size: 18px;padding: 20px;">确定删除该笔退款!!</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消
</button>
<button type="button" class="btn btn-primary" id="confirm_deleteMoney" data-dismiss="modal">
确定
</button>
</div>
</div> </div>
<!-- /.modal-content --> <!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<div id="img_mask_area" title="点击任意位置可关闭">
<img />
</div>
{layout name="global/frame_two_tpl" /}
<input type="hidden" class="page-load" id="publicCostDetails" />
<style>
div{
outline:none!important;
}
.margain-10 {
/*margin-bottom: 2px;*/
}
.top-5 {
position: relative;
top: 5px;
}
#file_input_pic,
#file_input_pic2 {
opacity: 0;
position: absolute;
top: 0;
left: 0px;
height: 35px;
width: 80px;
}
#container_body_img_area>div,
#container_body_img_area2>div {
float: left;
width: 216px;
}
.active {
color: dodgerblue;
}
ul {
-webkit-padding-start: 0px !important;
}
.img-pre-ul>li {
list-style: no;
float: left;
width: 210px;
height: 170px;
overflow: hidden;
margin-right: 10px;
margin-top: 10px;
}
.hide {
display: none !important;
}
.result>img,
.result2>img {
width: 120px;
height: 120px;
margin-top: 8px;
}
#container_body {
position: relative;
overflow: hidden;
}
.span-del2,
.span-del {
color: red;
}
/*控制放大镜的 收款图片显示*/
#preview {
z-index: 9999!important;
}
#preview img {
width: 600px;
}
.clear {
clear: both;
}
input {
width: 50%;
}
</style>
<div id="page-content-wrapper" style="width: 900px;height: 680px;">
<div class="container">
<div class="row">
<div class="">
<div class="panel panel-default">
<div class="panel-body" style="overflow:hidden;">
<div class="" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
<div class="modal-body-width-du" style="width: 850px;">
<div class="">
<div class="modal-header">
<h4 class="modal-title tit_con active shoukuanxiangqing" style="width:auto!important;float:left">费用详情</h4>
<h4 class="modal-title tit_con" style="width:auto!important;float:left;margin-left:20px;">费用图片</h4>
</div>
<div class="modal-body modal-body-height pic-con1" style="overflow: hidden;">
<ul class="list-group ">
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<div id="container_body_du">
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic" />
<div id="container_body_img_area_du"></div>
</div>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</li>
</ul>
</div>
<div class="modal-footer pic-con1">
<button type="button btn2" class="btn btn-primary" id="saveBtn" data-dismiss="modal">
保存
</button>
</div>
<div class="modal-body modal-body-height pic-con2" style="overflow: hidden;">
<form class="">
<div class="col-xs-12 margain-10">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">费用总ID:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">45122</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">提交人:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">周晓明</span>
</div>
</div>
</div>
<div class="col-xs-12 margain-10">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">提交时间:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">2018.12.12 10:00:00</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">费用总金额:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight"><input class="form-control" type="text" value="" id="shouxu"></span>
</div>
</div>
</div>
<div class="col-xs-12 margain-10">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">费用类型:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">
<select class="form-control" id="payType">
<option value="10" class="shanghai">施总支付宝</option>
<option value="11" class="shanghai">林老师支付宝</option>
</select>
</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">费用项目:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">
<select class="form-control" id="payType">
<option value="10" class="shanghai">施总支付宝</option>
<option value="11" class="shanghai">林老师支付宝</option>
</select>
</span>
</div>
</div>
</div>
<div class="col-xs-12 margain-10">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">费用用途:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">
<input class="form-control" type="text" value="" id="shouxu">
</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">来源:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">
app
</span>
</div>
</div>
</div>
<div class="col-xs-12 margain-10">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">状态:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">
666
</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">转账卡号:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">
<input class="form-control" type="text" value="" id="shouxu">
</span>
</div>
</div>
</div>
<div class="col-xs-12 margain-10">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">收款卡户名:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">
<input class="form-control" type="text" value="" id="shouxu">
</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">收款卡开户行:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">
<input class="form-control" type="text" value="" id="shouxu">
</span>
</div>
</div>
</div>
<div class="col-xs-12 margain-10">
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight top-5">计入月份:</span></strong>
<span id="tijiaoren" class="col-xs-6 ld-Marheight">
<input class="form-control" type="text" value="" id="shouxu">
</span>
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<strong><span class="col-xs-4 ld-Marheight">7月门店所在办公室考勤:</span></strong>
<span id="address" class="col-xs-6 ld-Marheight">
666
</span>
</div>
</div>
</div>
<div class="col-xs-12" style="padding: 0 30px;">
成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<br /> 成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<p>审核记录:</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<br /> 成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<p>审核记录:</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<br /> 成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<p>审核记录:</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<br /> 成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<p>审核记录:</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<br /> 成本明细ID:2745 费用承担门店:南京东路店(5人) 费用承担金额:120元
<p>审核记录:</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
<p>刘丹丹 2018.12.12 10:00:00</p>
</div>
</form>
</div>
<div class="modal-footer pic-con2">
<button type="button btn2" class="btn btn-primary" id="savePayBtn" data-dismiss="modal">
保存
</button>
<button type="button btn2" class="btn btn-primary" id="savePayBtn" data-dismiss="modal">
审核通过
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
...@@ -366,6 +366,7 @@ Route::group('index', [ ...@@ -366,6 +366,7 @@ Route::group('index', [
'costOffice' => ['index/RealTimePerformance/costOffice', ['method' => 'GET']],//办公室列表 liu 'costOffice' => ['index/RealTimePerformance/costOffice', ['method' => 'GET']],//办公室列表 liu
'attendanceList' => ['index/RealTimePerformance/attendanceList', ['method' => 'GET']],//门店考勤 liu 'attendanceList' => ['index/RealTimePerformance/attendanceList', ['method' => 'GET']],//门店考勤 liu
'costParameters' => ['index/RealTimePerformance/costParameters', ['method' => 'GET']],//成本参数 liu 'costParameters' => ['index/RealTimePerformance/costParameters', ['method' => 'GET']],//成本参数 liu
'publicCostDetails' => ['index/RealTimePerformance/publicCostDetails', ['method' => 'GET']],//费用报销详情 liu
'shopinspectionLog' => ['index/ShopInspectionLog/shopinspectionLogList', ['method' => 'POST|GET']],//商铺查看日志liu 'shopinspectionLog' => ['index/ShopInspectionLog/shopinspectionLogList', ['method' => 'POST|GET']],//商铺查看日志liu
......
...@@ -22,7 +22,9 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', ' ...@@ -22,7 +22,9 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
event: function() { event: function() {
var that = cost; var that = cost;
var _doc = $(document); var _doc = $(document);
//初始化
$('.pic-con2').show();
$('.pic-con1').hide();
//搜索 //搜索
$(document).on('click','#search',function(e){ $(document).on('click','#search',function(e){
that.getList(1); that.getList(1);
...@@ -36,40 +38,93 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', ' ...@@ -36,40 +38,93 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
$(document).on('click','#export',function(e){ $(document).on('click','#export',function(e){
that.exportExcel(); that.exportExcel();
}); });
//新增报销 上传图片
//二级联动 $('#file_input_pic').on('change', function(){
that.getDistrict(function() { var _this = $(this);
_doc.on('input', '#commit_home', function() { var formData = new FormData();
var _this = $(this); formData.append('type', 'chat');
var _id = $('#commit_home').val(); formData.append('image', _this[0].files[0]);
$('#commit_shop').html(''); //先清空 $.ajax({
if(_id && _id != '0') { type: 'post',
that.getDistrictStoreList(_id, function(_data) { url: ServerHostImageLiu + '/index/uploadImg',
var _str = '<option value="0">全部</option>'; data: formData,
$.each(_data, function(i, item) { dataType: 'json',
_str += '<option value="' + item.id + '">' + item.store_name + '</option>'; contentType: false,
}); cache: false,
$('#commit_shop').append(_str) processData: false,
}); beforeSend: function() {},
} else {}; success: function(_data) {
}); if(_data.code == 200) {
}); $('#container_body_img_area').append('<div class="result"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del">删除</span></div>'.stringFormatObj({
'0': _data.data.img_path,
//点击li 列表消失 '1': _data.data.internet_img_name?urlDeal(_data.data.internet_img_name):_data.data.internet_img_name
$(document).delegate(".addphone", "click", function() { //list消失新增客户 点击li事件 获取id ul消失 }));
that.addphone(this); } else {
alert(_data.msg);
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//新增报销 上传图片
$('#file_input_pic2').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: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
$('#container_body_img_area2').append('<div class="result"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del">删除</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('请求超时,请重试');
};
}
});
}); });
$('.tit_con').unbind('click').bind('click',function(e){
//分佣方 姓名下拉式 $(this).parent('div').find('h4.active').removeClass("active");
$(document).on("input", "#comit_name", function() { //手机号新增搜索客方 $(this).addClass("active");
if($("#comit_name").val() == '') { if (e.currentTarget.innerHTML == "费用图片"){
that.agent_id_phone=''; $('.pic-con1').show();
$(".user-ul").html(''); $('.pic-con2').hide();
} else { } else {
that.search_person(); $('.pic-con2').show();
$('.pic-con1').hide();
} }
}); });
$(document).on('click','.add-pic',function(e){
var id = e.target.dataset.id;
$(".publicCostDetails").attr('src','/index/publicCostDetails')
});
_doc.on('click','.choose_btn',function(e){ _doc.on('click','.choose_btn',function(e){
var befor = that.check_status var befor = that.check_status
$(this).removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default'); $(this).removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
...@@ -81,43 +136,6 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', ' ...@@ -81,43 +136,6 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
}, },
search_person: function() { //手机号新增客户
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $("#comit_name").val(),
'all' : 1
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul = "";
$.each(data.data, function(i, item) {
if(item.status == 0 || item.status == 4){
var status=' ';
};
if(item.status == 1){
var status='-长假';
};
if(item.status == 2){
var status='-离职';
};
if(item.status == 3){
var status='-转勤';
}
user_ul += '<li class="addphone" data-id="' + item.id + '">' + item.id + '-' + item.name + '-' + item.phone + status + '</li>';
});
$(".user-ul").html(user_ul);
$(".user-ul").show();
} else {
alert(data.msg);
}
}
});
},
//删除退款 //删除退款
deleteRefund: function(id) { deleteRefund: function(id) {
$.ajax({ $.ajax({
...@@ -139,58 +157,6 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', ' ...@@ -139,58 +157,6 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
} }
}); });
}, },
//将li里的值 赋给input(分佣方姓名)
addphone: function(obj) {//新增客户 input赋值
var that = cost ;
var user_ht = $(obj).html()+'';
var user_ht_str=user_ht.substring(0,user_ht.length-3);
$("#comit_name").val(user_ht_str);
$(".user-ul").html('');
$(".user-ul").hide();
that.agent_id_phone = $(obj).attr("data-id");
},
getDistrict: function(fn) {
$.ajax({
url: '/index/getDistrict',
type: 'GET',
async: true,
data: {
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
var str = '';
$.each(data.data, function(i, item) {
str += '<option value="' + item.id + '">' + item.district_name + '</option>';
});
$('#commit_home').append(str);
fn && fn();
} else {
alert(data.msg)
}
}
});
},
getDistrictStoreList: function(id, fn) {
$.ajax({
url: '/index/getDistrictStoreList',
type: 'GET',
async: true,
data: {
'id': id,
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
fn && fn(data.data);
} else {
alert(data.msg)
}
}
});
},
//获取列表 //获取列表
getList : function(no){ getList : function(no){
var that = cost; var that = cost;
......
define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', "datetimepicker",'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
cost = {
pageNo: 1,
/*第几页*/
pageSize: 10,
/*每页显示多少条*/
id: '',
house_id: '',
house_fatherid: '',
collection_del_id:'',
listData :"",
moneyTotal : "" ,
agent_id_phone : '',
check_status : 1 ,
deleteRefundId:'',
init: function() {
//初始化dot
$(document.body).append(template);
cost.getList(1);
cost.event();
},
event: function() {
var that = cost;
var _doc = $(document);
//初始化
$('.pic-con2').show();
$('.pic-con1').hide();
//搜索
$(document).on('click','#search',function(e){
that.getList(1);
});
//重置搜索条件
$(document).on('click','#reset',function(e){
that.resetAll();
});
//导出报表
$(document).on('click','#export',function(e){
that.exportExcel();
});
//新增报销 上传图片
$('#file_input_pic').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: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
$('#container_body_img_area').append('<div class="result"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del">删除</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('请求超时,请重试');
};
}
});
});
//新增报销 上传图片
$('#file_input_pic2').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: ServerHostImageLiu + '/index/uploadImg',
data: formData,
dataType: 'json',
contentType: false,
cache: false,
processData: false,
beforeSend: function() {},
success: function(_data) {
if(_data.code == 200) {
$('#container_body_img_area2').append('<div class="result"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del">删除</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('请求超时,请重试');
};
}
});
});
$('.tit_con').unbind('click').bind('click',function(e){
$(this).parent('div').find('h4.active').removeClass("active");
$(this).addClass("active");
if (e.currentTarget.innerHTML == "费用图片"){
$('.pic-con1').show();
$('.pic-con2').hide();
} else {
$('.pic-con2').show();
$('.pic-con1').hide();
}
});
$(document).on('click','.add-pic',function(e){
var id = e.target.dataset.id;
});
_doc.on('click','.choose_btn',function(e){
var befor = that.check_status
$(this).removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
if ( befor != e.target.dataset.value) {
that.check_status = e.target.dataset.value;
cost.getList(1);
}
})
},
//删除退款
deleteRefund: function(id) {
$.ajax({
url: '/index/delRefund',
type: 'POST',
async: true,
data: {
"refund_id": id
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
cost.getList(cost.pageNo);
alert(data.msg);
} else {
alert(data.msg);
}
}
});
},
//获取列表
getList : function(no){
var that = cost;
that.pageNo = no;
var params = that.buildSearchParams(0);
params.pageNo = that.pageNo;
params.pageSize = that.pageSize ;
$.get('/index/refundList',params,function(data){
if(typeof data === 'object') {
if(data.code == 200) {
that.listData = data.data.list;
var temp = document.getElementById('cost_check_template_tpl').innerHTML;
var doTtmpl = doT.template(temp);
$("#order_list").html(doTtmpl(data.data.list));
$('#money_total').text((data.data.total_money-0 > 0) ? (data.data.total_money+"元"): "0元" )
/*分页代码*/
add_page(data.data.total, no, that.pageSize, that.getList);
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},'json');
},
/**
* 重置查询条件
*/
resetAll : function(){
var that = cost;
$('#comit_time_start').val("");
$('#comit_time_end').val("");
$('#into_time_start').val("");
$('#into_time_end').val("");
$('#changed_type').val("");
$('#changed_id').val("");
$('#back_id').val("");
$('#get_id').val("");
$('#shoped_id').val("");
$('#shoped_addr').val("");
$('#commit_home').val("");
$('#commit_shop').val("");
$('#comit_name').val("");
$('#comit_phone').val("");
$('#is_type').val("");
$('#is_open').val("-1");
$('#back_id_money').val("");
that.agent_id_phone="";
},
//退款 审核
exportExcel: function() {
var _url = '/index/costListExcel?';
window.open(_url + cost.buildSearchParams(1));
},
/**
* 获取查询参数
*/
buildSearchParams : function(is_excel){
var that = cost;
var commite_time_start = $('#comit_time_start').val();
var commite_time_end = $('#comit_time_end').val();
var into_time_start = $('#into_time_start').val();
var into_time_end = $('#into_time_end').val();
var changed_type = $('#changed_type').val();
var changed_id = $('#changed_id').val();
var back_id_money = $('#back_id_money').val();
var shoped_id = $('#shoped_id').val();
var shoped_addr = $('#shoped_addr').val();
var commit_home = $('#commit_home').val();
var commit_shop = $('#commit_shop').val();
var comit_name = that.agent_id_phone;//$('#comit_name').val();
var comit_phone = $('#comit_phone').val();
// var choose_type = $('.btn-group').find('.btn-info').html();
var is_selt = $('#is_type').val();
var get_id = $('#get_id').val();
var is_open = $('#is_open').val();
var params = {};
var paramsStr = "" ;
if ( get_id) {
params.pay_log_id = get_id ;
paramsStr += "pay_log_id=" + get_id +'&';
}
if ( commite_time_start ) {
params.start_time = commite_time_start;
paramsStr += "start_time=" + commite_time_start +'&';
}
if ( commite_time_end ) {
params.end_time = commite_time_end;
paramsStr += "end_time=" + commite_time_end +'&';
}
if ( into_time_start ) {
params.income_start_time = into_time_start;
paramsStr += "income_start_time=" + into_time_start +'&';
}
if ( into_time_end ) {
params.income_end_time = into_time_end;
paramsStr += "income_end_time=" + into_time_end +'&';
}
if ( changed_type ) {
params.type = changed_type;
paramsStr += "type=" + changed_type +'&';
}
if ( changed_id ) {
params.order_id = changed_id;
paramsStr += "order_id=" + changed_id +'&';
}
if ( back_id_money ) {
params.id = back_id_money;
paramsStr += "id=" + back_id_money +'&';
}
if ( shoped_id ) {
params.house_id = shoped_id;
paramsStr += "house_id=" + shoped_id +'&';
}
if ( shoped_addr) {
params.address = shoped_addr;
paramsStr += "address=" + shoped_addr +'&';
}
if ( commit_home ) {
params.district_id = commit_home;
paramsStr += "district_id=" + commit_home +'&';
}
if ( commit_shop ) {
params.store_id = commit_shop;
paramsStr += "store_id=" + commit_shop +'&';
}
if ( comit_name ) {
params.agent_id = comit_name;
paramsStr += "agent_id=" + comit_name +'&';
}
if ( comit_phone ) {
if ( comit_phone[0] == "1" && comit_phone.length == 11) {
params.phone = comit_phone;
paramsStr += "phone=" + comit_phone +'&';
}else {
alert("请输入正确的手机号码")
}
}
if ( is_selt ){
params.is_self = is_selt;
paramsStr += "is_self=" + is_selt +'&';
}
if ( is_open > -1) {
params.is_open = is_open;
paramsStr += "is_open=" + is_open +'&';
}
params.status = that.check_status;
paramsStr += "status=" + that.check_status;
if (is_excel) {
return paramsStr;
} else {
return params;
}
},
};
return cost;
});
\ No newline at end of file
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<td>[%= it[item]['agent_name'] %]</td> <td>[%= it[item]['agent_name'] %]</td>
<td>[%= it[item]['store_name'] %]</td> <td>[%= it[item]['store_name'] %]</td>
<td> <td>
<a class="btn1 btn-success rejected" href="#modal-check" data-toggle="modal" data-id='[%= it[item]["id"] %]'>审核</a> <a class="btn1 btn-success add-pic" href="#modal-addPic" data-toggle="modal" data-id='[%= it[item]["id"] %]'>审核</a>
<a class="btn1 btn-success is_del" href="#modal-del" data-toggle="modal" data-id='[%= it[item]["id"] %]'>删除</a> <a class="btn1 btn-success is_del" href="#modal-del" data-toggle="modal" data-id='[%= it[item]["id"] %]'>删除</a>
</td> </td>
......
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