diff options
Diffstat (limited to '97suifang-front/assets/js/sheetdefault.js')
| -rw-r--r-- | 97suifang-front/assets/js/sheetdefault.js | 181 |
1 files changed, 181 insertions, 0 deletions
diff --git a/97suifang-front/assets/js/sheetdefault.js b/97suifang-front/assets/js/sheetdefault.js new file mode 100644 index 0000000..51bd8fa --- /dev/null +++ b/97suifang-front/assets/js/sheetdefault.js @@ -0,0 +1,181 @@ +var card_2_delete_id; +var card_detail_id; +$(document).ready(function(){ + //不允许input框复制，减少验证粘帖的交互 + $("input[type='text']").bind("paste", function(){ + return false; + }); + + //副标题点大叉 + $("#index_title_closed_icon").bind("click", function(){ + var clostBtn = $(this); + var date = new Date(); + var time = date.getTime(); + $.ajax({ //数据库还是cookie，都可以，建议使用cookie，html中是否显示sub_title也由后端读取的cookie决定 + type: 'get', + url: '../ajax/close_sub_title', + data: 'time='+time, + success: function(data){ + if(data == 'success'){ + clostBtn.parent().remove(); + } + } + }); + + return false; + }); + + //卡片大叉删除交互 + $(".card_delete_icon").hover( + function(){ + $(this).removeClass("card_delete"); + $(this).addClass("card_delete_hover"); + }, + function(){ + $(this).removeClass("card_delete_hover"); + $(this).addClass("card_delete"); + } + ); + $(".card_delete_icon").bind("click", function(){ + card_2_delete_id = $(this).parent().attr("id").replace('index_card_', ''); + }); + + //点击编辑icon + $(".small_edit_icon").bind("click", function(){ + var this_edit_data_div = $(this).parent(); + var this_select_date_div = this_edit_data_div.siblings(".select_date"); + var this_refresh_data_div = this_edit_data_div.siblings(".refresh_data"); + var this_last_edit_data_div = $(this).siblings(".last_edit_data"); + var this_editing_data_div = this_edit_data_div.siblings(".editing_data"); + var input_container = this_editing_data_div.children(".input_container"); + var data_fir = this_last_edit_data_div.children(".data_fir").text(); + var data_sec = this_last_edit_data_div.children(".data_sec").text(); + input_container.children(".edit_input_main").val(parseInt(data_fir)); + input_container.children(".edit_input_sub").val(parseInt(data_sec)); + this_editing_data_div.show(); + this_select_date_div.show(); + this_edit_data_div.hide(); + this_refresh_data_div.hide(); + return false; + }); + //点击指数+1 icon + $(".add_icon").bind("click", function(){ + var this_edit_input_sub = $(this).closest(".editing_data").children(".input_container").children(".edit_input_sub"); + var origin_value = parseInt(this_edit_input_sub.val()); + this_edit_input_sub.val(origin_value+1); + return false; + }); + //点击 指数-1 icon + $(".minus_icon").bind("click", function(){ + var this_edit_input_sub = $(this).closest(".editing_data").children(".input_container").children(".edit_input_sub"); + var origin_value = parseInt(this_edit_input_sub.val()); + var after_value = origin_value-1; + if(after_value >= 0){ + this_edit_input_sub.val(origin_value-1); + } + return false; + }); + //编辑数据的底数验证：只允许两位小数，非空 + $(".edit_input_main").bind("keyup", function(){ + var val = $(this).val(); + val = val.replace(/[^\d.]/g,"");//清除"数字"和"."以外的字符 + val = val.replace(/^\./g,"");//验证第一个字符是数字而不是.. + val = val.replace(/\.{2,}/g,".");//只保留第一个. 清除多余的 + val = val.replace(".","$#$").replace(/\./g,"").replace("$#$","."); + val = val.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); + $(this).val(val); + return false; + }); + //编辑数据的指数验证：只允许整数 + $(".edit_input_sub").bind("keyup", function(){ + $(this).val($(this).val().replace(/[^\d]/g, '')); + return false; + }); + //点击取消icon + $(".cancel_edit_icon").bind("click", function(){ + var input_container = $(this).siblings(".input_container"); + input_container.children(".edit_input_main").val(''); + input_container.children(".edit_input_sub").val(''); + var this_editing_data_div = $(this).parent(); + this_editing_data_div.siblings(".edit_data").show(); + this_editing_data_div.siblings(".refresh_data").show(); + this_editing_data_div.hide(); + this_editing_data_div.siblings(".select_date").hide(); + return false; + }); + //点击提交icon + $(".confirm_edit_icon").bind("click", function(){ + var input_container = $(this).siblings(".input_container"); + var data_input_fir = input_container.children(".edit_input_main"); + var data_input_sec = input_container.children(".edit_input_sub"); + var data_input_fir_val = data_input_fir.val(); + var data_input_sec_val = data_input_sec.val(); + if(data_input_fir_val == '' || data_input_fir_val == 0){ + data_input_fir.addClass("error"); + }else{ + data_input_fir.removeClass("error"); + } + if(data_input_sec_val == ''){ + data_input_sec.addClass("error"); + }else{ + data_input_sec.removeClass("error"); + } + if($(".error").length > 0){ + return false; + } + + //TODO ajax + data_input_fir.val(''); + data_input_sec.val(''); + var this_editing_data_div = $(this).parent(); + var this_select_date_div = this_editing_data_div.siblings(".select_date"); + var this_refresh_data_div = this_editing_data_div.siblings(".refresh_data"); + var this_edit_data_div = this_editing_data_div.siblings(".edit_data"); + var this_last_edit_div = this_edit_data_div.children(".last_edit_data"); + this_last_edit_div.show(); + this_last_edit_div.children(".data_fir").html(data_input_fir_val); + this_last_edit_div.children(".data_sec").html(data_input_sec_val); + this_editing_data_div.hide(); + this_select_date_div.hide(); + this_edit_data_div.show(); + this_refresh_data_div.show(); + + return false; + }); + + //日期控件 + $(".select_date>.datepicker").datepicker({ + showOn: "both", + buttonImage: "../plugins/datepicker/images/calendar.png", + buttonImageOnly: true + }); + + //时间范围控制（开始时间<结束时间） + $("#search_start_date").datepicker({ + showOn: "both", + buttonImage: "../plugins/datepicker/images/calendar.png", + buttonImageOnly: true, + onClose: function( selectedDate ) { + $("#search_end_date").datepicker("option", "minDate", selectedDate); + } + }); + $("#search_end_date").datepicker({ + onClose: function( selectedDate ) { + $("#search_start_date").datepicker("option", "maxDate", selectedDate); + } + }); +}); + +function delete_card(){ + var card = $("#index_card_"+card_2_delete_id); + card.nextAll().each(function(){ + if($(this).hasClass("index_card_fir")){ + $(this).removeClass("index_card_fir"); + $(this).addClass("index_card_sec"); + }else if($(this).hasClass("index_card_sec")){ + $(this).removeClass("index_card_sec"); + $(this).addClass("index_card_fir"); + } + }); + card.remove(); +}
\ No newline at end of file |