1、新增跟多的iconfont图标
2、优化附件管理的操作，重命名、选择文件操作更人性化
This commit is contained in:
HDM58\hdm58
parent
1c9ef88269
commit
65575f970b
@ -52,9 +52,10 @@
|
||||
.file-item .attach .subject ul li.on {border: 1px solid #ff5722; }
|
||||
.file-item .attach .subject ul li img { width: 100px; height: 100px; border-radius: 2px; }
|
||||
.file-item .attach .subject ul li video { width: 100px; height: 100px; border-radius: 3px; }
|
||||
.file-item .attach .subject ul li p { overflow: hidden; margin: 5px 0 0; width: 98px; font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.file-item .attach .subject ul li::after {position: absolute; width:22px; height:22px; right: -1px; bottom: -1px; display: none; font-size: 14px; font-family: layui-icon, serif; border-radius:3px 0 3px 0; text-align: center; color: #ffffff; background: #ff5722; content: "\e605"; line-height: 24px; }
|
||||
.file-item .attach .subject ul li.on::after { display: block; }
|
||||
.file-item .attach .subject ul li p {overflow: hidden; margin: 5px 0 0; width: 98px; font-size: 13px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.file-item .attach .subject ul li .file-check{position: absolute; width:22px; height:22px; right: 0; bottom: 0; display: none; font-size: 14px; border-radius:4px 0 2px 0; text-align: center; line-height: 22px; color: #ffffff; background-color:#fff; border-left:1px solid #ccc; border-top:1px solid #ccc; cursor:pointer;}
|
||||
.file-item .attach .subject ul li:hover .file-check{display: block;}
|
||||
.file-item .attach .subject ul li.on .file-check{ display: block; background: #ff5722; border-color:#ff5722}
|
||||
.file-item .attach .subject ul li .layui-btn-group{position:absolute; top:3px; right:3px; display:none;}
|
||||
.file-item .attach .subject ul li:hover .layui-btn-group{display:block}
|
||||
|
||||
@ -137,7 +138,8 @@
|
||||
<script>
|
||||
const moduleInit = ['tool'];
|
||||
function gouguInit() {
|
||||
var table = layui.table, tool = layui.tool ,form = layui.form,laypage = layui.laypage,upload = layui.upload, element=layui.element, dropdown=layui.dropdown ;
|
||||
var table = layui.table, tool = layui.tool ,form = layui.form,laypage = layui.laypage,upload = layui.upload, element=layui.element, dropdown=layui.dropdown;
|
||||
let fileGroup = [{id:0,title:'未分组'}];
|
||||
element.on('tab(tab)', function(data){
|
||||
$('[name="tab"]').val(data.index);
|
||||
$('[lay-filter="webform"]').click();
|
||||
@ -203,6 +205,35 @@
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('#fileMove').on('click',function(){
|
||||
let that = this;
|
||||
dropdown.render({
|
||||
elem: that,
|
||||
align: 'right',
|
||||
show: true, // 外部事件触发即显示
|
||||
data: fileGroup,
|
||||
click: function(obj){
|
||||
let select_array = [];
|
||||
$('#filesBox').find('li.on').each(function(index,item){
|
||||
select_array.push($(item).data('id'));
|
||||
})
|
||||
if(select_array.length<1){
|
||||
layer.msg('请先选择文件');
|
||||
}
|
||||
else{
|
||||
layer.confirm('确定要把选中的文件移动到『'+obj.title+'』分组吗？', { icon: 3, title: '提示' }, function (index) {
|
||||
let callback = function (e) {
|
||||
layer.closeAll();
|
||||
layer.msg(e.msg);
|
||||
$('[lay-filter="webform"]').click();
|
||||
}
|
||||
tool.delete("/home/files/move", {group_id:obj.id,ids:select_array.join(',')}, callback);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
function add_group(id,val){
|
||||
var title = '新增分组';
|
||||
@ -255,6 +286,7 @@
|
||||
item+='<li data-id="'+group[a].id+'" data-title="'+group[a].title+'"><i class="iconfont icon-sucaiziyuan"></i><span>'+group[a].title+'</span><i class="layui-icon layui-icon-more-vertical dropdown-on"></i></li>';
|
||||
}
|
||||
$('#group').append(item);
|
||||
fileGroup = fileGroup.concat(group);
|
||||
// 自定义事件
|
||||
dropdown.render({
|
||||
elem: '.dropdown-on',
|
||||
@ -277,31 +309,6 @@
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
group.push({id:0,title:'未分组'});
|
||||
dropdown.render({
|
||||
elem: '#fileMove',
|
||||
data: group,
|
||||
click: function(obj){
|
||||
let select_array = [];
|
||||
$('#filesBox').find('li.on').each(function(index,item){
|
||||
select_array.push($(item).data('id'));
|
||||
})
|
||||
if(select_array.length<1){
|
||||
layer.msg('请先选择文件');
|
||||
}
|
||||
else{
|
||||
layer.confirm('确定要把选中的文件移动到『'+obj.title+'』分组吗？', { icon: 3, title: '提示' }, function (index) {
|
||||
let callback = function (e) {
|
||||
layer.closeAll();
|
||||
layer.msg(e.msg);
|
||||
$('[lay-filter="webform"]').click();
|
||||
}
|
||||
tool.delete("/home/files/move", {group_id:obj.id,ids:select_array.join(',')}, callback);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -372,7 +379,7 @@
|
||||
if(item[a].fileext == 'pdf'){
|
||||
down = '<span data-href="'+item[a].filepath+'" class="layui-btn layui-btn-xs layui-btn-normal file-view-pdf">预览</span>';
|
||||
}
|
||||
li+='<li data-id="'+item[a].id+'" data-title="'+item[a].name+'" data-ext="'+item[a].fileext+'"><img src="'+path+'" alt="'+item[a].filename+'" style="object-fit: contain;" class="file-item"><p title="'+item[a].name+'">'+item[a].name+'</p><div class="layui-btn-group"><span class="layui-btn layui-btn-xs file-edit">重命名</span>'+down+'<span class="layui-btn layui-btn-xs layui-btn-danger file-del">删除</span></div></li>';
|
||||
li+='<li data-id="'+item[a].id+'" data-title="'+item[a].name+'" data-ext="'+item[a].fileext+'"><img src="'+path+'" alt="'+item[a].filename+'" style="object-fit: contain;" class="file-item"><p title="'+item[a].name+'">'+item[a].name+'</p><div class="layui-btn-group"><span class="layui-btn layui-btn-xs file-edit">重命名</span>'+down+'<span class="layui-btn layui-btn-xs layui-btn-danger file-del">删除</span></div><div class="file-check">✔</div></li>';
|
||||
}
|
||||
$('#filesBox').html(li);
|
||||
$('#laypage').show();
|
||||
@ -386,7 +393,7 @@
|
||||
});
|
||||
}
|
||||
|
||||
$('#filesBox').on('click','.file-item',function(){
|
||||
$('#filesBox').on('click','.file-check',function(){
|
||||
$(this).parent().toggleClass("on");
|
||||
})
|
||||
|
||||
@ -408,7 +415,7 @@
|
||||
let ext = $(this).parent().parent().data('ext');
|
||||
layer.prompt({
|
||||
title: '重命名',
|
||||
value: title,
|
||||
value: title.replace(/\.[^.]+$/, ""),
|
||||
yes: function(index, layero) {
|
||||
// 获取文本框输入的值
|
||||
var value = layero.find(".layui-layer-input").val();
|
||||
|
||||
@ -15,7 +15,7 @@ if (empty(file_exists(__DIR__ . '/../vendor/autoload.php'))) {
|
||||
require __DIR__ . '/../vendor/autoload.php';
|
||||
|
||||
// 定义当前版本号
|
||||
define('CMS_VERSION','4.93.11');
|
||||
define('CMS_VERSION','4.95.12');
|
||||
|
||||
// 定义Layui版本号
|
||||
define('LAYUI_VERSION','2.9.0');
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 2936988 */
|
||||
src: url('iconfont.woff2?t=1669020572664') format('woff2'),
|
||||
url('iconfont.woff?t=1669020572664') format('woff'),
|
||||
url('iconfont.ttf?t=1669020572664') format('truetype'),
|
||||
url('iconfont.svg?t=1669020572664#iconfont') format('svg');
|
||||
src: url('iconfont.woff2?t=1701747381700') format('woff2'),
|
||||
url('iconfont.woff?t=1701747381700') format('woff'),
|
||||
url('iconfont.ttf?t=1701747381700') format('truetype'),
|
||||
url('iconfont.svg?t=1701747381700#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
@ -14,6 +14,22 @@
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-gengduo1:before {
|
||||
content: "\e624";
|
||||
}
|
||||
|
||||
.icon-gengduo3:before {
|
||||
content: "\e608";
|
||||
}
|
||||
|
||||
.icon-gengduo:before {
|
||||
content: "\e638";
|
||||
}
|
||||
|
||||
.icon-kaoshimoshi-:before {
|
||||
content: "\e639";
|
||||
}
|
||||
|
||||
.icon-daochu:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -5,6 +5,34 @@
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "24056343",
|
||||
"name": "更多",
|
||||
"font_class": "gengduo1",
|
||||
"unicode": "e624",
|
||||
"unicode_decimal": 58916
|
||||
},
|
||||
{
|
||||
"icon_id": "31461117",
|
||||
"name": "更多",
|
||||
"font_class": "gengduo3",
|
||||
"unicode": "e608",
|
||||
"unicode_decimal": 58888
|
||||
},
|
||||
{
|
||||
"icon_id": "10157356",
|
||||
"name": "更多",
|
||||
"font_class": "gengduo",
|
||||
"unicode": "e638",
|
||||
"unicode_decimal": 58936
|
||||
},
|
||||
{
|
||||
"icon_id": "12557244",
|
||||
"name": "考试模式",
|
||||
"font_class": "kaoshimoshi-",
|
||||
"unicode": "e639",
|
||||
"unicode_decimal": 58937
|
||||
},
|
||||
{
|
||||
"icon_id": "11833364",
|
||||
"name": "导出",
|
||||
|
||||
@ -14,6 +14,14 @@
|
||||
/>
|
||||
<missing-glyph />
|
||||
|
||||
<glyph glyph-name="gengduo1" unicode="" d="M508.56 831.99l2.97 0.01c76.97 0.35 136.74 0.63 184.48-3.48 48.45-4.17 87.39-13.02 121.81-32.68a280.425 280.425 0 0 0 103.11-102.16c19.98-34.25 29.19-73.1 33.8-121.51 4.55-47.7 4.82-107.47 5.17-184.44l0.01-2.96c0.35-76.98 0.63-136.74-3.48-184.49-4.17-48.45-13.02-87.39-32.68-121.81a280.5 280.5 0 0 0-102.16-103.11c-34.24-19.98-73.1-29.19-121.51-33.8-47.7-4.54-107.47-4.82-184.44-5.17l-2.96-0.01c-76.98-0.35-136.74-0.63-184.48 3.48-48.45 4.17-87.39 13.02-121.82 32.68A280.5 280.5 0 0 0 103.27 74.7c-19.98 34.25-29.19 73.1-33.8 121.51-4.54 47.7-4.82 107.47-5.17 184.44l-0.01 2.97c-0.35 76.97-0.63 136.74 3.48 184.48 4.17 48.45 13.02 87.39 32.68 121.81a280.5 280.5 0 0 0 102.16 103.11c34.25 19.98 73.1 29.19 121.51 33.8 47.7 4.54 107.47 4.81 184.44 5.17z m-178.88-63.5c-44.35-4.22-73.67-12.15-97.54-26.08a221.845 221.845 0 0 1-80.82-81.56c-13.71-24-21.37-53.39-25.18-97.77-3.85-44.79-3.62-101.91-3.26-180.67 0.36-78.77 0.65-135.89 4.91-180.64 4.22-44.35 12.15-73.67 26.08-97.54a221.845 221.845 0 0 1 81.56-80.82c24-13.71 53.39-21.37 97.77-25.18 44.79-3.85 101.91-3.62 180.67-3.26 78.77 0.36 135.89 0.65 180.64 4.91 44.35 4.23 73.67 12.15 97.54 26.08a221.845 221.845 0 0 1 80.82 81.56c13.71 24 21.37 53.39 25.18 97.77 3.85 44.79 3.62 101.91 3.26 180.67-0.36 78.77-0.65 135.89-4.92 180.64-4.22 44.35-12.15 73.67-26.08 97.54a221.845 221.845 0 0 1-81.56 80.82c-23.99 13.71-53.39 21.37-97.77 25.18-44.79 3.85-101.91 3.62-180.68 3.26-78.75-0.36-135.87-0.65-180.62-4.91zM372.59 383.54c0.12-25.68-20.6-46.6-46.29-46.72-25.68-0.12-46.6 20.61-46.72 46.29-0.12 25.68 20.61 46.6 46.29 46.72 25.69 0.12 46.61-20.61 46.72-46.29zM558.6 384.4c0.12-25.68-20.61-46.6-46.29-46.72-25.68-0.12-46.6 20.6-46.71 46.29-0.12 25.68 20.6 46.6 46.29 46.71 25.68 0.12 46.59-20.6 46.71-46.28zM744.61 385.25c0.12-25.68-20.61-46.6-46.29-46.72-25.68-0.12-46.6 20.61-46.72 46.29-0.12 25.68 20.61 46.6 46.29 46.71 25.68 0.13 46.6-20.6 46.72-46.28z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="gengduo3" unicode="" d="M263.333647 378.759529m-57.750588 0a57.750588 57.750588 0 1 1 115.501176 0 57.750588 57.750588 0 1 1-115.501176 0ZM519.077647 378.759529m-57.750588 0a57.750588 57.750588 0 1 1 115.501176 0 57.750588 57.750588 0 1 1-115.501176 0ZM774.806588 378.759529m-57.750588 0a57.750588 57.750588 0 1 1 115.501176 0 57.750588 57.750588 0 1 1-115.501176 0ZM754.703059-57.645176H277.413647c-142.185412 0-257.867294 115.681882-257.867294 257.882352V557.296941c0 142.185412 115.681882 257.867294 257.867294 257.867294h477.289412c137.667765 0 250.804706-107.625412 257.551059-245.037176 0.903529-18.401882-13.281882-34.048-31.683765-34.95153-18.401882-0.903529-34.048 13.281882-34.951529 31.683765-4.999529 101.827765-88.862118 181.594353-190.915765 181.594353H277.413647c-105.411765 0-191.156706-85.76-191.156706-191.156706v-357.074823c0-105.411765 85.76-191.156706 191.156706-191.156706h477.289412c105.411765 0 191.156706 85.76 191.156706 191.156706V391.725176c0 18.416941 14.938353 33.355294 33.355294 33.355295s33.355294-14.938353 33.355294-33.355295v-191.503058c0-142.185412-115.681882-257.867294-257.867294-257.867294z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="gengduo" unicode="" d="M284.444444 327.111111c-31.288889 0-56.888889 25.6-56.888888 56.888889s25.6 56.888889 56.888888 56.888889 56.888889-25.6 56.888889-56.888889-25.6-56.888889-56.888889-56.888889z m227.555556 0c-31.288889 0-56.888889 25.6-56.888889 56.888889s25.6 56.888889 56.888889 56.888889 56.888889-25.6 56.888889-56.888889-25.6-56.888889-56.888889-56.888889z m227.555556 0c-31.288889 0-56.888889 25.6-56.888889 56.888889s25.6 56.888889 56.888889 56.888889 56.888889-25.6 56.888888-56.888889-25.6-56.888889-56.888888-56.888889zM512 896C230.4 896 0 665.6 0 384s230.4-512 512-512 512 230.4 512 512S793.6 896 512 896z m0-967.111111C261.688889-71.111111 56.888889 133.688889 56.888889 384S261.688889 839.111111 512 839.111111s455.111111-204.8 455.111111-455.111111-204.8-455.111111-455.111111-455.111111z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="kaoshimoshi-" unicode="" d="M364 413.6c-107.8 0-195.4 87.7-195.4 195.4S256.2 804.5 364 804.5c107.8 0 195.4-87.7 195.4-195.4S471.7 413.6 364 413.6z m0 350.9c-85.7 0-155.4-69.7-155.4-155.4S278.3 453.6 364 453.6 519.4 523.3 519.4 609 449.7 764.5 364 764.5zM482.8-29.2c-8.9 0-17.7 1.1-26.3 3.2l-275.7 67.5c-5.5 1.3-10.2 5-12.9 10-2.7 5-3.1 10.9-1.2 16.2l47 131.3c3.6 10 14.3 15.4 24.5 12.4l147.7-43.6V308c0 23.2 10.5 44.8 29.7 60.9 18.1 15.2 42 23.5 67.2 23.5 25.2 0 49.1-8.4 67.2-23.5 19.1-16 29.7-37.6 29.7-60.9 0-0.6 0.1-66-0.2-131.7-0.7-136.2-2.4-141.1-4-145.8-6.3-18-18.9-33.3-36.4-44.2-16.6-10.1-36.1-15.5-56.3-15.5zM211.9 75L466 12.8c5.5-1.3 11.1-2 16.8-2 24.9 0 47 12.9 54.3 31.6 2.1 19.9 2.7 172.3 2.5 265.7 0 24.5-25.5 44.4-56.8 44.4S426 332.6 426 308.1v-167c0-6.3-3-12.2-8-16-5.1-3.8-11.6-4.9-17.6-3.2L245 167.6 211.9 75zM69.5 25c-2.5 0-5 0.5-7.4 1.4-10.3 4.1-15.2 15.7-11.1 26l83.5 208.9c4.1 10.3 15.7 15.2 26 11.1s15.2-15.7 11.1-26L88.1 37.6C85 29.7 77.4 25 69.5 25zM247.9-25H39c-11 0-20 9-20 20s9 20 20 20h208.9c11 0 20-9 20-20s-8.9-20-20-20zM656.5 20.8c-11 0-20 9-20 20s9 20 20 20c174.8 0 317.1 142.2 317.1 317.1 0 174.8-142.2 317.1-317.1 317.1-11 0-20 9-20 20s9 20 20 20c48.2 0 95-9.4 139-28.1 42.5-18 80.7-43.7 113.5-76.5s58.5-71 76.5-113.5c18.6-44 28.1-90.8 28.1-139s-9.4-95-28.1-139c-18-42.5-43.7-80.7-76.5-113.5s-71-58.5-113.5-76.5c-44-18.7-90.8-28.1-139-28.1zM857.9 331h-174c-11 0-20 9-20 20V595c0 11 9 20 20 20s20-9 20-20v-224h154c11 0 20-9 20-20s-8.9-20-20-20z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="daochu" unicode="" d="M909.5 224.6h-625c-17.7 0-32 14.3-32 32s14.3 32 32 32h625c17.7 0 32-14.3 32-32s-14.3-32-32-32zM904.8 233.3c-8.2 0-16.4 3.1-22.6 9.4l-225 225c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l225-225c12.5-12.5 12.5-32.8 0-45.3-6.3-6.3-14.5-9.4-22.7-9.4zM679.5-9.2c-8.2 0-16.4 3.1-22.6 9.4-12.5 12.5-12.5 32.8 0 45.3l225 225c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-225-225c-6.3-6.3-14.5-9.4-22.7-9.4zM448.2-62.3H229.7c-89.3 0-162 72.7-162 162V667.8c0 89.3 72.7 162 162 162h568.1c89.3 0 162-72.7 162-162v-208.1c0-17.7-14.3-32-32-32s-32 14.3-32 32V667.8c0 54-44 98-98 98H229.7c-54 0-98-44-98-98v-568.1c0-54 44-98 98-98h218.5c17.7 0 32-14.3 32-32s-14.3-32-32-32z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="daoru" unicode="" d="M926.4 258.29999999999995H299c-17.7 0-32 14.3-32 32s14.3 32 32 32h627.4c17.7 0 32-14.3 32-32s-14.3-32-32-32zM529.6 23.799999999999955c-8.2 0-16.4 3.1-22.6 9.4L281.2 259c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l225.8-225.8c12.5-12.5 12.5-32.8 0-45.3-6.3-6.3-14.5-9.4-22.7-9.4zM304.1 267.20000000000005c-8.2 0-16.4 3.1-22.6 9.4-12.5 12.5-12.5 32.8 0 45.3l225.8 225.8c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L326.7 276.6c-6.2-6.3-14.4-9.4-22.6-9.4zM447.6-62.299999999999955H229.1c-89.3 0-162 72.7-162 162V667.8c0 89.3 72.7 162 162 162h568.1c89.3 0 162-72.7 162-162v-208.1c0-17.7-14.3-32-32-32s-32 14.3-32 32V667.8c0 54-44 98-98 98H229.1c-54 0-98-44-98-98v-568.1c0-54 44-98 98-98h218.5c17.7 0 32-14.3 32-32s-14.3-32-32-32z" horiz-adv-x="1024" />
|
||||
|
||||
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 265 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -32,7 +32,41 @@
|
||||
<div class="tab-container">
|
||||
<div class="font-class">
|
||||
<ul class="icon_lists dib-box">
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-gengduo1"></span>
|
||||
<div class="name">
|
||||
更多
|
||||
</div>
|
||||
<div class="code-name">icon-gengduo1
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-gengduo3"></span>
|
||||
<div class="name">
|
||||
更多
|
||||
</div>
|
||||
<div class="code-name">icon-gengduo3
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-gengduo"></span>
|
||||
<div class="name">
|
||||
更多
|
||||
</div>
|
||||
<div class="code-name">icon-gengduo
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-kaoshimoshi-"></span>
|
||||
<div class="name">
|
||||
考试模式
|
||||
</div>
|
||||
<div class="code-name">icon-kaoshimoshi-
|
||||
</div>
|
||||
</li>
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-daochu"></span>
|
||||
<div class="name">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user