<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <!-- 头部区域 --> <style> .notice_ul { display: flex; align-items: center; float: right; width: 565px; height: 20px; margin: 5px 10px 0 0; padding: 20px; box-sizing: border-box; font-size: 20px; color: #FF8D02; background: #FFEEB6; border-radius: 13px; overflow: hidden; } /* .notice_ul li { height: 30px; line-height: 60px; } */ .notice_title { display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notice_icon { width: 20px; height: 22px; margin: auto 30px auto 7px; background-image: url(${domain}/asset/css/images/icon_notice.svg); background-size: 100% 100%; } .top-cutline-normal { width: 1px; height: 50px; background: #0B2F60; box-shadow: 1px 0px 0px 0px #1C56A3; } .top-avatar { width: 37px; height: 37px; margin: 9px 0 auto 9px; border-radius: 50%; background-image: url(${domain}/asset/css/images/avatar-default.png); background-size: 100% 100%; } .layui-logo { left: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 265px !important; font-size: 18px; } </style> <div class="layui-header" id="top"> <%--<div class="menu-collapse" @click="changeSide"> <div class="menu-collapse-icon" :class="{close: collapse}"></div> </div> <div class="top-cutline"></div> <div class="layui-logo" style="">哈密市投资项目智慧平台</div>--%> <div class="prompt"><span class="date">{{dateWeek}}</span></div> <c:if test="${isShowDialog==1}"> <div class="top-task" onClick="toTask()"> <div class="top-dashboard-icon"></div> 调度 </div> </c:if> <div class="top-dashboard" onClick="toWorkBench()"> <div class="top-dashboard-icon"></div> 工作台 </div> <%--<div class="top-arrow"></div> <div class="top-breadcrumb"></div>--%> <ul class="layui-nav layui-layout-right"> <li class="layui-nav-item" style="flex: 1;"> <div id="noticeUl"></div> </li> <%--<li class="layui-nav-item"> <div class="top-cutline-normal"></div> </li>--%> <li class="layui-nav-item"> <div style="display: flex; align-items: center; height: 100%;"> <button class="layui-btn" style="border-radius: 5px; background-color: #0073EF;" @click="changeSystem" >返回发改委系统</button> </div> </li> <li class="layui-nav-item"> <a style="padding:0;margin-left:25px;"> <span class="txt"> ${realName} </span> <ul class="sub_menu"> <li onClick="openRestPanel()"><img src="${WebSite.asset }/css/images/u48.svg"/>修改密码</li> </ul> </a> </li> <li class="layui-nav-item"> <div class="top-avatar"></div> </li> <li class="layui-nav-item"><a href="${domain}/logout"><span class="logout" style="margin: 0" ></span>退出</a></li> </ul> </div> <script type="text/javascript"> new Vue({ el: "#top", data: { collapse: true, dateWeek: "" }, created() { this.dateWeek = this.formatDate(new Date()); }, methods: { changeSide: function () { this.collapse = !this.collapse; window.parent.postMessage({collapse: this.collapse}, "*"); }, changeSystem() { App.postJson("/api/app/switch/toFgw", {type:'0'}, function (res) { console.log(res); if(res.code ===200){ var targetUrl = res.msg+"/index"; var cookiesToSend = "rememberMe="+res.data.token; // 将需要携带的cookie通过URL参数的形式附加到目标URL上 targetUrl += "?cookies=" + encodeURIComponent(cookiesToSend); window.location.href = targetUrl; } }); }, formatDate(date) { const weekdays = ["日", "一", "二", "三", "四", "五", "六"]; const year = date.getFullYear(); const month = date.getMonth() + 1; // JavaScript中的月份是从0开始的,所以需要加1 const day = date.getDate(); const weekday = weekdays[date.getDay()]; // JavaScript中的getDay()方法返回的是一周中的第几天,从0(星期日)到6(星期六) return year+`年`+(month < 10 ? '0' + month : month)+`月`+(day < 10 ? '0' + day : day)+`日 星期`+weekday; } } }) </script>