p9zok7cfl
/
domitory
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
domitory/WebContent/dorm/student/punchClockManage.html

212 lines
8.9 KiB
Raw Permalink Normal View History Unescape

susheguanli
11 months ago
<!DOCTYPE HTML>
<html>
<head>
<title>公众号【C you again】学生端 打卡记录</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<link href="../css/style.css" rel='stylesheet' type='text/css' />
<link href="../css/dorm.css" rel='stylesheet' type='text/css' />
<link href="../css/bootstrap/bootstrap.css" rel='stylesheet' type='text/css' />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/vue/vue.js"></script>
<script src="../js/vue/axios.min.js"></script>
</head>
<body >
<!-- banner -->
<div class="banner" >
<div class="header">
<div class="logo" id="session_app">
<a href="javascript:window.location.reload();">{{login.name}}</a>
</div>
<div class="top-menu">
<ul class="navig">
<li>
<a href="student_index.html">首页</a>
</li>
<li >
<a href="recordManage.html">考勤记录</a>
</li>
<li class="active">
<a href="#">打卡记录</a>
</li>
</ul>
</div>
</div>
</div>
<!---->
<!-- -->
<div class="center-content" id="app">
<div class="left">
<div class="gongGao">
<div class="title">公 告</div>
<div class="context import">
<marquee width="100%" height="100%" direction="up" scrolldelay="300">
<div v-for="item in noticeList">
<label>发布人：{{item.noticePerson}}</label><br>
<label>发布时间：{{item.date}}</label><br>
<label>{{item.content}}</label><br>
<label>-------------------------------------------</label><br>
</div>
</marquee>
</div>
</div>
<div class="gongGao">
<div class="title">友 情 链 接</div>
<div class="context">
<a href="https://blog.csdn.net/qq_40625778">》CSDN，技术分享</a>
<a href="https://gzh.cyouagain.cn/">》热门文章推荐</a>
<a href="https://y0ahx3.coding-pages.com/">》个人博客，系统源码大全</a>
<a href="https://www.cnblogs.com/cafuc20160512056/">》博客园，技术分享</a>
<a href="https://www.jianshu.com/u/33531987c9a7">》简书，技术分享</a>
</div>
</div>
<div class="gongGao">
<div class="title">源 码 下 载</div>
<div class="context">
<div style="font-size:14px; width: 100%; height: 400px;margin-bottom: 20px;">
<div style="padding: 5px; color: black">
<label style="font-size:15px;font-weight: normal;">下载源码请到公众号：C you again</label><br />
<label style="font-size:15px;font-weight: normal;">1、求职者：面试题、面试经验、面试技巧</label><br />
<label style="font-size:15px;font-weight: normal;">2、职场人：技术分享、程序人生</label><br />
<label style="font-size:15px;font-weight: normal;">3、学生党：Java从入门到精通PDF版教程、数据结构与算法、各类系统实战教程</label><br />
<label style="font-size:15px;font-weight: normal;">4、其它：PPT模板、简历模板、计算机使用技术及技巧</label>
</div>
<img width="160px" style="margin-left:50px;" src="../img/gzh.jpg" />
</div>
</div>
</div>
</div>
<div class="right">
<div class="data_list">
<div class="data_list_title">
打卡记录
</div>
<form name="myForm" class="form-search" method="post" action="#">
<span class="data_search">
&nbsp;<input v-model="search.key" id="s_dormManagerText" name="s_dormManagerText" type="date" style="width:120px;height: 30px;" class="input-medium search-query" >
&nbsp;<button onclick="searchRecordMsg()" type="button" class="btn btn-info" >搜索</button>
</span>
</form>
<div>
<table class="table table-hover table-striped table-bordered">
<tr>
<th>编号</th>
<th>发起日期</th>
<th>发起人</th>
<th>打卡主题</th>
<th>打卡说明</th>
<th>学生姓名</th>
<th>学生学号</th>
<th>是否打卡</th>
<th>打卡内容</th>
<th>操作</th>
</tr>
<tr v-for="(item,index) in punchClockRecordManageList">
<td>{{index+1}}</td>
<td>{{item.punchClockDate}}</td>
<td>{{item.punchClockPerson}}</td>
<td>{{item.punchClockTheme}}</td>
<td>{{item.punchClockDetail}}</td>
<td>{{item.name}}</td>
<td>{{item.stuNum}}</td>
<td>{{item.record==true?'已打卡':'未打卡'}}</td>
<td>{{item.punckClockContent}}</td>
<td>
<button v-if="item.record==true" disabled="disabled" class="btn btn-mini btn-info" type="button" @click="getPunckColcokRecordById(item.id)" data-toggle="modal" data-target="#updateModal">去打卡</button>
<button v-else v-bind:id="item.id" class="btn btn-mini btn-info" type="button" @click="getPunckColcokRecordById(item.id)" data-toggle="modal" data-target="#updateModal">去打卡</button>&nbsp;
</td>
</tr>
</table>
</div>
<div class="pagination pagination-centered">
<div class="pagination_box">
<button id="page_up" type="button" onclick="pageUp()" class="page_up">上一页</button>
<div class="page_cur">{{pagination.pageNum}}/{{pagination.pageTotal}}</div>
<button id="page_down" onclick="pageDown()" type="button" class="page_down">下一页</button>
</div>
</div>
</div>
</div>
</div>
<!---->
<div class="copywrite">
<div class="container">
<p>版权声明：此系统来自于公众号【C you again】，使用过程中请注明来源！欢迎大家学习，参考！
<a href="https://cyouagain.cn/">公众号官网，点击查看更细系统源码</a> |
<a href="https://gzh.cyouagain.cn/">热文推荐</a>
</p>
</div>
</div>
<!------------------------------ 修改模态框（Modal） ---------------------------------->
<form class="form-horizontal" method="post" action="#"> <!--保证样式水平不混乱-->
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel"
aria-hidden="true">
<div id="punckClockRecordById_app" class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="updateModalLabel">
填写打卡信息
</h4>
</div>
<div class="modal-body">
<!---------------------表单-------------------->
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">打卡说明</label>
<div class="col-sm-7">
<input readonly="readonly" v-model="punckClockRecordMasg.punchClockDetail" type="text" class="form-control" id="addStuNum" required="required" name="stuNum"
placeholder="">
<label class="control-label" for="addUserName" style="display: none;"></label>
</div>
</div>
<div class="form-group">
<label for="firstname" class="col-sm-3 control-label">打卡内容</label>
<div class="col-sm-7">
<input v-model="punckClockRecordMasg.punckClockContent" type="text" class="form-control" id="addNotice" required="required" name="notice"
placeholder="请输入打卡内容">
<label class="control-label" for="addNotice" style="display: none;"></label>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" onclick="updataPunchClockRecordMsg()" class="btn btn-primary">
修改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</form>
<!-------------------------------修改的模态框------------------------------->
<script src="../js/vue/student_punchClockRecordManage.js"></script>
<script src="../js/vue/student_loginManage.js"></script>
</body>
</html>