mirror of
https://github.com/crmeb/CRMEB.git
synced 2025-12-15 13:22:51 +00:00
112 lines
6.8 KiB
PHP
112 lines
6.8 KiB
PHP
<!DOCTYPE html>
|
|
<!--suppress JSAnnotator -->
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<link href="{__PLUG_PATH}layui/css/layui.css" rel="stylesheet">
|
|
<script src="{__PLUG_PATH}jquery-1.10.2.min.js"></script>
|
|
<script src="{__PLUG_PATH}layui/layui.js"></script>
|
|
</head>
|
|
<style>
|
|
.layui-btn + .layui-btn{margin: 0;}
|
|
.main{ margin: 12px 0;}
|
|
.main-top{ border-bottom: 1px solid #e5e5e5; height: 12px; width: 100%; position: fixed; top: 0; background-color: #FFFFFF; z-index: 100; }
|
|
.main .left{max-width:125px; height:100%;width: 115px;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;float: left;}
|
|
.main .left .left-top{position: fixed;padding: 10px 10px 0;height: 35px;border-bottom: 1px solid #e5e5e5; background-color: #eee;}
|
|
.main .left .tabs-left{overflow-y: auto;height: 100%;width:115px;position: fixed;top:58px;border-right: 1px solid #e5e5e5;}
|
|
.main ::-webkit-scrollbar{width: 3px;height: auto;background-color: #ddd;}
|
|
.main ::-webkit-scrollbar-thumb {
|
|
border-radius: 1px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
|
|
background-color: #333;
|
|
}
|
|
.main ::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
border-radius: 1px;
|
|
background: #e5e5e5;
|
|
}
|
|
.main .left .nav{margin:0;padding-bottom: 100px;}
|
|
.main .left .nav li{padding: 4px;height: 22px;}
|
|
.main .left .nav li.active{background-color: #293846;border-left: 2px solid #19AA8D;}
|
|
.main .left .nav li.active a{color: #a7b1c2;}
|
|
.main .left .nav li.child{padding: 2px;padding-left: 7px;}
|
|
.main .right{width: calc(100% - 117px);float: right;}
|
|
.main .right .right-top{position: fixed;background-color: #fff; z-index: 1000;width: 100%;padding: 7px 10px 0;height: 38px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
|
|
.main .right .imagesbox{position: fixed;top:58px;min-height: 200px;height: calc(100% - 88px);;overflow-y: auto;}
|
|
.main .right .imagesbox .image-item{position: relative;display: inline-block; width: 112px;height: 112px; border: 1px solid #ECECEC;background-color: #F7F6F6; cursor: default; margin: 10px 0 0 10px;padding: 5px;}
|
|
.main .right .imagesbox .image-item img{width: 112px;height: 112px;}
|
|
.main .right .imagesbox .on{border: 3px dashed #0092DC;padding: 3px;}
|
|
.main .right .foot-tool{position: fixed;bottom: 0px;width: calc(100% - 117px);background-color:#fff;height: 30px;padding: 7px 10px 0;border-top: 1px solid #e5e5e5;}
|
|
.main .right .foot-tool .page{padding: 0px 10px;float: right;}
|
|
.main .right .foot-tool .page ul{width: 100%}
|
|
.main .right .foot-tool .page li{float: left;margin: 0px;}
|
|
.main .right .foot-tool .page .disabled span{background-color: #e6e6e6!important; color: #bbb!important; cursor: no-drop;padding: 0px 10px; height: 30px; line-height: 30px; display: block;}
|
|
.main .right .foot-tool .page .active span{background-color: #428bca;color: #fff;border-color: #428bca;padding: 0px 10px; height:30px; line-height: 30px; display: block;}
|
|
.main .right .foot-tool .page li a{border: 1px solid #e5e5e5;padding: 0px 10px; height: 28px; line-height: 28px; display: block;}
|
|
</style>
|
|
<body>
|
|
<div class="main">
|
|
<div class="main-top"></div>
|
|
<div class="left">
|
|
<div class="left-top">
|
|
<button class="layui-btn layui-btn-primary layui-btn-xs" id="addcate" title="添加分类"><i class="layui-icon layui-icon-add-circle-fine"></i></button>
|
|
<button class="layui-btn layui-btn-primary layui-btn-xs" id="editcate" title="编辑当前分类"><i class="layui-icon layui-icon-edit"></i></button>
|
|
<button class="layui-btn layui-btn-primary layui-btn-xs" id="deletecate" title="删除当前分类"><i class="layui-icon layui-icon-delete"></i></button>
|
|
</div>
|
|
<div class="tabs-left">
|
|
<ul class="nav nav-tabs">
|
|
<li {if condition="$pid eq 0" } class="active" {/if}><a href="{:Url('index',array('pid'=>0,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">所有分类</a></li>
|
|
{volist name="$typearray" id="vo" key="k"}
|
|
{if condition="$vo.id eq $pid"}
|
|
<li class="active"><a href="{:Url('index',array('pid'=>$vo.id,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">{$vo.name}</a></li>
|
|
{else}
|
|
<li ><a href="{:Url('index',array('pid'=>$vo.id,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">{$vo.name}</a></li>
|
|
{/if}
|
|
{volist name="$vo.child" id="voo" key="kk"}
|
|
<li class="child {if condition="$voo.id eq $pid"} active{/if}">
|
|
<a href="{:Url('index',array('pid'=>$voo.id,'fodder'=>$Request.param.fodder,'big'=>$Request.param.big))}">{if condition="$kk eq count($vo.child)"}└{else/}├{/if}{$voo.name}</a>
|
|
</li>
|
|
{/volist}
|
|
{/volist}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="right-top">
|
|
<button class="layui-btn layui-btn-sm layui-btn-primary" id="moveimg">移动分类</button>
|
|
<button class="layui-btn layui-btn-sm layui-btn-primary" id="deleteimg">删除图片</button>
|
|
</div>
|
|
<div class="imagesbox">
|
|
{volist name="list" id="vo"}
|
|
<div class="image-item">
|
|
<div class="image-delete" data-url="{:Url('delete',array('att_id'=>$vo.att_id))}"></div>
|
|
{if condition="$Request.param.small eq 1"}
|
|
<img class="pic" src="{$vo.satt_dir|ltrim='.'}" id="{$vo.att_id}"/>
|
|
{else/}
|
|
<img class="pic" src="{$vo.att_dir|ltrim='.'}" id="{$vo.att_id}"/>
|
|
{/if}
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
<div class="foot-tool">
|
|
<button class="layui-btn layui-btn-sm" id="upload">上传图片</button>
|
|
<button class="layui-btn layui-btn-normal layui-btn-sm" id="ConfirmChoices">使用选中的图片</button>
|
|
<!-- <button class="layui-btn layui-btn-danger layui-btn-sm" id="close" >关闭</button>-->
|
|
<div class="page">{$page}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script>
|
|
var pid = {$pid+0};//当前图片分类ID
|
|
var parentinputname = '{$Request.param.fodder}';//父级input name
|
|
var uploadurl = "{:Url('upload',array('pid'=>$Request.param.pid))}"; //上传图片地址
|
|
var deleteurl = "{:Url('delete')}";//删除图片地址
|
|
var moveurl = "{:Url('moveimg')}";//移动图片地址
|
|
var addcate = "{:Url('addcate',array('id'=>$pid))}";//添加图片分类地址
|
|
var editcate = "{:Url('editcate',array('id'=>$pid))}";//编辑图片分类地址
|
|
var deletecate = "{:Url('deletecate')}";//删除图片分类地址
|
|
</script>
|
|
<script src="{__MODULE_PATH}widget/images.js"></script>
|
|
|