媒体矩阵-南岸发布模块增加

nngkxxdp/src/main/resources/static/mxt/css/index.css

@@ -71,6 +71,13 @@ li {
 	justify-content: space-between;
 }
 
+.nafb_box {
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
 .box-contanier>.box-item:nth-child(3) {
 	display: none;
 }
@@ -164,6 +171,13 @@ li {
 	position: relative;
 }
 
+.box_item {
+	width: 49%;
+	margin-top: 20px;
+	border: 1px solid #E3E3E3;
+	position: relative;
+}
+
 .text_top {
 	width: 230px;
 	height: 50px;
@@ -828,19 +842,23 @@ li {
 	margin-left: 10px;
 }
 
-.box-item .layui-laydate-main {
+.box_item .layui-laydate-main {
 	width: 562px !important;
 }
 
-.box-item .layui-laydate-content table {
+.box_item .layui-laydate-content table {
 	width: 100% !important;
 	height: 216px !important;
 }
 
-.box-item .layui-laydate, .box-item .layui-laydate-hint {
+.box_item .layui-laydate, .box_item .layui-laydate-hint {
 	box-shadow: none !important;
 }
 
-.box-item .layui-laydate, .box-item .layui-laydate-hint {
+.box_item .layui-laydate, .box_item .layui-laydate-hint {
 	border: 1px solid #E3E3E3 !important;
+}
+
+.layui-laydate .layui-this {
+	background-color: #2775CC !important;
 }

nngkxxdp/src/main/resources/static/mxt/js/index.js

@@ -30,6 +30,9 @@ function initPage() {
 	// 渲染BoxNav
 	renderBoxNav();
 
+	// 获取今天数据
+	getNAFBData(new Date().format("yyyy-MM-dd"));
+
 	$.ajax({
 		type: 'GET',
 		url: '/article/getAllOfficialAccount',
@@ -249,6 +252,63 @@ $(".box-nav").on('click', 'li', function() {
 	// }
 })
 
+function getNAFBData(value) {
+	$.ajax({
+		type: 'GET',
+		url: '/article/getNAFBArticleByDate',
+		dataType: 'json',
+		data: {
+			'page': 1,
+			'limit': 4,
+			'date': value
+		},
+		success: function (json) {
+			console.log(json)
+			if (json.count > 0) {
+				console.log(json.data)
+				$('.nafb_box .content').empty().append(nafbComponent(json.data));
+			} else {
+				$('.nafb_box .content').empty().append("<div style='text-align: center;line-height: 282px;font-size: 18px;font-weight: bold;'>暂无数据</div>");
+			}
+
+		}
+	})
+}
+
+/**
+ * 南岸发布矩阵
+ * @param data
+ */
+function nafbComponent(data) {
+	var html = '<ul>';
+	for (var i = 0; i < data.length; i++) {
+		var dateArr = (data[i].createTime||"").split('-');
+		html += `
+		<li>
+		  <div class="time_data">
+			<p>${dateArr[2].split('T')[0]}</p>
+			<div class="time_wrap">
+			  <div class="time_now">${dateArr[1]}</div>
+			  <div class="time_point"></div>
+			  <div class="time_now">${dateArr[0]}</div>
+			</div>
+		  </div>
+		  <div class="center_line"></div>
+		  <div class="text_title"><a href="${data[i].url}" title="${data[i].title}" style="color: #333333;text-decoration: none;">${data[i].title}</a></div>
+		</li>
+		`
+	}
+	html += '</ul>'
+	console.log(html)
+	return html;
+}
+
+/**
+ * 南岸区新媒体发布厅 html生成
+ * @param data
+ * @param name
+ * @returns {string}
+ */
 function topComponent(data, name) {
 	var wofa = getWOFAData(name, "微信公众号");
 	var html = `
@@ -280,7 +340,7 @@ function topComponent(data, name) {
 			</div>
 		  </div>
 		  <div class="center_line"></div>
-		  <div class="text_title"><a href="${data[i].url}" title="${data[i].title}">${data[i].title}</a></div>
+		  <div class="text_title"><a href="${data[i].url}" title="${data[i].title}" style="color: #333333;text-decoration: none;">${data[i].title}</a></div>
 		</li>
 		`
 	}

nngkxxdp/src/main/resources/static/mxt/layui/css/modules/code.css

@@ -0,0 +1 @@
+html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}

nngkxxdp/src/main/resources/static/mxt/mxt.html

@@ -100,63 +100,63 @@
 				<span class="left">南岸发布</span>
 			</div>
 			<div class="line"></div>
-			<div class="box-contanier">
-				<div class="box-item" style="border: 0;">
+			<div class="nafb_box">
+				<div class="box_item" style="border: 0;">
 					<div class="layui-inline" id="test-n1"></div>
 				</div>
 			
 				<div class="box-item">
 					<div class="content">
-						<ul>
-							<li>
-								<div class="time_data">
-									<p>30</p>
-									<div class="time_wrap">
-										<div class="time_now">03</div>
-										<div class="time_point"></div>
-										<div class="time_now">2022</div>
-									</div>
-								</div>
-								<div class="center_line"></div>
-								<div class="text_title">习近平在省部级主要领导干部学习贯彻党的十    九届六中全会精神专题研讨班开班式上发表重</div>
-							</li>
-							<li>
-								<div class="time_data">
-									<p>22</p>
-									<div class="time_wrap">
-										<div class="time_now">03</div>
-										<div class="time_point"></div>
-										<div class="time_now">2022</div>
-									</div>
-								</div>
-								<div class="center_line"></div>
-								<div class="text_title">【指南针】“场所码”是啥？扫了还亮“渝康码”不？</div>
-							</li>
-							<li>
-								<div class="time_data">
-									<p>12</p>
-									<div class="time_wrap">
-										<div class="time_now">03</div>
-										<div class="time_point"></div>
-										<div class="time_now">2022</div>
-									</div>
-								</div>
-								<div class="center_line"></div>
-								<div class="text_title">【指南针】一图了解：支持小微企业发展，2022年“六税  两费”减免政策再添力</div>
-							</li>
-							<li>
-								<div class="time_data">
-									<p>09</p>
-									<div class="time_wrap">
-										<div class="time_now">03</div>
-										<div class="time_point"></div>
-										<div class="time_now">2022</div>
-									</div>
-								</div>
-								<div class="center_line"></div>
-								<div class="text_title">【消息树】全国通报表扬!南岸区连续7年蝉联“全国文明城 区”荣誉称号！</div>
-							</li>
-						</ul>
+<!--						<ul>-->
+<!--							<li>-->
+<!--								<div class="time_data">-->
+<!--									<p>30</p>-->
+<!--									<div class="time_wrap">-->
+<!--										<div class="time_now">03</div>-->
+<!--										<div class="time_point"></div>-->
+<!--										<div class="time_now">2022</div>-->
+<!--									</div>-->
+<!--								</div>-->
+<!--								<div class="center_line"></div>-->
+<!--								<div class="text_title">习近平在省部级主要领导干部学习贯彻党的十    九届六中全会精神专题研讨班开班式上发表重</div>-->
+<!--							</li>-->
+<!--							<li>-->
+<!--								<div class="time_data">-->
+<!--									<p>22</p>-->
+<!--									<div class="time_wrap">-->
+<!--										<div class="time_now">03</div>-->
+<!--										<div class="time_point"></div>-->
+<!--										<div class="time_now">2022</div>-->
+<!--									</div>-->
+<!--								</div>-->
+<!--								<div class="center_line"></div>-->
+<!--								<div class="text_title">【指南针】“场所码”是啥？扫了还亮“渝康码”不？</div>-->
+<!--							</li>-->
+<!--							<li>-->
+<!--								<div class="time_data">-->
+<!--									<p>12</p>-->
+<!--									<div class="time_wrap">-->
+<!--										<div class="time_now">03</div>-->
+<!--										<div class="time_point"></div>-->
+<!--										<div class="time_now">2022</div>-->
+<!--									</div>-->
+<!--								</div>-->
+<!--								<div class="center_line"></div>-->
+<!--								<div class="text_title">【指南针】一图了解：支持小微企业发展，2022年“六税  两费”减免政策再添力</div>-->
+<!--							</li>-->
+<!--							<li>-->
+<!--								<div class="time_data">-->
+<!--									<p>09</p>-->
+<!--									<div class="time_wrap">-->
+<!--										<div class="time_now">03</div>-->
+<!--										<div class="time_point"></div>-->
+<!--										<div class="time_now">2022</div>-->
+<!--									</div>-->
+<!--								</div>-->
+<!--								<div class="center_line"></div>-->
+<!--								<div class="text_title">【消息树】全国通报表扬!南岸区连续7年蝉联“全国文明城 区”荣誉称号！</div>-->
+<!--							</li>-->
+<!--						</ul>-->
 					</div>
 				</div>
 			</div>
@@ -296,14 +296,19 @@
 		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
 		<script >
-		layui.use('laydate', function(){
-			  var laydate = layui.laydate;
-		laydate.render({
-			  elem: '#test-n1' //指定元素
-			  , position: 'static'
-				  ,showBottom: false
+			layui.use('laydate', function(){
+				  var laydate = layui.laydate;
+				laydate.render({
+				  elem: '#test-n1' //指定元素
+				  , position: 'static'
+				  ,showBottom: false,
+					max: new Date().format("yyyy-MM-dd"),
+					done: function(value, date, end) {
+						console.log(value);
+						getNAFBData(value);
+					}
+				});
 			});
-		});
 		</script>
 		
 		<!-- <script type="text/javascript">