|
$(document).ready(function() {
var resourceId = GetQueryString("resourceId");
if(resourceId) {
$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
getRecourceMe();
}
//loginStatus(); //判断个人是否登录
var userid = $.cookie("userid");
var temp = [];
var array = [];
ue = UE.getEditor('editor', {});
/*获取资源信息*/
function getRecourceMe() {
$.ajax({
"url": "/ajax/resource/queryOne",
"type": "GET",
"success": function(data) {
console.log(data);
if(data.success) {
resourceHtml(data.data);
}
},
"data": {
"resourceId": resourceId
},
dataType: "json",
'error': function() {
$.MsgBox.Alert('提示', '服务器连接超时！');
}
});
}
/*处理资源html代码*/
function resourceHtml($da) {
$("#resourceName").val($da.resourceName); //名字
$("#application").val($da.supportedServices); //应用用途
if($da.editProfessor.orgName) { //所属机构
$("#organizationName").val($da.editProfessor.orgName);
}
if($da.spec) { //厂商型号
$("#modelNumber").val($da.spec);
}
if($da.parameter) { //性能参数
$("#performancePa").val($da.parameter);
}
if($da.cooperationNotes) { //合作备注
$("#remarkContent").val($da.cooperationNotes);
}
if($da.subject) {
var oSub = $da.subject.split(",");
var oSt = "";
for(var i = 0; i < oSub.length; i++) {
oSt += '<li><p class="h2Font">' + oSub[i] + '</p><div class="closeThis"></div></li>'
}
$("#keywordList").html(oSt);
} else {
$("#keywordList").html("");
}
if($da.descp) { //编辑器
ue.ready(function() {
ue.setContent($da.descp);
});
}
if($da.images.length) {
var arr = [];
for(var i = 0; i < $da.images.length; i++) {
var oString = '<dd>' +
'<div class="imgItem">' +
'<img src="' + "/data/resource/" + $da.images[i].imageSrc + '"/>' +
'</div>' +
'<div class="file-panel">' +
'<span class="cancel" flag=1></span>' +
'</div>' +
'</dd>'
arr[i] = oString;
array[i] = $da.images[i].imageId;
}
$("#fileList dd").eq(2).remove();
if($da.images.length == 1) {
$("#fileList").prepend(arr[0]);
} else if($da.images.length == 2) {
$("#fileList dd").eq(1).remove();
$("#fileList").prepend(arr[1]);
$("#fileList").prepend(arr[0]);
} else if($da.images.length == 3) {
$("#fileList dd").eq(1).remove();
$("#fileList").prepend(arr[2]);
$("#fileList").prepend(arr[1]);
$("#fileList").prepend(arr[0]);
}
}
}
var uploader = WebUploader.create({
auto: true,
fileNumLimit: 3,
swf: '../js/webuploader/Uploader.swf',
server: '../ajax/cachedFileUpload',
fileSingleSizeLimit: 2 * 1024 * 1024,
pick: {
id: "#filePicker",
multiple: false
},
accept: {
title: 'Images',
extensions: 'jpg,jpeg,png',
mimeTypes: 'image/jpg,image/png'
}
});
// 当有文件添加进来的时候
uploader.on('fileQueued', function(file) {
fileId = file.id;
var $len = $("#fileList").find("img").length;
if($len == 0 || $len == 1) {
var oRemove = $("#fileList").find("dd");
oRemove.eq(oRemove.length - 1).remove();
}
var $li = $(
'<dd>' +
'<div class="imgItem" id="' + file.id + '">' +
'<img />' +
'</div>' +
//'<div class="info">' + file.name + '</div>' +
'</dd>'
),
$btns = $('<div class="file-panel">' +
'<span class="cancel"></span>' +
'</div>').appendTo($li),
$img = $li.find('img');
var $list = $("#fileList");
if($len == 1) {
$list.find("dd").eq(0).after($li)
} else if($len == 2) {
$list.find("dd").eq(1).after($li)
} else {
$list.prepend($li);
}
// 创建缩略图
// 如果为非图片文件，可以不用调用此方法。
// thumbnailWidth x thumbnailHeight 为 100 x 100
uploader.makeThumb(file, function(error, src) {
if(error) {
$img.replaceWith('<span>不能预览</span>');
return;
}
$img.attr('src', src);
}, 1, 1);
/*$li.on('mouseenter', function() {
$btns.stop().animate({
height: 30
});
});
$li.on('mouseleave', function() {
$btns.stop().animate({
height: 0
});
});*/
});
uploader.onError = function(code) {
console.log(code)
$.MsgBox.Alert('提示', '请上传jpg、png格式的图片，大小不超过2M')
};
uploader.on('uploadSuccess', function(file, data) {
uploader.removeFile(fileId);
var cacheImageKey = temp.push(data.data[0].cacheKey);
});
/*删除图片*/
$("#fileList").on("click", ".cancel", function() {
var flag = $(this).attr("flag");
var oNum = $(this).parents("dd").index();
if(flag == 1) {
array.splice(oNum, 1);
} else {
temp.splice(oNum, 1);
}
$(this).parent().parent().remove();
var $len = $("#fileList").find("img").length;
if($len != 2) {
$("#fileList").append("<dd></dd>")
}
});
/*资源名称*/
$("#resourceName").bind({
focus: function() {
$("#resourceNamePrompt").show();
},
blur: function() {
$("#resourceNamePrompt").hide();
},
keyup: function() {
if($(this).val().length > 30) {
$(this).val($(this).val().substr(0, 30));
}
}
})
/*关键词*/
$("#keywordName").bind({
focus: function() {
$("#keywordPrompt").show();
$("#keyList").show();
},
blur: function() {
$("#keywordPrompt").hide();
setTimeout(function() {
$("#keyList").show();
}, 200)
},
keyup: function() {
if($(this).val().length > 10) {
$(this).val($(this).val().substr(0, 10));
} else if(0 < $(this).val().length < 10) {
$.ajax({
"url": "/ajax/dataDict/qaHotKey",
"type": "GET",
"success": function(data) {
console.log(data);
if(data.success) {
if(data.data == null) {
$("#keyList ul").html("");
} else {
var oSr = "";
for(var i = 0; i < data.data.length; i++) {
oSr += '<li><p class="h2Font">' + data.data[i].name + '</p></li>'
}
$("#department ul").html(oSr);
}
}
},
"data": {
"key": $(this).val(),
rows: 3
},
dataType: "json",
'error': function() {
$.MsgBox.Alert('提示', '服务器连接超时！');
}
});
}
}
})
/*添加关键词*/
$("#addKeyword").click(function() {
var oKeywordName = $("#keywordName").val();
var keywordListLength = $("#keywordList").find("li");
if(oKeywordName.length == 0) {
$.MsgBox.Alert('提示', '关键词输入不能为空');
return;
}
for(var i = 0; i < keywordListLength.length; i++) {
if(oKeywordName == keywordListLength.find("p").eq(i).text()) {
$.MsgBox.Alert('提示', '该关键词已存在');
return;
}
}
var oStr = '<li><p class="h2Font">' + oKeywordName + '</p><div class="closeThis"></div></li>'
$("#keywordList").append(oStr);
$("#keywordName").val("");
if((keywordListLength.length + 1) == 5) {
$("#keywordHide").hide();
}
})
/*删除关键词*/
$("#keywordList").on("click", ".closeThis", function() {
$(this).parent().remove();
var keywordListLength = $("#keywordList").find("li");
if(keywordListLength.length < 5) {
$("#keywordHide").show();
}
});
/*应用用途*/
$("#application").bind({
focus: function() {
$("#applicationPrompt").show();
},
blur: function() {
$("#applicationPrompt").hide();
},
keyup: function() {
if($(this).val().length > 50) {
$(this).val($(this).val().substr(0, 50));
}
}
})
/*所属机构*/
$("#organizationName").bind({
focus: function() {
$("#organization").show();
$("#department").show();
},
blur: function() {
$("#organization").hide();
setTimeout(function() {
$("#department").hide();
}, 100)
},
keyup: function() {
if($(this).val().length > 50) {
$(this).val($(this).val().substr(0, 50));
} else if(0 < $(this).val().length < 50) {
$.ajax({
"url": "/ajax/org/querylimit",
"type": "GET",
"success": function(data) {
console.log(data);
if(data.success) {
if(data.data == null) {
$("#department ul").html("");
} else {
addHtml(data.data);
}
}
},
"data": {
name: $(this).val(),
rows: 3
},
dataType: "json",
'error': function() {
$.MsgBox.Alert('提示', '服务器连接超时！');
}
});
}
}
})
function addHtml($html) {
var i = 0;
var oSum = "";
for(i in $html) {
var oImg = "";
console.log($html[i].hasOrgLogo)
if($html[i].hasOrgLogo) {
oImg = "/images/org/" + $html[i].id + ".jpg"
} else {
oImg = "../images/default-icon.jpg"
}
oSum += '<li class="orgList"><img src="' + oImg + '" class="floatL" /><p class="h2Font floatL">' + $html[i].name + '</p></li>'
}
$("#department ul").html(oSum);
}
$("#department ul").on("click", "li", function() {
$("#organizationName").val($(this).find("p").text());
$("#department ul").html("");
})
/*厂商型号*/
$("#modelNumber").bind({
focus: function() {
$("#model").show();
},
blur: function() {
$("#model").hide();
},
keyup: function() {
if($(this).val().length > 50) {
$(this).val($(this).val().substr(0, 50));
}
}
});
function para(sel1, sel2, sel3) {
$(sel1).bind({
focus: function() {
$(sel2).show();
},
blur: function() {
$(sel2).hide();
},
keyup: function(e) {
if($(this).val().length > 200) {
$(this).val($(this).val().substring(0, 200));
e.preventDefault();
}
setTimeout(function() {
$(sel3).text($(sel1).val().length);
}, 1);
}
});
}
/*性能参数*/
para("#performancePa", "#performance", "#entry1");
/*合作备注*/
para('#remarkContent', '#remark', '#entry2');
/*发布*/
$(".goFabu").click(function() {
var oYes = term();
if(oYes == 0) {
return;
}
$.MsgBox.Confirm("提示", "确认发布该资源？", ajsPost);
})
/*预览*/
$("#oPreview").click(function() {
var oYes = term();
if(oYes == 0) {
return;
}
ajsPost("/ajax/resource/draft", 1);
})
/*存草稿*/
$("#oDraft").click(function() {
var oYes = term();
if(oYes == 0) {
return;
}
ajsPost("/ajax/resource/draft", 2);
})
/*删除*/
$("#operateBlocko").on("click", ".deleteResource", function() {
$.MsgBox.Confirm("提示", "确认删除该资源？", deleResource);
})
/*删除函数*/
function deleResource() {
$.ajax({
"url": "/ajax/resource/delete",
"type": "POST",
"success": function(data) {
console.log(data)
if(data.success) {
location.href = "resourceList.html"
}
},
"data": {
"resourceId": resourceId
},
"beforeSend": function() { /*console.log(this.data)*/ },
"contentType": "application/x-www-form-urlencoded",
dataType: "json"
});
}
/*条件是否匹配*/
function term() {
var $len = $("#fileList").find("img").length;
var reName = $("#resourceName").val();
var oIndustry = $("#application").val();
if($len == 0) {
$.MsgBox.Alert('提示', '请上传资源图片。');
return 0;
}
if(reName == "") {
$.MsgBox.Alert('提示', '请输入资源名称。');
return 0;
}
if(oIndustry == "") {
$.MsgBox.Alert('提示', '请输入应用用途。');
return 0;
}
}
/*发布函数*/
function ajsPost(pa1, pa2) {
var oUrl = "/ajax/resource/save";
if(pa1) {
oUrl = pa1
}
var $data = {};
if(resourceId) {
$data.resourceId = resourceId;
}
$data.professorId = userid;
$data.resourceName = $("#resourceName").val(); //资源名字
$data.cooperationNotes = $("#remarkContent").val(); //合作备注
$data.subject = captiureSubInd("keywordList p");
console.log($data.subject);
$data.supportedServices = $("#application").val();
$data.orgName = $("#organizationName").val();
$data.spec = $("#modelNumber").val();
$data.parameter = $("#performancePa").val();
$data.descp = ue.getContent();
$data.fns = temp;
$data.imageIds = array;
//$data.imageIds:资源图片ID NULL 字符串数组
console.log(temp);
$.ajax({
"url": oUrl,
"type": "POST",
"success": function(data) {
console.log(data)
if(data.success) {
if(pa2 == 1) {
resourceId = data.data;
$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
window.open("resourcePreview.html?resourceId=" + data.data);
//弹出预览
} else if(pa2 == 2) {
$("#deleteResource").removeClass("disableLi").addClass("deleteResource");
resourceId = data.data;
$.MsgBox.Alert('提示', '资源已保存草稿。');
$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
} else {
$.MsgBox.Alert('提示', '资源发布成功！');
$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
location.href = "resourceList.html"
}
}
},
"data": $data,
"beforeSend": function() { /*console.log(this.data)*/ },
"contentType": "application/x-www-form-urlencoded",
"traditional": true,
dataType: "json"
});
}
function captiureSubInd(subIndu) {
var industrys = $("#" + subIndu + "");
var industryAll = "";
if(industrys.size() > 0) {
for(var i = 0; i < industrys.size(); i++) {
industryAll += industrys[i].innerText;
industryAll += ',';
};
industryAll = industryAll.substring(0, industryAll.length - 1);
}
return industryAll;
}
})
|
