You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
teamwk123/views/index.ejs

118 lines
3.3 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/stylesheets/main.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/table.css">
<title>Document</title>
</head>
<body>
<div class="top-bar">
<div class="box-top">
<ul class="top-ui">
<li>
<a href="/"><img src="images/xcc.ico"></a>
</li>
<li>
<a href="/login">登录界面</a>
</li>
<li>
<a href="/data/admin">指挥员入口</a>
</li>
<li>
<a href="/contents/<%= username %>.html">查看个人信息</a>
</li>
</ul>
</div>
</div>
<h1> 作战指挥系统</h1>
<hr style="height:10px;border:none;border-top:10px groove skyblue;" />
<center><div style="color: aliceblue">操作员:<span style="color: dodgerblue"><%= username %> </span> <a href="/logout" style="color: indianred">退出登录</a></div></center>
<div id="upload_dialog" class="upload_dialog_div">
<form action="/upload" method="post" enctype="multipart/form-data">
<div>
<label for="file" style="color: aliceblue">第一步:从本地选择信息文件:</label>
<input id="file" name="file" type="file"/>
</div>
<div class="button">
<label style="color: aliceblue">第二步:将信息上传到服务器:</label>
<button type="submit" class="inputButton" value="Submit" id="resulta">上传文件</button>
</div>
</form>
</div>
<form action="/execution" method="post" enctype="multipart/form-data">
<label style="color: aliceblue">战斗图片信息解码:</label>
<button type="submit" class="inputButton" value="Submit" id = "b1">信息解码</button>
</form>
<div id="content_wide">
<% if (admin) { %>
<h1> <a href="<%= admin_portal %>">指挥员入口</a></h1>
<% } %>
<h1> <a href="/zuozhan">作战员1入口</a></h1>
<h1> <a href="/zuozhan2">作战员2入口</a></h1>
<h1> <a href="http://192.168.98.242:80">侦查员入口</a></h1>
<h1> <a href="/guanli">用户信息管理</a></h1>
<h1> <%= message %> <a href="/logout">退出登录</a></h1>
</div>
<style>
.top-bar {
width: 100%;
height: 50px;
margin: 0;
display: flex;
}
.box-top {
width: 100%;
min-width: 1350px;
background-color: rgba(255,255,255,0.5);
padding: 20px;
/*border-bottom-left-radius: 8px;*/
/*border-bottom-right-radius: 8px;*/
}
.top-ui {
width: 100%;
min-width: 800px;
height: 50px;
list-style: none;
margin: 0;
padding: 0;
}
.top-ui li{
width:10%;
min-width: 50px;
margin:-5px 50px 0 70px;
float: left;
text-align: center;
display: block;
}
.top-ui a{
color: black;
text-decoration: none;
}
.top-ui a:hover{
color: white;
}
.top-ui img{
height: 40px;
margin: 0;
padding: 0;
display: inline;
position: relative;
top: -10px;
}
</style>
</body>
</html>