Index: ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/img/error.png =================================================================== diff -u Binary files differ Index: ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/css/alert.css =================================================================== diff -u --- ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/css/alert.css (revision 0) +++ ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/css/alert.css (revision 24586) @@ -0,0 +1,291 @@ +*{ + margin:0; + padding:0; +} +body{ + font-family: "微软雅黑" +} +.alert-modal{ + left:0; + top:0; + width:100%; + height:100%; + background: #000; + opacity: 0.6; + filter: alpha(opacity=60); +} +.alert-container{ + display: inline-block; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -o-border-radius: 5px; + background: #fff; + border:1px solid #f1f1f1; + z-index: 99999; + overflow: hidden; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.alert-title{ + font-size: 16px; + text-align: center; + line-height: 42px; + color:#111; + background: #fff; + position: absolute; + left:0; + top:0; + z-index: 999; + width:100%; + text-align: center; +} +.alert-content{ + font-size: 14px; + padding:15px 20px; + color:#555; + height:100%; + overflow: auto; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -o-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.alert-content-scrollbar{ + +} +.alert-btn-box{ + border-top:1px solid #f1f1f1; + text-align: right; + position: absolute; + left:0; + background: #fff; + bottom: 0; + z-index: 999; + width:100%; +} +.alert-btn-p{ + display: inline-block; + text-align: center; + border-right:1px solid #f1f1f1; + background-color: #fff; + font-size:14px; + line-height: 35px; + cursor: pointer; + color:#222; + box-sizing: border-box; +} +.alert-btn-p:hover{ + background: #eee; +} +.alert-btn-p:last-child{ + border-right: none; +} +.pcAlert .alert-btn-box{ + padding-right:10px; + border:none; +} +.pcAlert .alert-btn-p{ + border:1px solid #f1f1f1; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -o-box-sizing: border-box; + line-height: 30px; + margin:7px 0; + padding:0 10px; + margin-right:10px; +} +.alert-btn-close{ + position: absolute; + right:10px; + top:3px; + font-size: 24px; + cursor: pointer; + z-index: 1000; +} + +.alert-container-black{ + background-color:rgba(0,0,0,0.65); + border:none; + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); +} +.alert-container-black .alert-content{ + color: #fff; +} + +.linearTop{ + -webkit-animation-name: linearTop; + -moz-animation-name: linearTop; + -o-animation-name: linearTop; + animation-name: linearTop; +} + +.linearBottom{ + -webkit-animation-name: linearBottom; + -moz-animation-name: linearBottom; + -o-animation-name: linearBottom; + animation-name: linearBottom; +} + +/*alert-actionsheet*/ +.alert-actionsheet{ + border-radius: 0; + background-color: #ddd; +} +.alert-actionsheet .alert-content{ + display: none; +} +.none{ + display: none; +} +.alert-actionsheet .alert-title{ + color: #aaa; + line-height: 50px; +} +.alert-actionsheet .alert-title,.alert-actionsheet .alert-btn-box{ + position: static; +} +.alert-actionsheet .alert-btn-p{ + font-size: 16px; + display: block; + line-height: 40px; + border-bottom: 1px solid #eee; +} +.alert-actionsheet .alert-btn-box{ + background-color: transparent; +} +.alert-actionsheet .alert-btn-sheet{ + margin-top:5px; +} +@keyframes linearBottom { + 0%{ + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -o-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + opacity: 1; + filter:alpha(opacity=100); + } + 100%{ + -webkit-transform: translate3d(0,80px,0); + -moz-transform: translate3d(0,80px,0); + -o-transform: translate3d(0,80px,0); + transform: translate3d(0,80px,0); + opacity: 0; + filter:alpha(opacity=0); + } +} + +@keyframes linearTop { + 0%{ + -webkit-transform: translate3d(0,80px,0); + -moz-transform: translate3d(0,80px,0); + -o-transform: translate3d(0,80px,0); + transform: translate3d(0,80px,0); + opacity: 0; + filter:alpha(opacity=0); + } + 100%{ + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -o-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + opacity: 1; + filter:alpha(opacity=100); + } +} + +/*显示动画*/ + + +.animated.infinite { + animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; +} +.animated.linearBottom, +.animated.linearTop, +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .45s; + -moz-animation-duration: .45s; + -o-animation-duration: .45s; + animation-duration: .45s; +} +@keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -o-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + filter:alpha(opacity=0); + -webkit-transform: scale3d(.3, .3, .3); + -moz-transform: scale3d(.3, .3, .3); + -o-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + + 100% { + opacity: 1; + filter: alpha(opacity=100); + -webkit-transform: scale3d(1, 1, 1); + -moz-transform: scale3d(1, 1, 1); + -o-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(1.2, 1.2, 1.2); + -moz-transform: scale3d(1.2, 1.2, 1.2); + -o-transform: scale3d(1.2, 1.2, 1.2); + transform: scale3d(1.2, 1.2, 1.2); + } + + 65%, 70% { + opacity: 1; + filter: alpha(opacity=100); + -webkit-transform: scale3d(.75, .75, .75); + -moz-transform: scale3d(.75, .75, .75); + -o-transform: scale3d(.75, .75, .75); + transform: scale3d(.75, .75, .75); + } + + 100% { + opacity: 0; + filter: alpha(opacity=0); + -webkit-transform: scale3d(.3, .3, .3); + -moz-transform: scale3d(.3, .3, .3); + -o-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} \ No newline at end of file Index: ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/css/common.css =================================================================== diff -u --- ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/css/common.css (revision 0) +++ ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/css/common.css (revision 24586) @@ -0,0 +1,159 @@ +*{ + margin:0; + padding:0; +} +.w1004{ + width:1004px; + margin:0 auto; +} +html body{ + overflow: visible; + height:100%; + width:100%; +} + +body{ + font-family:"Microsoft YaHei", Arial, "Helvetica Neue", Helvetica, sans-serif; + color:#333; + background: #fff; + font-size: 14px; + overflow: auto; + +} + +body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, table, td, img, div, tr { + margin:0; padding:0; +} + +li { + list-style-type:none; +} + +img { + border:0 none; +} + +a { + color:#333; + text-decoration:none; + outline: none; +} +/*这句话的意思是链接 a 在获得焦点的同时失去焦点.如果你用的是图片链接什么的,他不会显示周边的虚线.*/ +a {blr:expression_r(this.onFocus=this.blur());} + +a:hover { + color:#b09865; +} + +h1 { font-size:24px; } +h2 { font-size:20px; } +h3 { font-size:18px; } +h4 { font-size:16px; } +h5 { font-size:14px; } +h6 { font-size:12px; } + +.pointer{ + cursor:pointer; +} + +.left{ + float: left; +} + +.right{ + float: right; +} + +.clearfix:before{ + content:""; + display: table; +} + +.clearfix:after{ + content: ""; + display: table; + clear:both; +} +.hidden{ + overflow: hidden; +} +.red{ + color:#f00; +} +.blue{ + color: #0074d9; +} +/*英文不断词换行*/ +textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;} + +.t_l{text-align: left;} +.t_c{text-align: center;} +.t-r{text-align: right;} + +.absolute { position:absolute; } +.relative { position:relative; } + +.none{display: none;} +.block{display:block;} + +.f12 { font-size:12px; } +.f14 { font-size:14px; } +.f16 { font-size:16px; } +.f18 { font-size:18px; } +.f20 { font-size:20px; } +.f24 { font-size:24px; } +/*配置页面常用颜色*/ +.col{ + color:#b09865; +} + +/*垂直居中方式 添加在父级上*/ +.table_cell{ + display: table-cell; + vertical-align:middle; + text-align:center; + *display: block; + *font-size: 175px; + *font-family:Arial; +} +.table_cell>img{ + vertical-align:middle; +} + +/*根据页面配置大多部分按钮的 height 和 color */ +.btn{ + border:0; + display: block; + text-align: center; + line-height: 35px; + height:35px; + cursor:pointer; + color:#fff; + border-radius: 3px; + -webkit-border-radius:3px; + -moz-border-radius:3px; + -o-border-radius:3px; + background: #b09865; +} + +/*配置btn的hover状态*/ +.btn:hover{ + color:; + background:; +} + +.m10{margin-top:10px;} +.m12{margin-top:12px;} +.m15{margin-top:15px;} +.m18{margin-top:18px;} +.m20{margin-top:20px;} +.m25{margin-top:25px;} +.m30{margin-top:30px;} + +.p10{padding-top:10px;} +.p12{padding-top:12px;} +.p15{padding-top:15px;} +.p18{padding-top:18px;} +.p20{padding-top:20px;} +.p25{padding-top:25px;} +.p30{padding-top:30px;} \ No newline at end of file Index: ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/js/alert.js =================================================================== diff -u --- ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/js/alert.js (revision 0) +++ ssts-web/src/main/webapp/dx-disinfectsystem/plugins/jqAlert/js/alert.js (revision 24586) @@ -0,0 +1,344 @@ +/** + + 姓名:冯宇 + site: http://fy.035k.com + 更新时间 :2018-04-02 + 更新内容 :添加actionsheet + QQ : 515184405 + github : https://github.com/515184405/alert 还有一些其他的项目哦,欢迎star + +**/ + +;(function(){ + var zIndex = 1051; + var jqueryAlert = function(opts){ + // 设置默认参数 + var opt = { + 'style' : 'wap', //移动端和PC端 + 'title' : '', //标题 + 'icon' : '', + 'content' : '', //内容 + 'contentTextAlign' : 'center', //内容对齐方式 + 'width' : 'auto', //宽度 + 'height' : 'auto', //高度 + 'minWidth' : '0', //最小宽度 + "className" : '', //添加类名 + 'position' : 'fixed', //定位方式 + 'animateType' : 'scale', + 'modal' : false, //是否存在蒙层 + 'isModalClose' : false, //点击蒙层是否关闭 + 'bodyScroll' : false, //是否关闭body的滚动条 + 'closeTime' : 3000, //当没有按钮时关闭时间 + 'actionsheetCloseText' : '', //当当前样式为actionsheet时,关闭的文字按钮 + "buttons" : {}, //按钮对象 + }; + + // 参数合并 + var option = $.extend({},opt,opts); + + var dialog = { + + }; + + dialog.time = 450;//动画关闭时间 + dialog.init = function(){ + dialog.framework(); + }; + + // 事件处理 + function IsPC() { + var userAgentInfo = navigator.userAgent; + var Agents = ["Android", "iPhone", + "SymbianOS", "Windows Phone", + "iPad", "iPod"]; + var flag = true; + for (var v = 0; v < Agents.length; v++) { + if (userAgentInfo.indexOf(Agents[v]) > 0) { + flag = false; + break; + } + } + return flag; + } + var isHaveTouch = IsPC(); + if(isHaveTouch){ + dialog.event = 'click'; + }else{ + dialog.event = 'touchstart'; + }; + + var $modal = $("
"+ option.actionsheetCloseText +"
"); + + if(!!option.content[0] && (1 == option.content[0].nodeType)){ + var $newContent = option.content.clone(); + $content.append($newContent) + }else{ + $content.html(option.content); + }; + + dialog.framework = function(){ + + dialog.buttons = []; + for(var key in option.buttons){ + dialog.buttons.push(key); + }; + dialog.buttonsLength = dialog.buttons.length; + + option.style == 'actionsheet' ? $container.append($title) : $container.append($title) .append($content); + + if(option.style == 'pc'){ + $container.append($closeBtn).addClass('pcAlert'); + }; + + if(option.style == 'actionsheet'){ + $container.addClass('alert-actionsheet'); + }; + + + if(option.modal || option.modal == 'true'){ + $('body').append($modal); + $modal.fadeIn(dialog.time); + option.bodyScroll && $('body').css('overflow','hidden'); + }; + $('body').append($container); + + // 设置内容的对齐方式 + $content.css({ + 'text-align' : option.contentTextAlign + }); + + if(parseInt(option.minWidth) > parseInt($container.css('width'))){ + option.width = option.minWidth; + }; + + $modal.css('position',option.position); + $modal.css('z-index',zIndex); + + ++zIndex; + + if(option.position == 'fixed'){ + $container.css({ + 'position' : option.position, + 'left' : '50%', + // 'top' : '50%', + 'top' : '2%', + 'z-index' : zIndex, + }); + }; + if(option.position == 'absolute'){ + $container.css({ + 'position' : option.position, + 'left' : $(window).width()/2, + 'top' : $(window).height()/2 + $(window).scrollTop(), + 'z-index' : zIndex, + }); + }; + + $container.css('width',option.width); + $container.css('height',option.height); + + if(option.width == 'auto'){ + $container.css('width',$container[0].clientWidth + 10); + }; + + if(parseInt($(window).height()) <= parseInt($container.css('height'))){ + $container.css('height',$(window).height()); + }; + + // 设置class + (!!option.className) && $container.addClass(option.className); + + // 设置button内容 + var indexs = 0; + for(var key in option.buttons){ + indexs++; + var $button = $(""+ key +"
"); + if(option.style == 'wap'){ + $button.css({ + 'width' : Math.floor(($container[0].clientWidth) / dialog.buttonsLength), + }) + }; + //绑定点击后的事件 + $button.bind(dialog.event,option.buttons[key]); + $buttonBox.append($button); + + }; + + if(dialog.buttonsLength > 0){ + $container.append($buttonBox); + $content.css('padding-bottom','46px'); + //处理IE下滚动条的问题 + if (window.navigator.userAgent.indexOf("MSIE")>=1) { + if($content[0].scrollHeight > $content[0].clientHeight){ + $content.css('height',parseInt($content.css('height')) - 46 ); + } + }; + }; + + if(option.title != ''){ + $content.css('padding-top','42px'); + }; + + if(dialog.buttonsLength <= 0 && option.title == ''){ + $container.addClass('alert-container-black'); + if(!!option.icon){ + var img = new Image(); + img.onload = function(){ + $content.before(img); + } + img.src = option.icon + $(img).css({ + 'width':'45px', + 'height' : 'auto', + 'display':'block', + 'margin' : '10px auto 0 auto' + }) + $content.css({ + 'padding-top' : '5px' + }) + }; + }; + + // 设置定位 + $container.css({ + 'margin-left' : -parseInt($container.css('width'))/2, + 'margin-top' : -parseInt($container.css('height'))/2, + }); + + if( option.style == 'actionsheet' ){ + $container.css({ + 'position' : 'fixed', + 'left' : 0, + 'top' : 'auto', + 'bottom' : '-100%', + 'z-index' : zIndex, + 'margin' : 0, + 'width' : '100%', + 'height' : 'auto', + }); + $container.animate({ + 'bottom' : '0', + },dialog.time); + + }; + + if(option.style != 'actionsheet' && option.animateType == 'scale'){ + $container.addClass('bounceIn'); + }; + + if(option.style != 'actionsheet' && option.animateType == 'linear'){ + $container.addClass('linearTop'); + }; + + if(option.actionsheetCloseText){ + $buttonBox.append($actionsheetCloseBtn); + $(document).delegate('.alert-btn-sheet,.alert-modal','click',function(){ + dialog.close(); + }) + + } + + isSelfClose(); + + }; + + // 判断是否满足自动关闭的条件 + function isSelfClose(){ + if(dialog.buttonsLength <= 0 && option.style == 'wap'){ + setTimeout(function(){ + $container.fadeOut(dialog.time); + $modal.fadeOut(dialog.time); + option.bodyScroll && $('body').css('overflow','auto'); + },option.closeTime) + }; + }; + + dialog.toggleAnimate = function(){ + if(option.style != 'actionsheet'){ + if(option.animateType == 'scale'){ + return $container.removeClass('bounceIn').addClass('bounceOut'); + }else if(option.animateType == 'linear'){ + return $container.removeClass('linearTop').addClass('linearBottom'); + }else{ + return $container; + }; + }else{ + return $container.animate({ + 'bottom' : '-100%', + },dialog.time); + } + }; + + dialog.close = function(){ + dialog.toggleAnimate().fadeOut(dialog.time); + $modal.fadeOut(dialog.time); + option.bodyScroll && $('body').css('overflow','auto'); + }; + + option.style == 'pc' && $closeBtn.bind(dialog.event,dialog.close); + option.isModalClose && $modal.bind(dialog.event,dialog.close); + + dialog.destroy = function(){ + dialog.toggleAnimate().fadeOut(dialog.time); + setTimeout(function(){ + $container.remove(); + $modal.remove(); + option.bodyScroll && $('body').css('overflow','auto'); + },dialog.time) + }; + dialog.show = function(){ + + $modal.css('z-index',zIndex); + + ++zIndex; + + $container.css({ + 'z-index' : zIndex, + }); + if( option.style != 'actionsheet' ){ + if(option.animateType == 'scale'){ + $container.fadeIn(dialog.time).removeClass('bounceOut').addClass('bounceIn'); + }else if(option.animateType == 'linear'){ + $container.fadeIn(dialog.time).removeClass('linearBottom').addClass('linearTop'); + }else{ + $container.fadeIn(dialog.time); + }; + + if(option.position == 'absolute'){ + $container.css({ + 'top' : $(window).height()/2 + $(window).scrollTop(), + }) + }; + }else{ + $container.fadeIn(0).animate({ + 'bottom' : '0', + },dialog.time); + + } + + $modal.fadeIn(dialog.time); + option.bodyScroll && option.modal && $('body').css('overflow','hidden'); + isSelfClose(); + }; + + dialog.init(); + console.log(dialog); + return dialog + + } + if (typeof module !== 'undefined' && typeof exports === 'object') { + module.exports = jqueryAlert; + } else if (typeof define === 'function' && (define.amd || define.cmd)) { + define(function() { return jqueryAlert; }); + } else { + this.jqueryAlert = jqueryAlert; + } +}).call(function() { + return this || (typeof window !== 'undefined' ? window : global); +}()); \ No newline at end of file Index: ssts-web/src/main/webapp/dx-disinfectsystem/pages/disinfectsystem/sterilization/index.jsp =================================================================== diff -u -r24574 -r24586 --- ssts-web/src/main/webapp/dx-disinfectsystem/pages/disinfectsystem/sterilization/index.jsp (.../index.jsp) (revision 24574) +++ ssts-web/src/main/webapp/dx-disinfectsystem/pages/disinfectsystem/sterilization/index.jsp (.../index.jsp) (revision 24586) @@ -12,8 +12,12 @@ + + + + @@ -61,7 +65,7 @@