<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>党员数据系统后台</title>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<script src="js/data.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
body,
html {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("images/红色背景1.jpg");
box-sizing: border-box;
padding-top: 50px;
}
/*谷哥滚动条样式*/
::-webkit-scrollbar {
width: 5px;
height: 5px;
position: absolute
}
::-webkit-scrollbar-thumb {
background-color: #de5b5b
}
::-webkit-scrollbar-track {
background-color: #ddd
}
/***/
.top {
width: 70%;
box-sizing: border-box;
padding: 30px 10px;
background-color: rgba(255, 255, 255, .6);
margin: 0 auto;
margin-bottom: 20px;
border-radius: 10px;
}
.bottom {
width: 70% !important;
margin: 0 auto;
margin-bottom: 0;
border-radius: 10px;
background-color: rgba(255, 255, 255, .6);
}
.bottom .checkbox {
width: 20px;
height: 20px;
display: inline-block;
border: 1px solid #dee2e6;
line-height: 20px;
text-align: center;
}
.mask {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(127, 127, 127, .6);
z-index: 100;
box-sizing: border-box;
padding-top: 7%;
display: none;
}
.mask .content {
width: 30%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
background-color: #FFF;
}
.middle {
width: 70%;
height: 82%;
overflow-y: auto;
margin: 0 auto;
margin-bottom: 0;
border-radius: 10px;
background-color: rgba(255, 255, 255, .6);
}
.table1 {
width: 95%;
margin: 0 auto;
margin-bottom: 0;
border-radius: 10px;
background-color: rgba(235, 202, 202, 0.658);
}
.layui-nav .layui-this:after, .layui-nav-bar{
background-color:#fb490b
}
</style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header" style="background-color: rgba(241, 136, 136, 0.658);">
<div class="layui-logo layui-hide-xs"
style="background-color: rgba(254, 58, 58, 0.658);border-radius: 5px;color: #FFF;">党员数据管理系统</div>
<ul class="layui-nav layui-layout-left">
<!-- 移动端显示 -->
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
<i class="layui-icon layui-icon-spread-left"></i>
</li>
<li class="layui-nav-item layui-hide-xs"><a href="chart.html">数据主页面</a></li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide layui-show-sm-inline-block">
<a href="javascript:;">
<img src="images/党员.png" class="layui-nav-img">
欢迎使用
</a>
<dl class="layui-nav-child">
<dd><a href="login.html">切换账号</a></dd>
<dd><a href="login.html">登出</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="top">
<button class="layui-btn layui-btn-danger" onclick="add()">
<i class="layui-icon layui-icon-add-1"></i> 新增
</button>
</div>
<div class="middle">
<table class="layui-table table1">
<thead>
<tr>
<!-- <th scope="col">
<input class="checkbox" onchange="selectAll()" :checked="false" type="checkbox">
</th> -->
<th scope="col">入党时间</th>
<th scope="col">性别</th>
<th scope="col">姓名</th>
<th scope="col">班级</th>
<th scope="col">考核成绩</th>
<th scope="col">日常表现</th>
<th scope="col">学习时间/小时</th>
<th scope="col"> 操作</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
<div class="mask">
<div class="content">
<div class="form-group row">
<i class="layui-icon layui-icon-date"></i>
<label for="time" class="col-sm-3 col-form-label">入党时间</label>
<div class="col-sm-9">
<input type="date" lay-verify="required" autocomplete="off" lay-affix="clear"
class="layui-input" id="time">
</div>
</div>
<div class="form-group row">
<i class="layui-icon layui-icon-male"></i><i class="layui-icon layui-icon-female"></i>
<label for="sex" class="col-sm-3 col-form-label">性别</label>
<div class="layui-form layui-row layui-col-space16">
<div>
<select id="sex" class="col-sm-12" style="height: 100%;">
<option value="">请选择</option>
<option value="男">男</option>
<option value="女">女</option>
</select>
</div>
</div>
</div>
<div class="form-group row">
<i class="layui-icon layui-icon-username"></i>
<label for="name" class="col-sm-3 col-form-label">姓名</label>
<div class="col-sm-9">
<input type="text" lay-verify="required" autocomplete="off" lay-affix="clear"
class="layui-input" id="name">
</div>
</div>
<div class="form-group row">
<i class="layui-icon layui-icon-group"></i>
<label for="class" class="col-sm-3 col-form-label">班级</label>
<div class="layui-form layui-row layui-col-space16">
<select id="class" class="col-sm-12" style="height: 100%;">
<option value="">请选择</option>
<option value="计算2201">计算2201</option>
<option value="计算2202">计算2202</option>
<option value="大数据2201">大数据2201</option>
<option value="大数据2202">大数