portal html css js resource

resourceImport.js 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. $(document).ready(function(){
  2. $(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
  3. loginStatus(); //判断个人是否登录
  4. var userid = $.cookie("userid");
  5. var resourceId;
  6. /*资源列表查询*/
  7. function getRecourceMe(n,isbind) {
  8. var resourceNameVa=$("#resouceName").val();
  9. var $info={};
  10. $info.professorId=userid;
  11. $info.pageSize=10;
  12. if(resourceNameVa !="") {
  13. $info.key=resourceNameVa;
  14. }
  15. $info.pageNo=n;
  16. $.ajax({
  17. "url": "/ajax/resTmp/pq",
  18. "type": "GET",
  19. "success": function(data) {
  20. console.log(data)
  21. if(data.success) {
  22. $(".importUl").html("");
  23. if(data.data.data.length==0) {
  24. $("#noresource").removeClass("displayNone");
  25. return;
  26. }else{
  27. $("#noresource").addClass("displayNone");
  28. }
  29. resourceHtml(data.data.data);
  30. if(isbind == true) {
  31. $(".tcdPageCode").createPage({
  32. pageCount: Math.ceil(data.data.total / data.data.pageSize),
  33. current: data.data.pageNo,
  34. backFn: function(p) {
  35. getRecourceMe(p,false);
  36. }
  37. });
  38. }
  39. }
  40. },
  41. "data": $info,
  42. dataType: "json",
  43. 'error': function() {
  44. $.MsgBox.Alert('提示', '服务器连接超时!');
  45. }
  46. });
  47. }
  48. getRecourceMe(1,true);
  49. function resourceHtml($data) {
  50. for(var i = 0; i < $data.length; i++) {
  51. var imgSrc = "../images/default-resource.jpg";
  52. var oSpec="",orgName="",domain="";
  53. if($data[i].img) {
  54. imgSrc = "/data/resource/" + $data[i].img;
  55. }
  56. if($data[i].spec) {
  57. oSpec="厂商型号:"+$data[i].spec
  58. }
  59. if($data[i].orgName) {
  60. orgName="所属机构:"+$data[i].orgName;
  61. }
  62. if($data[i].domain) {
  63. domain="关键词:"+$data[i].domain;
  64. }
  65. var oString = '<li>' +
  66. '<a class="flexCenter">' +
  67. '<div class="madiaHead resouseHead" style="background-image: url('+imgSrc+');"></div>' +
  68. '<div class="madiaInfo">' +
  69. '<p class="h1Font ellipsisSty">'+$data[i].name+'</p>' +
  70. '<p class="h2Font ellipsisSty">'+oSpec+'</p>' +
  71. '<p class="h2Font ellipsisSty">'+orgName+'</p>' +
  72. '<p class="h2Font ellipsisSty">'+domain+'</p>' +
  73. '</div>' +
  74. '</a>' +
  75. '<div class="importBtn">' +
  76. '<span class="importSpan-1">导入</span>' +
  77. '<span class="importSpan-2">重新导入</span>' +
  78. '<span class="importSpan-3">已导入</span>' +
  79. '</div>' +
  80. '</li>'
  81. $(".importUl").append(oString);
  82. }
  83. }
  84. /*输入资源名称限制字数*/
  85. $("#resouceName").bind({
  86. keyup: function() {
  87. if($(this).val().length > 30) {
  88. $(this).val($(this).val().substr(0, 30));
  89. }
  90. }
  91. });
  92. /*点击搜索*/
  93. $(".searchSpan").click(function(){
  94. $(".tcdPageCode").remove();
  95. $(".aboutRes").append('<div class="tcdPageCode"></div>');
  96. getRecourceMe(1,true);
  97. })
  98. })