初始化项目
This commit is contained in:
66
pqs9300/src/main/webapp/WEB-INF/error/404.jsp
Normal file
66
pqs9300/src/main/webapp/WEB-INF/error/404.jsp
Normal file
@@ -0,0 +1,66 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
||||
<title>资源未找到</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
body,html{
|
||||
background-color: #ccc;
|
||||
}
|
||||
#errorCode{
|
||||
font-family: 'wuxin',serif !important;
|
||||
line-height: 280%;
|
||||
}
|
||||
#errorMsg{
|
||||
font-size: 30px;
|
||||
}
|
||||
.aBlank{
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid" >
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2" id="main">
|
||||
<div class="row pd15" id="mainCode">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
|
||||
<div style="margin: 0 auto">
|
||||
<img src="${ctx}/images/img/error.png" class="fl">
|
||||
<div class="fl mt20 ml20" id="errorCode">
|
||||
<p id="errorMsg">所访问的资源不存在:404</p>
|
||||
<p>可能原因：</p>
|
||||
<p>1：手抖打错资源路径。</p>
|
||||
<p>2：链接过了保质期。</p>
|
||||
<p><a class="aBlank" href="/sso">重新登录</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script>
|
||||
var $main=$("#main");
|
||||
var $mainCode=$("#mainCode");
|
||||
$(function () {
|
||||
var height=$(window).height();
|
||||
$main.eq(0).css("margin-top",height*0.1);
|
||||
$mainCode.eq(0).css("margin-top",height*0.1);
|
||||
$main.eq(0).css("height",height*0.8);
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
63
pqs9300/src/main/webapp/WEB-INF/error/500.jsp
Normal file
63
pqs9300/src/main/webapp/WEB-INF/error/500.jsp
Normal file
@@ -0,0 +1,63 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
||||
<title>资源内部出错</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
body,html{
|
||||
background-color: #ccc;
|
||||
}
|
||||
#errorCode{
|
||||
font-family: 'wuxin',serif !important;
|
||||
line-height: 280%;
|
||||
}
|
||||
#errorMsg{
|
||||
font-size: 30px;
|
||||
}
|
||||
.aBlank{
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid" >
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2" id="main">
|
||||
<div class="row pd15" id="mainCode">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
|
||||
<div style="margin: 0 auto">
|
||||
<img src="${ctx}/images/img/error.png" class="fl">
|
||||
<div class="fl mt20 ml20" id="errorCode">
|
||||
<p id="errorMsg">所访问的资源错误:500</p>
|
||||
<p><a class="aBlank" href="/sso">重新登录</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script>
|
||||
var $main=$("#mainA");
|
||||
var $mainCode=$("#mainCode");
|
||||
$(function () {
|
||||
var height=$(window).height();
|
||||
$main.eq(0).css("margin-top",height*0.1);
|
||||
$mainCode.eq(0).css("margin-top",height*0.1);
|
||||
$main.eq(0).css("height",height*0.8);
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
127
pqs9300/src/main/webapp/WEB-INF/userDetail.jsp
Normal file
127
pqs9300/src/main/webapp/WEB-INF/userDetail.jsp
Normal file
@@ -0,0 +1,127 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html >
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>用户详情</title>
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css"
|
||||
media="all">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 1px 9px !important;
|
||||
font-size: 12px !important
|
||||
}
|
||||
|
||||
.align-center {
|
||||
margin: 0 auto; /* 居中 这个是必须的，，其它的属性非必须 */
|
||||
text-align: center; /* 文字等内容居中 */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white">
|
||||
<div >
|
||||
<div style="width:45%;float: left;">
|
||||
<label class="layui-form-label" style="margin-top: 10px; ">昵称:</label>
|
||||
<input type="text" id="name" autocomplete="off" maxlength="200" style="margin-top: 7%" disabled>
|
||||
|
||||
</div>
|
||||
<div style="width:45%;margin-left: -60px;float: right;">
|
||||
<label class="layui-form-label" style="margin-top: 10px">登录名:</label>
|
||||
<input type="text" id="loginName" disabled autocomplete="off" style="margin-top: 7%" maxlength="50">
|
||||
</div>
|
||||
<div style="width:45%;float: left;">
|
||||
<label class="layui-form-label" style="margin-top: 10px; ">部门:</label>
|
||||
<input type="text" id="deptsName" autocomplete="off" maxlength="200" style="margin-top: 7%" disabled>
|
||||
</div>
|
||||
<div style="width:45%;margin-left: -60px;float: right;">
|
||||
<label class="layui-form-label" style="margin-top: 10px">角色:</label>
|
||||
<input type="text" id="roleName" disabled autocomplete="off" style="margin-top: 7%" maxlength="50">
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="layui-btn themeBGColor"
|
||||
id="updatetUser"
|
||||
style="margin-top: 25%;">修改密码
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<%--当前会话的用户名--%>
|
||||
<input type="hidden" id="username" value="${username}">
|
||||
<input type="hidden" id="userIndex" value="${userIndex}">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/basic.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/xss.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/aes.js"></script>
|
||||
<script src="${ctx}/jspJS/sm2.js"></script>
|
||||
<script src="${ctx}/jspJS/sm3.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/security.js"></script>
|
||||
<script src="${ctx}/jspJS/confirmIndentity.js"></script>
|
||||
<script>
|
||||
var userIndex = $("#userIndex").val();
|
||||
$(function () {
|
||||
getUserAll(userIndex);
|
||||
})
|
||||
function getUserAll(userIndex) {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
async: false,
|
||||
url: '/pqs9000/device/getUserAll',
|
||||
data: {
|
||||
userIndex:userIndex
|
||||
},
|
||||
success: function (data) {
|
||||
if(data!=null){
|
||||
$("#name").val(data.userName);
|
||||
$("#loginName").val(data.loginName);
|
||||
$("#deptsName").val(data.deptsName);
|
||||
$("#roleName").val(data.roleName);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
$("#updatetUser").click(function () {
|
||||
updateUserPassWordByIndex(userIndex);
|
||||
})
|
||||
|
||||
//修改密码
|
||||
function updateUserPassWordByIndex(index) {
|
||||
//先进行密码确认
|
||||
var username = $("#username").val();
|
||||
confirmIndentity(username, function () {
|
||||
parent.layer.open({
|
||||
type: 2,
|
||||
title: '修改密码',
|
||||
shadeClose: true,
|
||||
resize: false,
|
||||
shade: 0.3,
|
||||
area: ['20%', '32%'],
|
||||
content: 'updatePassWord?userIndex='+index, //iframe的url
|
||||
scrollbar: false,
|
||||
end: function () {
|
||||
layer.close();
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
63
pqs9300/src/main/webapp/WEB-INF/views/auth/kickedOut.jsp
Normal file
63
pqs9300/src/main/webapp/WEB-INF/views/auth/kickedOut.jsp
Normal file
@@ -0,0 +1,63 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>友情提示</title>
|
||||
<link rel="shortcut icon" href="/pqs9900/images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
body,html{
|
||||
background-color: #ccc;
|
||||
}
|
||||
#errorCode{
|
||||
font-family: 'wuxin',serif !important;
|
||||
line-height: 280%;
|
||||
}
|
||||
#errorMsg{
|
||||
font-size: 30px;
|
||||
}
|
||||
.aBlank{
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid" >
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2" id="main">
|
||||
<div class="row pd15" id="mainCode">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
|
||||
<div style="margin: 0 auto">
|
||||
<img src="${ctx}/images/img/error.png" class="fl">
|
||||
<div class="fl mt20 ml20" id="errorCode">
|
||||
<p id="errorMsg">该用户已被管理员踢下线</p>
|
||||
<p>请联系管理员</p>
|
||||
<p> <a class="aBlank" href="/sso/login?item=pqs9300">重新登录</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script>
|
||||
var $main=$("#main");
|
||||
var $mainCode=$("#mainCode");
|
||||
$(function () {
|
||||
var height=$(window).height();
|
||||
$main.eq(0).css("margin-top",height*0.1);
|
||||
$mainCode.eq(0).css("margin-top",height*0.1);
|
||||
$main.eq(0).css("height",height*0.8);
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
63
pqs9300/src/main/webapp/WEB-INF/views/auth/unauthorized.jsp
Normal file
63
pqs9300/src/main/webapp/WEB-INF/views/auth/unauthorized.jsp
Normal file
@@ -0,0 +1,63 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>没有权限访问</title>
|
||||
<link rel="shortcut icon" href="/pqs9900/images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
body,html{
|
||||
background-color: #ccc;
|
||||
}
|
||||
#errorCode{
|
||||
font-family: 'wuxin',serif !important;
|
||||
line-height: 280%;
|
||||
}
|
||||
#errorMsg{
|
||||
font-size: 30px;
|
||||
}
|
||||
.aBlank{
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid" >
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2" id="main">
|
||||
<div class="row pd15" id="mainCode">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
|
||||
<div style="margin: 0 auto">
|
||||
<img src="${ctx}/images/img/error.png" class="fl">
|
||||
<div class="fl mt20 ml20" id="errorCode">
|
||||
<p id="errorMsg">没有访问该资源的权限</p>
|
||||
<p>请联系管理员</p>
|
||||
<p><a class="aBlank" href="/sso">重新登录</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script>
|
||||
var $main=$("#main");
|
||||
var $mainCode=$("#mainCode");
|
||||
$(function () {
|
||||
var height=$(window).height();
|
||||
$main.eq(0).css("margin-top",height*0.1);
|
||||
$mainCode.eq(0).css("margin-top",height*0.1);
|
||||
$main.eq(0).css("height",height*0.8);
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,212 @@
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: 徐扬
|
||||
Date: 2020/7/9
|
||||
Time: 11:52
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="shortcut icon" href="/pqs9900/images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
#transactionList {
|
||||
min-width: 100%;
|
||||
}
|
||||
.tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.td {
|
||||
text-align: center;
|
||||
height: 48px;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.table > tbody > tr > td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="container-fluid">
|
||||
<div class="row">
|
||||
<%--页面头--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<label>事务名称：</label>
|
||||
<label id="tname"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%--页面表格--%>
|
||||
<div class="col-md-12">
|
||||
<table id="transactionList" class="table table-striped table-bordered dataTable no-footer width100">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>供电公司</th>
|
||||
<th>变电站</th>
|
||||
<th>监测点</th>
|
||||
<th>描述</th>
|
||||
<th>文件名</th>
|
||||
<th>URL</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" value="${supIndex}" id="supIndex">
|
||||
<input type="hidden" value="${excuteStep}" id="excuteStep">
|
||||
<input type="hidden" value="${stepCount}" id="stepCount">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layui.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script>
|
||||
var supIndex,excuteStep,stepCount,bottonText;
|
||||
$(function () {
|
||||
//根据事务索引去后台获取详细信息
|
||||
supIndex=$("#supIndex").val();
|
||||
excuteStep=$("#excuteStep").val();
|
||||
stepCount=$("#stepCount").val();
|
||||
refresh();
|
||||
});
|
||||
|
||||
function refresh() {
|
||||
var indexi ;
|
||||
$.ajax({
|
||||
type:"post",
|
||||
url:"/pqs9300/transaction/getMonitorDetailData",
|
||||
dataType:"json",
|
||||
data:{
|
||||
supIndex:supIndex
|
||||
},
|
||||
beforeSend: function () {
|
||||
indexi = ityzl_SHOW_LOAD_LAYER();
|
||||
},
|
||||
success:function(data){
|
||||
if(data.code===200){
|
||||
//事务名称赋值
|
||||
if(data.body.name===null){
|
||||
$("#tname").html("无对应事务数据");
|
||||
}else{
|
||||
$("#tname").html(data.body.name);
|
||||
}
|
||||
//初始化表格
|
||||
initTransactionTable(data.body.overRunLogList);
|
||||
}else{
|
||||
layer.msg(data.message,{icon:2,time:2000})
|
||||
$("#tname").html("无对应事务数据");
|
||||
initTransactionTable(null);
|
||||
}
|
||||
ityzl_CLOSE_LOAD_LAYER(indexi);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var dataTable;
|
||||
//初始化表格数据
|
||||
function initTransactionTable(tableData) {
|
||||
var height = $(window).height() - 125;
|
||||
var length = Math.floor(height / 32);
|
||||
if (length < 1) {
|
||||
length = 1;
|
||||
}
|
||||
dataTable = $("#transactionList").DataTable();
|
||||
dataTable.clear().draw();
|
||||
dataTable = $('#transactionList').DataTable({
|
||||
order: [],
|
||||
columnDefs : [
|
||||
{
|
||||
orderable : false,
|
||||
targets : [5]
|
||||
}
|
||||
],
|
||||
columns: [
|
||||
{width: "8%",data:"gdName"},
|
||||
{width: "8%",data:"subName"},
|
||||
{width: "8%",data:"lineName"},
|
||||
{width: "17%",data:"overRunLog.overRunDescribe"},
|
||||
{width: "11%",data:"overRunLog.name"},
|
||||
{width: "11%",data:"supIndex",render:function (data, type, full, meta) {
|
||||
stepCount=Number(stepCount);
|
||||
if(stepCount===2){
|
||||
return full.overRunLog.feedBack;
|
||||
} else if(stepCount===3){
|
||||
return full.overRunLog.testReport;
|
||||
} else if(stepCount===5){
|
||||
return full.overRunLog.reviseFeedBack;
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
destroy: true,
|
||||
data: tableData,
|
||||
lengthChange: false,
|
||||
searching: true,
|
||||
dom: 'rtip',
|
||||
scrollY: height,
|
||||
lengthMenu: [length],
|
||||
language: {
|
||||
url: '/pqs9300/json/chine.json'
|
||||
},
|
||||
fnDrawCallback: function (oTable) {
|
||||
$("#transactionList_info").addClass("fl");
|
||||
$("#transactionList_paginate").addClass("fr");
|
||||
$("#transactionList_paginate").append("<div style='float:right;padding-top:4px;padding-left:10px'>到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:28px;'> 页 <button class='btn btn-primary' id='dataTable-btn'>确定</button></div>");
|
||||
var table = $("#transactionList").dataTable();
|
||||
$('#dataTable-btn').click(function (e) {
|
||||
if ($("#changePage").val() && $("#changePage").val() > 0) {
|
||||
var redirectpage = $("#changePage").val() - 1;
|
||||
} else {
|
||||
var redirectpage = 0;
|
||||
}
|
||||
table.fnPageChange(redirectpage);
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,144 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>图例</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/jquery/jquery-ui.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
body, html, #allmap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
|
||||
.dg-sub b.red {
|
||||
|
||||
border-bottom: solid 1px #98af9f;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dg-sub b {
|
||||
padding: 2px 5px;
|
||||
color: #666;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.left-menu {
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
#tj {
|
||||
min-height: 550px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1000px) and (max-width: 1400px) and (max-height: 500px) {
|
||||
#tj {
|
||||
min-height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav > li > a {
|
||||
padding: 3px 15px;
|
||||
}
|
||||
|
||||
.middlediv {
|
||||
background: #FFFFFF;
|
||||
float: left;
|
||||
position: absolute;
|
||||
left: 245px;
|
||||
}
|
||||
|
||||
.imgarrow {
|
||||
float: left;
|
||||
margin-left: 0px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.mainright {
|
||||
float: left;
|
||||
margin-left: 1px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#middle_tree {
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<label id="timeLimit"></label>
|
||||
<div class="form-inline header" style="margin-top:2px;position: relative;z-index: 99">
|
||||
<div class="form-group ">
|
||||
<label style="font-weight: bold;margin-top: 5px">时间范围：</label>
|
||||
<span id="timeChoose" style="color:red"></span>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<label style="font-weight: bold;margin-top: 5px">指标：</label>
|
||||
<select class="form-control" id="choo" onchange='targetState(this[selectedIndex].value)'>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group " id="harmonicSelect">
|
||||
<label style="font-weight: bold;margin-top: 5px;">谐波次数：</label>
|
||||
<select class="form-control" id="harmonicId">
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="button" class="btn btn-primary" id="query">
|
||||
<i class="glyphicon glyphicon-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="point" class="a"
|
||||
style="max-width: 100%; max-height:100%;display: none">
|
||||
<img
|
||||
src="${ctx}/images/timg.png" id="imgs">
|
||||
</div>
|
||||
<div class="bxfx" id="container"></div>
|
||||
</div>
|
||||
<%--Common Modal --%>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/highchart/highstock.js"></script>
|
||||
<script src="${ctx}/js/color.js"></script>
|
||||
<script src="${ctx}/js/plugin/highchart/export.js"></script>
|
||||
<script src="${ctx}/js/plugin/highchart/export-csv.js"></script>
|
||||
<script src="${ctx}/js/plugin/highchart/highchart-ZH.js"></script>
|
||||
<script src="${ctx}/js/plugin/highchart/offline-exporting.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layui.js"></script>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.contextMenu.js"></script>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.cleverTabs.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.excheck.js"></script>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/js/basic.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/historyUtils.js"></script>
|
||||
<script src="${ctx}/jspJS/monitor/waveform.js"></script>
|
||||
<script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
169
pqs9300/src/main/webapp/WEB-INF/views/business/report/excel.jsp
Normal file
169
pqs9300/src/main/webapp/WEB-INF/views/business/report/excel.jsp
Normal file
@@ -0,0 +1,169 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<title>Excel报表</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layer/css/layui.css">
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/dateRangePicker/daterangepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.layui-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
.self-style {
|
||||
margin: 9px;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.table-condensed > thead > tr > th,
|
||||
.table-condensed > tbody > tr > th,
|
||||
.table-condensed > tfoot > tr > th,
|
||||
.table-condensed > thead > tr > td,
|
||||
.table-condensed > tbody > tr > td,
|
||||
.table-condensed > tfoot > tr > td {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
td {
|
||||
white-space: nowrap;
|
||||
padding: 1px !important
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<%--Tab选项卡区域--%>
|
||||
<div class="layui-left layui-tab self-style">
|
||||
<ul class="layui-tab-title" style="box-sizing:content-box;!important">
|
||||
<li class="layui-this" id="myLi" style="font-size: 12px;">非谐波</li>
|
||||
<li style="font-size: 12px;">谐波电压</li>
|
||||
<li style="font-size: 12px;">谐波电流</li>
|
||||
<li style="font-size: 12px;">合格率</li>
|
||||
</ul>
|
||||
<div id="myTab" class="layui-tab-content" style="padding: 5px;overflow: auto;height: 100%;">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<div id="pointInfo"></div>
|
||||
<div id="voltage"></div>
|
||||
<div id="power"></div>
|
||||
<div id="flicker"></div>
|
||||
<idv id="distortion"></idv>
|
||||
<div id="vdeviation"></div>
|
||||
<div id="frequency"></div>
|
||||
<div id="threephase"></div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<div id="vPointInfo"></div>
|
||||
<div id="voltageRate">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<div id="iPointInfo"></div>
|
||||
<div id="icurrent"></div>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<div id="fpyPointInfo"></div>
|
||||
<div id="fpy"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%--时间区域--%>
|
||||
<form class="form-inline header" style="float: right;margin-top:5px;position: relative;z-index: 99">
|
||||
<%@include file="../../include/date.jsp" %>
|
||||
<div class="form-inline pdr15" style="display: inline-block;">
|
||||
<%--查询按钮--%>
|
||||
<button type="button" class="btn btn-primary" id="query">
|
||||
<i class="glyphicon glyphicon-search"></i>
|
||||
</button>
|
||||
<%--导出按钮--%>
|
||||
<button type="button" class="btn btn-primary" id="export">
|
||||
<i class='glyphicon glyphicon-share'>导出</i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<%-- bootstrap模态框（Modal） --%>
|
||||
<div class="modal fade" id="timeModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" style="width:405px;">
|
||||
<div class="modal-content" style="width:405px;">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title">检修时间</h4>
|
||||
</div>
|
||||
<div class="modal-body" style="width: 405px;">
|
||||
<div>
|
||||
<label style="font-weight:normal;font-size: 14px;">时段一：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input id="first" placeholder="检修时段一"
|
||||
style="height: 25px; line-height: 25px; cursor: pointer; border: 1px solid #e2e2e2; width: 310px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 5px;">
|
||||
<label style="font-weight:normal;font-size: 14px;">时段二：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input id="second" placeholder="检修时段二"
|
||||
style="height: 25px; line-height: 25px; cursor: pointer; border: 1px solid #e2e2e2; width: 310px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 5px;">
|
||||
<label style="font-weight:normal;font-size: 14px;">时段三：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input id="thrid" placeholder="检修时段三"
|
||||
style="height: 25px; line-height: 25px; cursor: pointer; border: 1px solid #e2e2e2; width: 310px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" style="font-size: 15px;" class="btn btn-default"
|
||||
onclick="clearData()">重置
|
||||
</button>
|
||||
<button type="button" style="font-size: 15px;" class="btn btn-default"
|
||||
data-dismiss="modal">
|
||||
关闭
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" value="${sessionScope.lineIndex}" id="lineIndex" name="lineIndex">
|
||||
<input type="hidden" value="${sessionScope.time}" id="time" name="time">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layer/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/xss.js"></script>
|
||||
<script src="${ctx}/js/plugin/layer/layui.js"></script>
|
||||
<script src="${ctx}/js/plugin/dateRangePicker/moment.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/dateRangePicker/daterangepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/report/excel.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,311 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
|
||||
<style>
|
||||
.layui-form-checked[lay-skin=primary] i {
|
||||
color: #fff;
|
||||
background-color: var(--primarycolor);
|
||||
border-color: var(--primarycolor);
|
||||
}
|
||||
.layui-form-item {
|
||||
margin-bottom: 1.5px;
|
||||
height: 20px;
|
||||
}
|
||||
.layui-form-radio>i:hover, .layui-form-radioed>i {
|
||||
color: var(--primarycolor);
|
||||
}
|
||||
.layui-form-checkbox[lay-skin=primary] span{
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
}
|
||||
.layui-form-checkbox[lay-skin=primary] i {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
border-color: #777;
|
||||
}
|
||||
.overflo{
|
||||
overflow-y: scroll;
|
||||
height: 310px
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="overflow-y:hidden;overflow-x: hidden">
|
||||
<div>
|
||||
<div class="layui-tab" lay-filter="demo">
|
||||
<ul class="layui-tab-title" style="text-align: center">
|
||||
<li class="layui-this" style="width: 33%">负合类型</li>
|
||||
<li style="width: 33%">指标参数</li>
|
||||
<li style="width: 34%">监测点</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content" style="padding: 0px">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<%--干扰源类型--%>
|
||||
<form class="layui-form overflo" action="" id="form_1" style="padding-left: 20px">
|
||||
<div id="loadType" style="" >
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<form class="layui-form overflo" action="" id="form_2" style="padding-left: 20px">
|
||||
<div class="layui-form-item" style="text-align: right;margin-right: 10px">
|
||||
<input type="radio" name="andor" lay-filter="andor" value="0" title="与">
|
||||
<input type="radio" name="andor" lay-filter="andor" value="1" title="或">
|
||||
</div>
|
||||
<div id="targetType">
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<%-- 监测点--%>
|
||||
<div class="overflo" id="middle_left2" style="color:#333;bottom:0;">
|
||||
<div id="search" style="margin-top: 5px">
|
||||
<input style="width: 140px; height: 25px;margin-left: 10px" id="search_value"
|
||||
type="text" value="" placeholder="请输入关键词" autocomplete="off"
|
||||
oninput="valueChange(this.value)" />
|
||||
<button type="button" id="serchB"
|
||||
class="btn-primary"
|
||||
onclick="javascript: searchNode(search_value.value)"
|
||||
style="height: 25px; width: 55px; border-radius: 4px; border: 1px solid;margin-left: 10px">
|
||||
<a href="javascript:void(0);" class="btn-primary">搜索</a>
|
||||
</button>
|
||||
</div>
|
||||
<div style="width:285px;">
|
||||
<div id="tree" class="ztree" style="overflow:auto;margin-left: 4px;overflow-x: hidden"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="layer-footer" style="position: fixed; bottom: 0;width:100%;height:30px;text-align: center;margin-top: 8px;display: block" >
|
||||
<button type="button" class="btn btn-primary" lay-submit lay-filter="config">设置</button>
|
||||
</div>
|
||||
</body>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layui.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.excheck.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/strategyTrees.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script>
|
||||
layui.use(['laypage', 'layer', 'table','form','element'], function() {
|
||||
var laydate = layui.laydate //日期
|
||||
, laypage = layui.laypage //分页
|
||||
, layer = layui.layer //弹层
|
||||
, form = layui.form //表单
|
||||
, element =layui.element
|
||||
|
||||
var i;
|
||||
var operation=0
|
||||
|
||||
var alarmIndex = getQueryString('alarmIndex');
|
||||
|
||||
var loadtype = '<div class="layui-form-item"><input type="checkbox" name="load" value="{1}" lay-skin="primary" lay-filter="fuheType" title="{2}"{3}></div>'
|
||||
var targettype = '<div class="layui-form-item"><input type="checkbox" name="target" value="{1}" lay-skin="primary" lay-filter="targetType" title="{2}"{3}></div>' //指标类型
|
||||
|
||||
|
||||
|
||||
|
||||
initTarget()
|
||||
initLoad()
|
||||
andOr()
|
||||
function initTarget() {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url:'/pqs9300/alarmstrategy/targetType',
|
||||
data:{alarmIndex:alarmIndex,type:1},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
$('#targetType').empty()
|
||||
var da = data.body
|
||||
var html2=''
|
||||
if(da.length!=0){
|
||||
da.sort(function(a,b){
|
||||
return a.dicName.localeCompare(b.dicName,"zh");
|
||||
})
|
||||
|
||||
for(var i=0;i<da.length;i++){
|
||||
html2+=targettype.replace("{1}",da[i].dicIndex)
|
||||
.replace("{2}",da[i].dicName)
|
||||
.replace("{3}",da[i].isCheck ==1 ?'checked':'')
|
||||
}
|
||||
|
||||
$('#targetType').append(html2)
|
||||
form.render()
|
||||
}
|
||||
}else {
|
||||
layer.msg(data.message,{icon:2})
|
||||
}
|
||||
|
||||
},
|
||||
error:function () {
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
//干扰源类型
|
||||
function initLoad(){
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url:'/pqs9300/alarmstrategy/targetType',
|
||||
data:{alarmIndex:alarmIndex,type:0},
|
||||
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
$('#loadType').empty()
|
||||
var da = data.body
|
||||
var html=''
|
||||
if(da.length!=0){
|
||||
da.sort(function(a,b){
|
||||
return a.dicName.localeCompare(b.dicName,"zh");
|
||||
})
|
||||
for(var i=0;i<da.length;i++){
|
||||
html+=loadtype.replace("{1}",da[i].dicIndex)
|
||||
.replace("{2}",da[i].dicName)
|
||||
.replace("{3}",da[i].isCheck ==1 ?'checked':'')
|
||||
}
|
||||
|
||||
$('#loadType').append(html)
|
||||
form.render()
|
||||
}
|
||||
}else {
|
||||
layer.msg(data.message,{icon:2})
|
||||
}
|
||||
|
||||
},
|
||||
error:function () {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
//与或逻辑展示
|
||||
function andOr(){
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url:'/pqs9300/alarmstrategy/getAlarmById',
|
||||
contentType:'application/json;charset=UTF-8',
|
||||
data: {alarmIndex:alarmIndex},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
let da = data.body
|
||||
operation = da.operation
|
||||
$("input[name=andor][value='0']").attr("checked", da.operation == 0 ? true : false);
|
||||
$("input[name=andor][value='1']").attr("checked", da.operation == 1 ? true : false);
|
||||
form.render()
|
||||
}else {
|
||||
layer.msg(data.message,{icon:2})
|
||||
}
|
||||
|
||||
},
|
||||
error:function () {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
//逻辑监听
|
||||
form.on('radio(andor)', function(data){
|
||||
operation = data.value
|
||||
});
|
||||
|
||||
form.on('submit(config)', function(data){
|
||||
let arr = []
|
||||
var larr = getTreeCheckBoxData()
|
||||
|
||||
$("input:checkbox[name='load']:checked").each(function() {
|
||||
let load = {wfIndex:alarmIndex,wfassIndex:$(this).val(),type:0}
|
||||
arr.push(load)
|
||||
})
|
||||
$("input:checkbox[name='target']:checked").each(function() {
|
||||
let target = {wfIndex:alarmIndex,wfassIndex:$(this).val(),type:1}
|
||||
arr.push(target)
|
||||
})
|
||||
for(var i=0;i<larr.length;i++){
|
||||
let obj ={wfIndex:alarmIndex,wfassIndex:larr[i].nodeIndex,type:2}
|
||||
arr.push(obj)
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
url:'/pqs9300/alarmstrategy/addAlarmAss',
|
||||
data:JSON.stringify({wfIndex:alarmIndex,state:operation,list:arr}),
|
||||
beforeSend:function (){
|
||||
i = ityzl_SHOW_LOAD_LAYER()
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
initLoad()
|
||||
initTarget()
|
||||
andOr()
|
||||
refreshTreeCheckBox(2)
|
||||
layer.msg(data.message,{icon:1})
|
||||
}else {
|
||||
layer.msg(data.message,{icon:2})
|
||||
}
|
||||
CLOSE_LOAD_LAYER(i)
|
||||
},
|
||||
error:function () {
|
||||
layer.msg('未知错误',{icon:2})
|
||||
}
|
||||
});
|
||||
});
|
||||
function ityzl_SHOW_LOAD_LAYER() {
|
||||
return layer.msg('正在设置...', {
|
||||
icon : 16,
|
||||
shade : [ 0.5, '#f5f5f5' ],
|
||||
scrollbar : false,
|
||||
area:'200px',
|
||||
time : 100000
|
||||
});
|
||||
}
|
||||
|
||||
function CLOSE_LOAD_LAYER(index) {
|
||||
layer.close(index);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取url参数
|
||||
* @param name 参数名
|
||||
* @returns 值
|
||||
*/
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||
var result = window.location.search.substr(1).match(reg);
|
||||
return result?decodeURIComponent(result[2]):'';
|
||||
}
|
||||
|
||||
//获取设备书选择的监测点id对象
|
||||
function getTreeCheckBoxData() {
|
||||
return getTreeSelected(1);
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,178 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
|
||||
<style>
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
<body class="container-fluid">
|
||||
<div class="form-group" style="margin-top: 15px">
|
||||
<label style="margin-right: 15px">名称</label>
|
||||
<input type="text" id="alarm_name"
|
||||
autocomplete="off" placeholder="请输入名称" class="form-control" style="width: 170px;display: inline-block;">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label style="margin-right: 15px">等级</label>
|
||||
<select id="grade" class="form-control" style="width: 170px;display: inline-block;">
|
||||
<option value="0">一级</option>
|
||||
<option value="1">二级</option>
|
||||
<option value="2">三级</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="text-align: center;margin-top: 30px">
|
||||
|
||||
<button type="submit" id="submit" class="btn btn-primary">提交</button>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/xss.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
var loading;
|
||||
var types = ''
|
||||
var alarmIndex = null;
|
||||
|
||||
$(function () {
|
||||
types = getQueryString('type')
|
||||
if(types == 1){
|
||||
//新增
|
||||
}else {
|
||||
//修改
|
||||
alarmIndex = getQueryString('alarmIndex')
|
||||
//加载信息
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url:'/pqs9300/alarmstrategy/getAlarmById',
|
||||
contentType:'application/json;charset=UTF-8',
|
||||
async: false,
|
||||
data: {alarmIndex:alarmIndex},
|
||||
beforeSend:function(){
|
||||
loading = layer.load(1)
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
let da = data.body
|
||||
$('#alarm_name').val(da.alarmName)
|
||||
$('#grade').val(da.grade)
|
||||
}else {
|
||||
layer.msg(data.message,{icon:2})
|
||||
}
|
||||
layer.close(loading)
|
||||
|
||||
},
|
||||
error:function () {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//
|
||||
$('body').on('click','#submit',function () {
|
||||
let alarm_name = $('#alarm_name').val()
|
||||
let grade = $('#grade').val()
|
||||
let flag= verify(alarm_name)
|
||||
if(!flag){
|
||||
layer.msg('名称过长',{icon:2})
|
||||
return
|
||||
}
|
||||
var map = {}
|
||||
var url = null
|
||||
if (types == 1) {
|
||||
//新增
|
||||
map = {
|
||||
alarmName: filterXSS(alarm_name),
|
||||
grade: filterXSS(grade)
|
||||
}
|
||||
url = '/pqs9300/alarmstrategy/addAlarm'
|
||||
} else {
|
||||
//修改
|
||||
url = '/pqs9300/alarmstrategy/updateAlarm'
|
||||
map = {
|
||||
alarmIndex: alarmIndex,
|
||||
alarmName: filterXSS(alarm_name),
|
||||
grade: filterXSS(grade)
|
||||
}
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url: url,
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
async: false,
|
||||
data: JSON.stringify(map),
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg(data.message, {icon: 1})
|
||||
window.parent.refresh()
|
||||
window.setTimeout(function () {
|
||||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
parent.layer.close(index); //再执行关闭
|
||||
}, 1000)
|
||||
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
function verify(value) {
|
||||
var j, sum;
|
||||
sum = 0;
|
||||
if(value!=null && value!=''){
|
||||
for (j = 0; j < value.length; j++) {
|
||||
if ((value.charCodeAt(j) >= 0) && (value.charCodeAt(j) <= 1024))
|
||||
sum = sum + 1;
|
||||
else
|
||||
sum = sum + 2;
|
||||
}
|
||||
}
|
||||
if (sum > 36) {
|
||||
return false;
|
||||
}else {
|
||||
return true
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取url参数
|
||||
* @param name 参数名
|
||||
* @returns 值
|
||||
*/
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||
var result = window.location.search.substr(1).match(reg);
|
||||
return result?decodeURIComponent(result[2]):'';
|
||||
}
|
||||
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,365 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrapSwitch/bootstrap-switch.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
#transactionList {
|
||||
min-width: 100%;
|
||||
}
|
||||
.tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.td {
|
||||
text-align: center;
|
||||
height: 48px;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.table > tbody > tr > td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="container-fluid">
|
||||
<div class="row">
|
||||
<%--页面头--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<div class="form-inline">
|
||||
<div class="form-group" style="margin-top: 2px">
|
||||
<label>策略等级：</label>
|
||||
<select class="form-control" id="grade" style="width: 100px">
|
||||
<option value="">全部</option>
|
||||
<option value="0">一级</option>
|
||||
<option value="1">二级</option>
|
||||
<option value="2">三级</option>
|
||||
</select>
|
||||
</div>
|
||||
<button style="margin-left: 15px" type="button" class="btn btn-primary " id="query">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
|
||||
<div class="form-group fr mr10" id="fliteData">
|
||||
<button style="margin-right: 30px" type="button" class="btn btn-primary " id="addEarly">
|
||||
<i class="glyphicon glyphicon-plus"></i>新增
|
||||
</button>
|
||||
<label>筛选数据：</label>
|
||||
<input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%--页面表格--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<table id="transactionList" class="table table-striped table-bordered dataTable no-footer width100">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>名称</th>
|
||||
<th>等级</th>
|
||||
<th>更新人员</th>
|
||||
<th>更新时间</th>
|
||||
<th>状态</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrapSwitch/bootstrap-switch.min.js"></script>
|
||||
<script>
|
||||
var grade = ''
|
||||
$(function () {
|
||||
refresh();
|
||||
|
||||
|
||||
});
|
||||
//点击查询按钮
|
||||
$("#query").on("click",function () {
|
||||
grade = $('#grade').val()
|
||||
refresh();
|
||||
});
|
||||
//点击查询按钮
|
||||
$("#addEarly").on("click",function () {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '新增告警策略',
|
||||
maxmin : false,
|
||||
area : ['250px', '290px'],
|
||||
content: ['alarmup?type=1', 'no'],
|
||||
scrollbar: false
|
||||
})
|
||||
});
|
||||
/**
|
||||
* 初始化获取后台数据
|
||||
*/
|
||||
function refresh() {
|
||||
/*获取各项条件 */
|
||||
var indexi ;
|
||||
$.ajax({
|
||||
type:"post",
|
||||
url:"/pqs9300/alarmstrategy/getAlarmList",
|
||||
dataType:"json",
|
||||
data:{
|
||||
grade:grade
|
||||
},
|
||||
beforeSend: function () {
|
||||
indexi = ityzl_SHOW_LOAD_LAYER();
|
||||
},
|
||||
success:function(data){
|
||||
if(data.code===200){
|
||||
//初始化表格
|
||||
initTransactionTable(data.body);
|
||||
}else{
|
||||
layer.msg(data.message,{icon:2,time:2000})
|
||||
initTransactionTable(null);
|
||||
}
|
||||
ityzl_CLOSE_LOAD_LAYER(indexi);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
var dataTable;
|
||||
//初始化表格数据
|
||||
function initTransactionTable(tableData) {
|
||||
var height = $(window).height() - 135;
|
||||
var length = Math.floor(height / 32);
|
||||
if (length < 1) {
|
||||
length = 1;
|
||||
}
|
||||
dataTable = $("#transactionList").DataTable();
|
||||
dataTable.clear().draw();
|
||||
dataTable = $('#transactionList').DataTable({
|
||||
order: [[1,'desc']],
|
||||
columns: [
|
||||
{width: "14%",data:"alarmName"},
|
||||
{width: "14%",data:"grade",render:function (data, type, full, meta) {
|
||||
if(data==0){
|
||||
return '一级'
|
||||
}else if(data==1){
|
||||
return '二级'
|
||||
}else {
|
||||
return '三级'
|
||||
}
|
||||
}},
|
||||
{width: "14%",data:"userName"},
|
||||
{width: "14%",data:"updateTime",render:function (data) {
|
||||
if (data == null) {
|
||||
return '';
|
||||
} else {
|
||||
var date = new Date(data);
|
||||
var y = date.getFullYear();// 年
|
||||
var MM = date.getMonth() + 1;// 月
|
||||
MM = MM < 10 ? ('0' + MM) : MM;
|
||||
var c = date.getDate();// 日
|
||||
c = c < 10 ? ('0' + c) : c;
|
||||
var h = date.getHours();// 时
|
||||
h = h < 10 ? ('0' + h) : h;
|
||||
var m = date.getMinutes();// 分
|
||||
m = m < 10 ? ('0' + m) : m;
|
||||
var s = date.getSeconds();// 秒
|
||||
s = s < 10 ? ('0' + s) : s;
|
||||
return y + '-' + MM + '-' + c + ' ' + h + ':' + m + ':' + s;
|
||||
}
|
||||
}},
|
||||
{width: "8%",data:null,render:function (data) {
|
||||
if(data.state==0){
|
||||
return '<input value="'+data.alarmIndex+'" type="checkbox" class="checkbox"/>'
|
||||
}else {
|
||||
return '<input value="'+data.alarmIndex+'" type="checkbox" checked class="checkbox"/>'
|
||||
}
|
||||
|
||||
}},
|
||||
{width: "18%",data:"alarmIndex", render:function (data, type, full, meta) {
|
||||
var button="",
|
||||
|
||||
|
||||
button="<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\""+data+"\",\"" + 1 + "\")' >绑定</button>" +
|
||||
"<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\""+data+"\",\"" + 2 + "\")' >编辑</button>";
|
||||
|
||||
return button+"<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\""+data+"\",\"" + 3 + "\")' >删除</button>";
|
||||
}
|
||||
}
|
||||
],
|
||||
destroy: true,
|
||||
data: tableData,
|
||||
lengthChange: false,
|
||||
searching: true,
|
||||
dom: 'rtip',
|
||||
scrollY: height,
|
||||
// scrollX: true,
|
||||
lengthMenu: [length],
|
||||
language: {
|
||||
url: '/pqs9300/json/chine.json'
|
||||
},
|
||||
fnDrawCallback: function (oTable) {
|
||||
//初始化按钮开关
|
||||
$(".checkbox").bootstrapSwitch({
|
||||
onText: "启用", // 设置ON文本
|
||||
offText: "关闭", // 设置OFF文本
|
||||
onColor: "primary",// 设置ON文本颜色 (info/success/warning/danger/primary)
|
||||
offColor: "primary", // 设置OFF文本颜色 (info/success/warning/danger/primary)
|
||||
size: "mini", // 设置控件大小,从小到大 (mini/small/normal/large)
|
||||
handleWidth: "30",//设置控件宽度
|
||||
// 当开关状态改变时触发
|
||||
onSwitchChange: function (event, state) {
|
||||
let tid = $(this).val()
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/alarmstrategy/statusController',
|
||||
data: {alarmIndex: tid, state: state?1:0},
|
||||
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
refresh()
|
||||
layer.msg(data.message, {icon: 1})
|
||||
} else {
|
||||
refresh()
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
$("#transactionList_info").addClass("fl");
|
||||
$("#transactionList_paginate").addClass("fr");
|
||||
$("#transactionList_paginate").append("<div style='float:right;padding-top:4px;padding-left:10px'>到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:28px;'> 页 <button class='btn btn-primary' id='dataTable-btn'>确定</button></div>");
|
||||
var table = $("#transactionList").dataTable();
|
||||
$('#dataTable-btn').click(function (e) {
|
||||
if ($("#changePage").val() && $("#changePage").val() > 0) {
|
||||
var redirectpage = $("#changePage").val() - 1;
|
||||
} else {
|
||||
var redirectpage = 0;
|
||||
}
|
||||
table.fnPageChange(redirectpage);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//搜索表中的数据
|
||||
function searchResult(value) {
|
||||
dataTable.search(value).draw();
|
||||
}
|
||||
|
||||
|
||||
function excuteNextStep(alarmIndex,type) {
|
||||
if(type == 1){
|
||||
//绑定
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '告警策略绑定',
|
||||
maxmin : false,
|
||||
area: ['350px', '445px'],
|
||||
content: 'alarmbind?alarmIndex=' + alarmIndex,
|
||||
scrollbar: false
|
||||
})
|
||||
}else if(type == 2){
|
||||
//编辑
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '修改告警策略',
|
||||
maxmin : false,
|
||||
area : ['250px', '290px'],
|
||||
content: ['alarmup?type=2&alarmIndex=' + alarmIndex, 'no'],
|
||||
scrollbar: false
|
||||
})
|
||||
|
||||
}else {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/alarmstrategy/isExitBindEvent',
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: {alarmIndex: alarmIndex},
|
||||
success: function (data) {
|
||||
let mess = ''
|
||||
if (data.code == 200) {
|
||||
mess = '存在绑定事件,确认删除吗?'
|
||||
} else {
|
||||
mess = '确认删除吗?'
|
||||
}
|
||||
//删除
|
||||
layer.confirm(mess, function (index) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/alarmstrategy/delAlarm',
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: {alarmIndex: alarmIndex},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
refresh()
|
||||
layer.msg(data.message, {icon: 1})
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
//向服务端发送删除指令
|
||||
});
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,319 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
|
||||
<style>
|
||||
.layui-form-checked[lay-skin=primary] i {
|
||||
color: #fff;
|
||||
background-color: var(--primarycolor);
|
||||
border-color: var(--primarycolor);
|
||||
}
|
||||
|
||||
.layui-form-item {
|
||||
margin-bottom: 1.5px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.layui-form-radio > i:hover, .layui-form-radioed > i {
|
||||
color: var(--primarycolor);
|
||||
}
|
||||
|
||||
.layui-form-checkbox[lay-skin=primary] span {
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.layui-form-checkbox[lay-skin=primary] i {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
border-color: #777;
|
||||
}
|
||||
.overflo{
|
||||
overflow-y: scroll;
|
||||
height: 310px
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="overflow-y: hidden">
|
||||
<div style="padding: 1px">
|
||||
<div class="layui-tab" lay-filter="demo">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this" style="width: 33%">负合类型</li>
|
||||
<li style="width: 33%">指标参数</li>
|
||||
<li style="width: 34%">监测点</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content" style="padding: 0px">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<%--干扰源类型--%>
|
||||
<form class="layui-form overflo" action="" id="form_1" style="padding-left: 20px">
|
||||
<div id="loadType">
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<form class="layui-form overflo" action="" id="form_2" style="padding-left: 20px">
|
||||
<div class="layui-form-item" style="text-align: right;margin-right: 10px">
|
||||
<input type="radio" name="andor" lay-filter="andor" value="0" title="与">
|
||||
<input type="radio" name="andor" lay-filter="andor" value="1" title="或">
|
||||
</div>
|
||||
<div id="targetType">
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="layui-tab-item">
|
||||
<%-- 监测点--%>
|
||||
<div class="overflo" id="middle_left" style="color:#333;bottom:0;">
|
||||
<div id="search" style="margin-top: 5px">
|
||||
<input style="width: 140px; height: 25px;margin-left: 10px" id="search_value"
|
||||
type="text" value="" placeholder="请输入关键词" autocomplete="off"
|
||||
oninput="valueChange(this.value)"/>
|
||||
<button type="button" id="serchB"
|
||||
class="btn-primary"
|
||||
onclick="javascript: searchNode(search_value.value)"
|
||||
style="height: 25px; width: 55px; border-radius: 4px; border: 1px solid;margin-left: 10px">
|
||||
<a href="javascript:void(0);" class="btn-primary">搜索</a>
|
||||
</button>
|
||||
</div>
|
||||
<div style="width:285px;">
|
||||
<div id="tree" class="ztree" style="overflow:auto;margin-left: 4px;overflow-x: hidden"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layer-footer"
|
||||
style="position: fixed; bottom: 0;width:100%;height:30px;text-align: center;margin-top: 1px">
|
||||
<button type="button" class="btn btn-primary" lay-submit lay-filter="config">设置</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layui.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.excheck.js"></script>
|
||||
<script src="${ctx}/js/plugin/ztree/jquery.ztree.exhide.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/strategyTrees.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script>
|
||||
layui.use(['laypage', 'layer', 'table', 'form', 'element'], function () {
|
||||
var layer = layui.layer //弹层
|
||||
, form = layui.form //表单
|
||||
, element = layui.element
|
||||
|
||||
var operation = 0 //与或
|
||||
|
||||
var wfIndex = getQueryString('wfIndex');
|
||||
|
||||
var loadtype = '<div class="layui-form-item"><input type="checkbox" name="load" value="{1}" lay-skin="primary" lay-filter="fuheType" title="{2}"{3}></div>'
|
||||
var targettype = '<div class="layui-form-item"><input type="checkbox" name="target" value="{1}" lay-skin="primary" lay-filter="targetType" title="{2}"{3}></div>' //指标类型
|
||||
|
||||
|
||||
|
||||
initTarget()
|
||||
initLoad()
|
||||
andOr()
|
||||
|
||||
function initTarget() {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/strategy/targetType',
|
||||
data: {wfIndex: wfIndex, type: 1},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
$('#targetType').empty()
|
||||
var da = data.body
|
||||
var html2 = ''
|
||||
if (da.length != 0) {
|
||||
da.sort(function (a, b) {
|
||||
return a.dicName.localeCompare(b.dicName, "zh");
|
||||
})
|
||||
|
||||
for (var i = 0; i < da.length; i++) {
|
||||
html2 += targettype.replace("{1}", da[i].dicIndex)
|
||||
.replace("{2}", da[i].dicName)
|
||||
.replace("{3}", da[i].isCheck == 1 ? 'checked' : '')
|
||||
}
|
||||
|
||||
$('#targetType').append(html2)
|
||||
form.render()
|
||||
}
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
//干扰源类型
|
||||
function initLoad() {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/strategy/targetType',
|
||||
data: {wfIndex: wfIndex, type: 0},
|
||||
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
$('#loadType').empty()
|
||||
var da = data.body
|
||||
var html = ''
|
||||
if (da.length != 0) {
|
||||
da.sort(function (a, b) {
|
||||
return a.dicName.localeCompare(b.dicName, "zh");
|
||||
})
|
||||
for (var i = 0; i < da.length; i++) {
|
||||
html += loadtype.replace("{1}", da[i].dicIndex)
|
||||
.replace("{2}", da[i].dicName)
|
||||
.replace("{3}", da[i].isCheck == 1 ? 'checked' : '')
|
||||
}
|
||||
|
||||
$('#loadType').append(html)
|
||||
form.render()
|
||||
}
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//与或逻辑展示
|
||||
function andOr() {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/strategy/getEarlyWarnById',
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: {wfIndex: wfIndex},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
let da = data.body
|
||||
$("input[name=andor][value='0']").attr("checked", da.operation == 0 ? true : false);
|
||||
$("input[name=andor][value='1']").attr("checked", da.operation == 1 ? true : false);
|
||||
form.render()
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//逻辑监听
|
||||
form.on('radio(andor)', function (data) {
|
||||
operation = data.value
|
||||
});
|
||||
form.on('submit(config)', function (data) {
|
||||
let arr = []
|
||||
var larr = getTreeCheckBoxData()
|
||||
|
||||
$("input:checkbox[name='load']:checked").each(function() {
|
||||
let load = {wfIndex:wfIndex,wfassIndex:$(this).val(),type:0}
|
||||
arr.push(load)
|
||||
})
|
||||
$("input:checkbox[name='target']:checked").each(function() {
|
||||
let target = {wfIndex:wfIndex,wfassIndex:$(this).val(),type:1}
|
||||
arr.push(target)
|
||||
})
|
||||
for (var i = 0; i < larr.length; i++) {
|
||||
let obj = {wfIndex: wfIndex, wfassIndex: larr[i].nodeIndex, type: 2}
|
||||
arr.push(obj)
|
||||
}
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
url: '/pqs9300/strategy/addEarlyWarnAss',
|
||||
data: JSON.stringify({wfIndex: wfIndex, state: operation, list: arr}),
|
||||
beforeSend: function () {
|
||||
i = ityzl_SHOW_LOAD_LAYER()
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
initLoad()
|
||||
initTarget()
|
||||
andOr()
|
||||
refreshTreeCheckBox(1)
|
||||
layer.msg(data.message, {icon: 1})
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
CLOSE_LOAD_LAYER(i)
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function ityzl_SHOW_LOAD_LAYER() {
|
||||
return layer.msg('正在设置...', {
|
||||
icon: 16,
|
||||
shade: [0.5, '#f5f5f5'],
|
||||
scrollbar: false,
|
||||
area: '200px',
|
||||
time: 100000
|
||||
});
|
||||
}
|
||||
|
||||
function CLOSE_LOAD_LAYER(index) {
|
||||
layer.close(index);
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取url参数
|
||||
* @param name 参数名
|
||||
* @returns 值
|
||||
*/
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||
var result = window.location.search.substr(1).match(reg);
|
||||
return result ? decodeURIComponent(result[2]) : '';
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
//获取设备书选择的监测点id对象
|
||||
function getTreeCheckBoxData() {
|
||||
return getTreeSelected(1);
|
||||
}
|
||||
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,181 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body class="container-fluid">
|
||||
<div class="form-group" style="margin-top: 15px">
|
||||
<label style="margin-right: 15px">名称</label>
|
||||
<input type="text" id="wf_name"
|
||||
autocomplete="off" placeholder="请输入名称" class="form-control" style="width: 170px;display: inline-block;">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label style="margin-right: 15px">等级</label>
|
||||
<select id="grade" class="form-control" style="width: 170px;display: inline-block;">
|
||||
<option value="0">一级</option>
|
||||
<option value="1">二级</option>
|
||||
<option value="2">三级</option>
|
||||
</select>
|
||||
</div>
|
||||
<div style="text-align: center;margin-top: 30px">
|
||||
|
||||
<button type="submit" id="submit" class="btn btn-primary">提交</button>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/xss.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
|
||||
<script>
|
||||
var loading;
|
||||
var types = ''
|
||||
var wfIndex = null;
|
||||
|
||||
$(function () {
|
||||
types = getQueryString('type')
|
||||
|
||||
if (types == 1) {
|
||||
//新增
|
||||
|
||||
|
||||
} else {
|
||||
//修改
|
||||
wfIndex = getQueryString('wfIndex')
|
||||
//加载信息
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/strategy/getEarlyWarnById',
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
async: false,
|
||||
data: {wfIndex: wfIndex},
|
||||
beforeSend: function () {
|
||||
loading = layer.load(1)
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
let da = data.body
|
||||
$('#wf_name').val(da.wfName)
|
||||
$('#grade').val(da.grade)
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
layer.close(loading)
|
||||
},
|
||||
error: function () {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//
|
||||
$('body').on('click','#submit',function () {
|
||||
let wf_name = $('#wf_name').val()
|
||||
let flag= verify(wf_name)
|
||||
if(!flag){
|
||||
layer.msg('名称过长',{icon:2})
|
||||
return
|
||||
}
|
||||
let grade = $('#grade').val()
|
||||
var map = {}
|
||||
var url = null
|
||||
if (types == 1) {
|
||||
//新增
|
||||
map = {
|
||||
wfName: filterXSS(wf_name),
|
||||
grade: filterXSS(grade)
|
||||
}
|
||||
url = '/pqs9300/strategy/addEarlyWarn'
|
||||
} else {
|
||||
//修改
|
||||
url = '/pqs9300/strategy/updateEarlyWarn'
|
||||
map = {
|
||||
wfIndex: wfIndex,
|
||||
wfName: filterXSS(wf_name),
|
||||
grade: filterXSS(grade)
|
||||
}
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url: url,
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
async: false,
|
||||
data: JSON.stringify(map),
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
layer.msg(data.message, {icon: 1})
|
||||
window.parent.refresh()
|
||||
window.setTimeout(function () {
|
||||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
parent.layer.close(index); //再执行关闭
|
||||
}, 1000)
|
||||
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
function verify(value) {
|
||||
var j, sum;
|
||||
sum = 0;
|
||||
if(value!=null && value!=''){
|
||||
for (j = 0; j < value.length; j++) {
|
||||
if ((value.charCodeAt(j) >= 0) && (value.charCodeAt(j) <= 1024))
|
||||
sum = sum + 1;
|
||||
else
|
||||
sum = sum + 2;
|
||||
}
|
||||
}
|
||||
if (sum > 36) {
|
||||
return false;
|
||||
}else {
|
||||
return true
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 获取url参数
|
||||
* @param name 参数名
|
||||
* @returns 值
|
||||
*/
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||||
var result = window.location.search.substr(1).match(reg);
|
||||
return result ? decodeURIComponent(result[2]) : '';
|
||||
}
|
||||
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,361 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrapSwitch/bootstrap-switch.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
#transactionList {
|
||||
min-width: 100%;
|
||||
}
|
||||
.tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.td {
|
||||
text-align: center;
|
||||
height: 48px;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.table > tbody > tr > td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="container-fluid">
|
||||
<div class="row">
|
||||
<%--页面头--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<div class="form-inline">
|
||||
<div class="form-group" style="margin-top: 2px">
|
||||
<label>策略等级：</label>
|
||||
<select class="form-control" id="grade" style="width: 100px">
|
||||
<option value="">全部</option>
|
||||
<option value="0">一级</option>
|
||||
<option value="1">二级</option>
|
||||
<option value="2">三级</option>
|
||||
</select>
|
||||
</div>
|
||||
<button style="margin-left: 15px" type="button" class="btn btn-primary " id="query">
|
||||
<i class="glyphicon glyphicon-search"></i>查询
|
||||
</button>
|
||||
|
||||
<div class="form-group fr mr10" id="fliteData">
|
||||
<button style="margin-right: 30px" type="button" class="btn btn-primary " id="addEarly">
|
||||
<i class="glyphicon glyphicon-plus"></i>新增
|
||||
</button>
|
||||
<label>筛选数据：</label>
|
||||
<input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%--页面表格--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<table id="transactionList" class="table table-striped table-bordered dataTable no-footer width100">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>名称</th>
|
||||
<th>等级</th>
|
||||
<th>更新人员</th>
|
||||
<th>更新时间</th>
|
||||
<th>状态</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrapSwitch/bootstrap-switch.min.js"></script>
|
||||
<script>
|
||||
var grade = ''
|
||||
$(function () {
|
||||
refresh();
|
||||
|
||||
|
||||
});
|
||||
//点击查询按钮
|
||||
$("#query").on("click",function () {
|
||||
grade = $('#grade').val()
|
||||
refresh();
|
||||
});
|
||||
//点击查询按钮
|
||||
$("#addEarly").on("click",function () {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '新增预警策略',
|
||||
maxmin : false,
|
||||
area : ['250px', '290px'],
|
||||
content: ['earlyup?type=1', 'no'],
|
||||
scrollbar: false
|
||||
})
|
||||
});
|
||||
/**
|
||||
* 初始化获取后台数据
|
||||
*/
|
||||
function refresh() {
|
||||
/*获取各项条件 */
|
||||
var grade=$("#grade").val();
|
||||
var indexi ;
|
||||
$.ajax({
|
||||
type:"post",
|
||||
url:"/pqs9300/strategy/getEarlyWarnList",
|
||||
dataType:"json",
|
||||
data:{
|
||||
grade:grade
|
||||
},
|
||||
beforeSend: function () {
|
||||
indexi = ityzl_SHOW_LOAD_LAYER();
|
||||
},
|
||||
success:function(data){
|
||||
if(data.code===200){
|
||||
//初始化表格
|
||||
initTransactionTable(data.body);
|
||||
}else{
|
||||
layer.msg(data.message,{icon:2,time:2000})
|
||||
initTransactionTable(null);
|
||||
}
|
||||
ityzl_CLOSE_LOAD_LAYER(indexi);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
var dataTable;
|
||||
//初始化表格数据
|
||||
function initTransactionTable(tableData) {
|
||||
var height = $(window).height() - 135;
|
||||
var length = Math.floor(height / 32);
|
||||
if (length < 1) {
|
||||
length = 1;
|
||||
}
|
||||
dataTable = $("#transactionList").DataTable();
|
||||
dataTable.clear().draw();
|
||||
dataTable = $('#transactionList').DataTable({
|
||||
order: [[1,'desc']],
|
||||
columns: [
|
||||
{width: "14%",data:"wfName"},
|
||||
{width: "14%",data:"grade",render:function (data, type, full, meta) {
|
||||
if(data==0){
|
||||
return '一级'
|
||||
}else if(data==1){
|
||||
return '二级'
|
||||
}else {
|
||||
return '三级'
|
||||
}
|
||||
}},
|
||||
{width: "14%",data:"userName"},
|
||||
{width: "14%",data:"updateTime",render:function (data) {
|
||||
if (data == null) {
|
||||
return '';
|
||||
} else {
|
||||
var date = new Date(data);
|
||||
var y = date.getFullYear();// 年
|
||||
var MM = date.getMonth() + 1;// 月
|
||||
MM = MM < 10 ? ('0' + MM) : MM;
|
||||
var c = date.getDate();// 日
|
||||
c = c < 10 ? ('0' + c) : c;
|
||||
var h = date.getHours();// 时
|
||||
h = h < 10 ? ('0' + h) : h;
|
||||
var m = date.getMinutes();// 分
|
||||
m = m < 10 ? ('0' + m) : m;
|
||||
var s = date.getSeconds();// 秒
|
||||
s = s < 10 ? ('0' + s) : s;
|
||||
return y + '-' + MM + '-' + c + ' ' + h + ':' + m + ':' + s;
|
||||
}
|
||||
}},
|
||||
{width: "8%",data:null,render:function (data) {
|
||||
if(data.state==0){
|
||||
return '<input value="'+data.wfIndex+'" type="checkbox" class="checkbox"/>'
|
||||
}else {
|
||||
return '<input value="'+data.wfIndex+'" type="checkbox" checked class="checkbox"/>'
|
||||
}
|
||||
|
||||
}},
|
||||
{width: "18%",data:"wfIndex", render:function (data, type, full, meta) {
|
||||
var button="",
|
||||
|
||||
|
||||
button="<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\""+data+"\",\"" + 1 + "\")' >绑定</button>" +
|
||||
"<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\""+data+"\",\"" + 2 + "\")' >编辑</button>";
|
||||
|
||||
return button+"<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\""+data+"\",\"" + 3 + "\")' >删除</button>";
|
||||
}
|
||||
}
|
||||
],
|
||||
destroy: true,
|
||||
data: tableData,
|
||||
lengthChange: false,
|
||||
searching: true,
|
||||
dom: 'rtip',
|
||||
scrollY: height,
|
||||
// scrollX: true,
|
||||
lengthMenu: [length],
|
||||
language: {
|
||||
url: '/pqs9300/json/chine.json'
|
||||
},
|
||||
fnDrawCallback: function (oTable) {
|
||||
//初始化按钮开关
|
||||
$(".checkbox").bootstrapSwitch({
|
||||
onText: "启用", // 设置ON文本
|
||||
offText: "关闭", // 设置OFF文本
|
||||
onColor: "primary",// 设置ON文本颜色 (info/success/warning/danger/primary)
|
||||
offColor: "primary", // 设置OFF文本颜色 (info/success/warning/danger/primary)
|
||||
size: "mini", // 设置控件大小,从小到大 (mini/small/normal/large)
|
||||
handleWidth: "30",//设置控件宽度
|
||||
// 当开关状态改变时触发
|
||||
onSwitchChange: function (event, state) {
|
||||
let tid = $(this).val()
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/strategy/statusController',
|
||||
data: {wfIndex: tid, state: state?1:0},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
refresh()
|
||||
layer.msg(data.message, {icon: 1,time:2000})
|
||||
}else {
|
||||
refresh()
|
||||
layer.msg(data.message, {icon: 2,time:2000})
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
$("#transactionList_info").addClass("fl");
|
||||
$("#transactionList_paginate").addClass("fr");
|
||||
$("#transactionList_paginate").append("<div style='float:right;padding-top:4px;padding-left:10px'>到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:28px;'> 页 <button class='btn btn-primary' id='dataTable-btn'>确定</button></div>");
|
||||
var table = $("#transactionList").dataTable();
|
||||
$('#dataTable-btn').click(function (e) {
|
||||
if ($("#changePage").val() && $("#changePage").val() > 0) {
|
||||
var redirectpage = $("#changePage").val() - 1;
|
||||
} else {
|
||||
var redirectpage = 0;
|
||||
}
|
||||
table.fnPageChange(redirectpage);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//搜索表中的数据
|
||||
function searchResult(value) {
|
||||
dataTable.search(value).draw();
|
||||
}
|
||||
|
||||
|
||||
function excuteNextStep(wfIndex,type) {
|
||||
if(type == 1){
|
||||
//绑定
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '预警策略绑定',
|
||||
maxmin : false,
|
||||
area: ['350px', '445px'],
|
||||
content: 'earlybind?wfIndex=' + wfIndex,
|
||||
scrollbar: false
|
||||
})
|
||||
}else if(type == 2){
|
||||
//编辑
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '修改预警策略',
|
||||
maxmin : false,
|
||||
area : ['250px', '290px'],
|
||||
content: ['earlyup?type=2&wfIndex=' + wfIndex, 'no'],
|
||||
scrollbar: false
|
||||
})
|
||||
|
||||
}else {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/strategy/isExitBindEvent',
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: {wfIndex: wfIndex},
|
||||
success: function (data) {
|
||||
let mess = ''
|
||||
if (data.code == 200) {
|
||||
mess = '存在绑定事件,确认删除吗?'
|
||||
} else {
|
||||
mess = '确认删除吗?'
|
||||
}
|
||||
//删除
|
||||
layer.confirm(mess, function (index) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
dataType: "json",
|
||||
url: '/pqs9300/strategy/delEarlyWarn',
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: {wfIndex: wfIndex},
|
||||
success: function (data) {
|
||||
if (data.code == 200) {
|
||||
refresh()
|
||||
layer.msg(data.message, {icon: 1})
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2})
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
//向服务端发送删除指令
|
||||
});
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('未知错误', {icon: 2})
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,120 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
||||
<title>新增技术监督事务</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
.table {
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td,
|
||||
.table>tfoot>tr>td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) and (max-width:1400px) {
|
||||
#analyze_filter {
|
||||
top: -34px;
|
||||
right: -432px;
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.queryButton {
|
||||
display: inline-block
|
||||
}
|
||||
.dataTables_scrollHeadInner{
|
||||
width : 100%; !important
|
||||
}
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="padding: 5px 0px">
|
||||
<div class="content_wrapper" style="background-color: #fff;">
|
||||
<form id="headform" class="form-inline ml15 header">
|
||||
<%@include file="../../include/date.jsp" %>
|
||||
<label class="form-group">部门：</label> <select
|
||||
class="form-control" id="depts">
|
||||
</select>
|
||||
<label class="form-group">反馈类型：</label> <select
|
||||
class="form-control" id="type">
|
||||
<option value="0">预警单</option>
|
||||
<option value="1">告警单</option>
|
||||
</select>
|
||||
<div class="form-inline queryButton">
|
||||
<button id="query" type="button" class="btn btn-primary">
|
||||
<i class="glyphicon glyphicon-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="form-inline pdr15 fr">
|
||||
<button id="btn_deal" type="button" class="btn themeBGColor">
|
||||
<i class="glyphicon glyphicon-plus"></i>生成
|
||||
</button>
|
||||
</div>
|
||||
<div class="form-group fr mr10" id="fliteData">
|
||||
<label>筛选数据：</label>
|
||||
<input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
|
||||
</div>
|
||||
</form>
|
||||
<div class="col-sm-12">
|
||||
<table id="vdlist" class="table table-striped table-bordered dataTable no-footer width100">
|
||||
<thead>
|
||||
<tr role="row">
|
||||
<th><input type="checkbox" class="icheckbox_minimal" id="all_checked"></th>
|
||||
<th class="text-center">供电公司</th>
|
||||
<th class="text-center">变电站</th>
|
||||
<th class="text-center">监测点</th>
|
||||
<th class="text-center">越限次数</th>
|
||||
<th class="text-center">描述</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/technical/addTechnical.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,113 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
||||
<title>修改技术监督事务</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
.table {
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td,
|
||||
.table>tfoot>tr>td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) and (max-width:1400px) {
|
||||
#analyze_filter {
|
||||
top: -34px;
|
||||
right: -432px;
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
.queryButton {
|
||||
display: inline-block
|
||||
}
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="padding: 5px 0px">
|
||||
<div class="content_wrapper" style="background-color: #fff;">
|
||||
<form id="headform" class="form-inline ml15 header">
|
||||
<%@include file="../../include/date.jsp" %>
|
||||
<label class="form-group">部门：</label> <select
|
||||
class="form-control" id="depts">
|
||||
</select>
|
||||
<label class="form-group">反馈类型：</label> <select
|
||||
class="form-control" id="type">
|
||||
<option value="0">预警单</option>
|
||||
<option value="1">告警单</option>
|
||||
</select>
|
||||
<div class="form-inline pdr15 fr">
|
||||
<button id="btn_deal" type="button" class="btn themeBGColor">
|
||||
<i class="glyphicon Fa-edit"></i>修改
|
||||
</button>
|
||||
</div>
|
||||
<div class="form-group fr mr10" id="fliteData">
|
||||
<label>筛选数据：</label>
|
||||
<input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
|
||||
</div>
|
||||
</form>
|
||||
<div class="col-sm-12">
|
||||
<table id="vdlist" class="table table-striped table-bordered dataTable no-footer">
|
||||
<thead>
|
||||
<tr role="row">
|
||||
<th width="20px"><input type="checkbox" class="icheckbox_minimal" id="all_checked"></th>
|
||||
<th class="text-center">供电公司</th>
|
||||
<th class="text-center">变电站</th>
|
||||
<th class="text-center">监测点</th>
|
||||
<th class="text-center">越限次数</th>
|
||||
<th class="text-center">描述</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" value="${sessionScope.supIndex}" id="supIndex" name="supIndex">
|
||||
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/technical/modTechnical.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,103 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
||||
<title>技术监督事务详情</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/jquery/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/bootstrap/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
.table {
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td,
|
||||
.table>tfoot>tr>td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) and (max-width:1400px) {
|
||||
#analyze_filter {
|
||||
top: -34px;
|
||||
right: -432px;
|
||||
}
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.queryButton {
|
||||
display: inline-block
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="padding: 5px 0px">
|
||||
<div class="content_wrapper" style="background-color: #fff;">
|
||||
<form id="headform" class="form-inline ml15 header">
|
||||
<%@include file="../../include/date.jsp" %>
|
||||
<label class="form-group">部门：</label> <select
|
||||
class="form-control" id="depts">
|
||||
</select>
|
||||
<label class="form-group">反馈类型：</label> <select
|
||||
class="form-control" id="type">
|
||||
<option value="0">预警单</option>
|
||||
<option value="1">告警单</option>
|
||||
</select>
|
||||
<div class="form-group fr mr10" id="fliteData">
|
||||
<label>筛选数据：</label>
|
||||
<input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
|
||||
</div>
|
||||
</form>
|
||||
<div class="col-sm-12">
|
||||
<table id="vdlist" class="table table-striped table-bordered dataTable no-footer">
|
||||
<thead>
|
||||
<tr role="row">
|
||||
<th class="text-center">越限日期</th>
|
||||
<th class="text-center">供电公司</th>
|
||||
<th class="text-center">变电站</th>
|
||||
<th class="text-center">监测点</th>
|
||||
<th class="text-center">越限次数</th>
|
||||
<th class="text-center">描述</th>
|
||||
<th class="text-center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" value="${sessionScope.supIndex}" id="supIndex" name="supIndex">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/technical/technicalDetail.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,140 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html >
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>终端运行</title>
|
||||
<link rel="shortcut icon" href="${ctx}/images/nffavicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
.form-control {
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
.tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.td {
|
||||
text-align: center;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
.table > tbody > tr > td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white">
|
||||
<div class="container-fluid">
|
||||
<div class="row ">
|
||||
<div class="col-md-12 mt10">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<label>事务类型：</label>
|
||||
<select class="form-control" id="transactionType" style="width: 80px">
|
||||
<option value="2">全部</option>
|
||||
<option value="0">预警单</option>
|
||||
<option value="1">告警单</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>所处流程：</label>
|
||||
<select class="form-control" id="transactionFlow">
|
||||
<option value="7">全部</option>
|
||||
<option value="0">开始</option>
|
||||
<option value="1">预/告警单下发</option>
|
||||
<option value="2">预/告反馈单</option>
|
||||
<option value="3">现场测试</option>
|
||||
<option value="4">整改通知单下发</option>
|
||||
<option value="5">整改通知反馈单</option>
|
||||
<option value="6">完结</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<%@include file="../../include/time.jsp" %>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary " id="query">
|
||||
<i class="glyphicon glyphicon-search"></i>
|
||||
</button>
|
||||
<button type="button" id="addtech"
|
||||
class="btn themeBGColor fr ml5">
|
||||
<i class="glyphicon glyphicon-plus"></i>新建
|
||||
</button>
|
||||
<button type="button" id="startSwitch"
|
||||
class="btn themeBGColor fr ml5">
|
||||
<i class="glyphicon glyphicon-play"></i>开始
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mt10">
|
||||
<table id="runtimeid" class="table table-striped table-bordered dataTable no-footer width100">
|
||||
<thead>
|
||||
<tr role="row">
|
||||
<th><input type="checkbox" class="icheckbox_minimal" id="all_checked"></th>
|
||||
<th class="text-center">监督名称</th>
|
||||
<th class="text-center">事务类型</th>
|
||||
<th class="text-center">创建用户</th>
|
||||
<th class="text-center">创建部门</th>
|
||||
<th class="text-center">创建时间</th>
|
||||
<th class="text-center">修改时间</th>
|
||||
<th class="text-center">预/告警单</th>
|
||||
<th class="text-center">反馈单</th>
|
||||
<th class="text-center">报告</th>
|
||||
<th class="text-center">通知单</th>
|
||||
<th class="text-center">通知反馈单</th>
|
||||
<th class="text-center">流程状态</th>
|
||||
<th class="text-center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%--当前会话的用户名--%>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/technical/technicalMange.js" charset="UTF-8"></script>
|
||||
<script type="text/javascript">
|
||||
$("#helper").click(function () {
|
||||
toHelper("#jcdyxzt");
|
||||
});
|
||||
$("#interval").val("月份");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,361 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="shortcut icon" href="/pqs9900/images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
#transactionList {
|
||||
min-width: 100%;
|
||||
}
|
||||
.tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.td {
|
||||
text-align: center;
|
||||
height: 48px;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.table > tbody > tr > td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="container-fluid">
|
||||
<div class="row">
|
||||
<%--页面头--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<font>事务名称：</font>
|
||||
<label id="tname"></label>
|
||||
</div>
|
||||
<div class="form-group ml10">
|
||||
<font>创建时间：</font>
|
||||
<label id="createTime"></label>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary fr" id="upload">
|
||||
<i class="glyphicon glyphicon-upload"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<%--页面表格--%>
|
||||
<div class="col-md-12">
|
||||
<table id="transactionList" class="table table-striped table-bordered dataTable no-footer width100">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>供电公司</th>
|
||||
<th>变电站</th>
|
||||
<th>监测点</th>
|
||||
<th>描述</th>
|
||||
<th>文件名</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" value="${supIndex}" id="supIndex">
|
||||
<input type="hidden" value="${excuteStep}" id="excuteStep">
|
||||
<input type="hidden" value="${stepCount}" id="stepCount">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layui.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script>
|
||||
var supIndex,excuteStep,stepCount,bottonText;
|
||||
$(function () {
|
||||
//根据事务索引去后台获取详细信息
|
||||
supIndex=$("#supIndex").val();
|
||||
excuteStep=$("#excuteStep").val();
|
||||
stepCount=$("#stepCount").val();
|
||||
if(Number(excuteStep)===1){
|
||||
bottonText='上传';
|
||||
}else{
|
||||
bottonText='更新';
|
||||
}
|
||||
$("#upload").append("批量"+bottonText);
|
||||
refresh();
|
||||
});
|
||||
|
||||
function refresh() {
|
||||
var indexi ;
|
||||
$.ajax({
|
||||
type:"post",
|
||||
url:"/pqs9300/transaction/getMonitorDetailData",
|
||||
dataType:"json",
|
||||
data:{
|
||||
supIndex:supIndex
|
||||
},
|
||||
beforeSend: function () {
|
||||
indexi = ityzl_SHOW_LOAD_LAYER();
|
||||
},
|
||||
success:function(data){
|
||||
if(data.code===200){
|
||||
//事务名称赋值
|
||||
if(data.body.name===null){
|
||||
$("#tname").html("无对应事务数据");
|
||||
}else{
|
||||
$("#tname").html(data.body.name);
|
||||
$("#createTime").html(data.body.createTime);
|
||||
}
|
||||
//初始化表格
|
||||
initTransactionTable(data.body.overRunLogList);
|
||||
}else{
|
||||
layer.msg(data.message,{icon:2,time:2000})
|
||||
$("#tname").html("无对应事务数据");
|
||||
initTransactionTable(null);
|
||||
}
|
||||
ityzl_CLOSE_LOAD_LAYER(indexi);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
var dataTable;
|
||||
//初始化表格数据
|
||||
function initTransactionTable(tableData) {
|
||||
var height = $(window).height() - 125;
|
||||
var length = Math.floor(height / 32);
|
||||
if (length < 1) {
|
||||
length = 1;
|
||||
}
|
||||
dataTable = $("#transactionList").DataTable();
|
||||
dataTable.clear().draw();
|
||||
dataTable = $('#transactionList').DataTable({
|
||||
order: [],
|
||||
columnDefs : [
|
||||
{
|
||||
orderable : false,
|
||||
targets : [5]
|
||||
}
|
||||
],
|
||||
columns: [
|
||||
{width: "8%",data:"gdName"},
|
||||
{width: "8%",data:"subName"},
|
||||
{width: "8%",data:"lineName"},
|
||||
{width: "17%",data:"overRunLog.overRunDescribe"},
|
||||
{width: "11%",data:"overRunLog.name"},
|
||||
// {width: "11%",data:"supIndex",render:function (data, type, full, meta) {
|
||||
// stepCount=Number(stepCount);
|
||||
// if(stepCount===2){
|
||||
// return full.overRunLog.feedBack;
|
||||
// }else if(stepCount===3){
|
||||
// return full.overRunLog.testReport;
|
||||
// }else if(stepCount===5){
|
||||
// return full.overRunLog.reviseFeedBack;
|
||||
// }
|
||||
// }},
|
||||
{width: "8%",data:"supIndex", render:function (data, type, full, meta) {
|
||||
return "<form action='' enctype='multipart/form-data' ><input type='file' accept='image/*,.pdf,.doc,.docx' name='file' id='"+full.overRunLog.supIndex+full.overRunLog.lineIndex+full.overRunLog.updateTime+"' style='display: none' onchange='uploadFile(\""+full.overRunLog.supIndex+"\",\""+full.overRunLog.lineIndex+"\",\""+stepCount+"\",\""+full.overRunLog.updateTime+"\")'>" +
|
||||
"<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\"" + full.overRunLog.supIndex + "\",\"" + full.overRunLog.lineIndex + "\",\"" + excuteStep +"\",\""+full.overRunLog.updateTime+"\")' >"+bottonText+"</button> </form>";
|
||||
}
|
||||
}
|
||||
],
|
||||
destroy: true,
|
||||
data: tableData,
|
||||
lengthChange: false,
|
||||
searching: true,
|
||||
dom: 'rtip',
|
||||
scrollY: height,
|
||||
lengthMenu: [length],
|
||||
language: {
|
||||
url: '/pqs9300/json/chine.json'
|
||||
},
|
||||
fnDrawCallback: function (oTable) {
|
||||
$("#transactionList_info").addClass("fl");
|
||||
$("#transactionList_paginate").addClass("fr");
|
||||
$("#transactionList_paginate").append("<div style='float:right;padding-top:4px;padding-left:10px'>到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:28px;'> 页 <button class='btn btn-primary' id='dataTable-btn'>确定</button></div>");
|
||||
var table = $("#transactionList").dataTable();
|
||||
$('#dataTable-btn').click(function (e) {
|
||||
if ($("#changePage").val() && $("#changePage").val() > 0) {
|
||||
var redirectpage = $("#changePage").val() - 1;
|
||||
} else {
|
||||
var redirectpage = 0;
|
||||
}
|
||||
table.fnPageChange(redirectpage);
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 执行上传或者更新操作
|
||||
*/
|
||||
function excuteNextStep(supIndex,lineIndex,excuteStep,updatTime) {
|
||||
if (Number(excuteStep) === 1){
|
||||
//点击button按钮触发input标签
|
||||
var buttonId = supIndex+lineIndex+updatTime;
|
||||
$("#"+buttonId+"").trigger("click");
|
||||
} else {
|
||||
//更新
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 执行批量上传
|
||||
*/
|
||||
$("#upload").on("click",function () {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '批量上传',
|
||||
maxmin: false,
|
||||
area: ['60%', '80%'],
|
||||
content: '/pqs9300/uploadFile/uploadMoreFiles?supIndex='+supIndex+'&stepCount='+stepCount,
|
||||
scrollbar: false,
|
||||
cancel: function () {
|
||||
refresh();
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
/**
|
||||
* 单上传文件
|
||||
*/
|
||||
function uploadFile(supIndex,lineIndex,stepCount,updateTime) {
|
||||
//前端做个简单的文件类型判断(判断后缀)
|
||||
var uploadFile = document.getElementById(""+supIndex+lineIndex+updateTime+"").files;
|
||||
var fileName = uploadFile[0].name;
|
||||
var index1 = fileName.lastIndexOf(".");
|
||||
var index2 = fileName.length;
|
||||
var fileType = fileName.substring(index1,index2);
|
||||
if (fileType === ".docx" || fileType === ".doc" || fileType === ".pdf" || fileType === ".jpg" || fileType === ".jepg" || fileType === ".png"){
|
||||
var formData = new FormData();
|
||||
formData.append("file",$("#"+supIndex+lineIndex+updateTime+"")[0].files[0]);
|
||||
formData.append("supIndex",supIndex);
|
||||
formData.append("lineIndex",lineIndex);
|
||||
formData.append("stepCount",stepCount);
|
||||
formData.append("updateTime",updateTime);
|
||||
$.ajax({
|
||||
method: "post",
|
||||
url: "/pqs9300/uploadFile/oneFileUpload",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
beforeSend: function () {
|
||||
layer.msg('文件上传中...', {
|
||||
icon: 16,
|
||||
shade: 0.01,
|
||||
time: 0
|
||||
})
|
||||
},
|
||||
success: function (data) {
|
||||
//清空input框的value值，防止第二次上传相同名称的文档，导致无法上传
|
||||
$("#"+supIndex+lineIndex+updateTime+"").val('');
|
||||
layer.close(layer.msg());
|
||||
//上传之后回调
|
||||
if (data.code !== -2){
|
||||
layer.open({
|
||||
type: 1
|
||||
,offset: 'auto'
|
||||
,content: '<div style="padding: 20px 100px;">'+data.msg+'</div>'
|
||||
,btn: '关闭'
|
||||
,btnAlign: 'c' //按钮居中
|
||||
,shade: 0 //不显示遮罩
|
||||
,yes: function(){
|
||||
layer.closeAll();
|
||||
refresh();
|
||||
}
|
||||
});
|
||||
}else {
|
||||
//单文件上传修改文件名
|
||||
layer.open({
|
||||
type: 1
|
||||
,offset: 'auto'
|
||||
,content: '<div style="padding: 20px 100px;">'+data.msg+'</div>'
|
||||
,btn: ['确认','取消']
|
||||
,btnAlign: 'c' //按钮居中
|
||||
,shade: 0 //不显示遮罩
|
||||
,yes: function(){
|
||||
layer.closeAll();
|
||||
$.ajax({
|
||||
method: "post",
|
||||
url: "/pqs9300/uploadFile/fileUploadCommit",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
beforeSend: function () {
|
||||
layer.msg('文件上传中...', {
|
||||
icon: 16,
|
||||
shade: 0.01,
|
||||
time: 0
|
||||
})
|
||||
},
|
||||
success: function (result) {
|
||||
layer.open({
|
||||
type: 1
|
||||
,offset: 'auto'
|
||||
,content: '<div style="padding: 20px 100px;">'+result.msg+'</div>'
|
||||
,btn: '关闭'
|
||||
,btnAlign: 'c' //按钮居中
|
||||
,shade: 0 //不显示遮罩
|
||||
,yes: function(){
|
||||
layer.closeAll();
|
||||
refresh();
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}else {
|
||||
layer.open({
|
||||
type: 1
|
||||
,offset: 'auto'
|
||||
,content: '<div style="padding: 20px 100px;">上传失败，上传文件类型不符合。请上传pdf/图片(jpg、jepg、png)/word类型的文件</div>'
|
||||
,btn: '关闭'
|
||||
,btnAlign: 'c' //按钮居中
|
||||
,shade: 0 //不显示遮罩
|
||||
,yes: function(){
|
||||
layer.closeAll();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,263 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="shortcut icon" href="/pqs9900/images/favicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
#transactionList {
|
||||
min-width: 100%;
|
||||
}
|
||||
.tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.td {
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.table > tbody > tr > td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.layui-table>thead>tr>th{text-align: center;font-size: 12px;font-weight:700}
|
||||
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.layui-table th{line-height: 10px}
|
||||
|
||||
<%-- 滚动条的设置 --%>
|
||||
::-webkit-scrollbar-track {
|
||||
width: 6px;
|
||||
background-color:#FFFFFF;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius:2em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width:10px;
|
||||
height:10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #0d6868;
|
||||
background-clip:padding-box;
|
||||
min-height:25px;
|
||||
-webkit-border-radius: 2em;
|
||||
-moz-border-radius: 2em;
|
||||
border-radius:2em;
|
||||
}
|
||||
|
||||
<%-- 滚动条移上去的背景 --%>
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color:darkseagreen;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body class="container-fluid" style="overflow:hidden">
|
||||
<div class="layui-upload">
|
||||
<div>
|
||||
<button id="testList" type="button" class="btn themeBGColor" href="javascript:void(0)" style="margin-top: 10px">选择文件</button>
|
||||
<button type="button" class="btn themeBGColor" id="testListAction" style="margin-top: 10px;margin-left: 10px">开始上传</button>
|
||||
<button type="button" class="btn themeBGColor" onclick="clearFiles()" style="margin-top: 10px;margin-left: 10px">清空</button>
|
||||
<div style="float: right;margin-top: 15px;margin-right: 10px;font-size: 12px" id="desc"></div>
|
||||
</div>
|
||||
<div class="tableData" style="overflow-y:auto;margin-top: 0">
|
||||
<div id="tableData" class="layui-upload-list">
|
||||
<table class="layui-table" id="filesTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="40%">文件名</th>
|
||||
<th width="10%">大小</th>
|
||||
<th width="40%">状态</th>
|
||||
<th width="10%">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="demoList"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<input type="hidden" value="${supIndex}" id="supIndex">
|
||||
<input type="hidden" value="${stepCount}" id="stepCount">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layui.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script>
|
||||
$(".tableData").css("width",$(".container-fluid").width());
|
||||
$(".tableData").css("height",$(".container-fluid").height()*0.9);
|
||||
$(".layui-upload-list").css("width",$(".container-fluid").width()-10);
|
||||
|
||||
var supIndex=$("#supIndex").val();
|
||||
var stepCount=$("#stepCount").val();
|
||||
var arr = [];
|
||||
//多文件列表示例
|
||||
layui.use('upload', function() {
|
||||
var $ = layui.jquery, upload = layui.upload;
|
||||
var demoListView = $('#demoList')
|
||||
,uploadListIns = upload.render({
|
||||
elem: '#testList'
|
||||
,data: {supIndex:supIndex,stepCount:stepCount}
|
||||
,url: '/pqs9300/uploadFile/uploadMoreFile'
|
||||
,accept: 'file'
|
||||
,acceptMime: 'image/*,.pdf,.doc,.docx'
|
||||
,multiple: true
|
||||
,auto: false
|
||||
,bindAction: '#testListAction'
|
||||
,choose: function(obj){
|
||||
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
||||
//获取上传文件的个数
|
||||
var len = getFilesLength(files);
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
$("#desc").html("");
|
||||
//读取本地文件
|
||||
obj.preview(function(index, file, result){
|
||||
arr.push(index);
|
||||
var tr = $(['<tr id="upload-'+ index +'">'
|
||||
,'<td style="font-size: 12px">'+ file.name +'</td>'
|
||||
,'<td style="font-size: 12px">'+ (file.size/1024).toFixed(1) +'kb</td>'
|
||||
,'<td style="font-size: 12px">等待上传</td>'
|
||||
,'<td>'
|
||||
,'<button style="font-size: 12px" class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
|
||||
,'<img title="删除" class="demo-delete" src="/pqs9300/images/dele.png" style="cursor: pointer" alt="删除">'
|
||||
,'</td>'
|
||||
,'</tr>'].join(''));
|
||||
//单个重传
|
||||
tr.find('.demo-reload').on('click', function(){
|
||||
obj.upload(index, file);
|
||||
});
|
||||
//删除
|
||||
tr.find('.demo-delete').on('click', function(){
|
||||
arr.remove(index);
|
||||
$("#desc").html("");
|
||||
if (arr.length === 0){
|
||||
$("#desc").html("");
|
||||
}else {
|
||||
$("#desc").append("<span style='font-size: 12px'>当前已选择"+arr.length+"份文件</span>")
|
||||
}
|
||||
delete files[index]; //删除对应的文件
|
||||
tr.remove();
|
||||
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
||||
});
|
||||
demoListView.append(tr);
|
||||
});
|
||||
//延迟获取数组长度
|
||||
setTimeout(function () {
|
||||
if (arr.length > 0){
|
||||
$("#desc").append("<span style='font-size: 12px'>当前已选择"+arr.length+"份文件</span>")
|
||||
}
|
||||
},50)
|
||||
}
|
||||
,done: function(res, index, upload){
|
||||
if(res.code === 0){ //上传成功
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #5FB878;font-size: 12px">上传成功！</span>');
|
||||
tds.eq(3).html(''); //清空操作
|
||||
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
||||
}
|
||||
this.error(index,res, upload);
|
||||
}
|
||||
,error: function(index,res, upload){
|
||||
if(res.code === -1){
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;font-size: 12px">上传失败，上传文件名与规定文件名称不一致！</span>');
|
||||
} else if (res.code === -2){
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;font-size: 12px">上传失败，文件类型错误！(请上传图片、pdf、word类型的文件)</span>');
|
||||
} else if (res.code === -3){
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;font-size: 12px">上传失败！</span>');
|
||||
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
||||
} else if (res.code === -4){
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;font-size: 12px">上传失败，事务报告已全部上传完或暂无报告需要上传！</span>');
|
||||
} else if (res.code === -5){
|
||||
var tr = demoListView.find('tr#upload-'+ index)
|
||||
,tds = tr.children();
|
||||
tds.eq(2).html('<span style="color: #FF5722;font-size: 12px">上传失败，文件过大！(文件大小不超过3M)</span>');
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
//清空table数据
|
||||
function clearFiles() {
|
||||
$("#filesTable tr:not(:first)").html("");
|
||||
$("#total").empty();
|
||||
$("#desc").html("");
|
||||
arr = new Array();
|
||||
}
|
||||
|
||||
//删除数组数据
|
||||
Array.prototype.indexOf = function(val) {
|
||||
for (var i = 0; i < this.length; i++) {
|
||||
if (this[i] == val) return i;
|
||||
}
|
||||
return -1;
|
||||
};
|
||||
|
||||
Array.prototype.remove = function(val) {
|
||||
var index = this.indexOf(val);
|
||||
if (index > -1) {
|
||||
this.splice(index, 1);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
//获取文件上传的数量
|
||||
function getFilesLength(jsonData){
|
||||
var jsonLength = 0;
|
||||
for(var item in jsonData){
|
||||
jsonLength++;
|
||||
}
|
||||
return jsonLength;
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
70
pqs9300/src/main/webapp/WEB-INF/views/error/404.jsp
Normal file
70
pqs9300/src/main/webapp/WEB-INF/views/error/404.jsp
Normal file
@@ -0,0 +1,70 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}" />
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
||||
<title>资源未找到</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
body,html{
|
||||
background-color: #ccc;
|
||||
}
|
||||
#errorCode{
|
||||
font-family: 'wuxin',serif !important;
|
||||
line-height: 280%;
|
||||
}
|
||||
#errorMsg{
|
||||
font-size: 30px;
|
||||
}
|
||||
.aBlank{
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid" >
|
||||
<div class="row">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2" id="main">
|
||||
<div class="row pd15" id="mainCode">
|
||||
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
|
||||
<div style="margin: 0 auto">
|
||||
<img src="${ctx}/images/img/error.png" class="fl">
|
||||
<div class="fl mt20 ml20" id="errorCode">
|
||||
<p id="errorMsg">所访问的资源不存在:404</p>
|
||||
<p>可能原因：</p>
|
||||
<p>1：手抖打错资源路径。</p>
|
||||
<p>2：链接过了保质期。</p>
|
||||
<p> 跳往<a class="aBlank" id="mainA" href="javascript:void(0);">首页</a>，或<a class="aBlank" href="/sso/login?item=pqs9300">重新登录</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="${ctx}/js/plugin/jquery.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script>
|
||||
var $main=$("#main");
|
||||
var $mainCode=$("#mainCode");
|
||||
$(function () {
|
||||
var height=$(window).height();
|
||||
$main.eq(0).css("margin-top",height*0.1);
|
||||
$mainCode.eq(0).css("margin-top",height*0.1);
|
||||
$main.eq(0).css("height",height*0.8);
|
||||
$("#mainA").on('click',function () {
|
||||
window.parent.location.href='/sso/business/main';
|
||||
})
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
12
pqs9300/src/main/webapp/WEB-INF/views/include/date.jsp
Normal file
12
pqs9300/src/main/webapp/WEB-INF/views/include/date.jsp
Normal file
@@ -0,0 +1,12 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<div class="form-group">
|
||||
<label >日期：</label>
|
||||
<select class="form-control" id="interval" style="display:none">
|
||||
<option value="自定义">自定义</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control form_datetime con"
|
||||
id="startTime" style="width: 88px">
|
||||
</div>
|
||||
31
pqs9300/src/main/webapp/WEB-INF/views/include/time.jsp
Normal file
31
pqs9300/src/main/webapp/WEB-INF/views/include/time.jsp
Normal file
@@ -0,0 +1,31 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<div class="form-group">
|
||||
<label >时间间隔：</label>
|
||||
<select class="form-control" id="interval">
|
||||
<option value="年份">年份</option>
|
||||
<option value="季度">季度</option>
|
||||
<option value="月份">月份</option>
|
||||
<option value="周">周</option>
|
||||
<option value="天">天</option>
|
||||
<option value="自定义">自定义</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control form_datetime con"
|
||||
id="startTime" style="width: 88px">
|
||||
</div> —
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control form_datetime con"
|
||||
id="endTime" style="width: 88px">
|
||||
</div>
|
||||
|
||||
<button type="button" class="njcn btn themeBGColor" id="before">
|
||||
<i class="glyphicon glyphicon-backward"></i>
|
||||
</button>
|
||||
<div class="form-group" id="present">
|
||||
<button type="button" class="njcn btn themeBGColor">当前</button>
|
||||
</div>
|
||||
<button type="button" class="njcn btn themeBGColor" id="next" >
|
||||
<span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
|
||||
</button>
|
||||
763
pqs9300/src/main/webapp/WEB-INF/views/index.jsp
Normal file
763
pqs9300/src/main/webapp/WEB-INF/views/index.jsp
Normal file
@@ -0,0 +1,763 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="shortcut icon" href="../../images/nffavicon.ico" type="image/x-icon"/>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
.form-control{
|
||||
height: 22px;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
#transactionList {
|
||||
min-width: 100%;
|
||||
}
|
||||
.tr {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.td {
|
||||
text-align: center;
|
||||
height: 48px;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.table > tbody > tr > td {
|
||||
padding: 5px;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.pagination > li > a, .pagination > li > span {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="container-fluid">
|
||||
<div class="row">
|
||||
<%--页面头--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<div class="form-inline">
|
||||
|
||||
<div class="form-group">
|
||||
<%@include file="include/time.jsp" %>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary " id="query">
|
||||
<i class="glyphicon glyphicon-search"></i>
|
||||
</button>
|
||||
<div class="form-group fr mr10" id="fliteData">
|
||||
<label>筛选数据：</label>
|
||||
<input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%--页面表格--%>
|
||||
<div class="col-md-12 mt10">
|
||||
<div class="halfHeight col-md-6" id="transactionTypeBar">
|
||||
|
||||
</div>
|
||||
<div class="halfHeight col-md-6" id="transactionProgressBar">
|
||||
|
||||
</div>
|
||||
<div class="width100 halfHeight">
|
||||
<table id="transactionList" class="table table-striped table-bordered dataTable no-footer width100">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>事务名称</th>
|
||||
<th>事务类型</th>
|
||||
<th>创建人员</th>
|
||||
<th>创建部门</th>
|
||||
<th>创建时间</th>
|
||||
<th>处理人员</th>
|
||||
<th>处理时间</th>
|
||||
<th>进行时间(天)</th>
|
||||
<th>流程状态</th>
|
||||
<th>预警类型</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="user-checkout pa" style="right: 5px;z-index: -10">
|
||||
<li style="margin-right: 0px" id="selectUserUpdatePass">
|
||||
<input id="user_name" type='hidden' value=<shiro:principal property="loginName"/>/>
|
||||
<input id="user_index" type='hidden' value=<shiro:principal property="userIndex"/>/>
|
||||
<i class="fa fa-user" style="color: #fff;font-size: 12px"></i>
|
||||
<shiro:authenticated>
|
||||
<shiro:principal property="name"/>
|
||||
</shiro:authenticated>
|
||||
</li>
|
||||
<li id="destory"><i class="fa fa-power-off" style="margin-right: 5px"></i>注销</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/echarts/echartsNew.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/loading.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script>
|
||||
var height,type=2,progress=7;
|
||||
var websocket,serverData;
|
||||
var webSocket;
|
||||
$(function () {
|
||||
height= $(window).height() - 50;
|
||||
$(".halfHeight").css("height",height*0.5);
|
||||
//默认为月份统计
|
||||
$("#interval").val("月份");
|
||||
//首先获取socket的url，然后打通与服务端的socket通道
|
||||
$.ajax({
|
||||
url: '/pqs9300/business/getWebsocketURL',
|
||||
type: 'post',
|
||||
dataType: 'text',
|
||||
success: function (data) {
|
||||
reSetStatus();
|
||||
refresh();
|
||||
if ('WebSocket' in window) {
|
||||
var userName = $("#user_name").val();
|
||||
webSocket = new WebSocket(data + userName);
|
||||
} else if ('MozWebSocket' in window) {
|
||||
alert("此浏览器只支持MozWebSocket");
|
||||
} else {
|
||||
alert("此浏览器只支持SockJS");
|
||||
}
|
||||
webSocket.onopen = function (evnt) {
|
||||
layer.msg("webSocket连接成功!", {
|
||||
time: 404
|
||||
});
|
||||
}
|
||||
webSocket.onmessage = function (evnt) {
|
||||
//接受后台发送的socket信息，刷新当前页面数据
|
||||
console.log(evnt.data);
|
||||
refresh();
|
||||
};
|
||||
webSocket.onerror = function (evnt) {
|
||||
layer.msg("websocket连接失败", {icon: 2, time: 3000});
|
||||
};
|
||||
webSocket.onclose = function (evnt) {
|
||||
console.log("与服务器断开了链接!")
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//点击查询按钮
|
||||
$("#query").on("click",function () {
|
||||
type=2;
|
||||
progress=7;
|
||||
refresh();
|
||||
});
|
||||
|
||||
/**
|
||||
* 初始化获取后台数据
|
||||
*/
|
||||
function refresh() {
|
||||
/*获取各项条件 */
|
||||
var startTime=$("#startTime").val();
|
||||
var endTime=$("#endTime").val();
|
||||
// type=$("#transactionType").val();
|
||||
// progress=$("#transactionFlow").val();
|
||||
var indexi ;
|
||||
$.ajax({
|
||||
type:"post",
|
||||
url:"/pqs9300/transaction/getTransactionData",
|
||||
dataType:"json",
|
||||
data:{
|
||||
startTime:startTime,
|
||||
endTime:endTime,
|
||||
type:type,
|
||||
progress:progress
|
||||
},
|
||||
beforeSend: function () {
|
||||
indexi = ityzl_SHOW_LOAD_LAYER();
|
||||
},
|
||||
success:function(data){
|
||||
serverData=data;
|
||||
startQuery();
|
||||
ityzl_CLOSE_LOAD_LAYER(indexi);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//事务类型柱状图
|
||||
function initTransactionTypeBar(typeData){
|
||||
var fuzhuData=[0,0,0];
|
||||
var zhuData=[0,0,0];
|
||||
var xData=['全部', '预警单', '告警单'];
|
||||
if(null!==typeData){
|
||||
//辅助数据
|
||||
fuzhuData[0]=0;
|
||||
fuzhuData[1]=typeData.alarm;
|
||||
fuzhuData[2]=0;
|
||||
//主数据，需要根据用户所选，给对应主体加上颜色
|
||||
if(Number(type)===2){
|
||||
zhuData[0]={value:typeData.total,itemStyle:{color:'#A0522D'}};
|
||||
xData[0]={value:'全部',textStyle:{color:'#A52a2a'}};
|
||||
zhuData[1]={value:typeData.earlyWarn,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[2]={value:typeData.alarm,itemStyle:{color:'#FF7E50'}};
|
||||
}else if(Number(type)===0){
|
||||
zhuData[0]={value:typeData.total,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[1]={value:typeData.earlyWarn,itemStyle:{color:'#A0522D'}};
|
||||
xData[1]={value:'预警单',textStyle:{color:'#A52a2a'}};
|
||||
zhuData[2]={value:typeData.alarm,itemStyle:{color:'#FF7E50'}};
|
||||
}else if(Number(type)===1){
|
||||
zhuData[0]={value:typeData.total,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[1]={value:typeData.earlyWarn,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[2]={value:typeData.alarm,itemStyle:{color:'#A0522D'}};
|
||||
xData[2]={value:'告警单',textStyle:{color:'#A52a2a'}};
|
||||
}
|
||||
}
|
||||
echarts.dispose($("#transactionTypeBar")[0]);
|
||||
var typeBar = echarts.init(document.getElementById('transactionTypeBar'));
|
||||
var option = {
|
||||
title: {
|
||||
text: '事务类型',
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
},
|
||||
formatter: function (params) {
|
||||
var tar = params[1];
|
||||
return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
|
||||
}
|
||||
},
|
||||
color: ['#FF7E50'],
|
||||
grid: {
|
||||
left: '1%',
|
||||
top: '14%',
|
||||
right: '2%',
|
||||
bottom: '2%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
splitLine: {show: false},
|
||||
data: xData
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '辅助',
|
||||
type: 'bar',
|
||||
stack: '总量',
|
||||
barMaxWidth: 30,
|
||||
itemStyle: {
|
||||
barBorderColor: 'rgba(0,0,0,0)',
|
||||
color: 'rgba(0,0,0,0)'
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
barBorderColor: 'rgba(0,0,0,0)',
|
||||
color: 'rgba(0,0,0,0)'
|
||||
}
|
||||
},
|
||||
data:fuzhuData
|
||||
},
|
||||
{
|
||||
name: '事务统计',
|
||||
type: 'bar',
|
||||
stack: '总量',
|
||||
barMaxWidth: 30,
|
||||
label: {
|
||||
show: true,
|
||||
position: 'inside'
|
||||
},
|
||||
data: zhuData
|
||||
}
|
||||
]
|
||||
};
|
||||
typeBar.setOption(option);
|
||||
typeBar.getZr().on('click', params => {
|
||||
let pointInPixel = [params.offsetX, params.offsetY]
|
||||
if (typeBar.containPixel('grid', pointInPixel)) {
|
||||
var xIndex = typeBar.convertFromPixel({ seriesIndex: 0 }, [params.offsetX, params.offsetY])[0]
|
||||
xIndex=Number(xIndex);
|
||||
if(xIndex===0){
|
||||
type=2;
|
||||
}else{
|
||||
type=xIndex-1;
|
||||
}
|
||||
refresh();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
//事务流程柱状图
|
||||
function initTransactionProgressBar(progressData){
|
||||
var fuzhuData=[0,0,0,0,0,0,0];
|
||||
var zhuData=[0,0,0,0,0,0,0];
|
||||
var xData=['全部', '开始', '预/告警单下发', '预/告警单反馈', '现场测试', '整改通知单下发', '整改通知单反馈', '完结'];
|
||||
if(null!=progressData){
|
||||
//辅助数据
|
||||
fuzhuData[0]=0;
|
||||
fuzhuData[1]=progressData.alarmTicket+progressData.feedBack+progressData.testReport+progressData.reviseNotice+progressData.reviseFeedBack+progressData.finish;
|
||||
fuzhuData[2]=progressData.feedBack+progressData.testReport+progressData.reviseNotice+progressData.reviseFeedBack+progressData.finish;
|
||||
fuzhuData[3]=progressData.testReport+progressData.reviseNotice+progressData.reviseFeedBack+progressData.finish;
|
||||
fuzhuData[4]=progressData.reviseNotice+progressData.reviseFeedBack+progressData.finish;
|
||||
fuzhuData[5]=progressData.reviseFeedBack+progressData.finish;
|
||||
fuzhuData[6]=progressData.finish;
|
||||
fuzhuData[7]=0;
|
||||
//主数据，需要根据用户所选，给对应主体加上颜色
|
||||
zhuData[0]={value:progressData.total,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[1]={value:progressData.start,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[2]={value:progressData.alarmTicket,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[3]={value:progressData.feedBack,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[4]={value:progressData.testReport,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[5]={value:progressData.reviseNotice,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[6]={value:progressData.reviseFeedBack,itemStyle:{color:'#FF7E50'}};
|
||||
zhuData[7]={value:progressData.finish,itemStyle:{color:'#FF7E50'}};
|
||||
if(Number(progress)===7){
|
||||
zhuData[0]={value:progressData.total,itemStyle:{color:'#A0522D'}};
|
||||
xData[0]={value:'全部',textStyle:{color:'#A52a2a'}};
|
||||
}else if(Number(progress)===0){
|
||||
zhuData[1]={value:progressData.start,itemStyle:{color:'#A0522D'}};
|
||||
xData[1]={value:'开始',textStyle:{color:'#A52a2a'}};
|
||||
}else if(Number(progress)===1){
|
||||
zhuData[2]={value:progressData.alarmTicket,itemStyle:{color:'#A0522D'}};
|
||||
xData[2]={value:'预/告警单下发',textStyle:{color:'#A52a2a'}};
|
||||
}else if(Number(progress)===2){
|
||||
zhuData[3]={value:progressData.feedBack,itemStyle:{color:'#A0522D'}};
|
||||
xData[3]={value:'预/告警单反馈',textStyle:{color:'#A52a2a'}};
|
||||
}else if(Number(progress)===3){
|
||||
zhuData[4]={value:progressData.testReport,itemStyle:{color:'#A0522D'}};
|
||||
xData[4]={value:'现场测试',textStyle:{color:'#A52a2a'}};
|
||||
}else if(Number(progress)===4){
|
||||
zhuData[5]={value:progressData.reviseNotice,itemStyle:{color:'#A0522D'}};
|
||||
xData[5]={value:'整改通知单下发',textStyle:{color:'#A52a2a'}};
|
||||
}else if(Number(progress)===5){
|
||||
zhuData[6]={value:progressData.reviseFeedBack,itemStyle:{color:'#A0522D'}};
|
||||
xData[6]={value:'整改通知单反馈',textStyle:{color:'#A52a2a'}};
|
||||
}else if(Number(progress)===6){
|
||||
zhuData[7]={value:progressData.finish,itemStyle:{color:'#A0522D'}};
|
||||
xData[7]={value:'完结',textStyle:{color:'#A52a2a'}};
|
||||
}
|
||||
}
|
||||
echarts.dispose($("#transactionProgressBar")[0]);
|
||||
var progressBar = echarts.init(document.getElementById('transactionProgressBar'));
|
||||
var option = {
|
||||
title: {
|
||||
text: '事务流程',
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
},
|
||||
formatter: function (params) {
|
||||
var tar = params[1];
|
||||
return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
|
||||
}
|
||||
},
|
||||
color: ['#FF7E50'],
|
||||
grid: {
|
||||
left: '1%',
|
||||
top: '14%',
|
||||
right: '2%',
|
||||
bottom: '2%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data:xData ,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
show: true,
|
||||
fontSize:10
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '辅助',
|
||||
type: 'bar',
|
||||
stack: '总量',
|
||||
barMaxWidth: 30,
|
||||
itemStyle: {
|
||||
barBorderColor: 'rgba(0,0,0,0)',
|
||||
color: 'rgba(0,0,0,0)'
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
barBorderColor: 'rgba(0,0,0,0)',
|
||||
color: 'rgba(0,0,0,0)'
|
||||
}
|
||||
},
|
||||
data: fuzhuData
|
||||
},
|
||||
{
|
||||
name: '事务统计',
|
||||
type: 'bar',
|
||||
stack: '总量',
|
||||
barMaxWidth: 30,
|
||||
label: {
|
||||
show: true,
|
||||
position: 'inside'
|
||||
},
|
||||
data: zhuData
|
||||
}
|
||||
]
|
||||
};
|
||||
//点击事件
|
||||
progressBar.setOption(option);
|
||||
progressBar.getZr().on('click', params => {
|
||||
let pointInPixel = [params.offsetX, params.offsetY]
|
||||
if (progressBar.containPixel('grid', pointInPixel)) {
|
||||
var xIndex = progressBar.convertFromPixel({ seriesIndex: 0 }, [params.offsetX, params.offsetY])[0]
|
||||
xIndex=Number(xIndex);
|
||||
if(xIndex===0){
|
||||
progress=7;
|
||||
}else{
|
||||
progress=xIndex-1;
|
||||
}
|
||||
refresh();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
|
||||
var dataTable;
|
||||
//初始化表格数据
|
||||
function initTransactionTable(tableData) {
|
||||
var tableHeight=height*0.5-75;
|
||||
var length = Math.floor(tableHeight / 32);
|
||||
if (length < 1) {
|
||||
length = 1;
|
||||
}
|
||||
var tableCellHeight=32*length;
|
||||
dataTable = $("#transactionList").DataTable();
|
||||
dataTable.clear().draw();
|
||||
dataTable = $('#transactionList').DataTable({
|
||||
order: [6,'desc'],
|
||||
columnDefs : [
|
||||
{
|
||||
orderable : false,
|
||||
targets : [10]
|
||||
}
|
||||
],
|
||||
columns: [
|
||||
{width: "10%",data:"name", render:function (data, type, full, meta) {
|
||||
var value=data;
|
||||
if(data.length>13){
|
||||
value=data.substring(0,12)+"...";
|
||||
value="<span title="+data+">"+value+"</span>";
|
||||
}
|
||||
return value;
|
||||
}},
|
||||
{width: "7%",data:"type",render:function (data, type, full, meta) {
|
||||
return getTransactionType(data)+'单';
|
||||
}},
|
||||
{width: "7%",data:"createUser"},
|
||||
{width: "8%",data:"depts"},
|
||||
{width: "12%",data:"createTimeStr"},
|
||||
{width: "7%",data:"modifyUser",render:function (data, type, full, meta) {
|
||||
if(data===""|data===undefined|data===null){
|
||||
return '/';
|
||||
}
|
||||
return data;
|
||||
}},
|
||||
{width: "12%",data:"modifyTimeStr"},
|
||||
{width: "9%",data:"proceed"},
|
||||
{width: "8%", data: "progress",render:function (data, type, full, meta) {
|
||||
return getTransactionProceed(data,full.type);
|
||||
}},
|
||||
{width: "7%", data: "proceed",render:function (data, type, full, meta) {
|
||||
//根据进行的时间显示相应的警告
|
||||
return getWarnInfo(data,full.type);
|
||||
}},
|
||||
{width: "13%",data:"progress", render:function (data, type, full, meta) {
|
||||
var button="",flag;
|
||||
data=Number(data);
|
||||
if(data>=6){
|
||||
flag=true;
|
||||
}
|
||||
if(!flag){
|
||||
var content=getTransactionProceedOperate(data,full.type);
|
||||
button="<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='excuteNextStep(\""+ getTransactionProceed(data,full.type)+ "\",\"" + full.supIndex + "\",\"" + data +"\")' >"+content+"</button>";
|
||||
}
|
||||
return button+"<button type='button' class='btn themeBGColor' style='margin-right:10px;' href='javascript:void(0);' onclick='viewTransactionDetail(\"" + full.supIndex + "\",\"" + data + "\")' >查看</button>";
|
||||
}
|
||||
}
|
||||
],
|
||||
destroy: true,
|
||||
data: tableData,
|
||||
lengthChange: false,
|
||||
searching: true,
|
||||
dom: 'rtip',
|
||||
scrollY: tableCellHeight,
|
||||
// scrollX: true,
|
||||
lengthMenu: [length],
|
||||
language: {
|
||||
url: '/pqs9300/json/chine.json'
|
||||
},
|
||||
fnDrawCallback: function (oTable) {
|
||||
$("#transactionList_info").addClass("fl");
|
||||
$("#transactionList_paginate").addClass("fr");
|
||||
$("#transactionList_paginate").append("<div style='float:right;padding-top:4px;padding-left:10px'>到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:28px;'> 页 <button class='btn btn-primary' id='dataTable-btn'>确定</button></div>");
|
||||
var table = $("#transactionList").dataTable();
|
||||
$('#dataTable-btn').click(function (e) {
|
||||
if ($("#changePage").val() && $("#changePage").val() > 0) {
|
||||
var redirectpage = $("#changePage").val() - 1;
|
||||
} else {
|
||||
var redirectpage = 0;
|
||||
}
|
||||
table.fnPageChange(redirectpage);
|
||||
});
|
||||
$.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//搜索表中的数据
|
||||
function searchResult(value) {
|
||||
dataTable.search(value).draw();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//预/告警单根据进行的时间返回颜色和警告内容
|
||||
function getWarnInfo(data,proceedStatus) {
|
||||
data=Number(data);
|
||||
proceedStatus=Number(proceedStatus);
|
||||
var info='<font style="color:black">无预警</font>'
|
||||
if(proceedStatus===0||proceedStatus===1||proceedStatus===4){
|
||||
if(data>1){
|
||||
info='<font style="color:#A52a2a">超时</font>';
|
||||
}
|
||||
}else if(proceedStatus===2){
|
||||
if(data<=5){
|
||||
info='<font style="color:black">无预警</font>'
|
||||
}else if(data>5&&data<=8){
|
||||
info='<font style="color:#DAA520">一级预警</font>'
|
||||
}else if(data>8&&data<=10){
|
||||
info='<font style="color:#FF7E50">二级预警</font>'
|
||||
}else{
|
||||
info='<font style="color:#A52a2a">超时</font>'
|
||||
}
|
||||
}else if(proceedStatus===3){
|
||||
if(data<=10){
|
||||
info='<font style="color:black">无预警</font>'
|
||||
}else if(data>10&&data<=20){
|
||||
info='<font style="color:#DAA520">一级预警</font>'
|
||||
}else if(data>20&&data<=30){
|
||||
info='<font style="color:#FF7E50">二级预警</font>'
|
||||
}else{
|
||||
info='<font style="color:#A52a2a">超时</font>'
|
||||
}
|
||||
}
|
||||
return info;
|
||||
}
|
||||
|
||||
//根据数字，返回当前单子类型
|
||||
function getTransactionType(data) {
|
||||
if(Number(data)===0){
|
||||
return '预警';
|
||||
}else{
|
||||
return '告警';
|
||||
}
|
||||
}
|
||||
|
||||
//根据流程数字，返回当前流程状态
|
||||
function getTransactionProceed(data,type) {
|
||||
data=Number(data);
|
||||
if(data===0){
|
||||
return '开始';
|
||||
}else if(data===1){
|
||||
return getTransactionType(type)+'单下发';
|
||||
}else if(data===2){
|
||||
return getTransactionType(type)+'反馈单';
|
||||
}else if(data===3){
|
||||
return '现场测试';
|
||||
}else if(data===4){
|
||||
return '整改通知单下发';
|
||||
}else if(data===5){
|
||||
return '整改通知反馈单';
|
||||
}else if(data===6){
|
||||
return '完结';
|
||||
}else{
|
||||
return "完结";
|
||||
}
|
||||
}
|
||||
|
||||
//根据流程数字，返回当前流程状态
|
||||
function getTransactionProceedOperate(data,type) {
|
||||
data=Number(data);
|
||||
if(data===0){
|
||||
return '开始';
|
||||
}else if(data===1||data===4){
|
||||
return '下发';
|
||||
}else if(data===2||data===3||data===5){
|
||||
return '上传';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//执行下一步操作，其中有预/告警单下发、整改通知单下发是直接进行操作
|
||||
function excuteNextStep(title,supIndex,stepCount) {
|
||||
stepCount=Number(stepCount);
|
||||
if(stepCount===0){
|
||||
//后台执行更新，为下发状态
|
||||
var i;
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/pqs9300/transaction/startDealTransaction",
|
||||
dataType: "json",
|
||||
data: {
|
||||
supIndex: supIndex
|
||||
},
|
||||
beforeSend: function () {
|
||||
i = ityzl_SHOW_LOAD_DOWNLOAD();
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code === 500) {
|
||||
layer.msg(data.message, {icon: 2, time: 1000});
|
||||
}
|
||||
refresh();
|
||||
ityzl_CLOSE_LOAD_LAYER(i);
|
||||
}
|
||||
})
|
||||
}else if(stepCount===1){
|
||||
//先去校验下事务数据，以及文档文件
|
||||
var i;
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/pqs9300/transaction/checkTransaction",
|
||||
dataType: "json",
|
||||
data: {
|
||||
supIndex: supIndex
|
||||
},
|
||||
beforeSend: function () {
|
||||
i = ityzl_SHOW_LOAD_DOWNLOAD();
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code === 200) {
|
||||
window.location.href = '/pqs9300/transaction/downTransactionWord?supIndex='+supIndex;
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2, time: 1000});
|
||||
}
|
||||
refresh();
|
||||
ityzl_CLOSE_LOAD_LAYER(i);
|
||||
}
|
||||
})
|
||||
}else if(stepCount===4){
|
||||
//无需跳转，直接指向下载链接
|
||||
//先去校验下事务数据，以及文档文件
|
||||
var i;
|
||||
$.ajax({
|
||||
type: "post",
|
||||
url: "/pqs9300/transaction/checkTransactionNotice",
|
||||
dataType: "json",
|
||||
data: {
|
||||
supIndex: supIndex
|
||||
},
|
||||
beforeSend: function () {
|
||||
i = ityzl_SHOW_LOAD_DOWNLOAD();
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.code === 200) {
|
||||
window.location.href = '/pqs9300/transaction/downTransactionWordNotice?supIndex='+supIndex;
|
||||
} else {
|
||||
layer.msg(data.message, {icon: 2, time: 1000});
|
||||
}
|
||||
ityzl_CLOSE_LOAD_LAYER(i);
|
||||
type=2;
|
||||
progress=7;
|
||||
refresh();
|
||||
}
|
||||
})
|
||||
}else{
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: title,
|
||||
maxmin : false,
|
||||
area : ['100%' , '100%'],
|
||||
content: '/pqs9300/transaction/excuteNextStep?supIndex='+supIndex+"&excuteStep=1"+"&stepCount="+stepCount,
|
||||
scrollbar: false,
|
||||
end:function (){
|
||||
refresh();
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function viewTransactionDetail(subIndex,data) {
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '技术监督详情',
|
||||
maxmin: false,
|
||||
area: ['100%', '100%'],
|
||||
content: 'technicaldetail?supIndex=' + subIndex,
|
||||
scrollbar: false
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//特殊处理，表头紧缩问题--start
|
||||
var it=null;
|
||||
function startQuery() {
|
||||
//实时刷新时间单位为毫秒
|
||||
it= setInterval('refreshQuery()',100);
|
||||
|
||||
}
|
||||
/* 刷新查询 */
|
||||
function refreshQuery(){
|
||||
var width=$("#transactionList").width();
|
||||
if(width>200){
|
||||
if(serverData.code===200){
|
||||
//实例化事务类型柱状图、流程柱状图
|
||||
initTransactionTypeBar(serverData.body.transactionType);
|
||||
initTransactionProgressBar(serverData.body.transactionProgress);
|
||||
//初始化表格
|
||||
initTransactionTable(serverData.body.superviseList);
|
||||
}else{
|
||||
layer.msg(serverData.message,{icon:2,time:2000})
|
||||
initTransactionTable(null);
|
||||
//实例化事务类型柱状图、流程柱状图
|
||||
initTransactionTypeBar(serverData.body.transactionType);
|
||||
initTransactionProgressBar(serverData.body.transactionProgress);
|
||||
}
|
||||
window.clearInterval(it)
|
||||
}
|
||||
}
|
||||
//特殊处理，表头紧缩问题--end
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
270
pqs9300/src/main/webapp/WEB-INF/views/main.jsp
Normal file
270
pqs9300/src/main/webapp/WEB-INF/views/main.jsp
Normal file
@@ -0,0 +1,270 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
||||
<title>PQS9300技术监督管理系统</title>
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/animate/animate.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/jquery/jquery-ui.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/metroStyle/metroStyle.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/iconfont/iconfont.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/jquery/jquery.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/switchCss.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style>
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
|
||||
.scroll li {
|
||||
width: 200px;
|
||||
float: left;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-close2 {
|
||||
position: absolute;
|
||||
right: -14px;
|
||||
top: -14px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-left: 0;
|
||||
background-position: -149px -31px;
|
||||
}
|
||||
|
||||
#swapSystem {
|
||||
color: #FFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.subSystem {
|
||||
/*display: block !important;*/
|
||||
top: 18px !important;
|
||||
opacity: 1 !important;
|
||||
left: -70px !important;
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
border-radius: 3px !important;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.subSystem a {
|
||||
color: #fff;
|
||||
font-size: 12px !important;
|
||||
display: block;
|
||||
height: 20px !important;
|
||||
line-height: 20px !important;
|
||||
width: 130px !important;
|
||||
text-align: center;
|
||||
/*border-bottom: 1 !important;*/
|
||||
}
|
||||
|
||||
.small_traggle {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 8px solid;
|
||||
border-color: transparent transparent #fff;
|
||||
position: relative;
|
||||
top: -12px;
|
||||
left: 25px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.switchSystem {
|
||||
margin-right: 0px !important;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
#userDiv {
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
width: 110px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="bg-main">
|
||||
<header id="page_header">
|
||||
<div class="logow fadeInLeft f20 fb fl mt-3" id="logo">
|
||||
<img src="\pqs9300\images\logo.png" style="height: 68px"/>
|
||||
</div>
|
||||
<div class="fl top-menu">
|
||||
<span class="ml10 disinlineb mt-6" id="bigTitle">电能质量监测系统</span>
|
||||
<span class="f14" id="smallTitle">PQS-9300技术监督管理v1.1.0</span>
|
||||
<div id="userDiv" style="width: 70px">
|
||||
<c:if test="${false}">
|
||||
<span id="swapSystem">
|
||||
<ul>
|
||||
<li class="switchSystem">
|
||||
<i class="fa fa-exchange">
|
||||
</i>
|
||||
<a href="javascript:void(0)" class="menuone switchSystem">模块切换</a>
|
||||
<div class="small_traggle"></div>
|
||||
<div class="menutwo subSystem">
|
||||
<c:forEach items="${webItems }" var="item">
|
||||
<a href="javascript:void(0)" item="${item.item}">${item.name}</a>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</span>
|
||||
</c:if>
|
||||
</div>
|
||||
<ul class="f20 ml10 menu">
|
||||
<li>
|
||||
<a href="javascript:void(0);" onclick="addTab('index','首页')" class="menuone"><i
|
||||
class="icon iconfont icon-shouye mr10"></i>首页 </a>
|
||||
</li>
|
||||
<li><a href="javascript:void(0);" class="menuone"><i class="icon iconfont icon-tongji mr10"></i>技术监督管理</a>
|
||||
<div class="menutwo">
|
||||
<a href="javascript:void(0);" onclick="addTab('technical','技术监督管理')">技术监督管理</a>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="javascript:void(0);" class="menuone"><i class="icon iconfont icon-caidan mr10"></i>策略管理</a>
|
||||
<div class="menutwo">
|
||||
<a href="javascript:void(0);" onclick="addTab('earlywaring','预警单生成策略')">预警单生成策略</a>
|
||||
<a href="javascript:void(0);" onclick="addTab('alarmwarning','告警单生成策略')">告警单生成策略</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul class="user-checkout pa" style="right: 5px;z-index: -10">
|
||||
<li style="margin-right: 0px" id="selectUserUpdatePass">
|
||||
<input id="user_name" type='hidden' value=<shiro:principal property="loginName"/>/>
|
||||
<input id="user_index" type='hidden' value=<shiro:principal property="userIndex"/>/>
|
||||
<i class="fa fa-user" style="color: #fff;font-size: 12px"></i>
|
||||
<shiro:authenticated>
|
||||
<shiro:principal property="name"/>
|
||||
</shiro:authenticated>
|
||||
</li>
|
||||
<li id="destory"><i class="fa fa-power-off" style="margin-right: 5px"></i>注销</li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<div class="footer-copy clearfix">
|
||||
<div class="fr f13">CopyRight@2017 南京灿能电力自动化股份有限公司 版权所有</div>
|
||||
</div>
|
||||
<div id="rightContent" style="position: absolute; left: 270px; right: 20px; top: 80px;">
|
||||
<div id="tabs" style="width: 100%; height: 100%;">
|
||||
<ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<c:if test="${displayFlag eq true}">
|
||||
<img class="switchImg" src="/pqs9200/images/switchSystem/switch.png" onclick="openDiv('div1')">
|
||||
<div id="div1" class="opendiv">
|
||||
<div class="switchTitle">系统切换 <p class="closeX" onclick="tkClose()">x</p></div>
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(webItems) == 2}">
|
||||
<div id="switchDiv" class="fdz2">
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<div id="switchDiv" class="fdz1">
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<c:forEach items="${webItems}" var="item">
|
||||
<c:choose>
|
||||
<c:when test="${fn:length(webItems) == 2}">
|
||||
<div class="col-md-6" style="text-align: center">
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<div class="col-md-12" style="text-align: center">
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<c:if test="${item.item == 'pqs9000'}">
|
||||
<img class="dz" item="${item.item}" src="/pqs9200/images/switchSystem/pqs9000.png"/>
|
||||
</c:if>
|
||||
<c:if test="${item.item == 'pqs9200'}">
|
||||
<img class="dz" item="${item.item}" src="/pqs9200/images/switchSystem/pqs9200.png"/>
|
||||
</c:if>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<div id="bgdiv"></div>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap-table/dataTables.bootstrap.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.contextMenu.js"></script>
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.cleverTabs.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/basic.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/main.js"></script>
|
||||
<script>
|
||||
$("#swapSystem").on('mouseover', function () {
|
||||
$(".small_traggle").css("display", "block")
|
||||
})
|
||||
$("#swapSystem").on('mouseleave', function () {
|
||||
$(".small_traggle").css("display", "none")
|
||||
})
|
||||
|
||||
$("#switchDiv img").on("click", function () {
|
||||
window.location.href = "/sso/user/judgeLogin?item=" + $(this).attr("item");
|
||||
})
|
||||
|
||||
|
||||
function getDiv(id) {
|
||||
return document.getElementById(id);
|
||||
}
|
||||
|
||||
function openDiv(obj) {
|
||||
if (!getDiv(obj)) return false;
|
||||
var b = getDiv('bgdiv');
|
||||
var d = getDiv(obj);
|
||||
b.style.visibility = 'visible';
|
||||
d.style.visibility = 'visible';
|
||||
var wd = window.top.document.documentElement.clientWidth - d.offsetWidth;
|
||||
var ht = window.top.document.documentElement.clientHeight - d.offsetHeight;
|
||||
d.style.left = (wd / 2) + 'px';//横向居中
|
||||
d.style.top = (ht / 2) + 'px';//垂直居中
|
||||
b.onclick = function () {
|
||||
closeDiv(obj);
|
||||
window.onresize = null;
|
||||
}; //点击背景关闭弹出层
|
||||
}
|
||||
|
||||
//关闭弹出层
|
||||
function closeDiv(obj) {
|
||||
var b = getDiv('bgdiv');
|
||||
var d = getDiv(obj);
|
||||
b.style.visibility = 'hidden';
|
||||
d.style.visibility = 'hidden';
|
||||
}
|
||||
|
||||
function tkClose() {
|
||||
var tk = document.getElementById("div1");
|
||||
var tk2 = document.getElementById("bgdiv");
|
||||
tk.style.visibility = 'hidden';
|
||||
tk2.style.visibility = 'hidden';
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
246
pqs9300/src/main/webapp/WEB-INF/views/updatePassWord.jsp
Normal file
246
pqs9300/src/main/webapp/WEB-INF/views/updatePassWord.jsp
Normal file
@@ -0,0 +1,246 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html >
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
|
||||
<title>修改用户密码</title>
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white">
|
||||
<form class="layui-form" style="text-align: center;">
|
||||
<%-- <div class="layui-form-item" style="margin-top: 15px; width: 320px">--%>
|
||||
<%-- <label class="layui-form-label">原密码:</label>--%>
|
||||
<%-- <div class="layui-input-block">--%>
|
||||
<%-- <input type="password" id="password" placeholder="请输入原密码" maxlength="100"--%>
|
||||
<%-- autocomplete="off" style="width: 95%; margin-top: 6px;margin-left:-80px;height: 30px"><font--%>
|
||||
<%-- color="red">*</font>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </div>--%>
|
||||
<div class="layui-form-item" style="margin-top: 15px; width: 320px">
|
||||
<label class="layui-form-label">新密码:</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="password" id="Xpassword" placeholder="请输入新密码" maxlength="100"
|
||||
autocomplete="new-password" style="width: 95%; margin-top: 6px;margin-left:-80px;height: 30px"><font
|
||||
color="red">*</font>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item" style="margin-top: 15px; width: 320px">
|
||||
<label class="layui-form-label" style="width: 86px;margin-left: -8px;">再次输入:</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="password" id="ZXpassword" placeholder="请再次输入新密码" maxlength="100"
|
||||
autocomplete="new-password" style="width: 95%; margin-top: 6px;margin-left:-80px;height: 30px"><font
|
||||
color="red">*</font>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;text-align: center;">
|
||||
<button type="button" class="layui-btn themeBGColor"
|
||||
id="updatePassWord"
|
||||
style=" margin-top: 10px">提交
|
||||
</button>
|
||||
<button type="reset" class="layui-btn cancleBGColor"
|
||||
style="margin-left: 10%; margin-top: 10px"
|
||||
id="close">取消
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<input type="hidden" id="userIndex" value="${userIndex}">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/basic.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/xss.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/security.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/aes.js"></script>
|
||||
<script src="${ctx}/jspJS/sm2.js"></script>
|
||||
<script src="${ctx}/jspJS/sm3.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/security.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/jspJS/confirmIndentity.js"></script>
|
||||
<script>
|
||||
/**
|
||||
* 修改用户密码
|
||||
*/
|
||||
$(document)
|
||||
.ready(
|
||||
function () {
|
||||
var userIndex = $("#userIndex").val();
|
||||
// var password;
|
||||
var passwordX;
|
||||
var usernames;
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/pqs9300/user/selectId",
|
||||
data: {
|
||||
userIndex: userIndex,
|
||||
flag:0
|
||||
},
|
||||
success: function (data) {
|
||||
// password = data.password;
|
||||
usernames = data.loginName;
|
||||
}
|
||||
})
|
||||
$("#close").click(function () {
|
||||
parent.layer.closeAll();
|
||||
});
|
||||
$("#updatePassWord")
|
||||
.click(
|
||||
function () {
|
||||
// var Ypassword = $("#password").val();
|
||||
// Ypassword = filterXSS(Ypassword);
|
||||
var Xpassword = $("#Xpassword").val();
|
||||
Xpassword = filterXSS(Xpassword);
|
||||
var Zpassword = $("#ZXpassword").val();
|
||||
if (Xpassword != "" && Zpassword != "") {
|
||||
if (Xpassword.search(passwordz) != -1) {
|
||||
if (Zpassword.search(passwordz) != -1) {
|
||||
if (Xpassword == Zpassword) {
|
||||
passwordX = Xpassword;
|
||||
usernames = encrypt(usernames);
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
/*url: "/sso/user/generateSM2Key",*/
|
||||
url: "/sso/user/generateSM2Key",
|
||||
dataType: "text",
|
||||
data: {
|
||||
username: usernames
|
||||
},
|
||||
success: function (data) {
|
||||
var info = $.parseJSON(data);
|
||||
if (info.code === 200) {
|
||||
var pubkeyHex = info.body;//获取SM2加密公钥
|
||||
var sm3Pwd = sm3Digest(passwordX);//SM3加密
|
||||
var sm2Pwd =sm2Encrypt(sm3Pwd + "|" + passwordX, pubkeyHex, 0);//SM2公钥加密
|
||||
var token = $("#token").val();
|
||||
$.ajax({
|
||||
method: "post",
|
||||
url: "/pqs9300/user/updatePassword",
|
||||
data: {
|
||||
"username": usernames,
|
||||
// "password": sm2Pwd,
|
||||
"passwordX": sm2Pwd,
|
||||
token: token
|
||||
},
|
||||
success: function (info) {
|
||||
if (info.code == 300) {
|
||||
layer
|
||||
.msg(
|
||||
info.message,
|
||||
{
|
||||
icon: 5
|
||||
},
|
||||
function () {
|
||||
parent.layer
|
||||
.closeAll();
|
||||
});
|
||||
} else if (info.code == 500) {
|
||||
layer
|
||||
.msg(
|
||||
info.message,
|
||||
{
|
||||
icon: 5
|
||||
},
|
||||
function () {
|
||||
parent.layer
|
||||
.closeAll();
|
||||
});
|
||||
} else if (info.code == 301) {
|
||||
layer
|
||||
.msg(
|
||||
info.message,
|
||||
{
|
||||
icon: 5
|
||||
},
|
||||
function () {
|
||||
parent.layer
|
||||
.closeAll();
|
||||
});
|
||||
} else {
|
||||
layer.msg(
|
||||
info.message,
|
||||
{
|
||||
icon: 6,
|
||||
time: 1000
|
||||
},
|
||||
function () {
|
||||
location.href = '/pqs9300/user/loginout';
|
||||
layer.close(index)
|
||||
parent.layer
|
||||
.closeAll();
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
layer.msg('两次密码输入不一致！', {
|
||||
icon: 2,
|
||||
time: 2000
|
||||
});
|
||||
}
|
||||
} else {
|
||||
layer
|
||||
.msg(
|
||||
'密码由8-16位字母、数字及特殊字符组成！',
|
||||
{
|
||||
icon: 2,
|
||||
time: 2000
|
||||
});
|
||||
}
|
||||
} else {
|
||||
layer
|
||||
.msg(
|
||||
'新密码由8-16位字母、数字及特殊字符组成！',
|
||||
{
|
||||
icon: 2,
|
||||
time: 2000
|
||||
});
|
||||
}
|
||||
} else {
|
||||
layer.msg('密码均不能为空！', {
|
||||
icon: 2,
|
||||
time: 2000
|
||||
});
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
/**
|
||||
* 加密（需要先加载lib/aes/aes.min.js文件）
|
||||
* @param word
|
||||
* @returns {*}
|
||||
*/
|
||||
function encrypt(word) {
|
||||
var key = CryptoJS.enc.Utf8.parse("njcnpqsqpncjnggg");
|
||||
var srcs = CryptoJS.enc.Utf8.parse(word);
|
||||
var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7});
|
||||
return encrypted.toString();
|
||||
}
|
||||
|
||||
/**
|
||||
* 解密
|
||||
* @param word
|
||||
* @returns {*}
|
||||
*/
|
||||
function decrypt(word) {
|
||||
var key = CryptoJS.enc.Utf8.parse("njcnpqsqpncjnggg");
|
||||
var decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7});
|
||||
return CryptoJS.enc.Utf8.stringify(decrypt).toString();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
127
pqs9300/src/main/webapp/WEB-INF/views/userDetail.jsp
Normal file
127
pqs9300/src/main/webapp/WEB-INF/views/userDetail.jsp
Normal file
@@ -0,0 +1,127 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
|
||||
<!DOCTYPE html >
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>用户详情</title>
|
||||
<link rel="stylesheet" href="${ctx}/js/plugin/layui/css/layui.css"
|
||||
media="all">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
|
||||
<link rel="stylesheet"
|
||||
href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
|
||||
<link rel="stylesheet" href="${ctx}/css/basic.css">
|
||||
<style type="text/css">
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 1px 9px !important;
|
||||
font-size: 12px !important
|
||||
}
|
||||
|
||||
.align-center {
|
||||
margin: 0 auto; /* 居中 这个是必须的，，其它的属性非必须 */
|
||||
text-align: center; /* 文字等内容居中 */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-white">
|
||||
<div >
|
||||
<div style="width:45%;float: left;">
|
||||
<label class="layui-form-label" style="margin-top: 10px; ">昵称:</label>
|
||||
<input type="text" id="name" autocomplete="off" maxlength="200" style="margin-top: 7%" disabled>
|
||||
|
||||
</div>
|
||||
<div style="width:45%;margin-left: -60px;float: right;">
|
||||
<label class="layui-form-label" style="margin-top: 10px">登录名:</label>
|
||||
<input type="text" id="loginName" disabled autocomplete="off" style="margin-top: 7%" maxlength="50">
|
||||
</div>
|
||||
<div style="width:45%;float: left;">
|
||||
<label class="layui-form-label" style="margin-top: 10px; ">部门:</label>
|
||||
<input type="text" id="deptsName" autocomplete="off" maxlength="200" style="margin-top: 7%" disabled>
|
||||
</div>
|
||||
<div style="width:45%;margin-left: -60px;float: right;">
|
||||
<label class="layui-form-label" style="margin-top: 10px">角色:</label>
|
||||
<input type="text" id="roleName" disabled autocomplete="off" style="margin-top: 7%" maxlength="50">
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="layui-btn themeBGColor"
|
||||
id="updatetUser"
|
||||
style="margin-top: 25%;">修改密码
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<%--当前会话的用户名--%>
|
||||
<input type="hidden" id="username" value="${username}">
|
||||
<input type="hidden" id="userIndex" value="${userIndex}">
|
||||
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
|
||||
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
|
||||
<script src="${ctx}/js/plugin/layui/layer.js"></script>
|
||||
<script src="${ctx}/js/basic.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/xss.js"></script>
|
||||
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/aes.js"></script>
|
||||
<script src="${ctx}/jspJS/sm2.js"></script>
|
||||
<script src="${ctx}/jspJS/sm3.js"></script>
|
||||
<script src="${ctx}/js/plugin/xss/security.js"></script>
|
||||
<script src="${ctx}/jspJS/confirmIndentity.js"></script>
|
||||
<script>
|
||||
var userIndex = $("#userIndex").val();
|
||||
$(function () {
|
||||
getUserAll(userIndex);
|
||||
})
|
||||
function getUserAll(userIndex) {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
async: false,
|
||||
url: '/pqs9300/device/getUserAll',
|
||||
data: {
|
||||
userIndex:userIndex
|
||||
},
|
||||
success: function (data) {
|
||||
if(data!=null){
|
||||
$("#name").val(data.userName);
|
||||
$("#loginName").val(data.loginName);
|
||||
$("#deptsName").val(data.deptsName);
|
||||
$("#roleName").val(data.roleName);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
$("#updatetUser").click(function () {
|
||||
updateUserPassWordByIndex(userIndex);
|
||||
})
|
||||
|
||||
//修改密码
|
||||
function updateUserPassWordByIndex(index) {
|
||||
//先进行密码确认
|
||||
var username = $("#username").val();
|
||||
confirmIndentity(username, function () {
|
||||
parent.layer.open({
|
||||
type: 2,
|
||||
title: '修改密码',
|
||||
shadeClose: true,
|
||||
resize: false,
|
||||
shade: 0.3,
|
||||
area: ['20%', '32%'],
|
||||
content: 'updatePassWord?userIndex='+index, //iframe的url
|
||||
scrollbar: false,
|
||||
end: function () {
|
||||
layer.close();
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
142
pqs9300/src/main/webapp/WEB-INF/web.xml
Normal file
142
pqs9300/src/main/webapp/WEB-INF/web.xml
Normal file
@@ -0,0 +1,142 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xmlns="http://java.sun.com/xml/ns/javaee"
|
||||
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
|
||||
version="3.0">
|
||||
<display-name>pqs9300</display-name>
|
||||
|
||||
<!--tomcat启动的时候初始化spring容器 -->
|
||||
<context-param>
|
||||
<param-name>contextConfigLocation</param-name>
|
||||
<param-value>classpath:spring/applicationContext*.xml</param-value>
|
||||
</context-param>
|
||||
|
||||
<filter>
|
||||
<filter-name>characterEncodingFilter</filter-name>
|
||||
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
|
||||
<init-param>
|
||||
<param-name>encoding</param-name>
|
||||
<param-value>UTF-8</param-value>
|
||||
</init-param>
|
||||
<init-param>
|
||||
<param-name>forceEncoding</param-name>
|
||||
<param-value>true</param-value>
|
||||
</init-param>
|
||||
</filter>
|
||||
<filter-mapping>
|
||||
<filter-name>characterEncodingFilter</filter-name>
|
||||
<url-pattern>/*</url-pattern>
|
||||
</filter-mapping>
|
||||
|
||||
<filter>
|
||||
<filter-name>xssFilter</filter-name>
|
||||
<filter-class>com.njcn.fliter.XssFilter</filter-class>
|
||||
</filter>
|
||||
<filter-mapping>
|
||||
<filter-name>xssFilter</filter-name>
|
||||
<url-pattern>/*</url-pattern>
|
||||
</filter-mapping>
|
||||
|
||||
|
||||
<filter>
|
||||
<filter-name>shiroSecurityFilter</filter-name>
|
||||
<filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
|
||||
<init-param>
|
||||
<param-name>targetFilterLifecycle</param-name>
|
||||
<param-value>true</param-value>
|
||||
</init-param>
|
||||
</filter>
|
||||
<filter-mapping>
|
||||
<filter-name>shiroSecurityFilter</filter-name>
|
||||
<url-pattern>/*</url-pattern>
|
||||
</filter-mapping>
|
||||
|
||||
<!--Spring的ApplicationContext 载入 -->
|
||||
<listener>
|
||||
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
|
||||
</listener>
|
||||
<listener>
|
||||
<listener-class>org.springframework.web.context.request.RequestContextListener</listener-class>
|
||||
</listener>
|
||||
|
||||
|
||||
<servlet>
|
||||
<!--设置spring mvc的拦截器，mvc框架都会有个前端控制器 -->
|
||||
<servlet-name>springmvc</servlet-name>
|
||||
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
|
||||
<!--添加参数，制定mvc读取配置文件的路径 -->
|
||||
<init-param>
|
||||
<param-name>contextConfigLocation</param-name>
|
||||
<param-value>classpath:spring/springmvc-config.xml</param-value>
|
||||
</init-param>
|
||||
<!--在web应用启动的时候就去加载该servlet -->
|
||||
<load-on-startup>1</load-on-startup>
|
||||
</servlet>
|
||||
<servlet-mapping>
|
||||
<servlet-name>springmvc</servlet-name>
|
||||
<!--表示拦截所有的请求 -->
|
||||
<url-pattern>/</url-pattern>
|
||||
</servlet-mapping>
|
||||
|
||||
<servlet>
|
||||
<servlet-name>DruidStatView</servlet-name>
|
||||
<servlet-class>com.alibaba.druid.support.http.StatViewServlet</servlet-class>
|
||||
<init-param>
|
||||
<!-- 用户名 -->
|
||||
<param-name>loginUsername</param-name>
|
||||
<param-value>druid</param-value>
|
||||
</init-param>
|
||||
<init-param>
|
||||
<!-- 密码 -->
|
||||
<param-name>loginPassword</param-name>
|
||||
<param-value>njcn</param-value>
|
||||
</init-param>
|
||||
</servlet>
|
||||
<servlet-mapping>
|
||||
<servlet-name>DruidStatView</servlet-name>
|
||||
<url-pattern>/druid/*</url-pattern>
|
||||
</servlet-mapping>
|
||||
|
||||
<!-- 添加Web应用等监控-->
|
||||
<filter>
|
||||
<filter-name>DruidWebStatFilter</filter-name>
|
||||
<filter-class>com.alibaba.druid.support.http.WebStatFilter</filter-class>
|
||||
<init-param>
|
||||
<param-name>exclusions</param-name>
|
||||
<param-value>*.js,*.gif,*.jpg,*.png,*.css,*.ico,/druid/*</param-value>
|
||||
</init-param>
|
||||
<init-param>
|
||||
<param-name>profileEnable</param-name>
|
||||
<param-value>true</param-value>
|
||||
</init-param>
|
||||
<init-param>
|
||||
<param-name>principalCookieName</param-name>
|
||||
<param-value>USER_COOKIE</param-value>
|
||||
</init-param>
|
||||
<init-param>
|
||||
<param-name>principalSessionName</param-name>
|
||||
<param-value>USER_SESSION</param-value>
|
||||
</init-param>
|
||||
</filter>
|
||||
<filter-mapping>
|
||||
<filter-name>DruidWebStatFilter</filter-name>
|
||||
<url-pattern>/*</url-pattern>
|
||||
</filter-mapping>
|
||||
|
||||
<!--在请求的过程中出现404、或者500的时候跳向指定的页面 -->
|
||||
<error-page>
|
||||
<error-code>404</error-code>
|
||||
<location>/WEB-INF/error/404.jsp</location>
|
||||
</error-page>
|
||||
<error-page>
|
||||
<error-code>500</error-code>
|
||||
<location>/WEB-INF/error/500.jsp</location>
|
||||
</error-page>
|
||||
<session-config>
|
||||
<session-timeout>30</session-timeout>
|
||||
<cookie-config>
|
||||
<http-only>true</http-only>
|
||||
<secure>true</secure>
|
||||
</cookie-config>
|
||||
</session-config>
|
||||
</web-app>
|
||||
742
pqs9300/src/main/webapp/css/basic.css
Normal file
742
pqs9300/src/main/webapp/css/basic.css
Normal file
@@ -0,0 +1,742 @@
|
||||
:root {
|
||||
--primarycolor:#D9D9D9;
|
||||
}
|
||||
/**
|
||||
*============================
|
||||
*楠ㄦ灦
|
||||
*============================
|
||||
*/
|
||||
/*body, button, input, select, textarea, table{font-family:"Helvetica Neue", Helvetica, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif !important;}*/
|
||||
html{position:relative;min-height:100%;background:#ffffff;color:#000;}
|
||||
body{width:100%;min-height:100%;font-size: 12px}
|
||||
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
|
||||
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
|
||||
ul,dl,ol{list-style:none;cursor: pointer;}
|
||||
img,fieldset,input[type="submit"]{border:0 none;}
|
||||
img{display:inline-block;overflow:hidden;vertical-align:top;max-width:100%;}
|
||||
em{font-style:normal;}
|
||||
strong{font-weight:normal;}
|
||||
table{border-collapse:collapse;border-spacing:0;text-align:center}
|
||||
textarea{word-wrap:break-word;resize:none;}
|
||||
a{text-decoration:none;color:#333;}
|
||||
a:link,a:visited,a:hover,a:active{text-decoration:none;}
|
||||
.fl{float:left;}
|
||||
.fr{float:right;}
|
||||
.tc{text-align:center;}
|
||||
.pr{position:relative;}
|
||||
.pa{position:absolute;}
|
||||
.pf{position:fixed;}
|
||||
.block{display:block;}
|
||||
.none{display: none;}
|
||||
.clearBoth{clear:both}
|
||||
.clearfix{*zoom:1;}
|
||||
.clearfix:after{clear:both;content:"";display:table;}
|
||||
/*padding*/
|
||||
.pd10{padding:10px;}
|
||||
.pdt10{padding-top:10px;}
|
||||
.pdr10{padding-right:10px;}
|
||||
.pdb10{padding-bottom:10px;}
|
||||
.pdl10{padding-left: 10px;}
|
||||
.pd15{padding:15px;}
|
||||
.pdt15{padding-top:15px;}
|
||||
.pdr15{padding-right:15px;}
|
||||
.pdr30{padding-right:30px;}
|
||||
.pdb15{padding-bottom:15px;}
|
||||
.pdl15{padding-left: 15px;}
|
||||
.pdl30{padding-left: 30px;}
|
||||
.pd5{padding:5px;}
|
||||
.pdt5{padding-top:5px;}
|
||||
.pdr5{padding-right:5px;}
|
||||
.pdb5{padding-bottom:5px;}
|
||||
.pdl5{padding-left: 5px;}
|
||||
/*margin*/
|
||||
.mt-3{margin-top: -3px}
|
||||
.mt-6{margin-top: -6px}
|
||||
.mt5{margin-top:5px;}
|
||||
.mt10{margin-top:10px;}
|
||||
.mr10{margin-right:10px;}
|
||||
.mb10{margin-bottom:10px;}
|
||||
.ml10{margin-left:10px !important;}
|
||||
.m10{margin:10px;}
|
||||
.mt15{margin-top:15px;}
|
||||
.mr15{margin-right:15px;}
|
||||
.mb15{margin-bottom:15px;}
|
||||
.ml15{margin-left:15px;}
|
||||
.ml20{margin-left:19px !important;}
|
||||
.ml30{margin-left: 37% !important;}
|
||||
.ml5{margin-left:5px;}
|
||||
.m15{margin:15px;}
|
||||
.f10{font-size:10px;}
|
||||
.f12{font-size:12px;}
|
||||
.f14{font-size:14px;}
|
||||
.f16{font-size:16px;}
|
||||
.f18{font-size:18px;}
|
||||
.f20{font-size:20px;}
|
||||
.f25{font-size:25px;}
|
||||
.fb{font-weight:bold;}
|
||||
.height100{height: 100%}
|
||||
.height50{height: 50%}
|
||||
.width100{width: 100%}
|
||||
.width50{width: 50%}
|
||||
.disnone{display: none}
|
||||
.disinlineb{display: inline-block}
|
||||
.localInput{
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #ffffff;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
line-height: 30px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.vermiddle{vertical-align:middle}
|
||||
html,body{height:100%;}
|
||||
thead tr th{text-align: center;}
|
||||
.font12{
|
||||
font-size: 12px;
|
||||
}
|
||||
.bg-error{
|
||||
background-color: #A52a2a;
|
||||
}
|
||||
.error{
|
||||
color:#A52a2a;
|
||||
}
|
||||
.bg-warn{
|
||||
background-color: #DAA520;
|
||||
}
|
||||
.warn{
|
||||
color:#DAA520;
|
||||
}
|
||||
.bg-info{
|
||||
background-color: #2E8B57;
|
||||
}
|
||||
.info{
|
||||
color:#2E8B57;
|
||||
}
|
||||
.inB{
|
||||
display: inline-block;
|
||||
}
|
||||
.smallBlock{
|
||||
height: 10px;
|
||||
width: 15px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#page_header{position:relative;z-index:905;height:70px;padding:10px 13px 0 20px;}
|
||||
#left_panel{position:absolute;z-index:904;top:0;left:0;width:220px;min-height:100%;padding-top:70px;
|
||||
background-color: #003679;
|
||||
-webkit-transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||||
transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||||
}
|
||||
#main{background-color:#ffffff;}
|
||||
#main #ribbon{min-height:40px;background:#002049;}
|
||||
#main #content{padding:5px 0;}
|
||||
#page_footer{position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:49px;background: #322f2c;color:#fff;border-top:1px solid #CECECE;}
|
||||
#page_footer .inside{padding-left:220px;text-align:center;}
|
||||
#page_footer .inside i{margin-right:4px;}
|
||||
#page_footer .inside a{color:#fff;}
|
||||
.ajax-loading-animation{font-size:20px;padding:0 15px;}
|
||||
.ajax-loading-error{font-size:20px;padding:0 15px;}
|
||||
#page_header .right_side{float:right;}
|
||||
#page_header .right_side span{display:block;float:left;width:30px;height:30px;line-height:30px;text-align:center;font-size:14px;border-radius:2px;border:1px solid #bfbfbf;color:#6D6A69;margin-left:6px;margin-top:10px;box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08);cursor:pointer;
|
||||
background: #f8f8f8;
|
||||
background: -moz-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||||
background: -webkit-gradient(linear,left top,right top,color-stop(93%,#f8f8f8),color-stop(100%,#f1f1f1));
|
||||
background: -webkit-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||||
background: -o-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||||
background: -ms-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||||
background: linear-gradient(to right,#f8f8f8 93%,#f1f1f1 100%);
|
||||
}
|
||||
#page_header .right_side span:hover{color:#222;}
|
||||
#page_header .right_side span.active{background:#5a5a5a;color:#fff;border:1px solid #5a5a5a;}
|
||||
#page_header .right_side .toggleMenu_btn{display:none;}
|
||||
#page_header .logow{display:inline-block;}
|
||||
#page_header .logow a{}
|
||||
#page_header .logow a:hover{text-decoration:none;}
|
||||
#page_header .logow a:active{text-decoration:none;}
|
||||
#page_header .logow a:focus{text-decoration:none;}
|
||||
|
||||
#left_panel nav ul{list-style:none;padding:0;}
|
||||
#left_panel nav ul li{position:relative;}
|
||||
#left_panel nav ul ul{display:none;}
|
||||
#left_panel nav ul a{position:relative;display:block;padding:10px;font-size:14px;color:#6699cc;text-decoration:none;}
|
||||
#left_panel nav ul a:hover{color:#fff;background:#004394;}
|
||||
#left_panel nav ul a:active,#left_panel nav ul a.active{background:#002b61;color:#fff;}
|
||||
#left_panel nav ul a i{margin-right:5px;}
|
||||
#left_panel nav ul a b{float:right;font-weight:normal;}
|
||||
#left_panel nav ul a b i{margin:0;}
|
||||
#left_panel nav > ul > li > a:hover{background:none;}
|
||||
#left_panel nav > ul > li > a:active{background:rgba(0,43,97,0.6);}
|
||||
#left_panel nav > ul > li > ul{position:relative;background:#002b61;overflow:hidden;margin:0;display:none;}
|
||||
#left_panel nav > ul > li > ul::before{content:"";display:block;position:absolute;z-index:1;left:23px;top:0;bottom:0;border-left:1px solid #7A7A7A;}
|
||||
#left_panel nav > ul > li > ul > li::before{content:"";display:block;position:absolute;width:8px;left:23px;top:16px;border-top:1px solid #7A7A7A;z-index:1;}
|
||||
#left_panel nav > ul > li > ul > li > a{padding:7px 10px 7px 42px;}
|
||||
#left_panel nav > ul > li > ul > li > ul > li > a{padding:8px 0 8px 60px;}
|
||||
#left_panel nav .open ul{display:block;}
|
||||
#left_panel .minifyBtn{
|
||||
display:block;
|
||||
position:absolute;
|
||||
right:0;
|
||||
bottom:0;
|
||||
width:36px;
|
||||
height:28px;
|
||||
margin-top:7px;
|
||||
border-bottom:1px solid #302F2F;
|
||||
background:#002049;
|
||||
border-radius:5px 0 0 5px;
|
||||
color:#A8A8A8;
|
||||
font-size:19px;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
-webkit-transition:all .1s linear;
|
||||
transition:all .1s linear;
|
||||
}
|
||||
#left_panel .minifyBtn:hover{width:40px;padding-right:5px;background:#646464;color:#E4E4E4;}
|
||||
|
||||
.login_info{width:100%;height:40px;}
|
||||
.login_info a:hover,.login_info a:active{text-decoration:none;}
|
||||
.login_info > span{display:block;height:39px;padding:0 10px;border-bottom:1px solid #1A1817;}
|
||||
.login_info > span > div{position:relative;display:block;height:39px;color:#fff;}
|
||||
.login_info > span > div > a{display:inline-block;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:39px;line-height:39px;color:#c0bbb7;font-size:14px;}
|
||||
.login_info > span > div > .dropdown-menu{margin-top:0;}
|
||||
.login_info .name{margin-right:2px;}
|
||||
|
||||
.minified #main{margin-left:45px;}
|
||||
.minified #page_footer .inside{padding-left:45px;}
|
||||
.minified #left_panel{width:45px !important;}
|
||||
.minified #left_panel, .minified nav > ul > li {overflow:visible;}
|
||||
.minified #left_panel nav > ul > li{border-bottom:1px solid #1A1817;border-top:1px solid #525151;}
|
||||
.minified #left_panel nav > ul > li:first-child{border-top:0;}
|
||||
.minified #left_panel nav > ul > li > a > span{display:none;}
|
||||
.minified #left_panel nav > ul > li > a > i{margin:0 auto;}
|
||||
.minified #left_panel nav > ul > li > a > b{display:none;}
|
||||
.minified #left_panel nav > ul > li > a > span{z-index:2;position:absolute;top:0;left:40px;width:186px;height:38px;padding-left:10px;line-height:38px;background:#f5f5f5;color:#333;border:1px solid #bfbfbf;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
|
||||
.minified #left_panel nav > ul > li > ul{display:none !important;z-index:1;position:absolute;top:36px;left:40px;width:186px;border:1px solid #bfbfbf;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
|
||||
.minified #left_panel nav > ul > li > ul::before{border-left:none;}
|
||||
.minified #left_panel nav > ul > li > ul > li::before{border-top:none;}
|
||||
.minified #left_panel nav > ul > li:hover > a > span{display:block !important;}
|
||||
.minified #left_panel nav > ul > li:hover > ul{display:block !important;}
|
||||
.minified #left_panel nav > ul > li > ul > li > a{padding:7px 10px 7px 10px;}
|
||||
.minified #left_panel nav > ul > li > ul > li > ul > li > a{padding:7px 10px 7px 30px;}
|
||||
.minified .login_info{margin-bottom:0;}
|
||||
.minified .login_info > span{padding:0;}
|
||||
.minified .login_info > span > div > a{text-align:center;}
|
||||
.minified .login_info > span > div > a > span{display:none;}
|
||||
.minified .login_info > span > div > a > i{margin:0;color:#c0bbb7;}
|
||||
|
||||
#main #ribbon .breadcrumb{padding:0 0 0 14px;color:#BBB;line-height:40px;margin-bottom:0;list-style:none;background:none;border-radius:0; }
|
||||
#main #ribbon .breadcrumb li i{margin-right:3px;}
|
||||
#main #ribbon .breadcrumb li:last-child{color:#E4E4E4;}
|
||||
|
||||
@media only screen and (min-width:0px) and (max-width:768px) {
|
||||
#page_header .right_side .toggleMenu_btn{display:block;}
|
||||
#page_header .right_side .fullScreen_btn{display:none;}
|
||||
#main{margin-left:0;}
|
||||
#left_panel{margin-left:-220px;background:#3a3633;}
|
||||
#left_panel .minifyBtn{display:none;}
|
||||
#page_footer .inside{padding-left:0;text-align:center;}
|
||||
}
|
||||
|
||||
.content_wrapper aside{margin-bottom:15px;}
|
||||
.content_wrapper aside header{line-height:34px;border-bottom :1px solid #ddd;padding-left:30px;}
|
||||
.content_wrapper aside header i{margin-right:6px;}
|
||||
.content_wrapper aside section{padding:15px 0;}
|
||||
|
||||
/**
|
||||
*============================
|
||||
*鐧诲綍椤<E7B68D>
|
||||
*============================
|
||||
*/
|
||||
|
||||
.bg-login .icon-ren:before,.bg-login .icon-mima:before,.bg-login .icon-yanzhengma:before{font-size:20px;}
|
||||
.form-signin {width:510px;padding:20px 0 58px 0;background:rgba(255,255,255,0.2);top:50%;left:50%;position:absolute;margin-left:-255px;margin-top:-180px; border-radius:15px;}
|
||||
.form-signin .logo{font-size:78px;text-align:center;font-weight:bold;color: #444444;font-family:Consolas,"Courier New",monospace;}
|
||||
.form-signin h3{color:#676a6c;font-size:14px;text-align:center;}
|
||||
.form-signin .form-control{padding:0 12px;height:46px;line-height:46px;}
|
||||
.form-signin .form-control:focus {border:2px solid #afacab;outline:0;-webkit-box-shadow:none;box-shadow: none;}
|
||||
.form-signin .subBtn{padding:9px 35px 13px;border:0;color:#fff;font-size:20px;
|
||||
-webkit-transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||||
transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||||
}
|
||||
.form-signin .subBtn:focus{background:#2e6da4;outline:none;}
|
||||
.form-signin .help{color:#999;margin:14px 0;text-align:center;}
|
||||
.form-signin .copyright{text-align:center;margin:14px 0;}
|
||||
.form-signin .copyright i{margin-right:4px;}
|
||||
.form-signin .copyright a{color:#3a3633;}
|
||||
.form-signin .icon-wode:before,.form-signin .icon-mima1:before,.form-signin .icon-mima:before{font-size:22px;}
|
||||
|
||||
/**
|
||||
*============================
|
||||
*瀵筨ootstrap鐨勮ˉ鍏ㄦ垨瑕嗙洊
|
||||
*============================
|
||||
*/
|
||||
.table thead,.table tfoot{background:#ebebeb;}
|
||||
.form-inline .gap{display:inline-block;width:10px;}
|
||||
@media only screen and (min-width:0px) and (max-width:767px) {
|
||||
.form-inline .gap{display:none;width:0;height:0;}
|
||||
}
|
||||
hr{margin:15px 0;border-top:1px solid #f0f0f0;}
|
||||
.help-block{margin-bottom:0;}
|
||||
button i,a i{margin-right:6px;}
|
||||
.pagination button i,.pagination a i{margin:0;}
|
||||
.my_panel .heading{padding:8px 10px;font-weight:bold;background:#ebebeb;border-bottom:2px solid #ddd;}
|
||||
.my_panel .body{padding:10px 10px 20px;}
|
||||
.my_panel .body .table{margin-bottom:0;}
|
||||
.my_panel .body .table tr:first-child td{border-top:0;}
|
||||
.my_panel .body .table thead,.my_panel .body .table tfoot{background:none !important;}
|
||||
form .title_bar{padding:8px 10px;font-weight:bold;background:#ebebeb;border-bottom:2px solid #ddd;margin-bottom:14px;}
|
||||
.form-horizontal .modal-content .form-group {margin-left:0 !important;margin-right:0 !important;}
|
||||
.modal-header .modal-title{font-size:16px;}
|
||||
div.dataTables_wrapper div.dataTables_paginate{margin:10px 0 0 0 !important;}
|
||||
.ajaxForm_tip_success{color:#4cae4c;font-size:14px;}
|
||||
.ajaxForm_tip_warning{color:#f0ad4e;font-size:14px;}
|
||||
.J_confirm_btn i{display:none;}
|
||||
.J_confirm_btn.subBtn_sending i{display:inline-block;}
|
||||
.J_tree_table th,
|
||||
.J_tree_table td {
|
||||
vertical-align:middle !important;
|
||||
border-top:1px solid #f0f0f0 !important;
|
||||
}
|
||||
.table-responsive > .J_tree_table > thead > tr > th,
|
||||
.table-responsive > .J_tree_table > tbody > tr > th,
|
||||
.table-responsive > .J_tree_table > tfoot > tr > th,
|
||||
.table-responsive > .J_tree_table > thead > tr > td,
|
||||
.table-responsive > .J_tree_table > tbody > tr > td,
|
||||
.table-responsive > .J_tree_table > tfoot > tr > td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.J_tree_table > tbody + tbody {border-top:0 !important;}
|
||||
.J_tree_table .J_pull_btn{display:inline-block;width:20px;height:20px;}
|
||||
.J_tree_table .pull_down{background:url(../images/icon_list.png) 0 -20px no-repeat !important;cursor:pointer;}
|
||||
.J_tree_table .pull_up{background:url(../images/icon_list.png) 0 0 no-repeat !important;cursor:pointer;}
|
||||
.J_tree_table .blank_btn{display:inline-block;width:20px;height:20px;background:url(../images/icon_list.png) -20px 0 no-repeat;}
|
||||
.J_tree_table .end{display:inline-block;width:46px;height:20px;vertical-align:middle;cursor:pointer;background:url(../images/icon_list.png) 0 -72px no-repeat;}
|
||||
.J_tree_table .space{display:inline-block;width:46px;height:20px;vertical-align:middle;cursor:pointer;}
|
||||
.J_tree_table input[type=text]{
|
||||
display: inline-block;
|
||||
margin-right:6px;
|
||||
width: 35px;
|
||||
height: 28px;
|
||||
font-size: 14px;
|
||||
padding:0 4px;
|
||||
line-height: 1.42857143;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: 1px solid #ccc;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
}
|
||||
#example_filter{display:none;}
|
||||
.div-inline{ display:inline}
|
||||
div.dataTables_wrapper div.dataTables_info{margin-top:10px;margin-left:10px;}
|
||||
.pg-canvas{position:absolute;}
|
||||
|
||||
.left-menu{;position:absolute;z-index:904;top:80px;bottom:35px;left:20px;width:240px;padding-top:0;background:rgba(255,255,255,0.3);}
|
||||
.footer-copy{color:#fff;position:absolute;left:20px;bottom:5px;right:20px;}
|
||||
.left-menu .menu-hd{background:rgba(255,255,255,0.13);padding-left:10px;height:38px;line-height:38px;color:#fff;}
|
||||
.left-menu .menu-hd h2{height:38px;line-height:38px;}
|
||||
.left-menu .menu-hd .menu-arr{position:absolute;right:10px;top:0;}
|
||||
.left-menu .menu-slidedown li a{display:block;padding-left:40px;height:34px;line-height:34px;color:#fff;}
|
||||
|
||||
|
||||
#bigTitle{
|
||||
font-size: 35px;letter-spacing:3px;color: #FFFFFF;font-family: '华文楷体', serif;
|
||||
}
|
||||
#smallTitle{
|
||||
color: #FFF;font-family: '华文楷体', serif
|
||||
}
|
||||
#_help{
|
||||
color: #FFF;
|
||||
}
|
||||
.left-menu .menu-slidedown{display:none;}
|
||||
.left-menu .menu-con{margin-bottom:8px;}
|
||||
/*.top-menu{padding:35px 15px 15px 15px;}*/
|
||||
.top-menu li{float:left;margin-right:20px;position:relative;}
|
||||
.top-menu li .menuone{color:#fff;}
|
||||
|
||||
.top-menu li:hover .menutwo{display:block;}
|
||||
.scroll-item{width:500px;overflow:hidden;}
|
||||
.scroll-item a{margin-right:10px;color:#fff;}
|
||||
.menu-con.hover .menu-slidedown{display:block;}
|
||||
.user-checkout li{display:inline-block;margin-left:10px;color:#fff;}
|
||||
.user-checkout li .iconfont{margin-right:5px;}
|
||||
.ui-tabs .ui-tabs-panel{padding:0;}
|
||||
.ui-widget-header{background:#ccc;}
|
||||
|
||||
|
||||
.right-arr{top:50%;right:0;}
|
||||
.left-arr{top:50%;left:0;}
|
||||
|
||||
.right-arr:hover,.left-arr:hover{color:#333;}
|
||||
.dg-container{
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
position: relative;
|
||||
}
|
||||
.dg-wrapper{
|
||||
width: 576px;
|
||||
height: 400px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-o-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-perspective: 1000px;
|
||||
-moz-perspective: 1000px;
|
||||
-o-perspective: 1000px;
|
||||
-ms-perspective: 1000px;
|
||||
perspective: 1000px;
|
||||
}
|
||||
.dg-wrapper a{
|
||||
width: 576px;
|
||||
height: 400px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
|
||||
background:url(../images/bg.jpg)
|
||||
}
|
||||
.dg-wrapper a.dg-transition{
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-moz-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
-ms-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
.dg-wrapper a img{
|
||||
display: block;
|
||||
/*padding: 41px 0px 0px 1px;*/
|
||||
}
|
||||
.dg-wrapper a div{
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
width: 100%;
|
||||
/*bottom: -55px;*/
|
||||
display: none;
|
||||
position: absolute;
|
||||
}
|
||||
.dg-wrapper a.dg-center div{
|
||||
display: block;
|
||||
}
|
||||
.dg-container nav{
|
||||
width: auto;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top:425px;
|
||||
left: 45%;
|
||||
margin-left: -29px;
|
||||
}
|
||||
.dg-container nav span{
|
||||
text-indent: -9000px;
|
||||
float: left;
|
||||
cursor:pointer;
|
||||
width: 24px;
|
||||
height: 25px;
|
||||
opacity: 0.8;
|
||||
background: transparent url(../images/arrows.png) no-repeat top left;
|
||||
}
|
||||
.dg-container nav span:hover{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dg-container nav span.dg-prev{
|
||||
margin-right: 10px;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
background: transparent url(../images/dg-prev.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.dg-container nav span.dg-next{
|
||||
margin-left: 10px;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
background: transparent url(../images/dg-next.png) no-repeat top left;
|
||||
}
|
||||
.tab-content > .tab-pane,
|
||||
.pill-content > .pill-pane {
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.tab-content > .active,
|
||||
.pill-content > .active {
|
||||
height: auto;
|
||||
}
|
||||
table.dataTable tbody tr.selected{background-color:#eee;}
|
||||
|
||||
@media screen and (min-width: 1200px) and (max-width:1400px) {
|
||||
.form-control{
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ruler */
|
||||
div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
|
||||
div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}
|
||||
.float-news,.float-open{background:#fbfbfb;border:2px solid #e1e1e1;border-right:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);display:inline-block;font-size:16px; float:right;!important}
|
||||
.float-news{height:300px;right:0px;padding:10px 15px;width:210px;z-index:100;top:117px;_margin-top:117px;}
|
||||
.float-open{height:42px;right:-70px;padding:4px 4px 4px 6px;z-index:99;top:206px;_margin-top:206px;}
|
||||
.float-news,.float-open{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
|
||||
.float-close{background:url(../images/nav-close.png) no-repeat left top;overflow:hidden;height:32px;opacity:.6;filter:alpha(opacity=60);position:absolute;right:9px;text-indent:100%;top:10px;white-space:nowrap;width:32px;}
|
||||
.open-btn{background:url(../images/ml-open-demo.png) no-repeat left top;display:block;overflow:hidden;height:32px;opacity:.6;filter:alpha(opacity=60);text-indent:100%;white-space:nowrap;width:32px;}
|
||||
.float-close:hover,.open-btn:hover{opacity:1;filter:alpha(opacity=100);}
|
||||
.newslist h3{color:#333;border-bottom:4px solid #F2F2F2;font-size:26px;height:54px;line-height:54px;font-family:Microsoft Yahei,simsun,arial,sans-serif;}
|
||||
.newslist div{margin-top:10px; position:relative;height:30px;line-height:30px;font-size:14px;}
|
||||
|
||||
/*主题背景色*/
|
||||
.themeBGColor{background-color: var(--primarycolor);color:#fff;}
|
||||
.themeBGColor:hover{background-color: var(--primarycolor);color:#fff;}
|
||||
.themeColor{color: var(--primarycolor);}
|
||||
/*按钮主题色*/
|
||||
.btn-primary{color: #fff;background-color: var(--primarycolor);border-color: var(--primarycolor);}
|
||||
.btn-primary:hover{background-color: var(--primarycolor);}
|
||||
.btn-primary:focus, .btn-primary.focus {
|
||||
color: #fff;
|
||||
background-color: var(--primarycolor);
|
||||
border-color: var(--primarycolor);
|
||||
}
|
||||
.btn.focus, .btn:focus, .btn:hover{
|
||||
color:#fff;
|
||||
}
|
||||
/*分页主题色*/
|
||||
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: var(--primarycolor);}
|
||||
/*main页面的主题色*/
|
||||
.bg-main{width:100%;height:100%;background: var(--primarycolor);}
|
||||
/*瀵艰埅鏍忕殑棰滆壊閰嶇疆*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #ffffff 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: var(--primarycolor) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
|
||||
ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: var(--primarycolor)}
|
||||
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {color:#ffffff}
|
||||
/*瀵艰埅鏍忕殑涓嬭竟妗嗕富棰橀鑹<EE9681>*/
|
||||
.ui-widget-header {border-bottom: 1px solid var(--primarycolor);color: #ffffff;font-weight: bold;}
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li.active > a:hover,
|
||||
.nav-tabs > li.active > a:focus {
|
||||
color: #555;
|
||||
cursor: default;
|
||||
background-color: #fff;
|
||||
border: 1px solid var(--primarycolor);
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
.nav-tabs > li > a {
|
||||
margin-right: 2px;
|
||||
line-height: 1.42857143;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
/*菜单下按钮主题色*/
|
||||
.nav-tabs {border-bottom: 1px solid var(--primarycolor);}
|
||||
/*按钮主题色*/
|
||||
button.dt-button,
|
||||
div.dt-button,
|
||||
a.dt-button {
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
background-color: var(--primarycolor);
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||||
}
|
||||
|
||||
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
|
||||
color: #fff;
|
||||
background-color: var(--primarycolor);
|
||||
}
|
||||
|
||||
/*甯姪涓績鐨勬枃瀛楅<E7809B>変腑鐨勪富棰橀鑹<EE9681>*/
|
||||
.bs-docs-sidebar .nav > .active > a,
|
||||
.bs-docs-sidebar .nav > .active:hover > a,
|
||||
.bs-docs-sidebar .nav > .active:focus > a {
|
||||
color: var(--primarycolor);
|
||||
border-left: 2px solid var(--primarycolor);
|
||||
}
|
||||
/*鐩戞祴鐐归椤祎ip鎻愮ず鐨勬爣绛句富棰橀鑹<EE9681>*/
|
||||
.mystyle > label{background: var(--primarycolor);color:#FFFFFF;}
|
||||
|
||||
|
||||
.cancleBGColor{background-color: #ff5722;color:#fff;}
|
||||
|
||||
.cancleColor{color:#ff5722;}
|
||||
|
||||
.table-middle{text-align:center;vertical-align:middle !important;}
|
||||
|
||||
.mainright{float:left;margin-left:1px; height:2000px;width:300px;}
|
||||
|
||||
.imgarrow{float:left; margin-top:1px; margin-left:20px; margin-top:14px;}
|
||||
|
||||
.middlediv{float:left;height: 100%}
|
||||
|
||||
.middleleft{border:1px solid rgb(0,106,106); margin-bottom:1px;margin-top:1px;float:left;width:260px;height: 99%}
|
||||
|
||||
.lefttophandle{float:left; width:75px;text-align:center;}
|
||||
.lefttophandle p{ float:left;}
|
||||
.lefttophandle p a{font-size:11px;}
|
||||
.rightinfo{padding:8px;}
|
||||
.lefttoptitle{float:left; width:230px;text-align:center;}
|
||||
.lefttoptitle img{float:left; margin-top:2px;margin-left:5px;}
|
||||
.lefttoptitle lable{float:left; margin-left:5px;}
|
||||
.form-control{font-size:12px}
|
||||
.toolbar1{float:right;}
|
||||
.toolbar1 li{background:url(../images/toolbg.gif) repeat-x; line-height:33px; height:33px; border:solid 1px #d3dbde; float:left; padding-right:10px; margin-left:5px;border-radius: 3px;}
|
||||
.toolbar1 li span{float:left; margin-left:10px; margin-right:5px; margin-top:5px;cursor:pointer;}
|
||||
|
||||
.layui-layer-btn .layui-layer-btn0 {
|
||||
border-color: var(--primarycolor) !important;
|
||||
background-color: var(--primarycolor) !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/*登录按钮获取焦点颜色*/
|
||||
#login:focus{
|
||||
background: var(--primarycolor);
|
||||
}
|
||||
|
||||
/*登陆页面输入框小图标的颜色*/
|
||||
.loginicon{
|
||||
left:5px;
|
||||
top:5px;
|
||||
color: var(--primarycolor);
|
||||
}
|
||||
|
||||
/*登录页面的背景色*/
|
||||
.bg-login{width:100%;height:100%;overflow:hidden;background: var(--primarycolor);}
|
||||
|
||||
/*左侧菜单颜色控制*/
|
||||
.left-menu .menu-slidedown li a:hover{background: var(--primarycolor);opacity:0.2;}
|
||||
.left-menu .menu-slidedown li.hover{background: var(--primarycolor);opacity:0.7;}
|
||||
|
||||
/*导航菜单的颜色，包括二级菜单*/
|
||||
.top-menu .menutwo{display:none;position: absolute;left:-10px;top:28px;z-index:99;background: var(--primarycolor);opacity:0.9;font-size:14px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
|
||||
.top-menu .menutwo a{color:#fff;display:block;height:40px;line-height:40px;width:120px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);}
|
||||
.top-menu .menutwo a:hover{background: var(--primarycolor);opacity:0.8;}
|
||||
|
||||
/**未知**/
|
||||
.slide-carousel .indicator-list a.selected {
|
||||
border-color: #fff;
|
||||
background-color: var(--primarycolor);
|
||||
}
|
||||
.ui-widget-header { border-bottom: 1px solid var(--primarycolor); color: #ffffff; font-weight: bold; }
|
||||
|
||||
/*监测点*/
|
||||
.right-arr,.left-arr{position: absolute;font-size:30px;color: var(--primarycolor);cursor: pointer;background:rgba(0,0,0,0.2);}
|
||||
|
||||
/*datatables导出按钮*/
|
||||
button.dt-button:focus:not(.disabled),
|
||||
div.dt-button:focus:not(.disabled),
|
||||
a.dt-button:focus:not(.disabled) {
|
||||
border: 1px solid #426c9e;
|
||||
text-shadow: 0 1px 0 #c4def1;
|
||||
outline: none;
|
||||
background-color: var(--primarycolor);
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||||
}
|
||||
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
|
||||
div.dt-button-collection div.dt-button:active:not(.disabled),
|
||||
div.dt-button-collection div.dt-button.active:not(.disabled),
|
||||
div.dt-button-collection a.dt-button:active:not(.disabled),
|
||||
div.dt-button-collection a.dt-button.active:not(.disabled) {
|
||||
background-color: var(--primarycolor);
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||||
box-shadow: inset 1px 1px 3px #666;
|
||||
}
|
||||
button.dt-button:hover:not(.disabled),
|
||||
div.dt-button:hover:not(.disabled),
|
||||
a.dt-button:hover:not(.disabled) {
|
||||
border: 1px solid #666;
|
||||
background-color: var(--primarycolor);
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
/* Opera 11.10+ */
|
||||
|
||||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||||
}
|
||||
|
||||
/*稳态趋势对比图表颜色*/
|
||||
.historyA{
|
||||
color: var(--primarycolor);
|
||||
}
|
||||
|
||||
/*开关的背景色*/
|
||||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
|
||||
color: #fff;
|
||||
background: var(--primarycolor);
|
||||
}
|
||||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary[disabled], .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary[disabled] {
|
||||
color: #fff;
|
||||
background-color: var(--primarycolor);
|
||||
}
|
||||
/*多选框鼠标浮动的背景颜色*/
|
||||
[name='datali'] > div:hover,
|
||||
.ec > div:hover {
|
||||
background-color: var(--primarycolor);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
||||
color: #FFF;
|
||||
background-color: var(--primarycolor);
|
||||
border-color: var(--primarycolor);
|
||||
-webkit-box-shadow: -1px 0 0 0 var(--primarycolor);
|
||||
box-shadow: -1px 0 0 0 var(--primarycolor);
|
||||
}
|
||||
|
||||
|
||||
.menu{
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.areaicon{position: relative;right: 15px;}
|
||||
|
||||
.ztree ul{
|
||||
border:0 !important;
|
||||
}
|
||||
|
||||
.dt-buttons .dt-button{
|
||||
border-radius: 4px;
|
||||
}
|
||||
373
pqs9300/src/main/webapp/css/plugin/amazeui/admin.css
Normal file
373
pqs9300/src/main/webapp/css/plugin/amazeui/admin.css
Normal file
@@ -0,0 +1,373 @@
|
||||
/**
|
||||
* admin.css
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
fixed-layout 固定头部和边栏布局
|
||||
*/
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.admin-icon-yellow {
|
||||
color: #ffbe40;
|
||||
}
|
||||
|
||||
.admin-header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1500;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.admin-header-list a:hover :after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.admin-main {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
padding-top: 51px;
|
||||
background: #f3f3f3;
|
||||
}
|
||||
|
||||
.admin-menu {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
bottom: 30px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.admin-sidebar {
|
||||
width: 260px;
|
||||
min-height: 100%;
|
||||
float: left;
|
||||
border-right: 1px solid #cecece;
|
||||
}
|
||||
|
||||
.admin-sidebar.am-active {
|
||||
z-index: 1600;
|
||||
}
|
||||
|
||||
.admin-sidebar-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.admin-sidebar-list li a {
|
||||
color: #5c5c5c;
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.admin-sidebar-list li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.admin-sidebar-sub {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
box-shadow: 0 16px 8px -15px #e2e2e2 inset;
|
||||
background: #ececec;
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.admin-sidebar-sub li:first-child {
|
||||
border-top: 1px solid #dedede;
|
||||
}
|
||||
|
||||
.admin-sidebar-panel {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.admin-content {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.admin-content,
|
||||
.admin-sidebar {
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.admin-content-body {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 auto;
|
||||
-ms-flex: 1 0 auto;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
.admin-content-footer {
|
||||
font-size: 85%;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.admin-content-list {
|
||||
border: 1px solid #e9ecf1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.admin-content-list li {
|
||||
border: 1px solid #e9ecf1;
|
||||
border-width: 0 1px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.admin-content-list li:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.admin-content-list li:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.admin-content-table a {
|
||||
color: #535353;
|
||||
}
|
||||
.admin-content-file {
|
||||
margin-bottom: 0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.admin-content-file p {
|
||||
margin: 0 0 5px 0;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.admin-content-file li {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.admin-content-file li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.admin-content-file li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.admin-content-file li .am-progress {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.admin-content-file li .am-progress-bar {
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.admin-content-task {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.admin-content-task li {
|
||||
padding: 5px 0;
|
||||
border-color: #eee;
|
||||
}
|
||||
|
||||
.admin-content-task li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.admin-content-task li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.admin-task-meta {
|
||||
font-size: 1.2rem;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.admin-task-bd {
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.admin-content-comment {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.admin-content-comment .am-comment-bd {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.admin-content-pagination {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.admin-content-pagination li a {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 641px) {
|
||||
.admin-sidebar {
|
||||
display: block;
|
||||
position: static;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.admin-offcanvas-bar {
|
||||
position: static;
|
||||
width: auto;
|
||||
background: none;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
overflow-y: visible;
|
||||
min-height: 100%;
|
||||
}
|
||||
.admin-offcanvas-bar:after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
.admin-sidebar {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
.admin-offcanvas-bar {
|
||||
background: #f3f3f3;
|
||||
}
|
||||
|
||||
.admin-offcanvas-bar:after {
|
||||
background: #BABABA;
|
||||
}
|
||||
|
||||
.admin-sidebar-list a:hover, .admin-sidebar-list a:active{
|
||||
-webkit-transition: background-color .3s ease;
|
||||
-moz-transition: background-color .3s ease;
|
||||
-ms-transition: background-color .3s ease;
|
||||
-o-transition: background-color .3s ease;
|
||||
transition: background-color .3s ease;
|
||||
background: #E4E4E4;
|
||||
}
|
||||
|
||||
.admin-content-list li {
|
||||
padding: 10px;
|
||||
border-width: 1px 0;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.admin-content-list li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.admin-content-list li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.admin-form-text {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
* user.html css
|
||||
*/
|
||||
.user-info {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.user-info .am-progress {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.user-info p {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.user-info-order {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* errorLog.html css
|
||||
*/
|
||||
|
||||
.error-log .am-pre-scrollable {
|
||||
max-height: 40rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* table.html css
|
||||
*/
|
||||
|
||||
.table-main {
|
||||
font-size: 1.4rem;
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
.table-main button {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.table-check {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.table-id {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 640px) {
|
||||
.table-select {
|
||||
margin-top: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
gallery.html css
|
||||
*/
|
||||
|
||||
.gallery-list li {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.gallery-list a {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.gallery-list a:hover {
|
||||
color: #3bb4f2;
|
||||
}
|
||||
|
||||
.gallery-title {
|
||||
margin-top: 6px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.gallery-desc {
|
||||
font-size: 1.2rem;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/*
|
||||
404.html css
|
||||
*/
|
||||
|
||||
.page-404 {
|
||||
background: #fff;
|
||||
border: none;
|
||||
width: 200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
14550
pqs9300/src/main/webapp/css/plugin/amazeui/amazeui.css
Normal file
14550
pqs9300/src/main/webapp/css/plugin/amazeui/amazeui.css
Normal file
File diff suppressed because it is too large
Load Diff
11
pqs9300/src/main/webapp/css/plugin/animate/animate.min.css
vendored
Normal file
11
pqs9300/src/main/webapp/css/plugin/animate/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6584
pqs9300/src/main/webapp/css/plugin/aside/bootstrap.css
vendored
Normal file
6584
pqs9300/src/main/webapp/css/plugin/aside/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
310
pqs9300/src/main/webapp/css/plugin/aside/style.css
Normal file
310
pqs9300/src/main/webapp/css/plugin/aside/style.css
Normal file
@@ -0,0 +1,310 @@
|
||||
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
|
||||
|
||||
/*-------------------------------*/
|
||||
/* VARIABLES */
|
||||
/*-------------------------------*/
|
||||
body {
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
body,
|
||||
html {
|
||||
height: 100%;
|
||||
background-color: #583e7e;
|
||||
}
|
||||
.nav .open > a {
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav .open > a:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav .open > a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
/*-------------------------------*/
|
||||
/* Wrappers */
|
||||
/*-------------------------------*/
|
||||
#wrapper {
|
||||
-moz-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
padding-left: 0;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
#wrapper.toggled {
|
||||
padding-left: 220px;
|
||||
}
|
||||
#wrapper.toggled #sidebar-wrapper {
|
||||
width: 220px;
|
||||
}
|
||||
#wrapper.toggled #page-content-wrapper {
|
||||
margin-right: -220px;
|
||||
position: absolute;
|
||||
}
|
||||
#sidebar-wrapper {
|
||||
-moz-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
background: #1a1a1a;
|
||||
height: 100%;
|
||||
left: 220px;
|
||||
margin-left: -220px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
transition: all 0.5s ease;
|
||||
width: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
#sidebar-wrapper::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
#page-content-wrapper {
|
||||
padding-top: 70px;
|
||||
width: 100%;
|
||||
}
|
||||
/*-------------------------------*/
|
||||
/* Sidebar nav styles */
|
||||
/*-------------------------------*/
|
||||
.sidebar-nav {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 220px;
|
||||
}
|
||||
.sidebar-nav li {
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.sidebar-nav li:before {
|
||||
background-color: #1c1c1c;
|
||||
content: '';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
-webkit-transition: width 0.2s ease-in;
|
||||
transition: width 0.2s ease-in;
|
||||
width: 3px;
|
||||
z-index: -1;
|
||||
}
|
||||
.sidebar-nav li:first-child a {
|
||||
background-color: #1a1a1a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.sidebar-nav li:nth-child(2):before {
|
||||
background-color: #402d5c;
|
||||
}
|
||||
.sidebar-nav li:nth-child(3):before {
|
||||
background-color: #4c366d;
|
||||
}
|
||||
.sidebar-nav li:nth-child(4):before {
|
||||
background-color: #583e7e;
|
||||
}
|
||||
.sidebar-nav li:nth-child(5):before {
|
||||
background-color: #64468f;
|
||||
}
|
||||
.sidebar-nav li:nth-child(6):before {
|
||||
background-color: #704fa0;
|
||||
}
|
||||
.sidebar-nav li:nth-child(7):before {
|
||||
background-color: #7c5aae;
|
||||
}
|
||||
.sidebar-nav li:nth-child(8):before {
|
||||
background-color: #8a6cb6;
|
||||
}
|
||||
.sidebar-nav li:nth-child(9):before {
|
||||
background-color: #987dbf;
|
||||
}
|
||||
.sidebar-nav li:hover:before {
|
||||
-webkit-transition: width 0.2s ease-in;
|
||||
transition: width 0.2s ease-in;
|
||||
width: 100%;
|
||||
}
|
||||
.sidebar-nav li a {
|
||||
color: #dddddd;
|
||||
display: block;
|
||||
padding: 10px 15px 10px 30px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.sidebar-nav li.open:hover before {
|
||||
-webkit-transition: width 0.2s ease-in;
|
||||
transition: width 0.2s ease-in;
|
||||
width: 100%;
|
||||
}
|
||||
.sidebar-nav .dropdown-menu {
|
||||
background-color: #222222;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.sidebar-nav li a:hover,
|
||||
.sidebar-nav li a:active,
|
||||
.sidebar-nav li a:focus,
|
||||
.sidebar-nav li.open a:hover,
|
||||
.sidebar-nav li.open a:active,
|
||||
.sidebar-nav li.open a:focus {
|
||||
background-color: transparent;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.sidebar-nav > .sidebar-brand {
|
||||
font-size: 20px;
|
||||
height: 65px;
|
||||
line-height: 44px;
|
||||
}
|
||||
/*-------------------------------*/
|
||||
/* Hamburger-Cross */
|
||||
/*-------------------------------*/
|
||||
.hamburger {
|
||||
background: transparent;
|
||||
border: none;
|
||||
display: block;
|
||||
height: 32px;
|
||||
margin-left: 15px;
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
width: 32px;
|
||||
z-index: 999;
|
||||
}
|
||||
.hamburger:hover {
|
||||
outline: none;
|
||||
}
|
||||
.hamburger:focus {
|
||||
outline: none;
|
||||
}
|
||||
.hamburger:active {
|
||||
outline: none;
|
||||
}
|
||||
.hamburger.is-closed:before {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
color: #ffffff;
|
||||
content: '';
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
}
|
||||
.hamburger.is-closed:hover before {
|
||||
-webkit-transform: translate3d(-100px, 0, 0);
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
.hamburger.is-closed:hover .hamb-top {
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
top: 0;
|
||||
}
|
||||
.hamburger.is-closed:hover .hamb-bottom {
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
bottom: 0;
|
||||
}
|
||||
.hamburger.is-closed .hamb-top {
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
top: 5px;
|
||||
}
|
||||
.hamburger.is-closed .hamb-middle {
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
margin-top: -2px;
|
||||
top: 50%;
|
||||
}
|
||||
.hamburger.is-closed .hamb-bottom {
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
bottom: 5px;
|
||||
}
|
||||
.hamburger.is-closed .hamb-top,
|
||||
.hamburger.is-closed .hamb-middle,
|
||||
.hamburger.is-closed .hamb-bottom,
|
||||
.hamburger.is-open .hamb-top,
|
||||
.hamburger.is-open .hamb-middle,
|
||||
.hamburger.is-open .hamb-bottom {
|
||||
height: 4px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
.hamburger.is-open .hamb-top {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
|
||||
background-color: #ffffff;
|
||||
margin-top: -2px;
|
||||
top: 50%;
|
||||
}
|
||||
.hamburger.is-open .hamb-middle {
|
||||
background-color: #ffffff;
|
||||
display: none;
|
||||
}
|
||||
.hamburger.is-open .hamb-bottom {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
|
||||
background-color: #ffffff;
|
||||
margin-top: -2px;
|
||||
top: 50%;
|
||||
}
|
||||
.hamburger.is-open:before {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
color: #ffffff;
|
||||
content: '';
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
}
|
||||
.hamburger.is-open:hover before {
|
||||
-webkit-transform: translate3d(-100px, 0, 0);
|
||||
-webkit-transition: all 0.35s ease-in-out;
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
/*-------------------------------*/
|
||||
/* Dark Overlay */
|
||||
/*-------------------------------*/
|
||||
.overlay {
|
||||
position: fixed;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
z-index: 1;
|
||||
}
|
||||
/* SOME DEMO STYLES - NOT REQUIRED */
|
||||
body,
|
||||
html {
|
||||
background-color: #583e7e;
|
||||
}
|
||||
body h1,
|
||||
body h2,
|
||||
body h3,
|
||||
body h4 {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
body p,
|
||||
body blockquote {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
body a {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
text-decoration: underline;
|
||||
}
|
||||
body a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
40
pqs9300/src/main/webapp/css/plugin/basicButton.css
Normal file
40
pqs9300/src/main/webapp/css/plugin/basicButton.css
Normal file
@@ -0,0 +1,40 @@
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 1px 9px;
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
padding: 4px 12px !important;
|
||||
font-size: 12px;
|
||||
line-height: 1.42857143;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
||||
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||
}
|
||||
418
pqs9300/src/main/webapp/css/plugin/bootstrap/bootstrap-datetimepicker.css
vendored
Normal file
418
pqs9300/src/main/webapp/css/plugin/bootstrap/bootstrap-datetimepicker.css
vendored
Normal file
@@ -0,0 +1,418 @@
|
||||
/*!
|
||||
* Datetimepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datetimepicker {
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.datetimepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.datetimepicker.datetimepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.datetimepicker.datetimepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown, .datetimepicker-dropdown-left {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown"]:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #cccccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown"]:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown-top"]:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-top: 7px solid #cccccc;
|
||||
border-top-color: rgba(0, 0, 0, 0.2);
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown-top"]:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 6px solid #ffffff;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-left:before {
|
||||
top: -7px;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-left:after {
|
||||
top: -6px;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-right:before {
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-right:after {
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-left:before {
|
||||
bottom: -7px;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-left:after {
|
||||
bottom: -6px;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-right:before {
|
||||
bottom: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-right:after {
|
||||
bottom: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker > div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.datetimepicker.minutes div.datetimepicker-minutes {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.hours div.datetimepicker-hours {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.days div.datetimepicker-days {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.months div.datetimepicker-months {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.years div.datetimepicker-years {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker table {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.datetimepicker td,
|
||||
.datetimepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.table-striped .datetimepicker table tr td,
|
||||
.table-striped .datetimepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.minute:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.hour:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.old,
|
||||
.datetimepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.disabled,
|
||||
.datetimepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.today,
|
||||
.datetimepicker table tr td.today:hover,
|
||||
.datetimepicker table tr td.today.disabled,
|
||||
.datetimepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.today:hover,
|
||||
.datetimepicker table tr td.today:hover:hover,
|
||||
.datetimepicker table tr td.today.disabled:hover,
|
||||
.datetimepicker table tr td.today.disabled:hover:hover,
|
||||
.datetimepicker table tr td.today:active,
|
||||
.datetimepicker table tr td.today:hover:active,
|
||||
.datetimepicker table tr td.today.disabled:active,
|
||||
.datetimepicker table tr td.today.disabled:hover:active,
|
||||
.datetimepicker table tr td.today.active,
|
||||
.datetimepicker table tr td.today:hover.active,
|
||||
.datetimepicker table tr td.today.disabled.active,
|
||||
.datetimepicker table tr td.today.disabled:hover.active,
|
||||
.datetimepicker table tr td.today.disabled,
|
||||
.datetimepicker table tr td.today:hover.disabled,
|
||||
.datetimepicker table tr td.today.disabled.disabled,
|
||||
.datetimepicker table tr td.today.disabled:hover.disabled,
|
||||
.datetimepicker table tr td.today[disabled],
|
||||
.datetimepicker table tr td.today:hover[disabled],
|
||||
.datetimepicker table tr td.today.disabled[disabled],
|
||||
.datetimepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.today:active,
|
||||
.datetimepicker table tr td.today:hover:active,
|
||||
.datetimepicker table tr td.today.disabled:active,
|
||||
.datetimepicker table tr td.today.disabled:hover:active,
|
||||
.datetimepicker table tr td.today.active,
|
||||
.datetimepicker table tr td.today:hover.active,
|
||||
.datetimepicker table tr td.today.disabled.active,
|
||||
.datetimepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.active,
|
||||
.datetimepicker table tr td.active:hover,
|
||||
.datetimepicker table tr td.active.disabled,
|
||||
.datetimepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.active:hover,
|
||||
.datetimepicker table tr td.active:hover:hover,
|
||||
.datetimepicker table tr td.active.disabled:hover,
|
||||
.datetimepicker table tr td.active.disabled:hover:hover,
|
||||
.datetimepicker table tr td.active:active,
|
||||
.datetimepicker table tr td.active:hover:active,
|
||||
.datetimepicker table tr td.active.disabled:active,
|
||||
.datetimepicker table tr td.active.disabled:hover:active,
|
||||
.datetimepicker table tr td.active.active,
|
||||
.datetimepicker table tr td.active:hover.active,
|
||||
.datetimepicker table tr td.active.disabled.active,
|
||||
.datetimepicker table tr td.active.disabled:hover.active,
|
||||
.datetimepicker table tr td.active.disabled,
|
||||
.datetimepicker table tr td.active:hover.disabled,
|
||||
.datetimepicker table tr td.active.disabled.disabled,
|
||||
.datetimepicker table tr td.active.disabled:hover.disabled,
|
||||
.datetimepicker table tr td.active[disabled],
|
||||
.datetimepicker table tr td.active:hover[disabled],
|
||||
.datetimepicker table tr td.active.disabled[disabled],
|
||||
.datetimepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.active:active,
|
||||
.datetimepicker table tr td.active:hover:active,
|
||||
.datetimepicker table tr td.active.disabled:active,
|
||||
.datetimepicker table tr td.active.disabled:hover:active,
|
||||
.datetimepicker table tr td.active.active,
|
||||
.datetimepicker table tr td.active:hover.active,
|
||||
.datetimepicker table tr td.active.disabled.active,
|
||||
.datetimepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-hours span {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
|
||||
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
|
||||
width: 14.6%;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-hours fieldset legend,
|
||||
.datetimepicker .datetimepicker-minutes fieldset legend {
|
||||
margin-bottom: inherit;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-minutes span {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.disabled,
|
||||
.datetimepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.active,
|
||||
.datetimepicker table tr td span.active:hover,
|
||||
.datetimepicker table tr td span.active.disabled,
|
||||
.datetimepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.active:hover,
|
||||
.datetimepicker table tr td span.active:hover:hover,
|
||||
.datetimepicker table tr td span.active.disabled:hover,
|
||||
.datetimepicker table tr td span.active.disabled:hover:hover,
|
||||
.datetimepicker table tr td span.active:active,
|
||||
.datetimepicker table tr td span.active:hover:active,
|
||||
.datetimepicker table tr td span.active.disabled:active,
|
||||
.datetimepicker table tr td span.active.disabled:hover:active,
|
||||
.datetimepicker table tr td span.active.active,
|
||||
.datetimepicker table tr td span.active:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled.active,
|
||||
.datetimepicker table tr td span.active.disabled:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled,
|
||||
.datetimepicker table tr td span.active:hover.disabled,
|
||||
.datetimepicker table tr td span.active.disabled.disabled,
|
||||
.datetimepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datetimepicker table tr td span.active[disabled],
|
||||
.datetimepicker table tr td span.active:hover[disabled],
|
||||
.datetimepicker table tr td span.active.disabled[disabled],
|
||||
.datetimepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.active:active,
|
||||
.datetimepicker table tr td span.active:hover:active,
|
||||
.datetimepicker table tr td span.active.disabled:active,
|
||||
.datetimepicker table tr td span.active.disabled:hover:active,
|
||||
.datetimepicker table tr td span.active.active,
|
||||
.datetimepicker table tr td span.active:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled.active,
|
||||
.datetimepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.old {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.datetimepicker th.switch {
|
||||
width: 145px;
|
||||
}
|
||||
|
||||
.datetimepicker th span.glyphicon {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.datetimepicker thead tr:first-child th,
|
||||
.datetimepicker tfoot th {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker thead tr:first-child th:hover,
|
||||
.datetimepicker tfoot th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i,
|
||||
.input-group.date .input-group-addon span {
|
||||
cursor: pointer;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
6763
pqs9300/src/main/webapp/css/plugin/bootstrap/bootstrap.css
vendored
Normal file
6763
pqs9300/src/main/webapp/css/plugin/bootstrap/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
pqs9300/src/main/webapp/css/plugin/bootstrap/bootstrap.min.css
vendored
Normal file
6
pqs9300/src/main/webapp/css/plugin/bootstrap/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,194 @@
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
border-collapse: separate !important;
|
||||
}
|
||||
table.dataTable td,
|
||||
table.dataTable th {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
table.dataTable td.dataTables_empty,
|
||||
table.dataTable th.dataTables_empty {
|
||||
text-align: center;
|
||||
}
|
||||
table.dataTable.nowrap th,
|
||||
table.dataTable.nowrap td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.dataTables_wrapper div.dataTables_length label {
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_length select {
|
||||
width: 75px;
|
||||
display: inline-block;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_filter {
|
||||
text-align: right;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_filter label {
|
||||
font-size:14px;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_filter input {
|
||||
margin-left: 0.5em;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_info {
|
||||
padding-top: 0.85em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_paginate {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
div.dataTables_wrapper div.dataTables_processing {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 200px;
|
||||
margin-left: -100px;
|
||||
margin-top: -26px;
|
||||
text-align: center;
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
|
||||
table.dataTable thead > tr > td.sorting_asc,
|
||||
table.dataTable thead > tr > td.sorting_desc,
|
||||
table.dataTable thead > tr > td.sorting {
|
||||
padding-right: 30px;
|
||||
}
|
||||
table.dataTable thead > tr > th:active,
|
||||
table.dataTable thead > tr > td:active {
|
||||
outline: none;
|
||||
}
|
||||
table.dataTable thead .sorting,
|
||||
table.dataTable thead .sorting_asc,
|
||||
table.dataTable thead .sorting_desc,
|
||||
table.dataTable thead .sorting_asc_disabled,
|
||||
table.dataTable thead .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
|
||||
table.dataTable thead .sorting_asc:before,
|
||||
table.dataTable thead .sorting_asc:after,
|
||||
table.dataTable thead .sorting_desc:before,
|
||||
table.dataTable thead .sorting_desc:after,
|
||||
table.dataTable thead .sorting_asc_disabled:before,
|
||||
table.dataTable thead .sorting_asc_disabled:after,
|
||||
table.dataTable thead .sorting_desc_disabled:before,
|
||||
table.dataTable thead .sorting_desc_disabled:after {
|
||||
position: absolute;
|
||||
bottom: 0.9em;
|
||||
display: block;
|
||||
opacity: 0.3;
|
||||
}
|
||||
table.dataTable thead .sorting:before,
|
||||
table.dataTable thead .sorting_asc:before,
|
||||
table.dataTable thead .sorting_desc:before,
|
||||
table.dataTable thead .sorting_asc_disabled:before,
|
||||
table.dataTable thead .sorting_desc_disabled:before {
|
||||
right: 1em;
|
||||
content: "\2191";
|
||||
}
|
||||
table.dataTable thead .sorting:after,
|
||||
table.dataTable thead .sorting_asc:after,
|
||||
table.dataTable thead .sorting_desc:after,
|
||||
table.dataTable thead .sorting_asc_disabled:after,
|
||||
table.dataTable thead .sorting_desc_disabled:after {
|
||||
right: 0.5em;
|
||||
content: "\2193";
|
||||
}
|
||||
table.dataTable thead .sorting_asc:before,
|
||||
table.dataTable thead .sorting_desc:after {
|
||||
opacity: 1;
|
||||
}
|
||||
table.dataTable thead .sorting_asc_disabled:before,
|
||||
table.dataTable thead .sorting_desc_disabled:after {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead table.dataTable {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
div.dataTables_scrollBody table thead .sorting:after,
|
||||
div.dataTables_scrollBody table thead .sorting_asc:after,
|
||||
div.dataTables_scrollBody table thead .sorting_desc:after {
|
||||
display: none;
|
||||
}
|
||||
div.dataTables_scrollBody table tbody tr:first-child th,
|
||||
div.dataTables_scrollBody table tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
div.dataTables_wrapper div.dataTables_length,
|
||||
div.dataTables_wrapper div.dataTables_filter,
|
||||
div.dataTables_wrapper div.dataTables_info,
|
||||
div.dataTables_wrapper div.dataTables_paginate {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
table.dataTable.table-condensed > thead > tr > th {
|
||||
padding-right: 20px;
|
||||
}
|
||||
table.dataTable.table-condensed .sorting:after,
|
||||
table.dataTable.table-condensed .sorting_asc:after,
|
||||
table.dataTable.table-condensed .sorting_desc:after {
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
table.table-bordered.dataTable th,
|
||||
table.table-bordered.dataTable td {
|
||||
border-left-width: 0;
|
||||
}
|
||||
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
|
||||
table.table-bordered.dataTable td:last-child,
|
||||
table.table-bordered.dataTable td:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
table.table-bordered.dataTable tbody th,
|
||||
table.table-bordered.dataTable tbody td {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
div.table-responsive > div.dataTables_wrapper > div.row {
|
||||
margin: 0;
|
||||
}
|
||||
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
1632
pqs9300/src/main/webapp/css/plugin/bootstrap/docs.css
Normal file
1632
pqs9300/src/main/webapp/css/plugin/bootstrap/docs.css
Normal file
File diff suppressed because it is too large
Load Diff
10
pqs9300/src/main/webapp/css/plugin/bootstrapSwitch/bootstrap-switch.min.css
vendored
Normal file
10
pqs9300/src/main/webapp/css/plugin/bootstrapSwitch/bootstrap-switch.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
pqs9300/src/main/webapp/css/plugin/checkbutton.css
Normal file
1
pqs9300/src/main/webapp/css/plugin/checkbutton.css
Normal file
File diff suppressed because one or more lines are too long
393
pqs9300/src/main/webapp/css/plugin/datatables/bootstrap-select.css
vendored
Normal file
393
pqs9300/src/main/webapp/css/plugin/datatables/bootstrap-select.css
vendored
Normal file
@@ -0,0 +1,393 @@
|
||||
/*!
|
||||
* Bootstrap-select v1.13.6 (https://developer.snapappointments.com/bootstrap-select)
|
||||
*
|
||||
* Copyright 2012-2019 SnapAppointments, LLC
|
||||
* Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
select.bs-select-hidden,
|
||||
.bootstrap-select > select.bs-select-hidden,
|
||||
select.selectpicker {
|
||||
display: none !important;
|
||||
}
|
||||
.bootstrap-select {
|
||||
width: 220px \0;
|
||||
/*IE9 and below*/
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
|
||||
color: #000;
|
||||
}
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.bootstrap-select > select {
|
||||
position: absolute !important;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
display: block !important;
|
||||
width: 0.5px !important;
|
||||
height: 100% !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0 !important;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select > select.mobile-device {
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
z-index: 2;
|
||||
}
|
||||
.has-error .bootstrap-select .dropdown-toggle,
|
||||
.error .bootstrap-select .dropdown-toggle,
|
||||
.bootstrap-select.is-invalid .dropdown-toggle,
|
||||
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.bootstrap-select.is-valid .dropdown-toggle,
|
||||
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
|
||||
border-color: #28a745;
|
||||
}
|
||||
.bootstrap-select.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: 220px;
|
||||
}
|
||||
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
|
||||
.bootstrap-select .dropdown-toggle:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.bootstrap-select.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
.input-group .bootstrap-select.form-control,
|
||||
.bootstrap-select.form-control.input-group-btn {
|
||||
z-index: auto;
|
||||
}
|
||||
.bootstrap-select:not(.input-group-btn),
|
||||
.bootstrap-select[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
.bootstrap-select.dropdown-menu-right,
|
||||
.bootstrap-select[class*="col-"].dropdown-menu-right,
|
||||
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
.form-inline .bootstrap-select,
|
||||
.form-horizontal .bootstrap-select,
|
||||
.form-group .bootstrap-select {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-group-lg .bootstrap-select.form-control,
|
||||
.form-group-sm .bootstrap-select.form-control {
|
||||
padding: 0;
|
||||
}
|
||||
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
|
||||
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
|
||||
height: 100%;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.bootstrap-select.form-control-sm .dropdown-toggle,
|
||||
.bootstrap-select.form-control-lg .dropdown-toggle {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.bootstrap-select.form-control-sm .dropdown-toggle {
|
||||
padding: 0.25rem 0.5rem;
|
||||
}
|
||||
.bootstrap-select.form-control-lg .dropdown-toggle {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
.form-inline .bootstrap-select .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.disabled,
|
||||
.bootstrap-select > .disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.disabled:focus,
|
||||
.bootstrap-select > .disabled:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.bootstrap-select.bs-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.bootstrap-select.bs-container .dropdown-menu {
|
||||
z-index: 1060;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle .filter-option {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding-top: inherit;
|
||||
padding-right: inherit;
|
||||
padding-bottom: inherit;
|
||||
padding-left: inherit;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle .filter-option-inner {
|
||||
padding-right: inherit;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle .caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.input-group .bootstrap-select.form-control .dropdown-toggle {
|
||||
border-radius: inherit;
|
||||
}
|
||||
.bootstrap-select[class*="col-"] .dropdown-toggle {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu {
|
||||
min-width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu > .inner:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu.inner {
|
||||
position: static;
|
||||
float: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li.active small {
|
||||
color: rgba(255, 255, 255, 0.5) !important;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li.disabled a {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li a {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li a.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li a span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li a span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu li small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.bootstrap-select .dropdown-menu .notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e3e3e3;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select .no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
|
||||
position: static;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
}
|
||||
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
|
||||
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
|
||||
display: inline;
|
||||
}
|
||||
.bootstrap-select.fit-width .dropdown-toggle .caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
top: 5px;
|
||||
}
|
||||
.bootstrap-select.show-tick .dropdown-menu li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
.bootstrap-select .bs-ok-default:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0.5em;
|
||||
height: 1em;
|
||||
border-style: solid;
|
||||
border-width: 0 0.26em 0.26em 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
|
||||
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
|
||||
z-index: 1061;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
|
||||
bottom: auto;
|
||||
top: -4px;
|
||||
border-top: 7px solid rgba(204, 204, 204, 0.2);
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
|
||||
bottom: auto;
|
||||
top: -4px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
|
||||
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
|
||||
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
|
||||
display: block;
|
||||
}
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox,
|
||||
.bs-donebutton {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.bs-actionsbox {
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-actionsbox .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
.bs-donebutton {
|
||||
float: left;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-donebutton .btn-group button {
|
||||
width: 100%;
|
||||
}
|
||||
.bs-searchbox + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.bs-searchbox .form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-select.css.map */
|
||||
360
pqs9300/src/main/webapp/css/plugin/datatables/buttons.dataTables.min.css
vendored
Normal file
360
pqs9300/src/main/webapp/css/plugin/datatables/buttons.dataTables.min.css
vendored
Normal file
@@ -0,0 +1,360 @@
|
||||
@keyframes dtb-spinner {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes dtb-spinner {
|
||||
100% {
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes dtb-spinner {
|
||||
100% {
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dtb-spinner {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dtb-spinner {
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
div.dt-button-info {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 400px;
|
||||
margin-top: -100px;
|
||||
margin-left: -200px;
|
||||
background-color: white;
|
||||
border: 2px solid #111;
|
||||
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
z-index: 21;
|
||||
}
|
||||
div.dt-button-info h2 {
|
||||
padding: 0.5em;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
div.dt-button-info > div {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
button.dt-button,
|
||||
div.dt-button,
|
||||
a.dt-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0.333em;
|
||||
margin-bottom: 0.333em;
|
||||
padding: 1px 1em;
|
||||
border: 1px solid #999;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
font-size: 0.88em;
|
||||
line-height: 1.6em;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
button.dt-button.disabled,
|
||||
div.dt-button.disabled,
|
||||
a.dt-button.disabled {
|
||||
color: white;
|
||||
border: 1px solid #d0d0d0;
|
||||
cursor: default;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
|
||||
div.dt-button:active:not(.disabled),
|
||||
div.dt-button.active:not(.disabled),
|
||||
a.dt-button:active:not(.disabled),
|
||||
a.dt-button.active:not(.disabled) {
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
box-shadow: inset 1px 1px 3px #999999;
|
||||
}
|
||||
button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
|
||||
div.dt-button:active:not(.disabled):hover:not(.disabled),
|
||||
div.dt-button.active:not(.disabled):hover:not(.disabled),
|
||||
a.dt-button:active:not(.disabled):hover:not(.disabled),
|
||||
a.dt-button.active:not(.disabled):hover:not(.disabled) {
|
||||
box-shadow: inset 1px 1px 3px #999999;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
button.dt-button:hover,
|
||||
div.dt-button:hover,
|
||||
a.dt-button:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
button.dt-button:hover:not(.disabled),
|
||||
div.dt-button:hover:not(.disabled),
|
||||
a.dt-button:hover:not(.disabled) {
|
||||
border: 1px solid #666;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
button.dt-button:focus:not(.disabled),
|
||||
div.dt-button:focus:not(.disabled),
|
||||
a.dt-button:focus:not(.disabled) {
|
||||
border: 1px solid #426c9e;
|
||||
text-shadow: 0 1px 0 #c4def1;
|
||||
outline: none;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
|
||||
.dt-button embed {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.dt-buttons {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
div.dt-buttons.buttons-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.dt-button-collection {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
margin-top: 3px;
|
||||
padding: 8px 8px 4px 8px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 2002;
|
||||
border-radius: 5px;
|
||||
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
z-index: 2002;
|
||||
-webkit-column-gap: 8px;
|
||||
-moz-column-gap: 8px;
|
||||
-ms-column-gap: 8px;
|
||||
-o-column-gap: 8px;
|
||||
column-gap: 8px;
|
||||
}
|
||||
div.dt-button-collection button.dt-button,
|
||||
div.dt-button-collection div.dt-button,
|
||||
div.dt-button-collection a.dt-button {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
display: block;
|
||||
float: none;
|
||||
margin-bottom: 4px;
|
||||
margin-right: 0;
|
||||
}
|
||||
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
|
||||
div.dt-button-collection div.dt-button:active:not(.disabled),
|
||||
div.dt-button-collection div.dt-button.active:not(.disabled),
|
||||
div.dt-button-collection a.dt-button:active:not(.disabled),
|
||||
div.dt-button-collection a.dt-button.active:not(.disabled) {
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
box-shadow: inset 1px 1px 3px #666;
|
||||
}
|
||||
div.dt-button-collection.fixed {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -75px;
|
||||
border-radius: 0;
|
||||
}
|
||||
div.dt-button-collection.fixed.two-column {
|
||||
margin-left: -150px;
|
||||
}
|
||||
div.dt-button-collection.fixed.three-column {
|
||||
margin-left: -225px;
|
||||
}
|
||||
div.dt-button-collection.fixed.four-column {
|
||||
margin-left: -300px;
|
||||
}
|
||||
div.dt-button-collection > * {
|
||||
-webkit-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
div.dt-button-collection.two-column {
|
||||
width: 300px;
|
||||
padding-bottom: 1px;
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
-ms-column-count: 2;
|
||||
-o-column-count: 2;
|
||||
column-count: 2;
|
||||
}
|
||||
div.dt-button-collection.three-column {
|
||||
width: 450px;
|
||||
padding-bottom: 1px;
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
-ms-column-count: 3;
|
||||
-o-column-count: 3;
|
||||
column-count: 3;
|
||||
}
|
||||
div.dt-button-collection.four-column {
|
||||
width: 600px;
|
||||
padding-bottom: 1px;
|
||||
-webkit-column-count: 4;
|
||||
-moz-column-count: 4;
|
||||
-ms-column-count: 4;
|
||||
-o-column-count: 4;
|
||||
column-count: 4;
|
||||
}
|
||||
div.dt-button-collection .dt-button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
div.dt-button-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
/* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
|
||||
/* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* W3C Markup, IE10 Release Preview */
|
||||
z-index: 2001;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
div.dt-buttons {
|
||||
float: none !important;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
button.dt-button.processing,
|
||||
div.dt-button.processing,
|
||||
a.dt-button.processing {
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
button.dt-button.processing:after,
|
||||
div.dt-button.processing:after,
|
||||
a.dt-button.processing:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: -8px 0 0 -8px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
content: ' ';
|
||||
border: 2px solid #282828;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
animation: dtb-spinner 1500ms infinite linear;
|
||||
-o-animation: dtb-spinner 1500ms infinite linear;
|
||||
-ms-animation: dtb-spinner 1500ms infinite linear;
|
||||
-webkit-animation: dtb-spinner 1500ms infinite linear;
|
||||
-moz-animation: dtb-spinner 1500ms infinite linear;
|
||||
}
|
||||
@@ -0,0 +1,260 @@
|
||||
div.dataTables_length label {
|
||||
font-weight: normal;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.dataTables_length select {
|
||||
width: 75px;
|
||||
}
|
||||
|
||||
div.dataTables_filter label {
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.dataTables_filter input {
|
||||
width: 16em;
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.dataTables_paginate ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.dataTable td,
|
||||
table.dataTable th {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting,
|
||||
table.dataTable thead .sorting_asc,
|
||||
table.dataTable thead .sorting_desc,
|
||||
table.dataTable thead .sorting_asc_disabled,
|
||||
table.dataTable thead .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting { background: url('../../../images/datatables/sort_both.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_asc { background: url('../../../images/datatables/sort_asc.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc { background: url('../../../images/datatables/sort_desc.png') no-repeat center right; }
|
||||
|
||||
table.dataTable thead .sorting_asc_disabled { background: url('../../../images/datatables/sort_asc_disabled.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc_disabled { background: url('../../../images/datatables/sort_desc_disabled.png') no-repeat center right; }
|
||||
|
||||
table.dataTable thead > tr > th {
|
||||
padding-left: 18px;
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
table.dataTable th:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Scrolling */
|
||||
div.dataTables_scrollHead table {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead table thead tr:last-child th:first-child,
|
||||
div.dataTables_scrollHead table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody tbody tr:first-child th,
|
||||
div.dataTables_scrollBody tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
|
||||
width calculations when using scrolling impossible to align columns. We have
|
||||
to use separate
|
||||
*/
|
||||
table.table-bordered.dataTable {
|
||||
border-collapse: separate !important;
|
||||
}
|
||||
table.table-bordered thead th,
|
||||
table.table-bordered thead td {
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
table.table-bordered tbody th,
|
||||
table.table-bordered tbody td {
|
||||
border-left-width: 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
table.table-bordered th:last-child,
|
||||
table.table-bordered td:last-child {
|
||||
border-right-width: 0;
|
||||
}
|
||||
div.dataTables_scrollHead table.table-bordered {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* TableTools styles
|
||||
*/
|
||||
.table tbody tr.active td,
|
||||
.table tbody tr.active th {
|
||||
background-color: #08C;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table tbody tr.active:hover td,
|
||||
.table tbody tr.active:hover th {
|
||||
background-color: #0075b0 !important;
|
||||
}
|
||||
|
||||
.table tbody tr.active a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table-striped tbody tr.active:nth-child(odd) td,
|
||||
.table-striped tbody tr.active:nth-child(odd) th {
|
||||
background-color: #017ebc;
|
||||
}
|
||||
|
||||
table.DTTT_selectable tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTTT .btn {
|
||||
color: #333 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.DTTT .btn:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu {
|
||||
z-index: 2003;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu a {
|
||||
color: #333 !important; /* needed only when demo_page.css is included */
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li:hover a {
|
||||
background-color: #0088cc;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
div.DTTT_collection_background {
|
||||
z-index: 2002;
|
||||
}
|
||||
|
||||
/* TableTools information display */
|
||||
div.DTTT_print_info.modal {
|
||||
height: 150px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTTT_print_info h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
div.DTTT_print_info p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* FixedColumns styles
|
||||
*/
|
||||
div.DTFC_LeftHeadWrapper table,
|
||||
div.DTFC_LeftFootWrapper table,
|
||||
div.DTFC_RightHeadWrapper table,
|
||||
div.DTFC_RightFootWrapper table,
|
||||
table.DTFC_Cloned tr.even {
|
||||
background-color: white;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table ,
|
||||
div.DTFC_LeftHeadWrapper table {
|
||||
margin-bottom: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper table,
|
||||
div.DTFC_LeftBodyWrapper table {
|
||||
border-top: none;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child td,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.DTFC_RightFootWrapper table,
|
||||
div.DTFC_LeftFootWrapper table {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* FixedHeader styles
|
||||
*/
|
||||
div.FixedHeader_Cloned table {
|
||||
margin: 0 !important
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
418
pqs9300/src/main/webapp/css/plugin/datatimepicker/bootstrap-datetimepicker.css
vendored
Normal file
418
pqs9300/src/main/webapp/css/plugin/datatimepicker/bootstrap-datetimepicker.css
vendored
Normal file
@@ -0,0 +1,418 @@
|
||||
/*!
|
||||
* Datetimepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datetimepicker {
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.datetimepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.datetimepicker.datetimepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.datetimepicker.datetimepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown, .datetimepicker-dropdown-left {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown"]:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #cccccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown"]:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown-top"]:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-top: 7px solid #cccccc;
|
||||
border-top-color: rgba(0, 0, 0, 0.2);
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
[class*=" datetimepicker-dropdown-top"]:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 6px solid #ffffff;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-left:before {
|
||||
top: -7px;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-left:after {
|
||||
top: -6px;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-right:before {
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-bottom-right:after {
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-left:before {
|
||||
bottom: -7px;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-left:after {
|
||||
bottom: -6px;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-right:before {
|
||||
bottom: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.datetimepicker-dropdown-top-right:after {
|
||||
bottom: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
.datetimepicker > div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.datetimepicker.minutes div.datetimepicker-minutes {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.hours div.datetimepicker-hours {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.days div.datetimepicker-days {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.months div.datetimepicker-months {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker.years div.datetimepicker-years {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.datetimepicker table {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.datetimepicker td,
|
||||
.datetimepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.table-striped .datetimepicker table tr td,
|
||||
.table-striped .datetimepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.minute:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.hour:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.old,
|
||||
.datetimepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.disabled,
|
||||
.datetimepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.today,
|
||||
.datetimepicker table tr td.today:hover,
|
||||
.datetimepicker table tr td.today.disabled,
|
||||
.datetimepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.today:hover,
|
||||
.datetimepicker table tr td.today:hover:hover,
|
||||
.datetimepicker table tr td.today.disabled:hover,
|
||||
.datetimepicker table tr td.today.disabled:hover:hover,
|
||||
.datetimepicker table tr td.today:active,
|
||||
.datetimepicker table tr td.today:hover:active,
|
||||
.datetimepicker table tr td.today.disabled:active,
|
||||
.datetimepicker table tr td.today.disabled:hover:active,
|
||||
.datetimepicker table tr td.today.active,
|
||||
.datetimepicker table tr td.today:hover.active,
|
||||
.datetimepicker table tr td.today.disabled.active,
|
||||
.datetimepicker table tr td.today.disabled:hover.active,
|
||||
.datetimepicker table tr td.today.disabled,
|
||||
.datetimepicker table tr td.today:hover.disabled,
|
||||
.datetimepicker table tr td.today.disabled.disabled,
|
||||
.datetimepicker table tr td.today.disabled:hover.disabled,
|
||||
.datetimepicker table tr td.today[disabled],
|
||||
.datetimepicker table tr td.today:hover[disabled],
|
||||
.datetimepicker table tr td.today.disabled[disabled],
|
||||
.datetimepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.today:active,
|
||||
.datetimepicker table tr td.today:hover:active,
|
||||
.datetimepicker table tr td.today.disabled:active,
|
||||
.datetimepicker table tr td.today.disabled:hover:active,
|
||||
.datetimepicker table tr td.today.active,
|
||||
.datetimepicker table tr td.today:hover.active,
|
||||
.datetimepicker table tr td.today.disabled.active,
|
||||
.datetimepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.active,
|
||||
.datetimepicker table tr td.active:hover,
|
||||
.datetimepicker table tr td.active.disabled,
|
||||
.datetimepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.active:hover,
|
||||
.datetimepicker table tr td.active:hover:hover,
|
||||
.datetimepicker table tr td.active.disabled:hover,
|
||||
.datetimepicker table tr td.active.disabled:hover:hover,
|
||||
.datetimepicker table tr td.active:active,
|
||||
.datetimepicker table tr td.active:hover:active,
|
||||
.datetimepicker table tr td.active.disabled:active,
|
||||
.datetimepicker table tr td.active.disabled:hover:active,
|
||||
.datetimepicker table tr td.active.active,
|
||||
.datetimepicker table tr td.active:hover.active,
|
||||
.datetimepicker table tr td.active.disabled.active,
|
||||
.datetimepicker table tr td.active.disabled:hover.active,
|
||||
.datetimepicker table tr td.active.disabled,
|
||||
.datetimepicker table tr td.active:hover.disabled,
|
||||
.datetimepicker table tr td.active.disabled.disabled,
|
||||
.datetimepicker table tr td.active.disabled:hover.disabled,
|
||||
.datetimepicker table tr td.active[disabled],
|
||||
.datetimepicker table tr td.active:hover[disabled],
|
||||
.datetimepicker table tr td.active.disabled[disabled],
|
||||
.datetimepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td.active:active,
|
||||
.datetimepicker table tr td.active:hover:active,
|
||||
.datetimepicker table tr td.active.disabled:active,
|
||||
.datetimepicker table tr td.active.disabled:hover:active,
|
||||
.datetimepicker table tr td.active.active,
|
||||
.datetimepicker table tr td.active:hover.active,
|
||||
.datetimepicker table tr td.active.disabled.active,
|
||||
.datetimepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-hours span {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
|
||||
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
|
||||
width: 14.6%;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-hours fieldset legend,
|
||||
.datetimepicker .datetimepicker-minutes fieldset legend {
|
||||
margin-bottom: inherit;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.datetimepicker .datetimepicker-minutes span {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.disabled,
|
||||
.datetimepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.active,
|
||||
.datetimepicker table tr td span.active:hover,
|
||||
.datetimepicker table tr td span.active.disabled,
|
||||
.datetimepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.active:hover,
|
||||
.datetimepicker table tr td span.active:hover:hover,
|
||||
.datetimepicker table tr td span.active.disabled:hover,
|
||||
.datetimepicker table tr td span.active.disabled:hover:hover,
|
||||
.datetimepicker table tr td span.active:active,
|
||||
.datetimepicker table tr td span.active:hover:active,
|
||||
.datetimepicker table tr td span.active.disabled:active,
|
||||
.datetimepicker table tr td span.active.disabled:hover:active,
|
||||
.datetimepicker table tr td span.active.active,
|
||||
.datetimepicker table tr td span.active:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled.active,
|
||||
.datetimepicker table tr td span.active.disabled:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled,
|
||||
.datetimepicker table tr td span.active:hover.disabled,
|
||||
.datetimepicker table tr td span.active.disabled.disabled,
|
||||
.datetimepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datetimepicker table tr td span.active[disabled],
|
||||
.datetimepicker table tr td span.active:hover[disabled],
|
||||
.datetimepicker table tr td span.active.disabled[disabled],
|
||||
.datetimepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.active:active,
|
||||
.datetimepicker table tr td span.active:hover:active,
|
||||
.datetimepicker table tr td span.active.disabled:active,
|
||||
.datetimepicker table tr td span.active.disabled:hover:active,
|
||||
.datetimepicker table tr td span.active.active,
|
||||
.datetimepicker table tr td span.active:hover.active,
|
||||
.datetimepicker table tr td span.active.disabled.active,
|
||||
.datetimepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span.old {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.datetimepicker th.switch {
|
||||
width: 145px;
|
||||
}
|
||||
|
||||
.datetimepicker th span.glyphicon {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.datetimepicker thead tr:first-child th,
|
||||
.datetimepicker tfoot th {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.datetimepicker thead tr:first-child th:hover,
|
||||
.datetimepicker tfoot th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i,
|
||||
.input-group.date .input-group-addon span {
|
||||
cursor: pointer;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
46
pqs9300/src/main/webapp/css/plugin/dateSlider/dateSlider.css
Normal file
46
pqs9300/src/main/webapp/css/plugin/dateSlider/dateSlider.css
Normal file
@@ -0,0 +1,46 @@
|
||||
*{font-size:12px;}
|
||||
/*时间轴线*/
|
||||
.ui-ruler-tick {
|
||||
border-left: 1px solid #C1C8DF;
|
||||
margin-left: 1px;
|
||||
height: 12px;
|
||||
}
|
||||
/*月份文字*/
|
||||
.ui-ruler-tick-inner {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
/*时间轴*/
|
||||
.ui-rangeSlider .ui-rangeSlider-innerBar {
|
||||
height: 5px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: #8D98BC;
|
||||
}
|
||||
|
||||
.ui-rangeSlider .ui-rangeSlider-bar {
|
||||
height: 5px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: transparent url(images/dateSilderMove.png) repeat-x;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/*拖拽按钮*/
|
||||
.ui-rangeSlider .ui-rangeSlider-handle {
|
||||
width: 18px;
|
||||
height: 31px;
|
||||
background: #DDDDDD url(images/dateSilderArr.png) no-repeat;
|
||||
margin-top: -15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*文字*/
|
||||
.ui-rangeSlider-label {
|
||||
bottom: 15px;
|
||||
margin: 0px 0px 2px;
|
||||
background: #F3F9EF;
|
||||
height: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 537 B |
Binary file not shown.
|
After Width: | Height: | Size: 411 B |
4
pqs9300/src/main/webapp/css/plugin/fontawesome/font-awesome.min.css
vendored
Normal file
4
pqs9300/src/main/webapp/css/plugin/fontawesome/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
pqs9300/src/main/webapp/css/plugin/fonts/fontawesome-webfont.ttf
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
41
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.css
Normal file
41
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.css
Normal file
@@ -0,0 +1,41 @@
|
||||
|
||||
@font-face {font-family: "iconfont";
|
||||
src: url('iconfont.eot?t=1494037489450'); /* IE9*/
|
||||
src: url('iconfont.eot?t=1494037489450#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('iconfont.woff?t=1494037489450') format('woff'), /* chrome, firefox */
|
||||
url('iconfont.ttf?t=1494037489450') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||||
url('iconfont.svg?t=1494037489450#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family:"iconfont" !important;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-ditu:before { content: "\e601"; }
|
||||
|
||||
.icon-mima:before { content: "\e736"; }
|
||||
|
||||
.icon-caidan:before { content: "\e639"; }
|
||||
|
||||
.icon-8fuzhi:before { content: "\e603"; }
|
||||
|
||||
.icon-jiance:before { content: "\e678"; }
|
||||
|
||||
.icon-ren:before { content: "\e6e7"; }
|
||||
|
||||
.icon-baojing:before { content: "\e630"; }
|
||||
|
||||
.icon-yanzhengma:before { content: "\e64a"; }
|
||||
|
||||
.icon-xitong:before { content: "\e624"; }
|
||||
|
||||
.icon-tongji:before { content: "\e623"; }
|
||||
|
||||
.icon-yichang:before { content: "\e660"; }
|
||||
|
||||
.icon-shouye:before { content: "\e600"; }
|
||||
|
||||
BIN
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.eot
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.eot
Normal file
Binary file not shown.
79
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.svg
Normal file
79
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.svg
Normal file
@@ -0,0 +1,79 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
Created by FontForge 20120731 at Sat May 6 10:24:49 2017
|
||||
By admin
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="iconfont" horiz-adv-x="1024" >
|
||||
<font-face
|
||||
font-family="iconfont"
|
||||
font-weight="500"
|
||||
font-stretch="normal"
|
||||
units-per-em="1024"
|
||||
panose-1="2 0 6 3 0 0 0 0 0 0"
|
||||
ascent="896"
|
||||
descent="-128"
|
||||
x-height="792"
|
||||
bbox="1.07692 -164 1023.08 896"
|
||||
underline-thickness="0"
|
||||
underline-position="0"
|
||||
unicode-range="U+0078-E736"
|
||||
/>
|
||||
<missing-glyph
|
||||
/>
|
||||
<glyph glyph-name=".notdef"
|
||||
/>
|
||||
<glyph glyph-name=".notdef"
|
||||
/>
|
||||
<glyph glyph-name=".null" horiz-adv-x="0"
|
||||
/>
|
||||
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
|
||||
/>
|
||||
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
|
||||
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
|
||||
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
|
||||
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
|
||||
<glyph glyph-name="ditu" unicode=""
|
||||
d="M931 696l-181 42q-11 3 -20 -2l-212 -97l-195 82q-12 4 -23 0l-210 -82q-19 -8 -19 -28v-577q0 -16 13 -25t28 -3l199 77l196 -81q5 -3 11 -3q7 0 13 3l16 7l-27 55l-2 -1l-195 81q-6 2 -12 2t-11 -2l-169 -65v511l180 70l196 -82q12 -5 24 0l215 99l147 -34v-514l-28 6
|
||||
l-15 -29q-3 -8 -7 -15l-1 -1l-5 -11l80 -18q14 -3 25.5 6t11.5 23v577q0 11 -6.5 19t-16.5 10zM299 582v-366q0 -5 3.5 -8.5t8.5 -3.5t8.5 3.5t3.5 8.5v366q0 5 -3.5 8.5t-8.5 3.5t-8.5 -3.5t-3.5 -8.5zM506 511v-184q0 -5 3.5 -8.5t8.5 -3.5t9 3.5t4 8.5v184q0 5 -4 8.5
|
||||
t-9 3.5t-8.5 -3.5t-3.5 -8.5zM759 385v223q0 5 -3.5 8.5t-8.5 3.5t-8.5 -3.5t-3.5 -8.5v-223q0 -5 3.5 -8.5t8.5 -3.5t8.5 3.5t3.5 8.5zM674.5 327q-59.5 0 -101.5 -42t-42 -102q0 -38 19 -71v0l14 -28l27 -55l84 -169l114 230l10 22v0q9 16 14 35q5 18 5 36q0 60 -42 102
|
||||
t-101.5 42zM675 141q-25 0 -43 17.5t-18 42.5t18 42.5t43 17.5t42.5 -17.5t17.5 -42.5t-17.5 -42.5t-42.5 -17.5z" />
|
||||
<glyph glyph-name="mima" unicode=""
|
||||
d="M760 371v103q0 5 -0.5 14t-5 34t-13 48t-26.5 50.5t-42.5 47.5t-64.5 34t-89.5 14t-89.5 -13.5t-64.5 -34.5t-42.5 -47t-26 -51.5t-13 -47t-6 -34.5v-14v-103h-104v-484h691v484h-104zM553 104v-113h-69v113q-34 20 -34 59q0 29 20 49.5t48.5 20.5t49 -20.5t20.5 -49.5
|
||||
q0 -39 -35 -59zM691 371h-345v103q0 14 2 29.5t12.5 43t27.5 48t51 36.5t79.5 16t80 -16t51.5 -36.5t27 -48t12 -43t2 -29.5v-103z" />
|
||||
<glyph glyph-name="caidan" unicode=""
|
||||
d="M553 460h171v-171h-171v171zM553 247h171v-171h-171v171zM321 247h171v-171h-171v171zM274 294h218v218h-218v-218zM308 478h150v-149h-150v149zM798 659h-572q-30 0 -52 -22t-22 -52v-569q0 -31 22 -53t52 -22h572q30 0 52 22t22 53v569q0 30 -22 52t-52 22zM827 16
|
||||
q0 -13 -8.5 -21.5t-20.5 -8.5h-572q-12 0 -20.5 8.5t-8.5 21.5v569q0 12 8.5 20.5t20.5 8.5h572q12 0 20.5 -8.5t8.5 -20.5v-569z" />
|
||||
<glyph glyph-name="8fuzhi" unicode=""
|
||||
d="M672 690q1 -7 1 -14v-313q0 -62 -44 -105.5t-106 -43.5t-106 43.5t-44 105.5v313q0 10 2 23q-134 -44 -219.5 -159.5t-85.5 -261.5q0 -90 35 -172t94 -141t141 -94t172 -35t172 35t141 94t94 141t35 172q0 139 -78 251.5t-204 160.5zM589 394q0 -29 -20.5 -49.5
|
||||
t-49.5 -20.5v0q-30 0 .5 20.5t-20.5 49.5v327q0 29 20.5 49.5t50.5 20.5v0q29 0 49.5 -20.5t20.5 -49.5v-327z" />
|
||||
<glyph glyph-name="jiance" unicode=""
|
||||
d="M506 519q-52 0 -89.5 -37t-37.5 -89.5t37.5 -89.5t89.5 -37t89.5 37t37.5 89.5t-37.5 89.5t-89.5 37zM506 323q-29 0 -49 20.5t-20 49t20 48.5t49 20t49 -20t20 -48.5t-20 -49t-49 -20.5zM923 421h-31q-5 63 -29 122q-30 69 -83.5 122.5t-122.5 83.5q-59 25 -122 29v31
|
||||
q0 12 -8.5 20.5t-20.5 8.5t-20.5 -8.5t-8.5 -20.5v-31q-63 -5 -122 -29q-69 -30 -122.5 -83.5t-83.5 -122.5q-24 -59 -29 -122h-31q-12 0 -20.5 -8.5t-8.5 -20.5t8.5 -20.5t20.5 -8.5h31q5 -63 29 -121q30 -70 83.5 -123.5t122.5 -82.5q59 -25 122 -30v-29q0 -12 8.5 -20.5
|
||||
t20.5 -8.5t20.5 8.5t8.5 20.5v29q63 5 122 30q69 29 122.5 82.5t83.5 123.5q24 58 29 121h31q12 0 20.5 8.5t8.5 20.5t-8.5 20.5t-20.5 8.5zM535 64v67q0 12 -8.5 20.5t-20.5 8.5t-20.5 -8.5t-8.5 -20.5v-67q-119 10 -204 95t-95 204h70q12 0 20.5 8.5t8.5 20.5t-8.5 20.5
|
||||
t-20.5 8.5h-70q10 119 95 204t204 95v-65q0 -11 8.5 -19.5t20.5 -8.5t20.5 8.5t8.5 19.5v65q119 -10 204 -95t95 -204h-70q-12 0 -20.5 -8.5t-8.5 -20.5t8.5 -20.5t20.5 -8.5h70q-10 -119 -95 -204t-204 -95z" />
|
||||
<glyph glyph-name="ren" unicode=""
|
||||
d="M520 853q-116 0 -198 -84t-82 -202.5t82 -203t198 -84.5t198 84.5t82 203t-82 202.5t-198 84v0v0zM939 -68q-8 111 -62 204.5t-141 149.5v0q-96 -78 -216 -78q-119 0 -216 78q-86 -56 -140.5 -149.5t-62.5 -204.5h838z" />
|
||||
<glyph glyph-name="baojing" unicode=""
|
||||
d="M827 188v314q0 126 -70 217.5t-186 111.5v26q0 16 -11.5 27.5t-27.5 11.5h-59q-10 0 -14.5 -5t-5 -11t-0.5 -18v-5v-26q-116 -20 -186 -112t-70 -217v-314l-157 -118v-40h944v40zM512 -127q41 0 79.5 38.5t38.5 79.5h-236q0 -41 38.5 -79.5t79.5 -38.5z" />
|
||||
<glyph glyph-name="yanzhengma" unicode=""
|
||||
d="M512 832q-82 -63 -169 -95.5t-212 -32.5v-331q0 -59 34.5 -135t87.5 -143t123.5 -113t135.5 -46t135.5 46t123.5 113t87.5 143t34.5 135v331q-126 0 -212.5 32.5t-168.5 95.5zM769 489l-273 -273q-1 -1 -3 -1t-4 1l-176 176q-1 2 -1 4t1 3l56 56q4 4 7 0l117 -117
|
||||
l213 214q4 3 7 0l56 -56q4 -3 0 -7z" />
|
||||
<glyph glyph-name="xitong" unicode=""
|
||||
d="M985 462h-46q-16 0 -31 10.5t-19 25.5l-27 66q-8 14 -5 31.5t14 29.5l33 33q12 11 12 27.5t-12 27.5l-55 55q-11 11 -27 11t-28 -11l-33 -33q-11 -12 -29.5 -14.5t-32.5 4.5l-65 27q-15 5 -25.5 19.5t-10.5 30.5v46q0 16 -11.5 27.5t-27.5 11.5h-78q-16 0 -27.5 -11.5
|
||||
t-11.5 -27.5v-46q0 -16 -10.5 -30.5t-25.5 -19.5l-65 -27q-14 -7 -32.5 -4.5t-29.5 14.5l-33 33q-12 11 -28 11t-27 -11l-55 -55q-12 -11 -12 -27.5t12 -27.5l33 -33q11 -12 14 -30t-5 -31l-27 -66q-4 -15 -19 -25.5t-31 -10.5h-47q-16 0 -27 -11.5t-11 -27.5v-78
|
||||
q0 -16 11 -27t27 -11h47q16 0 31 -11t19 -26l27 -65q8 -14 5 -32.5t-14 -29.5l-33 -33q-12 -12 -12 -28t12 -27l55 -55q11 -12 27 -12t28 12l33 33q11 11 29 14t32 -5l65 -27q15 -5 26 -19.5t11 -30.5v-47q0 -15 11.5 -26.5t27.5 -11.5h77q16 0 27.5 11.5t11.5 26.5v47
|
||||
q0 16 11 30.5t26 19.5l65 27q14 7 32 4.5t30 -13.5l33 -33q11 -12 27.5 -12t27.5 12l55 55q11 11 11 27t-11 28l-33 33q-12 11 -14.5 29.5t4.5 32.5l27 65q5 15 19.5 26t30.5 11h46q16 0 27.5 11t11.5 27v78q1 16 -10.5 27.5t-27.5 11.5zM714 384q0 -80 -56.5 -137t-137 -57
|
||||
t-137 57t-56.5 137t56.5 137t137 57t137 -57t56.5 -137z" />
|
||||
<glyph glyph-name="tongji" unicode="" horiz-adv-x="1042"
|
||||
d="M-15 47zM743 832h262v-894h-262v894zM383 385h262v-447h-262v447zM22 569h263v-631h-263v631zM1041 47z" />
|
||||
<glyph glyph-name="yichang" unicode=""
|
||||
d="M589 749q-4 4 -12 14.5t-11.5 14.5t-10.5 11t-12 10t-13.5 5t-17.5 2q-8 0 -15 -1.5t-14 -5.5t-11 -6.5t-11 -10.5t-8.5 -10l-9 -12t-8.5 -11l-409 -691q-36 -48 -20 -90q10 -38 71 -38h870q34 0 52.5 12.5t18.5 25.5q16 42 -20 90zM474 518q0 20 16 36t35 16
|
||||
q20 0 35.5 -14.5t15.5 -37.5v-236q0 -20 -16 -36t-35 -16t-35 16t-16 36v236zM525 64q-19 0 -35 16t-16 35t16 35t35 16t35 -16t16 -35q0 -23 -15.5 -37t-35.5 -14zM525 64z" />
|
||||
<glyph glyph-name="shouye" unicode=""
|
||||
d="M994 375l-469 438l-469 -437q-7 -7 -7 -16t6.5 -16t15.5 -7.5t16 6.5l438 408l438 -410q6 -6 15 -6v0v0q10 0 17 7q6 7 5.5 16.5t-6.5 16.5zM850.5 366q-9.5 0 -16 -7t-6.5 -16v-349h-182v243h-242v-243h-182v349q0 9 -6.5 16t-16 7t-16 -7t-6.5 -16v-394h272v242h152
|
||||
v-242h272v394q0 9 -6.5 16t-16 7zM692 691h136v-121q0 -9 6.5 -16t16 -7t16 7t6.5 16v167h-181q-10 0 -16.5 -7t-6.5 -16.5t6.5 -16t16.5 -6.5zM207 -15h210v232h203v-232h226v360h125l-446 423l-462 -417l142 -6z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 7.8 KiB |
BIN
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.ttf
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.ttf
Normal file
Binary file not shown.
BIN
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.woff
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/iconfont/iconfont.woff
Normal file
Binary file not shown.
360
pqs9300/src/main/webapp/css/plugin/jquery/buttons.dataTables.min.css
vendored
Normal file
360
pqs9300/src/main/webapp/css/plugin/jquery/buttons.dataTables.min.css
vendored
Normal file
@@ -0,0 +1,360 @@
|
||||
@keyframes dtb-spinner {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes dtb-spinner {
|
||||
100% {
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes dtb-spinner {
|
||||
100% {
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dtb-spinner {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dtb-spinner {
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
div.dt-button-info {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 400px;
|
||||
margin-top: -100px;
|
||||
margin-left: -200px;
|
||||
background-color: white;
|
||||
border: 2px solid #111;
|
||||
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
z-index: 21;
|
||||
}
|
||||
div.dt-button-info h2 {
|
||||
padding: 0.5em;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
div.dt-button-info > div {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
button.dt-button,
|
||||
div.dt-button,
|
||||
a.dt-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0.333em;
|
||||
margin-bottom: 0.333em;
|
||||
padding: 1px 1em;
|
||||
border: 1px solid #999;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
font-size: 0.88em;
|
||||
line-height: 1.6em;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
button.dt-button.disabled,
|
||||
div.dt-button.disabled,
|
||||
a.dt-button.disabled {
|
||||
color: white;
|
||||
border: 1px solid #d0d0d0;
|
||||
cursor: default;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled),
|
||||
div.dt-button:active:not(.disabled),
|
||||
div.dt-button.active:not(.disabled),
|
||||
a.dt-button:active:not(.disabled),
|
||||
a.dt-button.active:not(.disabled) {
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
box-shadow: inset 1px 1px 3px #999999;
|
||||
}
|
||||
button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled),
|
||||
div.dt-button:active:not(.disabled):hover:not(.disabled),
|
||||
div.dt-button.active:not(.disabled):hover:not(.disabled),
|
||||
a.dt-button:active:not(.disabled):hover:not(.disabled),
|
||||
a.dt-button.active:not(.disabled):hover:not(.disabled) {
|
||||
box-shadow: inset 1px 1px 3px #999999;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
button.dt-button:hover,
|
||||
div.dt-button:hover,
|
||||
a.dt-button:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
button.dt-button:hover:not(.disabled),
|
||||
div.dt-button:hover:not(.disabled),
|
||||
a.dt-button:hover:not(.disabled) {
|
||||
border: 1px solid #666;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
button.dt-button:focus:not(.disabled),
|
||||
div.dt-button:focus:not(.disabled),
|
||||
a.dt-button:focus:not(.disabled) {
|
||||
border: 1px solid #426c9e;
|
||||
text-shadow: 0 1px 0 #c4def1;
|
||||
outline: none;
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
}
|
||||
|
||||
.dt-button embed {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.dt-buttons {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
div.dt-buttons.buttons-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.dt-button-collection {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
margin-top: 3px;
|
||||
padding: 8px 8px 4px 8px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
z-index: 2002;
|
||||
border-radius: 5px;
|
||||
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
||||
z-index: 2002;
|
||||
-webkit-column-gap: 8px;
|
||||
-moz-column-gap: 8px;
|
||||
-ms-column-gap: 8px;
|
||||
-o-column-gap: 8px;
|
||||
column-gap: 8px;
|
||||
}
|
||||
div.dt-button-collection button.dt-button,
|
||||
div.dt-button-collection div.dt-button,
|
||||
div.dt-button-collection a.dt-button {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
display: block;
|
||||
float: none;
|
||||
margin-bottom: 4px;
|
||||
margin-right: 0;
|
||||
}
|
||||
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
|
||||
div.dt-button-collection div.dt-button:active:not(.disabled),
|
||||
div.dt-button-collection div.dt-button.active:not(.disabled),
|
||||
div.dt-button-collection a.dt-button:active:not(.disabled),
|
||||
div.dt-button-collection a.dt-button.active:not(.disabled) {
|
||||
background-color: #006565;
|
||||
/* Fallback */
|
||||
background-image: -webkit-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||||
background-image: -moz-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* FF3.6 */
|
||||
background-image: -ms-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* IE10 */
|
||||
background-image: -o-linear-gradient(top, #006565 0%, #006565 100%);
|
||||
/* Opera 11.10+ */
|
||||
background-image: linear-gradient(to bottom, #006565 0%, #006565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#006565', EndColorStr='#006565');
|
||||
box-shadow: inset 1px 1px 3px #666;
|
||||
}
|
||||
div.dt-button-collection.fixed {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -75px;
|
||||
border-radius: 0;
|
||||
}
|
||||
div.dt-button-collection.fixed.two-column {
|
||||
margin-left: -150px;
|
||||
}
|
||||
div.dt-button-collection.fixed.three-column {
|
||||
margin-left: -225px;
|
||||
}
|
||||
div.dt-button-collection.fixed.four-column {
|
||||
margin-left: -300px;
|
||||
}
|
||||
div.dt-button-collection > * {
|
||||
-webkit-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
div.dt-button-collection.two-column {
|
||||
width: 300px;
|
||||
padding-bottom: 1px;
|
||||
-webkit-column-count: 2;
|
||||
-moz-column-count: 2;
|
||||
-ms-column-count: 2;
|
||||
-o-column-count: 2;
|
||||
column-count: 2;
|
||||
}
|
||||
div.dt-button-collection.three-column {
|
||||
width: 450px;
|
||||
padding-bottom: 1px;
|
||||
-webkit-column-count: 3;
|
||||
-moz-column-count: 3;
|
||||
-ms-column-count: 3;
|
||||
-o-column-count: 3;
|
||||
column-count: 3;
|
||||
}
|
||||
div.dt-button-collection.four-column {
|
||||
width: 600px;
|
||||
padding-bottom: 1px;
|
||||
-webkit-column-count: 4;
|
||||
-moz-column-count: 4;
|
||||
-ms-column-count: 4;
|
||||
-o-column-count: 4;
|
||||
column-count: 4;
|
||||
}
|
||||
div.dt-button-collection .dt-button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
div.dt-button-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
/* Fallback */
|
||||
background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* IE10 Consumer Preview */
|
||||
background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* Firefox */
|
||||
background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* Opera */
|
||||
background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
|
||||
/* Webkit (Safari/Chrome 10) */
|
||||
background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* Webkit (Chrome 11+) */
|
||||
background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
|
||||
/* W3C Markup, IE10 Release Preview */
|
||||
z-index: 2001;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
div.dt-buttons {
|
||||
float: none !important;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
button.dt-button.processing,
|
||||
div.dt-button.processing,
|
||||
a.dt-button.processing {
|
||||
color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
button.dt-button.processing:after,
|
||||
div.dt-button.processing:after,
|
||||
a.dt-button.processing:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: -8px 0 0 -8px;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
content: ' ';
|
||||
border: 2px solid #282828;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
animation: dtb-spinner 1500ms infinite linear;
|
||||
-o-animation: dtb-spinner 1500ms infinite linear;
|
||||
-ms-animation: dtb-spinner 1500ms infinite linear;
|
||||
-webkit-animation: dtb-spinner 1500ms infinite linear;
|
||||
-moz-animation: dtb-spinner 1500ms infinite linear;
|
||||
}
|
||||
BIN
pqs9300/src/main/webapp/css/plugin/jquery/images/s.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/jquery/images/s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 180 B |
Binary file not shown.
|
After Width: | Height: | Size: 182 B |
Binary file not shown.
|
After Width: | Height: | Size: 124 B |
Binary file not shown.
|
After Width: | Height: | Size: 123 B |
Binary file not shown.
|
After Width: | Height: | Size: 119 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 B |
Binary file not shown.
|
After Width: | Height: | Size: 88 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
578
pqs9300/src/main/webapp/css/plugin/jquery/jquery-ui.css
vendored
Normal file
578
pqs9300/src/main/webapp/css/plugin/jquery/jquery-ui.css
vendored
Normal file
@@ -0,0 +1,578 @@
|
||||
/*
|
||||
* jQuery UI CSS Framework 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden { display: none; }
|
||||
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
|
||||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
||||
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
.ui-helper-clearfix { display: inline-block; }
|
||||
/* required comment for clearfix to work in Opera \*/
|
||||
* html .ui-helper-clearfix { height:1%; }
|
||||
.ui-helper-clearfix { display:block; }
|
||||
/* end clearfix */
|
||||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; }
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
/*
|
||||
* jQuery UI CSS Framework 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
|
||||
.ui-widget .ui-widget { font-size: 1em; }
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
|
||||
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
|
||||
.ui-widget-content a { color: #222222; }
|
||||
.ui-widget-header { border-bottom: 1px solid #006565; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
|
||||
.ui-widget-header a { color: #ffffff; }
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #808080 url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
|
||||
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
|
||||
.ui-widget :active { outline: none; }
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
|
||||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
|
||||
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
|
||||
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
|
||||
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
|
||||
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
|
||||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
|
||||
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
|
||||
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
|
||||
.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
|
||||
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
|
||||
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
|
||||
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
|
||||
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
|
||||
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
|
||||
.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
|
||||
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
|
||||
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
|
||||
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
|
||||
* jQuery UI Resizable 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Resizable#theming
|
||||
*/
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
|
||||
/* http://bugs.jqueryui.com/ticket/7233
|
||||
- Resizable: resizable handles fail to work in IE if transparent and content overlaps
|
||||
*/
|
||||
background-image:url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
|
||||
}
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
|
||||
* jQuery UI Selectable 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Selectable#theming
|
||||
*/
|
||||
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
|
||||
/*
|
||||
* jQuery UI Accordion 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Accordion#theming
|
||||
*/
|
||||
/* IE/Win - Fix animation bug - #4615 */
|
||||
.ui-accordion { width: 100%; }
|
||||
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
|
||||
.ui-accordion .ui-accordion-li-fix { display: inline; }
|
||||
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
|
||||
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
|
||||
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
|
||||
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
|
||||
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
|
||||
.ui-accordion .ui-accordion-content-active { display: block; }
|
||||
/*
|
||||
* jQuery UI Autocomplete 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Autocomplete#theming
|
||||
*/
|
||||
.ui-autocomplete { position: absolute; cursor: default; }
|
||||
|
||||
/* workarounds */
|
||||
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
|
||||
|
||||
/*
|
||||
* jQuery UI Menu 1.8.13
|
||||
*
|
||||
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Menu#theming
|
||||
*/
|
||||
.ui-menu {
|
||||
list-style:none;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
display:block;
|
||||
float: left;
|
||||
}
|
||||
.ui-menu .ui-menu {
|
||||
margin-top: -3px;
|
||||
}
|
||||
.ui-menu .ui-menu-item {
|
||||
margin:0;
|
||||
padding: 0;
|
||||
zoom: 1;
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-menu .ui-menu-item a {
|
||||
text-decoration:none;
|
||||
display:block;
|
||||
padding:.2em .4em;
|
||||
line-height:1.5;
|
||||
zoom:1;
|
||||
}
|
||||
.ui-menu .ui-menu-item a.ui-state-hover,
|
||||
.ui-menu .ui-menu-item a.ui-state-active {
|
||||
font-weight: normal;
|
||||
margin: -1px;
|
||||
}
|
||||
/*
|
||||
* jQuery UI Button 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Button#theming
|
||||
*/
|
||||
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
|
||||
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
|
||||
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
|
||||
.ui-button-icons-only { width: 3.4em; }
|
||||
button.ui-button-icons-only { width: 3.7em; }
|
||||
|
||||
/*button text element */
|
||||
.ui-button .ui-button-text { display: block; line-height: 1.4; }
|
||||
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
|
||||
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
|
||||
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
|
||||
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
|
||||
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
|
||||
/* no icon support for input elements, provide padding by default */
|
||||
input.ui-button { padding: .4em 1em; }
|
||||
|
||||
/*button icon element(s) */
|
||||
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
|
||||
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
|
||||
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
|
||||
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
|
||||
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
|
||||
|
||||
/*button sets*/
|
||||
.ui-buttonset { margin-right: 7px; }
|
||||
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
|
||||
|
||||
/* workarounds */
|
||||
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
|
||||
/*
|
||||
* jQuery UI Dialog 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Dialog#theming
|
||||
*/
|
||||
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
|
||||
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
|
||||
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
|
||||
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
|
||||
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
|
||||
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
|
||||
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
|
||||
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
|
||||
.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
/*
|
||||
* jQuery UI Slider 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Slider#theming
|
||||
*/
|
||||
.ui-slider { position: relative; text-align: left; }
|
||||
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
|
||||
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
|
||||
|
||||
.ui-slider-horizontal { height: .8em; }
|
||||
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
|
||||
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
|
||||
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
|
||||
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
|
||||
|
||||
.ui-slider-vertical { width: .8em; height: 100px; }
|
||||
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
|
||||
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
|
||||
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
|
||||
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
|
||||
* jQuery UI Tabs 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Tabs#theming
|
||||
*/
|
||||
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
|
||||
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
|
||||
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
|
||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
|
||||
.ui-tabs .ui-tabs-hide { display: none !important; }
|
||||
/*
|
||||
* jQuery UI Datepicker 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Datepicker#theming
|
||||
*/
|
||||
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
|
||||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
||||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
||||
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker .ui-datepicker-next { right:2px; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
||||
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
||||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
||||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
||||
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
|
||||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
||||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
||||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
||||
.ui-datepicker td { border: 0; padding: 1px; }
|
||||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break { clear:both; width:100%; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl { direction: rtl; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}/*
|
||||
* jQuery UI Progressbar 1.8.13
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Progressbar#theming
|
||||
*/
|
||||
.ui-progressbar { height:2em; text-align: left; }
|
||||
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
|
||||
1
pqs9300/src/main/webapp/css/plugin/jquery/jquery.dataTables.min.css
vendored
Normal file
1
pqs9300/src/main/webapp/css/plugin/jquery/jquery.dataTables.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
pqs9300/src/main/webapp/css/plugin/metroStyle/img/line_conn.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/metroStyle/img/line_conn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 933 B |
BIN
pqs9300/src/main/webapp/css/plugin/metroStyle/img/metro.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/metroStyle/img/metro.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
96
pqs9300/src/main/webapp/css/plugin/metroStyle/metroStyle.css
Normal file
96
pqs9300/src/main/webapp/css/plugin/metroStyle/metroStyle.css
Normal file
@@ -0,0 +1,96 @@
|
||||
/*-------------------------------------
|
||||
zTree Style
|
||||
|
||||
version: 3.4
|
||||
author: Hunter.z
|
||||
email: hunter.z@263.net
|
||||
website: http://code.google.com/p/jquerytree/
|
||||
|
||||
-------------------------------------*/
|
||||
|
||||
.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
|
||||
.ztree {margin:0; padding:5px; color:#333}
|
||||
.ztree li{padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0}
|
||||
.ztree li ul{ margin:0; padding:0 0 0 18px}
|
||||
.ztree li ul.line{ background:url(./img/line_conn.png) 0 0 repeat-y;}
|
||||
|
||||
.ztree li a {padding-right:3px; margin:0; cursor:pointer; height:21px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block}
|
||||
.ztree li a:hover {text-decoration:underline}
|
||||
.ztree li a.curSelectedNode {padding-top:0px; color:black; height:21px; opacity:0.8;}
|
||||
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; border:1px #666 solid; opacity:0.8;}
|
||||
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:21px; border:1px #666 solid;
|
||||
opacity:0.8; filter:alpha(opacity=80)}
|
||||
.ztree li a.tmpTargetNode_prev {}
|
||||
.ztree li a.tmpTargetNode_next {}
|
||||
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
|
||||
font-size:12px; border:1px #585956 solid; *border:0px}
|
||||
.ztree li span {line-height:21px; margin-right:2px}
|
||||
.ztree li span.button {line-height:0; margin:0; padding: 0; width:21px; height:21px; display: inline-block; vertical-align:middle;
|
||||
border:0 none; cursor: pointer;outline:none;
|
||||
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
|
||||
background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
|
||||
|
||||
.ztree li span.button.chk {width:13px; height:13px; margin:0 2px; cursor: auto}
|
||||
.ztree li span.button.chk.checkbox_false_full {background-position: -5px -5px;}
|
||||
.ztree li span.button.chk.checkbox_false_full_focus {background-position: -5px -26px;}
|
||||
.ztree li span.button.chk.checkbox_false_part {background-position: -5px -48px;}
|
||||
.ztree li span.button.chk.checkbox_false_part_focus {background-position: -5px -68px;}
|
||||
.ztree li span.button.chk.checkbox_false_disable {background-position: -5px -89px;}
|
||||
.ztree li span.button.chk.checkbox_true_full {background-position: -26px -5px;}
|
||||
.ztree li span.button.chk.checkbox_true_full_focus {background-position: -26px -26px;}
|
||||
.ztree li span.button.chk.checkbox_true_part {background-position: -26px -48px;}
|
||||
.ztree li span.button.chk.checkbox_true_part_focus {background-position: -26px -68px;}
|
||||
.ztree li span.button.chk.checkbox_true_disable {background-position: -26px -89px;}
|
||||
.ztree li span.button.chk.radio_false_full {background-position: -47px -5px;}
|
||||
.ztree li span.button.chk.radio_false_full_focus {background-position: -47px -26px;}
|
||||
.ztree li span.button.chk.radio_false_part {background-position: -47px -47px;}
|
||||
.ztree li span.button.chk.radio_false_part_focus {background-position: -47px -68px;}
|
||||
.ztree li span.button.chk.radio_false_disable {background-position: -47px -89px;}
|
||||
.ztree li span.button.chk.radio_true_full {background-position: -68px -5px;}
|
||||
.ztree li span.button.chk.radio_true_full_focus {background-position: -68px -26px;}
|
||||
.ztree li span.button.chk.radio_true_part {background-position: -68px -47px;}
|
||||
.ztree li span.button.chk.radio_true_part_focus {background-position: -68px -68px;}
|
||||
.ztree li span.button.chk.radio_true_disable {background-position: -68px -89px;}
|
||||
|
||||
.ztree li span.button.switch {width:21px; height:21px}
|
||||
.ztree li span.button.root_open{background-position:-105px -63px}
|
||||
.ztree li span.button.root_close{background-position:-126px -63px}
|
||||
.ztree li span.button.roots_open{background-position: -105px 0;}
|
||||
.ztree li span.button.roots_close{background-position: -126px 0;}
|
||||
.ztree li span.button.center_open{background-position: -105px -21px;}
|
||||
.ztree li span.button.center_close{background-position: -126px -21px;}
|
||||
.ztree li span.button.bottom_open{background-position: -105px -42px;}
|
||||
.ztree li span.button.bottom_close{background-position: -126px -42px;}
|
||||
.ztree li span.button.noline_open{background-position: -105px -84px;}
|
||||
.ztree li span.button.noline_close{background-position: -126px -84px;}
|
||||
.ztree li span.button.root_docu{ background:none;}
|
||||
.ztree li span.button.roots_docu{background-position: -84px 0;}
|
||||
.ztree li span.button.center_docu{background-position: -84px -21px;}
|
||||
.ztree li span.button.bottom_docu{background-position: -84px -42px;}
|
||||
.ztree li span.button.noline_docu{ background:none;}
|
||||
|
||||
.ztree li span.button.ico_open{margin-right:2px; background-position: -147px -21px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.ico_close{margin-right:2px; margin-right:2px; background-position: -147px 0; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.ico_docu{margin-right:2px; background-position: -147px -42px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.edit {margin-left:2px; margin-right: -1px; background-position: -189px -21px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.edit:hover {
|
||||
background-position: -168px -21px;
|
||||
}
|
||||
.ztree li span.button.remove {margin-left:2px; margin-right: -1px; background-position: -189px -42px; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.remove:hover {
|
||||
background-position: -168px -42px;
|
||||
}
|
||||
.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position: -189px 0; vertical-align:top; *vertical-align:middle}
|
||||
.ztree li span.button.add:hover {
|
||||
background-position: -168px 0;
|
||||
}
|
||||
.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
|
||||
|
||||
ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
|
||||
|
||||
span.tmpzTreeMove_arrow {width:16px; height:21px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
|
||||
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
|
||||
background-position:-168px -84px; background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
|
||||
|
||||
ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
|
||||
.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
|
||||
@@ -0,0 +1,119 @@
|
||||
.hsCheckData {
|
||||
display: inline-block;
|
||||
height: 28px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #ffffff;
|
||||
min-width: 188px;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
line-height: 30px;
|
||||
padding-left: 10px;
|
||||
background-image: url(img/nc.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 98% 50%;
|
||||
}
|
||||
|
||||
.hsCjeckData_check {
|
||||
background-image: url(img/yc.png);
|
||||
}
|
||||
|
||||
.hcd_main_border {
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #ffffff;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
height: 150px;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.hcd_filter {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.hcd_filter_input {
|
||||
height: 20px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 2px;
|
||||
padding: 4px 6px;
|
||||
font-size: 14px;
|
||||
background-image: url(img/filter.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 98% 50%;
|
||||
}
|
||||
|
||||
.hcd_dataList {
|
||||
height: 80px;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.hcd_dataList > ul {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.hcd_dataList > ul li {
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hcd_dataList > ul > li {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.hcd_dataList > ul > li > div {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.exsitChild {
|
||||
background-image: url(img/close.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 8px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.exsitChild_check {
|
||||
background-image: url(img/open.png);
|
||||
}
|
||||
|
||||
.ec {
|
||||
min-height: 22px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.ec > div {
|
||||
padding-left: 3px !important;
|
||||
}
|
||||
|
||||
/*迁移到basic.css做统一背景颜色管理*/
|
||||
/*[name='datali'] > div:hover,*/
|
||||
/*.ec > div:hover {*/
|
||||
/*background-color: #3ab2d0;*/
|
||||
/*color: #ffffff;*/
|
||||
/*}*/
|
||||
|
||||
.hcd_btn_div {
|
||||
/*margin-top: 10px;*/
|
||||
text-align: right;
|
||||
background-color: #f5f5f5;
|
||||
height: 29px;
|
||||
width: 187px;
|
||||
margin-left: -5px;
|
||||
border-top: 1px solid #e3e3e3;
|
||||
}
|
||||
|
||||
.hcd_btn {
|
||||
margin-right: 5px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/close.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/filter.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/filter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/nc.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/nc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/open.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/open.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/yc.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/mulitiCheckbox/img/yc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
944
pqs9300/src/main/webapp/css/plugin/slide/reset.css
Normal file
944
pqs9300/src/main/webapp/css/plugin/slide/reset.css
Normal file
@@ -0,0 +1,944 @@
|
||||
@charset 'utf-8';
|
||||
html,
|
||||
body,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
th,
|
||||
td,
|
||||
dl,
|
||||
dd,
|
||||
form,
|
||||
fieldset,
|
||||
legend,
|
||||
input,
|
||||
textarea,
|
||||
select {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.fl {
|
||||
float: left;
|
||||
}
|
||||
.fr {
|
||||
float: right;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
.clearfix:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.img {
|
||||
border: 0;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Glyphicons Halflings';
|
||||
src: url('../fonts/glyphicons-halflings-regular.eot');
|
||||
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
|
||||
}
|
||||
.glyphicon {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
display: inline-block;
|
||||
font-family: 'Glyphicons Halflings';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.glyphicon-asterisk:before {
|
||||
content: "\002a";
|
||||
}
|
||||
.glyphicon-plus:before {
|
||||
content: "\002b";
|
||||
}
|
||||
.glyphicon-euro:before,
|
||||
.glyphicon-eur:before {
|
||||
content: "\20ac";
|
||||
}
|
||||
.glyphicon-minus:before {
|
||||
content: "\2212";
|
||||
}
|
||||
.glyphicon-cloud:before {
|
||||
content: "\2601";
|
||||
}
|
||||
.glyphicon-envelope:before {
|
||||
content: "\2709";
|
||||
}
|
||||
.glyphicon-pencil:before {
|
||||
content: "\270f";
|
||||
}
|
||||
.glyphicon-glass:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.glyphicon-music:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.glyphicon-search:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.glyphicon-heart:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.glyphicon-star:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.glyphicon-star-empty:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.glyphicon-user:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.glyphicon-film:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.glyphicon-th-large:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.glyphicon-th:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.glyphicon-th-list:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.glyphicon-ok:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.glyphicon-remove:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.glyphicon-zoom-in:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.glyphicon-zoom-out:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.glyphicon-off:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.glyphicon-signal:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.glyphicon-cog:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.glyphicon-trash:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.glyphicon-home:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.glyphicon-file:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.glyphicon-time:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.glyphicon-road:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.glyphicon-download-alt:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.glyphicon-download:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.glyphicon-upload:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.glyphicon-inbox:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.glyphicon-play-circle:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.glyphicon-repeat:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.glyphicon-refresh:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.glyphicon-list-alt:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.glyphicon-lock:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.glyphicon-flag:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.glyphicon-headphones:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.glyphicon-volume-off:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.glyphicon-volume-down:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.glyphicon-volume-up:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.glyphicon-qrcode:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.glyphicon-barcode:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.glyphicon-tag:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.glyphicon-tags:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.glyphicon-book:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.glyphicon-bookmark:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.glyphicon-print:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.glyphicon-camera:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.glyphicon-font:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.glyphicon-bold:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.glyphicon-italic:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.glyphicon-text-height:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.glyphicon-text-width:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.glyphicon-align-left:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.glyphicon-align-center:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.glyphicon-align-right:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.glyphicon-align-justify:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.glyphicon-list:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.glyphicon-indent-left:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.glyphicon-indent-right:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.glyphicon-facetime-video:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.glyphicon-picture:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.glyphicon-map-marker:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.glyphicon-adjust:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.glyphicon-tint:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.glyphicon-edit:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.glyphicon-share:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.glyphicon-check:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.glyphicon-move:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.glyphicon-step-backward:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.glyphicon-fast-backward:before {
|
||||
content: "\e070";
|
||||
}
|
||||
.glyphicon-backward:before {
|
||||
content: "\e071";
|
||||
}
|
||||
.glyphicon-play:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.glyphicon-pause:before {
|
||||
content: "\e073";
|
||||
}
|
||||
.glyphicon-stop:before {
|
||||
content: "\e074";
|
||||
}
|
||||
.glyphicon-forward:before {
|
||||
content: "\e075";
|
||||
}
|
||||
.glyphicon-fast-forward:before {
|
||||
content: "\e076";
|
||||
}
|
||||
.glyphicon-step-forward:before {
|
||||
content: "\e077";
|
||||
}
|
||||
.glyphicon-eject:before {
|
||||
content: "\e078";
|
||||
}
|
||||
.glyphicon-chevron-left:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.glyphicon-chevron-right:before {
|
||||
content: "\e080";
|
||||
}
|
||||
.glyphicon-plus-sign:before {
|
||||
content: "\e081";
|
||||
}
|
||||
.glyphicon-minus-sign:before {
|
||||
content: "\e082";
|
||||
}
|
||||
.glyphicon-remove-sign:before {
|
||||
content: "\e083";
|
||||
}
|
||||
.glyphicon-ok-sign:before {
|
||||
content: "\e084";
|
||||
}
|
||||
.glyphicon-question-sign:before {
|
||||
content: "\e085";
|
||||
}
|
||||
.glyphicon-info-sign:before {
|
||||
content: "\e086";
|
||||
}
|
||||
.glyphicon-screenshot:before {
|
||||
content: "\e087";
|
||||
}
|
||||
.glyphicon-remove-circle:before {
|
||||
content: "\e088";
|
||||
}
|
||||
.glyphicon-ok-circle:before {
|
||||
content: "\e089";
|
||||
}
|
||||
.glyphicon-ban-circle:before {
|
||||
content: "\e090";
|
||||
}
|
||||
.glyphicon-arrow-left:before {
|
||||
content: "\e091";
|
||||
}
|
||||
.glyphicon-arrow-right:before {
|
||||
content: "\e092";
|
||||
}
|
||||
.glyphicon-arrow-up:before {
|
||||
content: "\e093";
|
||||
}
|
||||
.glyphicon-arrow-down:before {
|
||||
content: "\e094";
|
||||
}
|
||||
.glyphicon-share-alt:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.glyphicon-resize-full:before {
|
||||
content: "\e096";
|
||||
}
|
||||
.glyphicon-resize-small:before {
|
||||
content: "\e097";
|
||||
}
|
||||
.glyphicon-exclamation-sign:before {
|
||||
content: "\e101";
|
||||
}
|
||||
.glyphicon-gift:before {
|
||||
content: "\e102";
|
||||
}
|
||||
.glyphicon-leaf:before {
|
||||
content: "\e103";
|
||||
}
|
||||
.glyphicon-fire:before {
|
||||
content: "\e104";
|
||||
}
|
||||
.glyphicon-eye-open:before {
|
||||
content: "\e105";
|
||||
}
|
||||
.glyphicon-eye-close:before {
|
||||
content: "\e106";
|
||||
}
|
||||
.glyphicon-warning-sign:before {
|
||||
content: "\e107";
|
||||
}
|
||||
.glyphicon-plane:before {
|
||||
content: "\e108";
|
||||
}
|
||||
.glyphicon-calendar:before {
|
||||
content: "\e109";
|
||||
}
|
||||
.glyphicon-random:before {
|
||||
content: "\e110";
|
||||
}
|
||||
.glyphicon-comment:before {
|
||||
content: "\e111";
|
||||
}
|
||||
.glyphicon-magnet:before {
|
||||
content: "\e112";
|
||||
}
|
||||
.glyphicon-chevron-up:before {
|
||||
content: "\e113";
|
||||
}
|
||||
.glyphicon-chevron-down:before {
|
||||
content: "\e114";
|
||||
}
|
||||
.glyphicon-retweet:before {
|
||||
content: "\e115";
|
||||
}
|
||||
.glyphicon-shopping-cart:before {
|
||||
content: "\e116";
|
||||
}
|
||||
.glyphicon-folder-close:before {
|
||||
content: "\e117";
|
||||
}
|
||||
.glyphicon-folder-open:before {
|
||||
content: "\e118";
|
||||
}
|
||||
.glyphicon-resize-vertical:before {
|
||||
content: "\e119";
|
||||
}
|
||||
.glyphicon-resize-horizontal:before {
|
||||
content: "\e120";
|
||||
}
|
||||
.glyphicon-hdd:before {
|
||||
content: "\e121";
|
||||
}
|
||||
.glyphicon-bullhorn:before {
|
||||
content: "\e122";
|
||||
}
|
||||
.glyphicon-bell:before {
|
||||
content: "\e123";
|
||||
}
|
||||
.glyphicon-certificate:before {
|
||||
content: "\e124";
|
||||
}
|
||||
.glyphicon-thumbs-up:before {
|
||||
content: "\e125";
|
||||
}
|
||||
.glyphicon-thumbs-down:before {
|
||||
content: "\e126";
|
||||
}
|
||||
.glyphicon-hand-right:before {
|
||||
content: "\e127";
|
||||
}
|
||||
.glyphicon-hand-left:before {
|
||||
content: "\e128";
|
||||
}
|
||||
.glyphicon-hand-up:before {
|
||||
content: "\e129";
|
||||
}
|
||||
.glyphicon-hand-down:before {
|
||||
content: "\e130";
|
||||
}
|
||||
.glyphicon-circle-arrow-right:before {
|
||||
content: "\e131";
|
||||
}
|
||||
.glyphicon-circle-arrow-left:before {
|
||||
content: "\e132";
|
||||
}
|
||||
.glyphicon-circle-arrow-up:before {
|
||||
content: "\e133";
|
||||
}
|
||||
.glyphicon-circle-arrow-down:before {
|
||||
content: "\e134";
|
||||
}
|
||||
.glyphicon-globe:before {
|
||||
content: "\e135";
|
||||
}
|
||||
.glyphicon-wrench:before {
|
||||
content: "\e136";
|
||||
}
|
||||
.glyphicon-tasks:before {
|
||||
content: "\e137";
|
||||
}
|
||||
.glyphicon-filter:before {
|
||||
content: "\e138";
|
||||
}
|
||||
.glyphicon-briefcase:before {
|
||||
content: "\e139";
|
||||
}
|
||||
.glyphicon-fullscreen:before {
|
||||
content: "\e140";
|
||||
}
|
||||
.glyphicon-dashboard:before {
|
||||
content: "\e141";
|
||||
}
|
||||
.glyphicon-paperclip:before {
|
||||
content: "\e142";
|
||||
}
|
||||
.glyphicon-heart-empty:before {
|
||||
content: "\e143";
|
||||
}
|
||||
.glyphicon-link:before {
|
||||
content: "\e144";
|
||||
}
|
||||
.glyphicon-phone:before {
|
||||
content: "\e145";
|
||||
}
|
||||
.glyphicon-pushpin:before {
|
||||
content: "\e146";
|
||||
}
|
||||
.glyphicon-usd:before {
|
||||
content: "\e148";
|
||||
}
|
||||
.glyphicon-gbp:before {
|
||||
content: "\e149";
|
||||
}
|
||||
.glyphicon-sort:before {
|
||||
content: "\e150";
|
||||
}
|
||||
.glyphicon-sort-by-alphabet:before {
|
||||
content: "\e151";
|
||||
}
|
||||
.glyphicon-sort-by-alphabet-alt:before {
|
||||
content: "\e152";
|
||||
}
|
||||
.glyphicon-sort-by-order:before {
|
||||
content: "\e153";
|
||||
}
|
||||
.glyphicon-sort-by-order-alt:before {
|
||||
content: "\e154";
|
||||
}
|
||||
.glyphicon-sort-by-attributes:before {
|
||||
content: "\e155";
|
||||
}
|
||||
.glyphicon-sort-by-attributes-alt:before {
|
||||
content: "\e156";
|
||||
}
|
||||
.glyphicon-unchecked:before {
|
||||
content: "\e157";
|
||||
}
|
||||
.glyphicon-expand:before {
|
||||
content: "\e158";
|
||||
}
|
||||
.glyphicon-collapse-down:before {
|
||||
content: "\e159";
|
||||
}
|
||||
.glyphicon-collapse-up:before {
|
||||
content: "\e160";
|
||||
}
|
||||
.glyphicon-log-in:before {
|
||||
content: "\e161";
|
||||
}
|
||||
.glyphicon-flash:before {
|
||||
content: "\e162";
|
||||
}
|
||||
.glyphicon-log-out:before {
|
||||
content: "\e163";
|
||||
}
|
||||
.glyphicon-new-window:before {
|
||||
content: "\e164";
|
||||
}
|
||||
.glyphicon-record:before {
|
||||
content: "\e165";
|
||||
}
|
||||
.glyphicon-save:before {
|
||||
content: "\e166";
|
||||
}
|
||||
.glyphicon-open:before {
|
||||
content: "\e167";
|
||||
}
|
||||
.glyphicon-saved:before {
|
||||
content: "\e168";
|
||||
}
|
||||
.glyphicon-import:before {
|
||||
content: "\e169";
|
||||
}
|
||||
.glyphicon-export:before {
|
||||
content: "\e170";
|
||||
}
|
||||
.glyphicon-send:before {
|
||||
content: "\e171";
|
||||
}
|
||||
.glyphicon-floppy-disk:before {
|
||||
content: "\e172";
|
||||
}
|
||||
.glyphicon-floppy-saved:before {
|
||||
content: "\e173";
|
||||
}
|
||||
.glyphicon-floppy-remove:before {
|
||||
content: "\e174";
|
||||
}
|
||||
.glyphicon-floppy-save:before {
|
||||
content: "\e175";
|
||||
}
|
||||
.glyphicon-floppy-open:before {
|
||||
content: "\e176";
|
||||
}
|
||||
.glyphicon-credit-card:before {
|
||||
content: "\e177";
|
||||
}
|
||||
.glyphicon-transfer:before {
|
||||
content: "\e178";
|
||||
}
|
||||
.glyphicon-cutlery:before {
|
||||
content: "\e179";
|
||||
}
|
||||
.glyphicon-header:before {
|
||||
content: "\e180";
|
||||
}
|
||||
.glyphicon-compressed:before {
|
||||
content: "\e181";
|
||||
}
|
||||
.glyphicon-earphone:before {
|
||||
content: "\e182";
|
||||
}
|
||||
.glyphicon-phone-alt:before {
|
||||
content: "\e183";
|
||||
}
|
||||
.glyphicon-tower:before {
|
||||
content: "\e184";
|
||||
}
|
||||
.glyphicon-stats:before {
|
||||
content: "\e185";
|
||||
}
|
||||
.glyphicon-sd-video:before {
|
||||
content: "\e186";
|
||||
}
|
||||
.glyphicon-hd-video:before {
|
||||
content: "\e187";
|
||||
}
|
||||
.glyphicon-subtitles:before {
|
||||
content: "\e188";
|
||||
}
|
||||
.glyphicon-sound-stereo:before {
|
||||
content: "\e189";
|
||||
}
|
||||
.glyphicon-sound-dolby:before {
|
||||
content: "\e190";
|
||||
}
|
||||
.glyphicon-sound-5-1:before {
|
||||
content: "\e191";
|
||||
}
|
||||
.glyphicon-sound-6-1:before {
|
||||
content: "\e192";
|
||||
}
|
||||
.glyphicon-sound-7-1:before {
|
||||
content: "\e193";
|
||||
}
|
||||
.glyphicon-copyright-mark:before {
|
||||
content: "\e194";
|
||||
}
|
||||
.glyphicon-registration-mark:before {
|
||||
content: "\e195";
|
||||
}
|
||||
.glyphicon-cloud-download:before {
|
||||
content: "\e197";
|
||||
}
|
||||
.glyphicon-cloud-upload:before {
|
||||
content: "\e198";
|
||||
}
|
||||
.glyphicon-tree-conifer:before {
|
||||
content: "\e199";
|
||||
}
|
||||
.glyphicon-tree-deciduous:before {
|
||||
content: "\e200";
|
||||
}
|
||||
.glyphicon-cd:before {
|
||||
content: "\e201";
|
||||
}
|
||||
.glyphicon-save-file:before {
|
||||
content: "\e202";
|
||||
}
|
||||
.glyphicon-open-file:before {
|
||||
content: "\e203";
|
||||
}
|
||||
.glyphicon-level-up:before {
|
||||
content: "\e204";
|
||||
}
|
||||
.glyphicon-copy:before {
|
||||
content: "\e205";
|
||||
}
|
||||
.glyphicon-paste:before {
|
||||
content: "\e206";
|
||||
}
|
||||
.glyphicon-alert:before {
|
||||
content: "\e209";
|
||||
}
|
||||
.glyphicon-equalizer:before {
|
||||
content: "\e210";
|
||||
}
|
||||
.glyphicon-king:before {
|
||||
content: "\e211";
|
||||
}
|
||||
.glyphicon-queen:before {
|
||||
content: "\e212";
|
||||
}
|
||||
.glyphicon-pawn:before {
|
||||
content: "\e213";
|
||||
}
|
||||
.glyphicon-bishop:before {
|
||||
content: "\e214";
|
||||
}
|
||||
.glyphicon-knight:before {
|
||||
content: "\e215";
|
||||
}
|
||||
.glyphicon-baby-formula:before {
|
||||
content: "\e216";
|
||||
}
|
||||
.glyphicon-tent:before {
|
||||
content: "\26fa";
|
||||
}
|
||||
.glyphicon-blackboard:before {
|
||||
content: "\e218";
|
||||
}
|
||||
.glyphicon-bed:before {
|
||||
content: "\e219";
|
||||
}
|
||||
.glyphicon-apple:before {
|
||||
content: "\f8ff";
|
||||
}
|
||||
.glyphicon-erase:before {
|
||||
content: "\e221";
|
||||
}
|
||||
.glyphicon-hourglass:before {
|
||||
content: "\231b";
|
||||
}
|
||||
.glyphicon-lamp:before {
|
||||
content: "\e223";
|
||||
}
|
||||
.glyphicon-duplicate:before {
|
||||
content: "\e224";
|
||||
}
|
||||
.glyphicon-piggy-bank:before {
|
||||
content: "\e225";
|
||||
}
|
||||
.glyphicon-scissors:before {
|
||||
content: "\e226";
|
||||
}
|
||||
.glyphicon-bitcoin:before {
|
||||
content: "\e227";
|
||||
}
|
||||
.glyphicon-btc:before {
|
||||
content: "\e227";
|
||||
}
|
||||
.glyphicon-xbt:before {
|
||||
content: "\e227";
|
||||
}
|
||||
.glyphicon-yen:before {
|
||||
content: "\00a5";
|
||||
}
|
||||
.glyphicon-jpy:before {
|
||||
content: "\00a5";
|
||||
}
|
||||
.glyphicon-ruble:before {
|
||||
content: "\20bd";
|
||||
}
|
||||
.glyphicon-rub:before {
|
||||
content: "\20bd";
|
||||
}
|
||||
.glyphicon-scale:before {
|
||||
content: "\e230";
|
||||
}
|
||||
.glyphicon-ice-lolly:before {
|
||||
content: "\e231";
|
||||
}
|
||||
.glyphicon-ice-lolly-tasted:before {
|
||||
content: "\e232";
|
||||
}
|
||||
.glyphicon-education:before {
|
||||
content: "\e233";
|
||||
}
|
||||
.glyphicon-option-horizontal:before {
|
||||
content: "\e234";
|
||||
}
|
||||
.glyphicon-option-vertical:before {
|
||||
content: "\e235";
|
||||
}
|
||||
.glyphicon-menu-hamburger:before {
|
||||
content: "\e236";
|
||||
}
|
||||
.glyphicon-modal-window:before {
|
||||
content: "\e237";
|
||||
}
|
||||
.glyphicon-oil:before {
|
||||
content: "\e238";
|
||||
}
|
||||
.glyphicon-grain:before {
|
||||
content: "\e239";
|
||||
}
|
||||
.glyphicon-sunglasses:before {
|
||||
content: "\e240";
|
||||
}
|
||||
.glyphicon-text-size:before {
|
||||
content: "\e241";
|
||||
}
|
||||
.glyphicon-text-color:before {
|
||||
content: "\e242";
|
||||
}
|
||||
.glyphicon-text-background:before {
|
||||
content: "\e243";
|
||||
}
|
||||
.glyphicon-object-align-top:before {
|
||||
content: "\e244";
|
||||
}
|
||||
.glyphicon-object-align-bottom:before {
|
||||
content: "\e245";
|
||||
}
|
||||
.glyphicon-object-align-horizontal:before {
|
||||
content: "\e246";
|
||||
}
|
||||
.glyphicon-object-align-left:before {
|
||||
content: "\e247";
|
||||
}
|
||||
.glyphicon-object-align-vertical:before {
|
||||
content: "\e248";
|
||||
}
|
||||
.glyphicon-object-align-right:before {
|
||||
content: "\e249";
|
||||
}
|
||||
.glyphicon-triangle-right:before {
|
||||
content: "\e250";
|
||||
}
|
||||
.glyphicon-triangle-left:before {
|
||||
content: "\e251";
|
||||
}
|
||||
.glyphicon-triangle-bottom:before {
|
||||
content: "\e252";
|
||||
}
|
||||
.glyphicon-triangle-top:before {
|
||||
content: "\e253";
|
||||
}
|
||||
.glyphicon-console:before {
|
||||
content: "\e254";
|
||||
}
|
||||
.glyphicon-superscript:before {
|
||||
content: "\e255";
|
||||
}
|
||||
.glyphicon-subscript:before {
|
||||
content: "\e256";
|
||||
}
|
||||
.glyphicon-menu-left:before {
|
||||
content: "\e257";
|
||||
}
|
||||
.glyphicon-menu-right:before {
|
||||
content: "\e258";
|
||||
}
|
||||
.glyphicon-menu-down:before {
|
||||
content: "\e259";
|
||||
}
|
||||
.glyphicon-menu-up:before {
|
||||
content: "\e260";
|
||||
}
|
||||
.font12{
|
||||
font-size: 12px;
|
||||
}
|
||||
.font25{
|
||||
font-size: 25px;
|
||||
}
|
||||
.bg-error{
|
||||
background-color: #A52a2a;
|
||||
}
|
||||
.error{
|
||||
color:#A52a2a;
|
||||
}
|
||||
.bg-warn{
|
||||
background-color: #DAA520;
|
||||
}
|
||||
.warn{
|
||||
color:#DAA520;
|
||||
}
|
||||
.bg-info{
|
||||
background-color: #2E8B57;
|
||||
}
|
||||
.info{
|
||||
color:#2E8B57;
|
||||
}
|
||||
.bg-run{
|
||||
background-color: #20B2AA;
|
||||
}
|
||||
.run{
|
||||
color:#20B2AA;
|
||||
}
|
||||
.bg-breaks{
|
||||
background-color: #F4A460;
|
||||
}
|
||||
.breaks{
|
||||
color:#F4A460;
|
||||
}
|
||||
.bg-grey{
|
||||
background-color: #696969;
|
||||
}
|
||||
.grey{
|
||||
color:#696969;
|
||||
}
|
||||
.inB{
|
||||
display: inline-block;
|
||||
}
|
||||
.smallBlock{
|
||||
height: 10px;
|
||||
width: 15px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.smallBlock2{
|
||||
height: 12px;
|
||||
width: 20px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.fontBold{
|
||||
font-weight: bold;
|
||||
}
|
||||
.mt10{
|
||||
margin-top: 10px;
|
||||
}
|
||||
94
pqs9300/src/main/webapp/css/plugin/slide/slide.css
Normal file
94
pqs9300/src/main/webapp/css/plugin/slide/slide.css
Normal file
@@ -0,0 +1,94 @@
|
||||
.slide-carousel {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.slide-carousel .item-list {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.slide-carousel .item-list li .item-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.slide-carousel .item-list li .item-content a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.slide-carousel .item-list li .item-content a .cover-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.slide-carousel .indicator-list {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
left: 50%;
|
||||
margin-left: -63px;
|
||||
z-index: 100;
|
||||
}
|
||||
.slide-carousel .indicator-list a {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
background-color: #ccc;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.slide-carousel .indicator-list a.selected {
|
||||
border-color: #fff;
|
||||
background-color: #006565;
|
||||
}
|
||||
.slide-carousel .controls {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.slide-carousel .controls a {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
width: 40px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
color: #fff;
|
||||
font-size: 35px;
|
||||
padding-top: 25px;
|
||||
z-index: 2;
|
||||
}
|
||||
.slide-carousel .controls a:hover {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.slide-carousel .controls .item-prev {
|
||||
top: 50%;
|
||||
left: -40px;
|
||||
margin-top: -42px;
|
||||
}
|
||||
.slide-carousel .controls .item-next {
|
||||
top: 50%;
|
||||
right: -40px;
|
||||
margin-top: -42px;
|
||||
}
|
||||
.slide-carousel .desc {
|
||||
height: 72px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
}
|
||||
.slide-carousel .desc strong {
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
line-height: 72px;
|
||||
margin-left: 20px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.slide-carousel:hover .controls {
|
||||
opacity: 1;
|
||||
transition: opacity 0.5s ease;
|
||||
}
|
||||
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/1_close.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/1_close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 601 B |
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/1_open.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/1_open.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 580 B |
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/2.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 570 B |
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/3.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 762 B |
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/4.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 399 B |
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/5.png
Normal file
BIN
pqs9300/src/main/webapp/css/plugin/ztree/img/diy/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 710 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user