Compare commits

...

2 Commits

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

@ -0,0 +1,498 @@
/*!
* ____ __ ______ __________ _ _____________ ____________
* / __ \/ / / / __ \/_ __/ __ \ | / / _/ ____/ | / / ____/ __ \
* / /_/ / /_/ / / / / / / / / / / | / // // __/ | | /| / / __/ / /_/ /
* / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/
* /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_|
*
* photoviewer - v3.7.1
* A JS plugin to view images just like in Windows.
* https://nzbin.github.io/photoviewer/
*
* Copyright (c) 2018 nzbin
* Released under MIT License
*/
.photoviewer-modal {
position: absolute;
z-index: 1090;
width: 320px;
height: 320px;
overflow: visible !important;
color: #333;
cursor: default;
background-color: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(0, 0, 0, 0.64);
border-radius: 6px;
outline: none;
box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.32);
}
.photoviewer-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.photoviewer-maximized {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
}
.photoviewer-maximized.photoviewer-modal {
border-width: 0;
border-radius: 0;
}
.photoviewer-maximized .photoviewer-header {
border-radius: 0;
}
.photoviewer-maximized .photoviewer-resizable-handle {
display: none;
}
.photoviewer-toolbar {
font-size: 0;
}
.photoviewer-button {
display: inline-block;
min-width: 40px;
height: 40px;
box-sizing: border-box;
margin: 0;
font-size: 16px;
line-height: 1;
text-align: center;
background: none;
border-width: 0;
border-radius: 0;
color: inherit;
cursor: pointer;
outline: none;
}
.photoviewer-button:hover {
color: #111;
}
.photoviewer-button:focus {
background-color: rgba(0, 0, 0, 0.08);
}
.photoviewer-button svg {
display: inline-block;
font-size: inherit;
width: 1em;
height: 1em;
overflow: visible;
vertical-align: -0.125em;
}
.photoviewer-header {
position: relative;
z-index: 2;
height: 30px;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.photoviewer-header .photoviewer-toolbar {
float: right;
}
[dir=rtl] .photoviewer-header .photoviewer-toolbar {
float: left;
}
.photoviewer-header .photoviewer-button {
height: 30px;
}
.photoviewer-header .photoviewer-button:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.photoviewer-header .photoviewer-button-close:hover {
color: #fff;
background-color: #ff4545;
}
.photoviewer-title {
padding: 8px 10px;
font-size: 14px;
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
}
.photoviewer-stage {
position: absolute;
top: 30px;
right: 0;
bottom: 40px;
left: 0;
z-index: 1;
border-top: 1px solid rgba(0, 0, 0, 0.64);
border-bottom: 1px solid rgba(0, 0, 0, 0.64);
background-color: #fff;
overflow: hidden;
}
.photoviewer-stage.stage-ready {
text-align: center;
font-size: 0;
}
.photoviewer-stage.stage-ready::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
overflow: hidden;
}
.photoviewer-image {
position: absolute;
display: inline-block;
min-width: auto;
max-width: none;
}
.photoviewer-image.image-ready {
position: static;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.photoviewer-footer {
position: absolute;
bottom: 0;
z-index: 2;
width: 100%;
height: 40px;
text-align: center;
}
.photoviewer-footer .photoviewer-toolbar {
display: inline-block;
}
[dir=rtl] .photoviewer-button-prev,
[dir=rtl] .photoviewer-button-next {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.photoviewer-resizable-handle {
position: absolute;
z-index: 10;
}
.photoviewer-resizable-handle-e {
top: 0;
right: -5px;
bottom: 0;
left: auto;
width: 10px;
cursor: e-resize;
}
.photoviewer-resizable-handle-s {
top: auto;
right: 0;
bottom: -5px;
left: 0;
height: 10px;
cursor: s-resize;
}
.photoviewer-resizable-handle-w {
top: 0;
right: auto;
bottom: 0;
left: -5px;
width: 10px;
cursor: w-resize;
}
.photoviewer-resizable-handle-n {
top: -5px;
right: 0;
bottom: auto;
left: 0;
height: 10px;
cursor: n-resize;
}
.photoviewer-resizable-handle-se {
top: auto;
right: -5px;
bottom: -5px;
left: auto;
width: 10px;
height: 10px;
cursor: se-resize;
}
.photoviewer-resizable-handle-sw {
top: auto;
right: auto;
bottom: -5px;
left: -5px;
width: 10px;
height: 10px;
cursor: sw-resize;
}
.photoviewer-resizable-handle-nw {
top: -5px;
right: auto;
bottom: auto;
left: -5px;
width: 10px;
height: 10px;
cursor: nw-resize;
}
.photoviewer-resizable-handle-ne {
top: -5px;
right: -5px;
bottom: auto;
left: auto;
width: 10px;
height: 10px;
cursor: ne-resize;
}
:-webkit-full-screen {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent;
border-width: 0;
border-radius: 0;
}
:-webkit-full-screen .photoviewer-header,
:-webkit-full-screen .photoviewer-footer,
:-webkit-full-screen .photoviewer-resizable-handle {
display: none;
}
:-webkit-full-screen .photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-width: 0;
background-color: black;
}
:-moz-full-screen {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent;
border-width: 0;
border-radius: 0;
}
:-moz-full-screen .photoviewer-header,
:-moz-full-screen .photoviewer-footer,
:-moz-full-screen .photoviewer-resizable-handle {
display: none;
}
:-moz-full-screen .photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-width: 0;
background-color: black;
}
:-ms-fullscreen {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent;
border-width: 0;
border-radius: 0;
}
:-ms-fullscreen .photoviewer-header,
:-ms-fullscreen .photoviewer-footer,
:-ms-fullscreen .photoviewer-resizable-handle {
display: none;
}
:-ms-fullscreen .photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-width: 0;
background-color: black;
}
:full-screen {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent;
border-width: 0;
border-radius: 0;
}
:full-screen .photoviewer-header,
:full-screen .photoviewer-footer,
:full-screen .photoviewer-resizable-handle {
display: none;
}
:full-screen .photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-width: 0;
background-color: black;
}
:-webkit-full-screen {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent;
border-width: 0;
border-radius: 0;
}
:-ms-fullscreen {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent;
border-width: 0;
border-radius: 0;
}
:fullscreen {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background-color: transparent;
border-width: 0;
border-radius: 0;
}
:-webkit-full-screen .photoviewer-header, :-webkit-full-screen .photoviewer-footer, :-webkit-full-screen .photoviewer-resizable-handle {
display: none;
}
:-ms-fullscreen .photoviewer-header, :-ms-fullscreen .photoviewer-footer, :-ms-fullscreen .photoviewer-resizable-handle {
display: none;
}
:fullscreen .photoviewer-header,
:fullscreen .photoviewer-footer,
:fullscreen .photoviewer-resizable-handle {
display: none;
}
:-webkit-full-screen .photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-width: 0;
background-color: black;
}
:-ms-fullscreen .photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-width: 0;
background-color: black;
}
:fullscreen .photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-width: 0;
background-color: black;
}
::backdrop {
background-color: black;
}
::-ms-backdrop {
background-color: black;
}
.is-grab {
cursor: move;
cursor: grab;
}
.is-grabbing {
cursor: move;
cursor: grabbing;
}
.photoviewer-loader {
position: absolute;
top: 30px;
left: 0;
right: 0;
bottom: 40px;
z-index: 2;
text-align: center;
color: #333;
}
.photoviewer-loader::before {
content: "";
position: relative;
display: inline-block;
width: 36px;
height: 36px;
box-sizing: border-box;
border-width: 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5);
border-radius: 100%;
vertical-align: middle;
animation: photoviewerLoading 1s infinite linear;
}
.photoviewer-loader::after {
content: "";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
overflow: hidden;
}
@keyframes photoviewerLoading {
0% {
transform: rotateZ(0deg) translate3d(0, 0, 0);
}
100% {
transform: rotateZ(360deg) translate3d(0, 0, 0);
}
}
/*# sourceMappingURL=photoviewer.css.map */

