Skip to content

T
tl_estate
Commit c76c05c7 authored by agping's avatar agping
Browse files
Options

1

parent 964facd1
Hide whitespace changes
Inline Side-by-side
Showing with 244 additions and 31 deletions
application/index/view/cost/costCheck.html
View file @ c76c05c7
......@@ -16,7 +16,7 @@
line-height: 30px;
}
.user-ul{
.user-ul,.user-ul-office,.user-ul-store{
float: right;
text-align:center;
position: relative;
......@@ -26,9 +26,10 @@
width:100%;
line-height: 30px;
}
.user-ul li{
.user-ul li,.user-ul-office li,.user-ul-store li{
list-style: none;
line-height: 20px;
font-size: 12px;
}
......@@ -239,17 +240,19 @@
<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="" id="concrete_industry" placeholder="请输入">
<input type="text" class="form-control left-width" name="" id="total_fee" placeholder="请输入">
</div>
</div>
<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">
<select class="form-control left-width" id="add-user-staus">
<option value="-1">客户状态</option>
<option value="0">求租</option>
<option value="1">已租</option>
<select class="form-control left-width" id="cost_type_add">
<option value="">费用类型</option>
<option value="0">办公室成本</option>
<option value="1">总部成本</option>
<option value="2">分部成本</option>
<option value="3">门店独有成本</option>
</select>
</div>
</div>
......@@ -257,58 +260,76 @@
<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>
<select class="form-control left-width" id="fee_item_add">
<option value="">费用项目</option>
<!--办公室类型-->
<option value="101" class="choose_office_add">水电费</option>
<option value="102" class="choose_office_add">其他费用</option>
<!--总部成本类型-->
<option value="102" class="choose_total_add">其他费用</option>
<!--分部成本类型-->
<option value="10002" class="choose_siteID_add">杭州</option>
<option value="10003" class="choose_siteID_add">深圳</option>
<option value="10004" class="choose_siteID_add">广州</option>
<option value="10005" class="choose_siteID_add">北京</option>
<!--门店独有成本类型-->
<option value="506" class="choose_store_add">区域经理基本工资</option>
<option value="504" class="choose_store_add">区域秘书基薪</option>
<option value="505" class="choose_store_add">招聘成本</option>
<option value="507" class="choose_store_add">宿舍成本</option>
<option value="508" class="choose_store_add">宿舍亏损</option>
<option value="510" class="choose_store_add">员工工资成本</option>
<option value="511" class="choose_store_add">网络报销</option>
<option value="512" class="choose_store_add">离职员工网络</option>
</select>
</div>
</div>
<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="请输入">
<input type="text" class="form-control left-width" name="" id="yongtu" placeholder="请输入">
</div>
</div>
<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="请输入">
<input type="text" class="form-control left-width" name="" id="card_name_cost" placeholder="请输入">
</div>
</div>
<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="请输入">
<input type="text" class="form-control left-width" name="" id="bank_cost" placeholder="请输入">
</div>
</div>
<div class="form-group form-group-bottom col-sm-6">
<label class="col-sm-4 control-label">转账卡号(选填):</label>
<div class="col-sm-8">
<input type="number" class="form-control left-width" name="user_phone" autocomplete="off" id="set_father_id2" placeholder="请输入">
<input type="number" class="form-control left-width" name="" autocomplete="off" id="card_no_cost" placeholder="请输入">
</div>
</div>
<div class="form-group form-group-bottom col-sm-6">
<label class="col-sm-4 control-label">计入月份(选填):</label>
<div class="col-sm-8">
<input id="count_time_add" class="form-control" type="text" placeholder="请选择" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM',readOnly:'readonly' })">
</div>
</div>
<div style="clear: both;"></div>
<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">
<select class="form-control left-width" id="add-user-staus">
<option value="-1">客户状态</option>
<option value="0">求租</option>
<option value="1">已租</option>
</select>
<input class="form-control ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="comit_office" placeholder="请输入办公室地址" type="text" value="">
<ul class="user-ul-office" style="display:none"></ul>
</div>
</div>
<div class="form-group form-group-bottom col-sm-6">
<label 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>
<input class="form-control ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="comit_store" placeholder="请输入门店名称" type="text" value="">
<ul class="user-ul-store" style="display:none"></ul>
</div>
</div>
</form>
......@@ -318,7 +339,7 @@
<div id="container_body">
<!--<label>请选择一个图像文件：</label>-->
<button type="button btn2" class="btn btn-default">上传图片</button>
<input type="file" id="file_input_pic2">
<input type="file" id="file_input_pic">
<div id="container_body_img_area"></div>
</div>
</div>
......@@ -326,7 +347,7 @@
</div>
<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 add_cost" href="#modal_pass" data-toggle="modal">确定</button>
</div>
</div>
<!-- /.modal-content -->
......
public/resource/js/costCheck.js
View file @ c76c05c7
......@@ -10,6 +10,7 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
agent_id_phone:'',
main_index:0,
init: function() {
//初始化dot
$(document.body).append(template);
//判断权限 总监
......@@ -55,6 +56,7 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
event: function() {
var that = cost;
var _doc = $(document);
//点击不同审核按钮
_doc.on('click','.choose_btn',function(e){
$(this).removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
......@@ -71,6 +73,11 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
$(document).on('click','#reset',function(e){
that.resetAll();
});
//新增报销
$(document).on('click','.add_cost',function(e){
that.addCost();
});
//费用类型切换
$("#cost_type").change(function() {
$("#fee_item").val('');//置空费用项目
......@@ -100,6 +107,35 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
};
});
//新增 费用类型切换
$("#cost_type_add").change(function() {
$("#fee_item_add").val('');//置空费用项目
if($('#cost_type_add').val() == 0 ){
$('.choose_office_add').show();
$('.choose_total_add').hide();
$('.choose_siteID_add').hide();
$('.choose_store_add').hide();
}else if($('#cost_type_add').val() == 1 ){
$('.choose_office_add').hide();
$('.choose_total_add').show();
$('.choose_siteID_add').hide();
$('.choose_store_add').hide();
}else if($('#cost_type_add').val() == 2 ){
$('.choose_office_add').hide();
$('.choose_total_add').hide();
$('.choose_siteID_add').show();
$('.choose_store_add').hide();
}else if($('#cost_type_add').val() == 3 ){
$('.choose_office_add').hide();
$('.choose_total_add').hide();
$('.choose_siteID_add').hide();
$('.choose_store_add').show();
};
});
//获取报销id
$(document).on('click','.is_del',function(e){
cost.id = $(this).attr('data-id');
......@@ -144,8 +180,35 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
that.search_person();
}
});
//办公室搜索
$(document).delegate(".addphoneOffice", "click", function() {
that.addphoneOffice(this);
});
$(document).on("input", "#comit_office", function() {
if($("#comit_office").val() == '') {
that.agent_id_office='';
$(".user-ul-office").html('');
} else {
that.search_office();
}
});
//门店搜索
$(document).delegate(".addphoneStore", "click", function() {
that.addphoneStore(this);
});
$(document).on("input", "#comit_store", function() {
if($("#comit_name_store").val() == '') {
that.agent_id_store='';
$(".user-ul-store").html('');
} else {
that.search_store();
}
});
//新增报销 上传图片
$('#file_input_pic2').on('change', function(){
$('#file_input_pic').on('change', function(){
var _this = $(this);
var formData = new FormData();
formData.append('type', 'chat');
......@@ -161,7 +224,7 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
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({
$('#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
}));
......@@ -233,6 +296,90 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
$(".user-ul").hide();
that.agent_id_phone = $(obj).attr("data-id");
},
search_office: function() { //搜索办公室
$.ajax({
url: '/index/getOfficeList',
type: 'POST',
async: true,
data: {
"pageNo": 1,
"pageSize": 100,
"office_address": $("#comit_office").val(),
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul = "";
if(data.data.list){
$.each(data.data.list, function(i, item) {
user_ul += '<li class="addphoneOffice" data-id="' + item.id + '">' + item.office_address + ';-ID:' + item.id + '</li>';
});
}
$(".user-ul-office").html(user_ul);
$(".user-ul-office").show();
} else {
alert(data.msg);
}
}
});
},
search_store: function() { //搜索门店
$.ajax({
url: '/index/getOfficeList',
type: 'POST',
async: true,
data: {
"pageNo": 1,
"pageSize": 100,
"pageNo": $("#comit_name_office").val(),
},
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);
}
}
});
},
//将li里的值 赋给input（分佣方姓名）
addphoneOffice: function(obj) {//新增客户 input赋值
var that = cost ;
var user_ht = $(obj).html();
$("#comit_office").val(user_ht);
$(".user-ul-office").html('');
$(".user-ul-office").hide();
that.agent_id_phone = $(obj).attr("data-id");
},
//将li里的值 赋给input（分佣方姓名）
addphoneStore: function(obj) {//新增客户 input赋值
var that = cost ;
var user_ht = $(obj).html();
$("#comit_store").val(user_ht);
$(".user-ul-store").html('');
$(".user-ul-store").hide();
that.agent_id_phone = $(obj).attr("data-id");
},
getDistrict: function(fn) {
$.ajax({
url: '/index/getDistrict',
......@@ -295,6 +442,51 @@ define(['doT', 'text!temp/cost_check_template_tpl.html', 'css!style/home.css', '
}
});
},
//新增报销
addCost: function() {
var params = {};
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
if ( $('#fee_item_add').val() ) {//区分分部
if($('#cost_type_add').val() == 2){
params.site_id = $('#fee_item_add').val();
}else{
params.fee_item = $('#fee_item_add').val();
}
}
var imgname = [];
for(var i = 0; i < $('.result').length; i++) {
imgname[i] = $('.result>img').eq(i).attr('data-imgname');
};
params.img_arr = imgname;
$.ajax({
url: '/index/addApplyFor',
type: 'POST',
async: true,
data: {
'type': $('#cost_type_add').val(),
'total_fee': $('#total_fee').val(),
'agent_id': user_info_obj.id,
'store_id': $('#cost_type_add').val(),
'card_name': $('#card_name_cost').val(),
'bank': $('#bank_cost').val(),
'card_no': $('#card_no_cost').val(),
'count_time': $('#count_time_add').val() + "-01",//计入月份
'img_arr': $('#cost_type_add').val(),
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
alert(data.msg)
cost.getList(cost.pageNo);//重新获取列表
} else {
alert(data.msg)
}
}
});
},
//获取列表
getList : function(no){
var that = cost;
......
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