|
|
@@ -90,6 +90,103 @@
|
|
|
background: #000 none repeat scroll 0% 0%;
|
|
|
}
|
|
|
</style>
|
|
|
+ <link rel="stylesheet" href="${ctxStatic}/common/animate.min.css" />
|
|
|
+ <style>
|
|
|
+ #delete-modal{
|
|
|
+ position:fixed;
|
|
|
+ left:0;
|
|
|
+ right:0;
|
|
|
+ top:0;
|
|
|
+ bottom:0;
|
|
|
+ z-index:500;
|
|
|
+ display:none;
|
|
|
+ background:rgba(0,0,0,.3);
|
|
|
+ }
|
|
|
+ #deleteDiv {
|
|
|
+ position:absolute;
|
|
|
+ left:50%;
|
|
|
+ top:50%;
|
|
|
+ transform:translateX(-50%) translateY(-50%);
|
|
|
+ }
|
|
|
+ .my-form {
|
|
|
+ padding: 0 20px;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 1000;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateX(-50%) translateY(-50%);
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ width: 384px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ }
|
|
|
+ .my-form .my-form-head {
|
|
|
+ padding: 15px 0 10px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .my-form .my-form-head .close-icon {
|
|
|
+ position: absolute;
|
|
|
+ right: -10px;
|
|
|
+ top: 14px;
|
|
|
+ width: 24px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .my-form .my-form-head .title-box {
|
|
|
+ padding-right: 30px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .my-form .my-form-head .title-box .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-left: 6px;
|
|
|
+ }
|
|
|
+ .my-form .my-form-head .title-box .warning-icon {
|
|
|
+ width: 24px;
|
|
|
+ }
|
|
|
+ .my-form .sub-title {
|
|
|
+ color: #595959;
|
|
|
+ line-height: 22px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-left: 30px;
|
|
|
+ }
|
|
|
+ .my-form .sub-title span {
|
|
|
+ color: #F53F3F;
|
|
|
+ }
|
|
|
+ .my-form .my-form-body {
|
|
|
+ padding: 20px 0;
|
|
|
+ }
|
|
|
+ .my-form .my-form-body .gray-bg {
|
|
|
+ background: #F0F0F0;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 30px 20px 20px;
|
|
|
+ }
|
|
|
+ .my-form-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+ .my-form-item label {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #595959;
|
|
|
+ width: 120px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .my-form-item .control-box {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ .my-form-item .control-box .error-tip {
|
|
|
+ height: 24px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #F53F3F;
|
|
|
+ }
|
|
|
+ .my-form-foot {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 5px 0 15px 0;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<ul class="nav nav-tabs">
|
|
|
@@ -208,7 +305,7 @@
|
|
|
正在重置
|
|
|
</c:if>
|
|
|
<c:if test="${fnx:hasPrivilegeCode(role_privilege_codes, 'exam_mark-marker-reset') && marker.reseting==false}">
|
|
|
- <a href="javascript:void(0)" class="reset-button" data-id="${marker.id}">重置</a>
|
|
|
+ <a href="javascript:void(0)" class="reset-button" data-code="${marker.subjectCode}" data-number="${marker.groupNumber}" data-progress="${marker.group.percent}" data-id="${marker.id}">重置</a>
|
|
|
</c:if>
|
|
|
</td>
|
|
|
<td>${marker.currentCount}</td>
|
|
|
@@ -250,6 +347,55 @@
|
|
|
<div class="password-content"><input type="text" class="password-value" placeholder="请输入新的密码"/><i class="passwordWrong"></i></div>
|
|
|
<a href="#" class="btn btn-small btn-info password-btn">确定</a>
|
|
|
</div>
|
|
|
+
|
|
|
+<div id="delete-modal">
|
|
|
+ <div id="deleteDiv" class="my-form form-horizontal">
|
|
|
+ <div class="my-form-head">
|
|
|
+ <div class="title-box">
|
|
|
+ <img src="${ctxStatic}/images/dialog_warning_icon.png" class="warning-icon" />
|
|
|
+ <span class="title"></span>
|
|
|
+ </div>
|
|
|
+ <img src="${ctxStatic}/images/dialog_close_icon.png" class="close-icon" onclick="deleteDivHide()"/>
|
|
|
+ </div>
|
|
|
+ <div class="sub-title sub-title1">
|
|
|
+ 该操作分组将会<span>清掉已完成</span>的评卷任务，确认吗？
|
|
|
+ </div>
|
|
|
+ <div class="sub-title sub-title2">
|
|
|
+ 确认删除或重置，请联系大区经理获取授权码
|
|
|
+ </div>
|
|
|
+ <div class="my-form-body">
|
|
|
+ <div class="gray-bg">
|
|
|
+ <div class="my-form-item subjectCode">
|
|
|
+ <label>输入科目代码</label>
|
|
|
+ <div class="control-box">
|
|
|
+ <input type="text" id="subjectCode">
|
|
|
+ <div class="error-tip"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="my-form-item groupNumber">
|
|
|
+ <label>输入分组序号</label>
|
|
|
+ <div class="control-box">
|
|
|
+ <input type="text" id="groupNumber">
|
|
|
+ <div class="error-tip"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="my-form-item authCode">
|
|
|
+ <label>输入授权码</label>
|
|
|
+ <div class="control-box">
|
|
|
+ <input type="text" id="authCode">
|
|
|
+ <div class="error-tip"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="my-form-foot">
|
|
|
+ <button class="btn btn-primary" onclick="dialogObj.validate()">确认</button>
|
|
|
+ <button class="btn btn-default" onclick="deleteDivHide()">取消</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
<div class="pagination">${query}</div>
|
|
|
<script type="text/javascript">
|
|
|
var searchSubjectCode = '${query.subjectCode}';
|
|
|
@@ -280,18 +426,52 @@
|
|
|
top.$('.jbox-body .jbox-icon').css('top', '55px');
|
|
|
});
|
|
|
$('.reset-button').click(function () {
|
|
|
- if (!confirm("确定要重置改评卷员吗？")) {
|
|
|
- return;
|
|
|
- }
|
|
|
- var id = $(this).attr('data-id');
|
|
|
- $.post('${ctx}/admin/exam/marker/reset', {id: id}, function (result) {
|
|
|
- if (result.success == true) {
|
|
|
- alert('重置成功');
|
|
|
- $("#searchForm").submit();
|
|
|
- } else {
|
|
|
- alert(result.message);
|
|
|
- }
|
|
|
- });
|
|
|
+ var deleteCheck = '${deleteCheck}';
|
|
|
+ var id = $(this).attr('data-id');
|
|
|
+ var subjectCode = $(this).attr('data-code');
|
|
|
+ var groupNumber = $(this).attr('data-number');
|
|
|
+ var progress = $(this).attr('data-progress');
|
|
|
+ if(deleteCheck=='false'){
|
|
|
+ deleteDivHide();
|
|
|
+ if (!confirm("确定要重置改评卷员吗？")) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ $.post('${ctx}/admin/exam/marker/reset', {id: id}, function (result) {
|
|
|
+ if (result.success == true) {
|
|
|
+ alert('重置成功');
|
|
|
+ $("#searchForm").submit();
|
|
|
+ } else {
|
|
|
+ alert(result.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ dialogObj = createDialog();
|
|
|
+ dialogObj.initDialog({ progress: progress, subjectCode: subjectCode, groupNumber: groupNumber }, function (initParams,deleteCode) {
|
|
|
+ //这个回调方法里写进度小余10%的业务分支
|
|
|
+ deleteDivHide();
|
|
|
+ if(deleteCode!=null && deleteCode!=''){
|
|
|
+ $.post('${ctx}/admin/exam/marker/reset', {id: id,deleteCode:deleteCode}, function (result) {
|
|
|
+ if (result.success == true) {
|
|
|
+ alert('重置成功');
|
|
|
+ $("#searchForm").submit();
|
|
|
+ } else {
|
|
|
+ alert(result.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }else{
|
|
|
+ $.post('${ctx}/admin/exam/marker/reset', {id: id}, function (result) {
|
|
|
+ if (result.success == true) {
|
|
|
+ alert('重置成功');
|
|
|
+ $("#searchForm").submit();
|
|
|
+ } else {
|
|
|
+ alert(result.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ })
|
|
|
});
|
|
|
$('.toggle-button').click(function () {
|
|
|
var id = $(this).attr('data-id');
|
|
|
@@ -570,6 +750,94 @@
|
|
|
});
|
|
|
}
|
|
|
</script>
|
|
|
+<script>
|
|
|
+function deleteDivHide(){
|
|
|
+ $('#delete-modal').hide();
|
|
|
+}
|
|
|
+var dialogObj=null;
|
|
|
+function createDialog() {
|
|
|
+ return {
|
|
|
+ initParams: {},
|
|
|
+ setDialogTitle: function (index) {
|
|
|
+ if (index < 4) {
|
|
|
+ $('#deleteDiv .title').html('第' + index + '次警告');
|
|
|
+ $('.sub-title1,.subjectCode,.groupNumber').show();
|
|
|
+ $('.sub-title2,.authCode').hide();
|
|
|
+
|
|
|
+ } else {
|
|
|
+ $('#deleteDiv .title').html('分组授权码');
|
|
|
+ $('.sub-title1,.subjectCode,.groupNumber').hide();
|
|
|
+ $('.sub-title2,.authCode').show();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ validate: function () {
|
|
|
+ if (this.warningIndex <= 3) {
|
|
|
+ var subjectCodeVal = $('.subjectCode input').val();
|
|
|
+ var groupNumberVal = $('.groupNumber input').val();
|
|
|
+ $('.subjectCode input+.error-tip').html(!subjectCodeVal?'请输入科目代码':subjectCodeVal != this.initParams.subjectCode?'输入的科目代码不正确':'')
|
|
|
+ $('.groupNumber input+.error-tip').html(!groupNumberVal?'请输入分组序号':groupNumberVal != this.initParams.groupNumber?'输入的分组序号不正确':'')
|
|
|
|
|
|
+ if (!subjectCodeVal || !groupNumberVal || subjectCodeVal != this.initParams.subjectCode || groupNumberVal != this.initParams.groupNumber) {
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ this.next();
|
|
|
+ }
|
|
|
+ } else if (this.warningIndex == 4) {
|
|
|
+ var authCodeVal = $('.authCode input').val();
|
|
|
+ if(!authCodeVal){
|
|
|
+ $('.authCode input+.error-tip').html('请输入授权码');
|
|
|
+ return;
|
|
|
+ }else{
|
|
|
+ $('.authCode input+.error-tip').html('');
|
|
|
+ this.next();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ next() {
|
|
|
+ if (this.warningIndex == 4) {
|
|
|
+ this.callback(this.initParams,$('.authCode input').val());
|
|
|
+ } else if (this.times <= 3 && this.times == this.warningIndex) {
|
|
|
+ this.callback(this.initParams);
|
|
|
+ } else {
|
|
|
+ $('.subjectCode input+.error-tip').html('');
|
|
|
+ $('.subjectCode input,.groupNumber input').val('')
|
|
|
+ $('.groupNumber input+.error-tip').html('');
|
|
|
+ this.warningIndex++;
|
|
|
+ $('#deleteDiv').removeClass('animate__animated animate__fadeIn')
|
|
|
+ setTimeout(function(){
|
|
|
+ $('#deleteDiv').addClass('animate__animated animate__fadeIn')
|
|
|
+ },0)
|
|
|
+ this.setDialogTitle(this.warningIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ warningIndex: 1,//当前正在进行的第几次输入
|
|
|
+ times: 0,//需要重复输入的次数
|
|
|
+ callback:null,
|
|
|
+ initDialog: function (initParams, callBack) {
|
|
|
+ this.initParams = initParams;
|
|
|
+ var progress = initParams.progress;
|
|
|
+ if(callBack){
|
|
|
+ this.callback = callBack;
|
|
|
+ if (progress <= 10) {
|
|
|
+ callBack(initParams);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.times = progress <= 80 ? 2 : progress >= 80 && progress < 100 ? 3 : 4;
|
|
|
+ this.warningIndex = 1;
|
|
|
+ $('#delete-modal').show();
|
|
|
+ this.setDialogTitle(this.warningIndex);
|
|
|
+ },
|
|
|
+ submit: function (index) {
|
|
|
+ console.log('你最开始传入的基础参数initParams为：',this.initParams);
|
|
|
+ if(this.warningIndex==4){
|
|
|
+ console.log('你输入的授权码为：'+$('.authCode input').val())
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
</body>
|
|
|
</html>
|
