var MarkerInfoEdit = function () {
function doChange(){
var type = $("#selectObjectType").val();
if (type == 1) {//管线
$("#pipeTypeLabel").text("管线种类");
$(".up-pipe").show();
$("#pipeDiameterLabel").text("管线直径");
$("#pipeMaterialLabel").text("管线材质");
$(".below").addClass("hidden");
$("#pipeDepthLabel").text("管线埋深");
$(".pipeOnly").show();
} else if (type == 2) {//管线附属物
$("#pipeTypeLabel").text("附属物名称");
$(".up-pipe").hide();
$(".below").addClass("hidden");
$("#pipeDepthLabel").text("井深");
$(".pipeOnly").hide();
} else if (type == 3) {//管线特征点
$("#pipeTypeLabel").text("管点特征");
$(".up-pipe").hide();
$(".below").addClass("hidden");
$("#pipeDepthLabel").text("特征点埋深");
$(".pipeOnly").hide();
} else {//交叉穿越点
$("#pipeTypeLabel").text("上层管种类");
$(".up-pipe").show();
$("#pipeDiameterLabel").text("上层管直径");
$("#pipeMaterialLabel").text("上层管材料");
$(".below").removeClass("hidden");
$("#pipeDepthLabel").text("上层管埋深");
$(".pipeOnly").hide();
}
}
function editFormInit() {
doChange();
$("#selectObjectType").live("change", function (e) {
doChange();
})
}
function editPhotoInit(photos) {
console.log(photos);
console.log($('#context').val())
console.log(window.location.host)
var imgs = photos.split(",")
for(var i=0;i<imgs.length;i++){
var imgId = "img" + (i+1);
var path = "http://"+window.location.host+ $('#context').val()+ imgs[i]
console.log(path);
$("#"+imgId).attr('src',path);
}
}
function serializeJson(form) {
var arr = form.serializeArray();
var json ={};
$.each(arr, function() {
json[this.name] = this.value;
});
return JSON.stringify(json);
}
return {
initForms: function () {
editFormInit();
editPhotoInit($("#photo").val());
var form = $('#submit_form');
var error = $('.alert-error', form);
var success = $('.alert-success', form);
$('#cancelBtn').live('click', function (e) {
location.href = $("#context").val() + "/content/marker/marker-info-list.jsp";
});
// 选择图片并预览
$('input#file1').on('change',function () {
var file1 = $('#file1').get(0).files[0];
console.log(file1);
var reader = new FileReader();
reader.readAsDataURL(file1);
reader.onload = function (e){
$('#img1').get(0).src = e.target.result;
}
});
$('input#file2').on('change',function () {
var file2 = $('#file2').get(0).files[0];
console.log(file2);
var reader = new FileReader();
reader.readAsDataURL(file2);
reader.onload = function (e){
$('#img2').get(0).src = e.target.result;
}
});
$('input#file3').on('change',function () {
var file3 = $('#file3').get(0).files[0];
console.log(file3);
var reader = new FileReader();
reader.readAsDataURL(file3);
reader.onload = function (e){
$('#img3').get(0).src = e.target.result;
}
});
// 点击图片放大
$('#img1').click(function(){
var source = $("#img1")[0].src;
$("#ShowImage_Form").find("#img_show").html("<image src='"+source+"' class='carousel-inner img-responsive img-rounded' />");
$("#ShowImage_Form").modal();
});
$('#img2').click(function(){
var source = $("#img2")[0].src;
$("#ShowImage_Form").find("#img_show").html("<image src='"+source+"' class='carousel-inner img-responsive img-rounded' />");
$("#ShowImage_Form").modal();
});
$('#img3').click(function(){
var source = $("#img3")[0].src;
$("#ShowImage_Form").find("#img_show").html("<image src='"+source+"' class='carousel-inner img-responsive img-rounded' />");
$("#ShowImage_Form").modal();
});
form.validate({
doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
errorElement: 'span', //default input error message container
errorClass: 'validate-inline', // default input error message class
focusInvalid: false, // do not focus the last invalid input
rules: {
name: {
required: true
}
},
messages: { // custom messages for radio buttons and checkboxes
name: {
required: "资源名称不能为空！"
}
},
errorPlacement: function (error, element) { // render error placement for each input type
error.insertAfter(element); // for other inputs, just perform default behavoir
},
invalidHandler: function (event, validator) { //display error alert on form submit
success.hide();
error.show();
App.scrollTo(error, -200);
},
highlight: function (element) { // hightlight error inputs
$(element)
.closest('.help-inline').removeClass('ok'); // display OK icon
$(element)
.closest('.control-group').removeClass('success').addClass('error'); // set error class to the control group
},
unhighlight: function (element) { // revert the change dony by hightlight
$(element)
.closest('.control-group').removeClass('error'); // set error class to the control group
},
success: function (label) {
label
.addClass('valid ok') // mark the current input as valid and display OK icon
.closest('.control-group').removeClass('error').addClass('success'); // set success class to the control group
},
submitHandler: function (form) {
var formData = new FormData();
formData.append('fileBuffer1', $('#file1')[0].files[0]);
formData.append('fileBuffer2', $('#file2')[0].files[0]);
formData.append('fileBuffer3', $('#file3')[0].files[0]);
formData.append('jsonMarker',serializeJson($('#submit_form')));
console.log(formData.get("fileBuffer1"));
console.log(formData.get("fileBuffer2"));
console.log(formData.get("fileBuffer3"));
//add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
$.ajax({
type: "POST",
url: $('#context').val() + "/marker/marker-info-photo.do",
// dataType:'json',
//TODO LIST：按条件查询服务器数据
// data: JSON.stringify($('#submit_form').serialize()),
// data: $('#submit_form').serialize(),
data: formData,
contentType: false,
processData: false,
success: function (data) {
var jData = eval(data);
if (jData.success) {
location.href = $("#context").val() + "/content/marker/marker-info-list.jsp";
}
else {
success.hide();
$("#errorMessage").html(jData.message);
error.show();
}
},
error: function (request) {
success.hide();
error.show();
}
});
}
});
$('#cancek_btn').live("click", function (e) {
location.href = $("#context").val() + "/content/marker/marker-info-list.jsp";
})
}
};
}();
