portal html css js resource

teamList.js 9.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  1. $(function() {
  2. $(".onlogin .headnavbtn li.mywork").addClass("navcurrent");
  3. $(".workmenu>ul>li:contains('团队')").addClass("nowLi");
  4. loginStatus(); //判断个人是否登录
  5. valUser();
  6. var userid = $.cookie("userid");
  7. $(".createTeam").on("click",function(){
  8. $(".questionCover").fadeIn();
  9. $("body").css("position", "fixed");
  10. })
  11. $("#workclose,#btnCancel").on("click",function(){
  12. $(".questionCover").fadeOut();
  13. $("body").css("position", "");
  14. })
  15. $('.worksamlltit').on('click',function(){
  16. $('.worksamlltit').removeClass('worksamlltitnow')
  17. $(this).addClass('worksamlltitnow')
  18. var st = $(this).attr("data-status")
  19. articalList(10, 1, true, st);
  20. })
  21. var imgStr=[];
  22. var uploader =new WebUploader.create({
  23. auto: true,
  24. fileNumLimit: 2,
  25. swf: '../js/webuploader/Uploader.swf',
  26. server: '../ajax/team/upload',
  27. fileSingleSizeLimit: 2 * 1024 * 1024,
  28. pick: {
  29. id: "#filePicker",
  30. multiple: false
  31. },
  32. accept: {
  33. title: 'Images',
  34. extensions: 'jpg,jpeg,png',
  35. mimeTypes: 'image/jpg,image/jpeg,image/png'
  36. }
  37. });
  38. // 当有文件添加进来的时候
  39. uploader.on('fileQueued', function(file) {
  40. fileId = file.id;
  41. var $len = $("#fileList").find("img").length;
  42. if($len == 0 || $len == 1) {
  43. var oRemove = $("#fileList").find("dd");
  44. oRemove.eq(oRemove.length - 1).remove();
  45. }
  46. var $li = $(
  47. '<dd>' +
  48. '<div class="imgItem" id="' + file.id + '">'+
  49. '<img />' +
  50. '</div>'+
  51. '</dd>'
  52. ),
  53. $btns = $('<div class="file-panel">' +
  54. '<span class="cancel"></span>' +
  55. '</div>').appendTo($li),
  56. $img = $li.find('img');
  57. var $list = $("#fileList");
  58. if($len == 1) {
  59. $list.find("dd").eq(0).after($li)
  60. } else if($len == 2) {
  61. $list.find("dd").eq(1).after($li)
  62. } else {
  63. $list.prepend($li);
  64. }
  65. // 创建缩略图
  66. // 如果为非图片文件,可以不用调用此方法。
  67. // thumbnailWidth x thumbnailHeight 为 100 x 100
  68. uploader.makeThumb(file, function(error, src) {
  69. if(error) {
  70. $img.replaceWith('<span>不能预览</span>');
  71. return;
  72. }
  73. $img.attr('src', src);
  74. }, 1, 1);
  75. });
  76. uploader.onError = function(code) {
  77. if(code=="F_EXCEED_SIZE"){
  78. $.MsgBox.Alert('提示', '请上传jpg、jpeg、png格式的图片,大小不超过2M')
  79. }
  80. };
  81. uploader.on('uploadSuccess', function(file, data) {
  82. if(data.success) {
  83. uploader.removeFile(fileId);
  84. //console.log(data)
  85. imgStr.push(data.data[0].uri);
  86. $("#fileList").parents(".postUl").find(".frmconmsg").hide()
  87. }else{
  88. $.MsgBox.Alert('提示', '只支持jpeg/jpg/png格式的图片');
  89. }
  90. });
  91. /*删除图片*/
  92. $("#fileList").on("click", ".cancel", function() {
  93. var flag=$(this).attr("flag");
  94. var oNum=$(this).parents("dd").index();
  95. if(flag==1) {
  96. array.splice(oNum,1);
  97. }else{
  98. imgStr.splice(oNum,1);
  99. }
  100. $(this).parent().parent().remove();
  101. var $len = $("#fileList").find("img").length;
  102. if($len != 2) {
  103. $("#fileList").append("<dd></dd>")
  104. }
  105. });
  106. $("#teamName,#teamOrgName").bind({
  107. focus: function() {
  108. $(this).parents(".postUl").find(".frmconmsg").show();
  109. },
  110. blur: function() {
  111. $(this).parents(".postUl").find(".frmconmsg").hide();
  112. }
  113. })
  114. function test() {
  115. var teamName=$("#teamName").val();
  116. var teamOrgName=$("#teamOrgName").val();
  117. if (teamName.length === 0) {
  118. $("#teamName").parents(".postUl").find(".frmconmsg").show().text("请填写团队名称");
  119. $("#teamName").parents(".postUl").find(".frmcontype").css("border-color","#e03b43");
  120. return;
  121. }
  122. if(teamName.length>50) {
  123. $("#teamName").parents(".postUl").find(".frmconmsg").show().text("不可超过50个字");
  124. $("#teamName").parents(".postUl").find(".frmcontype").css("border-color","#e03b43");
  125. return;
  126. }
  127. if (teamOrgName.length === 0) {
  128. console.log(teamOrgName.length)
  129. $("#teamOrgName").parents(".postUl").find(".frmconmsg").show().text("请填写团队所属机构");
  130. $("#teamOrgName").parent().css("border-color","#e03b43");
  131. return;
  132. }
  133. if($("#oprovince").text() == "请选择省/直辖市") {
  134. $("#Province").parents(".postUl").find(".frmconmsg").show().text("请选择省/直辖市");
  135. $("#Province").parent().css("border-color","#e03b43");
  136. return;
  137. }
  138. if($("#ocity").text() == "请选择城市") {
  139. $("#City").parents(".postUl").find(".frmconmsg").text("请选择城市");
  140. $("#City").parent().css("border-color","#e03b43");
  141. return;
  142. }
  143. if(imgStr.length === 0) {
  144. $("#fileList").parents(".postUl").find(".frmconmsg").show().text("至少上传一张团队材料");
  145. $("#fileList").parent().css("border-color","#e03b43");
  146. return;
  147. }
  148. return 1;
  149. }
  150. //发布
  151. $("#pubSte").on("click",function(){
  152. test()
  153. if (!test()) {
  154. return
  155. }
  156. var teamName=$("#teamName").val();
  157. var teamOrgName=$("#teamOrgName").val();
  158. var teamProvince=$("#oprovince").text();
  159. var teamCity=$("#ocity").text();
  160. var dataSt={
  161. name: teamName,
  162. orgName: teamOrgName,
  163. province: teamProvince,
  164. city: teamCity,
  165. certify: imgStr.join(","),
  166. secretary: userid
  167. }
  168. $.ajax({
  169. url:'/ajax/team/apply',
  170. data: dataSt,
  171. dataType: 'json',
  172. traditional: true,
  173. type: 'POST',
  174. success: function(data) {
  175. if(data.success) {
  176. $(".questionCover").fadeOut();
  177. $("body").css("position", "");
  178. var $len = $("#fileList").find("img").length;
  179. for(var i=0;i<$len;i++) {
  180. $("#fileList").find(".imgItem").parent().remove()
  181. $("#fileList").append("<dd></dd>")
  182. }
  183. $(".queStep").find("input").val("")
  184. $.MsgBox.Alert("提示","创建团队的申请已经发送,请耐心等待审核结果");
  185. $("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
  186. $('.worksamlltit').removeClass('worksamlltitnow')
  187. $('.worksamlltit:nth-child(2)').addClass('worksamlltitnow')
  188. articalList(10, 1, true, 1);
  189. }
  190. }
  191. });
  192. })
  193. articalList(10, 1, true, 3);
  194. //退出
  195. $("#articalList").on("click", ".closeThis", function() {
  196. var _this = this;
  197. $.MsgBox.Confirm("提示", "确认退出该团队?", function() {
  198. newsDelet(_this);
  199. })
  200. })
  201. //管理
  202. $("#articalList").on("click", ".delayThis", function() {
  203. var dId = $(this).parents(".newbox").attr("data-id");
  204. location.href="teamManage.html?id="+dId
  205. })
  206. });
  207. function articalList(pageSize, pageNo, isbind, status) {
  208. var $data = {};
  209. $data.professor = userid;
  210. $data.status = status;
  211. $data.pageSize = pageSize;
  212. $data.pageNo = pageNo;
  213. $.ajax({
  214. "url": "/ajax/team/myTeam",
  215. "type": "get",
  216. "async": false,
  217. "data": $data,
  218. "beforeSend": function() {
  219. $("#articalList").append('<img src="../images/loading.gif" class="loading" />');
  220. },
  221. "success": function(data) {
  222. if(data.success && data.data.data != "") {
  223. var itemlist = '';
  224. $("#articalList").html("");
  225. $("#noartical").addClass("displayNone");
  226. $(".tcdPageCode").css("display", "block");
  227. for(var i = 0; i < data.data.data.length; i++) {
  228. var li = '<li class="newbox draftList"><a class="newurl">', li2 = '', li3 = '',li4 = ''
  229. if(data.data.data[i].status == 3) {
  230. li = '<li class="newbox"><a href="teamInfoShow.html?id='+data.data.data[i].id+'" target="_blank" class="newurl">';
  231. li3 = ' <small> 团队人数 <span class="teamCount"></span>人</small>'
  232. if (userid === data.data.data[i].secretary) {
  233. li4 += '<li><span class="delayThis">管理团队</span></li>';
  234. } else {
  235. li4 += '<li><span class="closeThis">退出团队</span></li>';
  236. }
  237. } else if(data.data.data[i].status == 1) {
  238. li2 = '<li><span style="color:#ec801a">待审核</span></li>';
  239. } else if(data.data.data[i].status == 2) {
  240. li2 = '<li><span style="color:#e20000">未通过</span></li>';
  241. }
  242. var itemlist = li;
  243. itemlist += '<div class="madiaInfo">';
  244. itemlist += '<p class="h1Font ellipsisSty">'+ data.data.data[i].name;
  245. itemlist += li3 + '</p>';
  246. itemlist += '<ul class="showliTop h2Font clearfix">'
  247. itemlist += '<li><span>'+ data.data.data[i].city +'</span></li>'
  248. itemlist += '<li><span>'+ data.data.data[i].orgName +'</span></li>'
  249. itemlist += li2+'</ul>';
  250. itemlist += '</div></a>';
  251. itemlist += '<ul class="madiaEdit">'
  252. itemlist += li4;
  253. itemlist += '</ul></li>';
  254. $itemlist = $(itemlist);
  255. $("#articalList").append($itemlist);
  256. var datalist = data.data.data[i];
  257. $itemlist.attr("data-id", datalist.id);
  258. $itemlist.find("#arttitle").text(datalist.name);
  259. teamProCount(data.data.data[i].id, $itemlist)
  260. }
  261. //分页
  262. if(isbind == true) {
  263. $(".tcdPageCode").createPage({
  264. pageCount: Math.ceil(data.data.total / 10),
  265. current: data.data.pageNo,
  266. backFn: function(p) {
  267. $("#articalList").html("");
  268. articalList(10, p, false, 1);
  269. document.body.scrollTop = document.documentElement.scrollTop = 0;
  270. }
  271. });
  272. }
  273. } else {
  274. $("#articalList").html("");
  275. $("#noartical").removeClass("displayNone");
  276. $(".noContip").text("暂无专家团队");
  277. $(".tcdPageCode").css("display", "none");
  278. }
  279. $(".loading").remove();
  280. },
  281. "error": function() {
  282. $.MsgBox.Alert('提示', '链接服务器超时')
  283. }
  284. });
  285. }
  286. /*退出*/
  287. function newsDelet(_this) {
  288. var dId = $(_this).parents(".newbox").attr("data-id");
  289. $.ajax({
  290. "url": "/ajax/team/quit",
  291. "type": "POST",
  292. "dataType": "json",
  293. "data": {
  294. "id": dId,
  295. "professor": userid
  296. },
  297. "success": function($data) {
  298. if($data.success) {
  299. articalList(10, 1, true, 1);
  300. }
  301. }
  302. })
  303. }
  304. function teamProCount(id, $list) {
  305. $.ajax({
  306. "url": "/ajax/team/pro/count",
  307. "type": "GET",
  308. "dataType": "json",
  309. "data": {
  310. "id": id
  311. },
  312. "success": function($data) {
  313. if($data.success) {
  314. $list.find('.teamCount').text($data.data)
  315. }
  316. }
  317. })
  318. }