@ -0,0 +1 @@
{"version":3,"sources":["<no source>","../src/sass/_general.scss","photoviewer.css","../src/sass/_resizable.scss","../src/sass/_fullscreen.scss","../src/sass/_helpers.scss","../src/sass/_loader.scss"],"names":[],"mappings":"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","file":"photoviewer.css"}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

@ -0,0 +1 @@
{"version":3,"sources":["<no source>","../src/sass/_general.scss","../src/sass/_resizable.scss","../src/sass/_fullscreen.scss","../src/sass/_helpers.scss","../src/sass/_loader.scss"],"names":[],"mappings":"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","file":"photoviewer.min.css"}

File diff suppressed because one or more lines are too long

@ -87,6 +87,7 @@
cols: cols,
skin: 'line',
toolbar: '#task-toolbar',
page: true,
defaultToolbar: []
});
}

@ -5,6 +5,26 @@
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" />
<link rel="stylesheet" href="../component/other/css/photoviewer.min.css" />
<style>
.photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .85);
border: none;
}
.photoviewer-button {
color: #ccc;
pointer-events: auto;
}
</style>
</head>
<body class="layui-form">
@ -32,6 +52,7 @@
</div>
<script type="text/html" id="tableOperate">
<button class="pear-btn pear-btn-warming pear-btn-sm" lay-event="view" title="查看户口本照片"><i class="icon pear-icon pear-icon-picture"></i>
@ -45,6 +66,7 @@
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script src="../component/other/js/photoviewer.min.js"></script>
<script>
layui.use(['table', 'laytpl', 'form', 'jquery', 'common'], function () {
@ -92,18 +114,18 @@
function tableRender() {
table.render({
elem: '#task-table',
url: '/FengHuang/yp/getTaskInfo?task_id=' + taskId + '&bx_id=' + $("#bxSelect").val() + '&page=1&limit=10',
url: '/FengHuang/yp/getTaskInfo?task_id=' + taskId + '&bx_id=' + $("#bxSelect").val(),
where: {
keyword: $("#templateName").val()
},
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
cols: cols,
skin: 'line',
page: true,
defaultToolbar: []
});
}
@ -114,17 +136,26 @@
table.on('tool(task-table)', function (data) {
if (data.event === 'view') {
// window.open('/FengHuang/' + data.data.pic);
layer.photos({
photos: {
"data": [
{
"src": "/FengHuang/" + data.data.pic
}
]
}
});
var items = [{ src: "/FengHuang/" + data.data.pic }],
options = {
index: 0,
resizable: false,
title: false,
initMaximized: true,
headerToolbar: ['close'],
footerToolbar: [
'rotateLeft',
'rotateRight'
],
i18n: {
close: '关闭',
rotateLeft: '向左旋转',
rotateRight: '向右旋转'
}
};
new PhotoViewer(items, options);
} else if (data.event === 'remove') {
layer.confirm('确定要删除吗?', {
icon: 3,

@ -1,56 +1,95 @@
<!DOCTYPE html>
<html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>示例演示</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 注意:项目正式环境请勿引用该地址 -->
<link href="//unpkg.com/layui@2.7.6/dist/css/layui.css" rel="stylesheet">
<title>PhotoViewer Examples</title>
<!-- Bootstrap -->
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="./js/photoviewer.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .85);
border: none;
}
.photoviewer-header .photoviewer-toolbar {
background-color: rgba(0, 0, 0, .5);
}
.photoviewer-footer {
bottom: 10px;
}
.photoviewer-footer .photoviewer-toolbar {
background-color: rgba(0, 0, 0, .5);
border-radius: 5px;
}
.photoviewer-header,
.photoviewer-footer {
pointer-events: none;
}
.photoviewer-title {
color: #ccc;
}
.photoviewer-button {
color: #ccc;
pointer-events: auto;
}
.photoviewer-footer .photoviewer-button:hover {
color: white;
}
</style>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>综合演示</legend>
</fieldset>
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">复选框</label>
<div class="layui-input-block">
<input type="checkbox" name="like[write]" title="写作1">
<input type="checkbox" name="like[read]" title="阅读" checked="">
<input type="checkbox" name="like[game]" title="游戏">
</div>
<body dir="ltr">
<div class="container">
<input type="button" id="test" value="aaaa" />
</div>
</form>
<!-- 注意:项目正式环境请勿引用该地址 -->
<script src="../component/layui/layui2.7.6.js"></script>
<script>
layui.use(['form', 'util', 'laydate'], function(){
var form = layui.form;
var layer = layui.layer;
var util = layui.util;
var laydate = layui.laydate;
});
</script>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="./js/photoviewer.js"></script>
<script>
$(function () {
$("#test").click(function () {
var items = [{ src: "http://yp.edusoa.com/FengHuang//upload/7417e3cf-1b80-4e37-a42d-684b40b29247.jpg" }],
options = {
index: 0,
resizable: false,
title: false,
initMaximized: true,
headerToolbar: ['close'],
footerToolbar: [
'rotateLeft',
'rotateRight'
],
};
new PhotoViewer(items, options);
});
});
</script>
</body>
</html>
Loading…
Cancel
Save