mirror of
https://github.com/tznb1/TwoNav.git
synced 2025-08-10 08:51:49 +00:00
267 lines
10 KiB
JavaScript
267 lines
10 KiB
JavaScript
var blank_img = 'data:image/bmp;base64,Qk1CAAAAAAAAAD4AAAAoAAAAAQAAAAEAAAABAAEAAAAAAAQAAADEDgAAxA4AAAAAAAAAAAAAAAAAAP///wCAAAAA';
|
|
var bak_link_id = 0;
|
|
var page_sid = '';
|
|
var link_id = '';
|
|
var load_index;
|
|
var module = _GET('source') === 'tpl' ? ['form', 'upload'] : ['form', 'upload', 'miniTab'];
|
|
layui.use(module, function () {
|
|
var $ = layui.jquery;
|
|
var form = layui.form;
|
|
var upload = layui.upload;
|
|
var edit_mode = _GET('page') == 'link_edit'; //是否编辑模式
|
|
//独立页面
|
|
if(top.location == self.location){
|
|
$(".layuimini-container").addClass("layui-col-lg6 layui-col-md-offset3");
|
|
}
|
|
//初始变量
|
|
if(edit_mode){
|
|
link_id = form_data.lid;
|
|
}else{
|
|
page_sid = randomString(8);
|
|
}
|
|
|
|
//添加链接
|
|
form.on('submit(add_link)', function(data){
|
|
data.field.file = page_sid; //传递sid,用于上传图标时保存图标
|
|
$.post(get_api('write_link','add'),data.field,function(data,status){
|
|
if(data.code == 1) {
|
|
//将服务端返回的图标填入页面
|
|
if(data.path != '' ){$("#iconurl").val(data.path);}
|
|
//如果勾选连续添加
|
|
if($("#continuity").is(":checked")){
|
|
form.val('form',{'url':'','title':'','description':'','icon':'','keywords':''});
|
|
$('form input[name^="_"]').val(''); //扩展字段清空
|
|
$('#icon_img').attr('src', blank_img);//清除缩略图
|
|
layer.msg('添加成功', {icon: 1});
|
|
$("#url").focus();//URL获取输入焦点
|
|
if(_GET('source')=='link_list'){
|
|
parent.layui.table.reload('table');//刷新父页面的表格
|
|
}
|
|
return false;
|
|
}
|
|
layer.msg('添加成功！', {icon: 1,time: 700,
|
|
end: function() {
|
|
if(_GET('source') == 'tpl'){ //第三方调用时刷新父页面
|
|
parent.location.reload();
|
|
}else if(_GET('source')=='link_list'){ // 链接列表调用
|
|
parent.layui.table.reload('table');//刷新父页面的表格
|
|
$('#close').click();//关闭子页面
|
|
}else{
|
|
if($("#continuity").is(":checked")){
|
|
location.reload();
|
|
}else{
|
|
$('#close').click();
|
|
}
|
|
|
|
}
|
|
}
|
|
});
|
|
}else{
|
|
layer.msg(data.msg, {icon: 5});
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
//上传图标
|
|
upload.render({
|
|
elem: '#up_icon'
|
|
,url: get_api('write_link','upload_images')
|
|
,exts: 'jpg|jpeg|png|ico|bmp|svg'
|
|
,acceptMime: 'image/*'
|
|
,accept: 'file'
|
|
,size: 1024
|
|
,data: {"page_sid":page_sid,"link_id":link_id}
|
|
,choose: function(obj){ //选择文件回调
|
|
load_index = layer.load(1);
|
|
obj.preview(function(index, file, result){
|
|
$("#ico_preview").show(); //显示预览图
|
|
$('#icon_img').attr('src', result); //加载预览图
|
|
});
|
|
}
|
|
,done: function(res){
|
|
layer.close(load_index);
|
|
if(res.code == 1){
|
|
form_data.icon = res.icon;
|
|
$("#icon").val(res.icon);
|
|
}else{
|
|
layer.msg(res.msg || '上传失败', {icon: 5});
|
|
}
|
|
|
|
},error: function(){
|
|
layer.msg("上传异常,请刷新重试", {icon: 5});
|
|
}
|
|
});
|
|
|
|
//编辑链接(保存更新)
|
|
form.on('submit(edit_link)', function(data){
|
|
$.post(get_api('write_link','edit'),data.field,function(data,status){
|
|
if(data.code == 1) {
|
|
if(data.icon != '' ){
|
|
$("#icon").val(data.icon);
|
|
preview_icon(data.icon);
|
|
}else{
|
|
$('#icon_img').attr('src', blank_img); //清除预览图
|
|
$("#ico_preview").hide();
|
|
}
|
|
if(top.location == self.location){
|
|
layer.msg('已更新！', {icon: 1});
|
|
}else{
|
|
if(_GET('source') == 'tpl'){ //第三方调用时刷新父页面
|
|
layer.msg('添加成功！', {icon: 1,time: 700,
|
|
end: function() {
|
|
parent.location.reload();
|
|
$('#close').click();//关闭子页面
|
|
}
|
|
});
|
|
}else{
|
|
parent.layui.table.reload('table');//刷新父页面的表格
|
|
parent.layui.layer.msg('已更新！', {icon: 1});
|
|
$('#close').click();//关闭子页面
|
|
}
|
|
}
|
|
}else{
|
|
layer.msg(data.msg, {icon: 5});
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
|
|
//权限不足提示
|
|
$(document).on('click', '#no_purview', function() {
|
|
layer.msg("您的用户组无权限上传图标", {icon: 2});
|
|
});
|
|
|
|
//关闭按钮
|
|
$(document).on('click', '#close', function() {
|
|
//独立页面时关闭页面,而非标签
|
|
if(top.location == self.location){
|
|
window.close(); //关闭当前页面
|
|
}else{
|
|
parent.layer.close(parent.layer.getFrameIndex(window.name));//关闭当前页(内嵌窗口)
|
|
if(_GET('source') != 'tpl'){
|
|
layui.miniTab.deleteCurrentByIframe(); //关闭当前标签(标签窗口)
|
|
}
|
|
}
|
|
});
|
|
|
|
//添加备用链接
|
|
$(document).on('click', '#add_standby_url', function() {
|
|
if(bak_link_id >= 10){
|
|
layer.msg("最多能支持10条备用链接!", {icon: 2});
|
|
return false;
|
|
}
|
|
bak_link_id++;
|
|
html = '<div class="layui-form-item"><label class="layui-form-label required">备用链接</label><div class="layui-input-block"><input type="url" name="url_standby[]" lay-verify="required" placeholder="[百度](https://www.baidu.com) 或 https://www.baidu.com" autocomplete="off" class="layui-input obtn" ><div style="position: absolute;top: 0px;"><span><a class="layui-btn layui-btn-primary" id="del_standby_url"><i class="fa fa-trash-o"></i> 删除</a></span></div></div></div>';
|
|
$("#backup_link").append(html);
|
|
});
|
|
|
|
//删除备用链接
|
|
$(document).on('click', '#del_standby_url', function() {
|
|
if($(this).parents('.layui-form-item').remove()){
|
|
bak_link_id--;
|
|
}else{
|
|
layer.msg("删除失败", {icon: 3});
|
|
}
|
|
});
|
|
|
|
//删除图标
|
|
$(document).on('click', '#del_icon', function() {
|
|
$.post(get_api('write_link','del_images'),{"page_sid":page_sid,"link_id":link_id},function(data,status){
|
|
if(data.code == 1) {
|
|
form_data.icon = '';
|
|
$("#icon").val(''); //清除图标URL
|
|
$('#icon_img').attr('src', blank_img); //清除预览图
|
|
$("#ico_preview").hide();
|
|
}else{
|
|
layer.msg(data.msg, {icon: 5});
|
|
}
|
|
});
|
|
});
|
|
|
|
if(edit_mode){
|
|
//重置按钮点击事件
|
|
$(document).on('click', '#reset', function() {
|
|
form.val('form',form_data); //重置表单
|
|
form.val('form',{"property":form_data.property == 1});
|
|
//重新渲染备用链接
|
|
$("#backup_link").empty();
|
|
bak_link_id = 0;
|
|
for (let i=0; i<form_data.url_standby.length; i++){
|
|
bak_link_id++;
|
|
html = '<div class="layui-form-item"><label class="layui-form-label required">备用链接</label><div class="layui-input-block"><input type="url" name="url_standby[]" lay-verify="required" placeholder="[百度](https://www.baidu.com) 或 https://www.baidu.com" autocomplete="off" class="layui-input obtn" value="'+ form_data.url_standby[i] +'"><div style="position: absolute;top: 0px;"><span><a class="layui-btn layui-btn-primary" id="del_standby_url"><i class="fa fa-trash-o"></i> 删除</a></span></div></div></div>';
|
|
$("#backup_link").append(html);
|
|
}
|
|
});
|
|
//点击重置来填表
|
|
$("#reset").click();
|
|
//加载预览图
|
|
preview_icon(form_data.icon);
|
|
}else{
|
|
if(_GET('fid') > 0){
|
|
form.val('form',{"fid":_GET('fid')});
|
|
}
|
|
}
|
|
|
|
|
|
//链接扩展上传图片
|
|
upload.render({
|
|
elem: '.extend_up_img'
|
|
,url: get_api('write_link','extend_up_img')
|
|
,exts: 'jpg|jpeg|png|ico|bmp|svg'
|
|
,acceptMime: 'image/*'
|
|
,accept: 'file'
|
|
,size: 1024
|
|
,done: function(res){
|
|
if(res.code == 1){
|
|
let inpu = this.item.closest('.layui-form-item').find('input[name^="_"]');
|
|
inpu.val(res.url);
|
|
}else{
|
|
layer.msg(res.msg || '上传失败', {icon: 5});
|
|
}
|
|
},error: function(){
|
|
layer.msg("上传异常,请刷新重试", {icon: 5});
|
|
}
|
|
});
|
|
|
|
|
|
//layui>end
|
|
});
|
|
|
|
//加载图标
|
|
function preview_icon(icon =''){
|
|
if(icon.length != 0){
|
|
$("#ico_preview").show();
|
|
if(icon.substr(0,5) =='data:') {
|
|
$('#icon_img').attr('src',icon) ;
|
|
}else if(icon.substr(0,4) == '<svg'){
|
|
$('#icon_img').attr('src','data:image/svg+xml;base64,'+ btoa(icon.replace(/[\u00A0-\u2666]/g, function(c) {return '&#' + c.charCodeAt(0) + ';';})) );
|
|
}else{
|
|
$('#icon_img').attr('src',icon + (icon.indexOf('?') !== -1 ? '&_t=' : '?_t=') + Math.random() ) ;
|
|
}
|
|
}
|
|
}
|
|
|
|
//异步识别链接信息
|
|
function get_link_info() {
|
|
var url = $("#url").val();
|
|
load_index = layer.load(1);
|
|
$.post(get_api('other_get_link_info'),{url:url},function(data,status){
|
|
if(data.code == 1) {
|
|
if(data.data.title != null) {
|
|
$("#title").val(data.data.title);
|
|
}
|
|
if(data.data.description != null) {
|
|
$("#description").val(data.data.description);
|
|
}
|
|
if(data.data.keywords != null) {
|
|
$("#keywords").val(data.data.keywords);
|
|
}
|
|
}else{
|
|
layer.msg(data.msg, {icon: 5});
|
|
}
|
|
layer.close(load_index);
|
|
});
|
|
}
|