Bladeren bron

代码提交

dev01 3 jaren geleden
bovenliggende
commit
706d4c61d0
6 gewijzigde bestanden met toevoegingen van 260 en 1 verwijderingen
  1. 0 0
      src/css/eventPlanning.css
  2. 1 1
      src/css/newMenu/header.css
  3. 230 0
      src/js/eventPlanning.js
  4. 23 0
      src/js/public.js
  5. 1 0
      template/portal/index.html
  6. 5 0
      webpack/entry.config.js

+ 0 - 0
src/css/eventPlanning.css


+ 1 - 1
src/css/newMenu/header.css

@@ -57,7 +57,7 @@
     margin-left: 6px;
 }
 .header div>div.APP{float:left;position: relative;cursor: pointer;padding: 0 10px;}
-div.APP>div.xialaewm{width:240px;height:120px;position: absolute;margin-left:-10px;float: none;padding: 10px;
+div.APP>div.xialaewm{height:120px;position: absolute;margin-left:-10px;float: none;padding: 10px;
 display:none;justify-content: space-between;background-color: #fff;z-index: 100;text-align: center;}
 div.APP>div.xialaewm>div{margin-left:0px;vertical-align: auto;}
 div.APP:hover>div.xialaewm{display:flex;}

+ 230 - 0
src/js/eventPlanning.js

@@ -0,0 +1,230 @@
+window.onload = function () {
+  $.ajax({
+    method: "get",
+    dataType: "json",
+    url: "/open/getEventPlanningList",
+    data: {
+      pageSize: 10,
+      pageNo: 1
+    },
+    success: function (data) {
+      console.log(data);
+      if (data.error && data.error.length) {
+        alert("数据加载失败,请刷新页面");
+      } else {
+        $.each(data.data.list, function (index, item) {
+          console.log(index, item);
+          // 新闻列表
+          let part = `<li>
+        <a href="javascript:;">
+          <div class="newslist_img"><img src="${globalConfig.avatarUploadHost + item.pictureUrl}" alt=""></div>
+          <div class="newslist_content">
+            <h6 class="title">${item.title}</h6>
+            <div class="date">${item.createTimes}</div>
+            <p class="content">${item.content}</p>
+          </div>
+        </a>
+        </li>`
+          $(".app .newslist").prepend(part)
+          $(".app .newslist li .newslist_img").css({
+            "float": "left",
+            "width": "345px",
+            "height": "200px"
+          })
+          $(".app .newslist li .newslist_img img").css({
+            "width": "345px",
+            "height": "200px"
+          })
+          $(".app .newslist li .newslist_content").css({
+            "float": "left",
+            "width": "735px",
+            "margin-left": "70px",
+            "height": "200px"
+          })
+          $(".app .newslist li .newslist_content .title").css({
+            "color": "#333",
+            "font-size": "24px"
+          })
+          $(".app .newslist li .newslist_content .date").css({
+            "color": "#666",
+            "font-size": "17px",
+            "margin": "12px 0"
+          })
+          $(".app .newslist li .newslist_content .content").css({
+            "color": "#666",
+            "display": "-webkit-box",
+            "-webkit-box-orient": "vertical",
+            "-webkit-line-clamp": "6",
+            "overflow": "hidden"
+          })
+          $(".app .newslist li").css({
+            "width": "1250px",
+            "height": "272px",
+            "padding": "36px 50px",
+            "transition": "all .36s ease",
+            "position": "relative",
+            "top": "0",
+            "left": "0"
+          })
+        })
+
+        // 页码
+        let page = `<div class="page_ctrl">
+            <span class="page_total">共 ${Math.ceil(data.data.totalCount/10)} 页</span>
+            <button class="prev_page"><</button>
+            <button class="">></button>
+            <span class="page_total">到第</span>
+            <input class="input_page_num" type="text">
+            <span class="page_total">页</span>
+            <button>确定</button>
+          </div>`
+        let pagebtn = 
+
+        $(".app .page_1").prepend(page)
+        $(".app .page_1").css({"margin": "40px 0"})
+        $(".app .page_1 .page_ctrl").css({
+          "text-align": "center",
+          "margin": "10px auto",
+          "box-sizing": "border-box"
+        })
+        $(".app .page_1 .page_ctrl .page_total").css({
+          "font-size" : "15px",
+          "color": "#999"
+        })
+        $(".app .page_1 .page_ctrl .prev_page").css({
+          "cursor": "default",
+          "opacity": ".7",
+          "background": "#eee",
+          "color": "#616161",
+          "border": "1px solid #999999"
+       })
+       $(".app .page_ctrl button,.app .input_page_num").css({
+        "font-size": "12px",
+        "width": "32px",
+        "height": "32px",
+        "line-height": "32px",
+        "background": "#ffffff",
+        "border-radius": "25px",
+        "color": "#999999",
+        "cursor": "pointer",
+        "outline": "none",
+        "text-align": "center",
+        "margin": "0 6px",
+        "margin-bottom": "16px",
+        "border" : "1px solid #000"
+       })
+      }
+    }
+  })
+
+
+}
+
+// function page_ctrl(data_obj) {
+//   //分页元素
+//   var obj_box = (data_obj.obj_box !== undefined) ? data_obj.obj_box : function() { return; };
+//   //总共数据条数
+//   var total_item = (data_obj.total_item !== undefined) ? parseInt(data_obj.total_item) : 0;
+//   //每页显示数据条数
+//   var per_num = (data_obj.per_num !== undefined) ? parseInt(data_obj.per_num) : 5;
+//   //当前页数
+//   var current_page = (data_obj.current_page !== undefined) ? parseInt(data_obj.current_page) : 1;
+//   //总页数
+//   var total_page = Math.ceil(total_item / per_num);
+//   // if (total_page < 2) { return; }
+//   //插入放数据的div
+//   $(obj_box).html('<div class="page_content"></div>');
+
+//   //插入放页码的div
+//   $(obj_box).html('<div class="page_ctrl"></div>');
+
+//   $('.page_activitiesPage').css({display:'none'});    //首次进入隐藏翻页组件
+
+//   function page_even() {
+//       //只能传达数字
+//       var regPos = /^\d+$/;
+//       //如果当前页数不是数字
+//       if (regPos.test(current_page)) {
+//           current_page = current_page < 1 ? 1 : (current_page > total_page ? total_page : current_page);
+//       } else {
+//           current_page = 1;
+//       }
+//       //调用 回调函数
+//       data_obj.change_content(per_num, current_page);
+//       var inp_val = (current_page == total_page) ? 1 : current_page;
+//       //分页div前半部分
+//       var append_html = '<span class="page_total">共 ' + total_page + ' 页</span><button class="iconfont icon-xiangzuo prev_page"></button>';
+//       //页码数量
+//       for (var i = 0; i < total_page - 1; i++) {
+//           if (total_page > 8 && current_page > 6 && i < current_page - 3) {
+//               if (i < 2) {
+//                   append_html += '<button class="page_num">' + (i + 1) + '</button>';
+//               } else if (i == 2) {
+//                   append_html += '<span class="page_dot">...</span>';
+//               }
+//           } else if (total_page > 8 && current_page < total_page - 3 && i > current_page + 1) {
+//               if (current_page > 6 && i == current_page + 2) {
+//                   append_html += '<span class="page_dot">...</span>';
+//               } else if (current_page < 7) {
+//                   if (i < 8) {
+//                       append_html += '<button class="page_num">' + (i + 1) + '</button>';
+//                   } else if (i == 8) {
+//                       append_html += '<span class="page_dot">...</span>';
+//                   }
+//               }
+//           } else {
+//               if (i == current_page - 1) {
+//                   append_html += '<button class="page_num current_page">' + (i + 1) + '</button>';
+//               } else {
+//                   append_html += '<button class="page_num">' + (i + 1) + '</button>';
+//               }
+//           }
+//       }
+//       //生成最后一页
+//       if (current_page == total_page) {
+//           append_html += '<button class="page_num current_page">' + (i + 1) + '</button>';
+//       } else {
+//           append_html += '<button class="page_num">' + (i + 1) + '</button>';
+//       }
+//       //分页div后半部分
+//       append_html += '<button class="iconfont icon-xiangyou next_page"></button><span class="page_total">到第</span><input class="input_page_num" type="text" ><span class="page_text">页</span><button class="to_page_num">确定</button>';
+//       $(obj_box).children('.page_ctrl').append(append_html);
+//       //左右分页按钮监控
+//       if (current_page == 1) {
+//           $(obj_box + ' .page_ctrl .prev_page').attr('disabled', 'disabled').addClass('btn_dis');
+//       } else {
+//           $(obj_box + ' .page_ctrl .prev_page').removeAttr('disabled').removeClass('btn_dis');
+//       }
+//       if (current_page == total_page) {
+//           $(obj_box + ' .page_ctrl .next_page').attr('disabled', 'disabled').addClass('btn_dis');
+//       } else {
+//           $(obj_box + ' .page_ctrl .next_page').removeAttr('disabled').removeClass('btn_dis');
+//       }
+//   };
+//   page_even();
+//   //给按钮绑定点击事件
+//   $(obj_box + ' .page_ctrl').on('click', 'button', function() {
+//       var that = $(this);
+//       if (that.hasClass('prev_page')) {
+//           if (current_page != 1) {
+//               current_page--;
+//               that.parent('.page_ctrl').html('');
+//               page_even();
+//           }
+//       } else if (that.hasClass('next_page')) {
+//           if (current_page != total_page) {
+//               current_page++;
+//               that.parent('.page_ctrl').html('');
+//               page_even();
+//           }
+//       } else if (that.hasClass('page_num') && !that.hasClass('current_page')) {
+//           current_page = parseInt(that.html());
+//           that.parent('.page_ctrl').html('');
+//           page_even();
+//       } else if (that.hasClass('to_page_num')) {
+//           current_page = parseInt(that.siblings('.input_page_num').val());
+//           that.parent('.page_ctrl').html('');
+//           page_even();
+//       }
+//   });
+// }

+ 23 - 0
src/js/public.js

@@ -589,5 +589,28 @@ window.onload=function(){
 		$('.carousel-control').css({'height':(imgH)+'px','line-height':(imgH)+'px'})
 	}
 	//bannerFun();
+
+	// $('.technology .technology_login').click(function() {
+	// 	console.log(111);
+	// 	console.log(window.location.pathname);
+	// 	window.location.pathname = 'portal/evaluation/evaluate'
+	// })
+
+	$('.technology .technology_login').click(function() {
+		let loginTxt=$('.head_login')[0];
+		if(loginTxt&&($(loginTxt).text())=='登录'){
+				$('.head_login').click();
+				window.location.hash='jump';
+				return false;
+		}else{
+				if(window.adminData&&window.adminData.mobile){
+						msg('账号不正确,请退出重新登入。') 
+						return;
+				} 
+				window.location.href= globalConfig.context+'/user/account/index.html#/demand';
+		}
+	})
+
+
 };
 

+ 1 - 0
template/portal/index.html

@@ -12,6 +12,7 @@
     <link rel="stylesheet" href="../../src/css/newMenu/header.css">
     <link rel="stylesheet" href="../../src/css/newMenu/index.css">
     <link rel="stylesheet" href="../../src/css/inded.css">
+		<link rel="stylesheet" href="../../src/css/eventPlanning.css">
 </head>
 <body>
 	<div class="header">

+ 5 - 0
webpack/entry.config.js

@@ -1,6 +1,7 @@
 module.exports = {
     prod: {
         'index': './src/js/newMenu/index.js',
+        'eventPlanning': './src/jseventPlanning.js',
         'search': './src/js/search.js',
         'aboutUs': './src/js/aboutUs.js',
         'contactUs': './src/js/contactUs.js',
@@ -58,6 +59,10 @@ module.exports = {
             'webpack/hot/only-dev-server',
             './src/js/newMenu/index.js'
         ],
+        'eventPlanning': ['webpack-dev-server/client?http://192.168.1.190', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/eventPlanning.js'
+        ],
         'search': ['webpack-dev-server/client?http://192.168.1.190', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/search.js'