init
This commit is contained in:
Gitea
245
apps/admin/view/default/js/mylayui.js
Normal file
245
apps/admin/view/default/js/mylayui.js
Normal file
@@ -0,0 +1,245 @@
|
||||
layui.use(['element','upload','laydate','form'], function(){
|
||||
var element = layui.element;
|
||||
var upload = layui.upload;
|
||||
var laydate = layui.laydate;
|
||||
var form = layui.form;
|
||||
|
||||
//获取hash来切换选项卡，假设当前地址的hash为lay-id对应的值
|
||||
var layid = location.hash.replace(/^#tab=/, '');
|
||||
element.tabChange('tab', layid); //假设当前地址为：http://a.com#test1=222，那么选项卡会自动切换到“发送消息”这一项
|
||||
|
||||
//监听Tab切换，以改变地址hash值
|
||||
element.on('tab(tab)', function(){
|
||||
var clayid=this.getAttribute('lay-id');
|
||||
if(clayid){
|
||||
location.hash = 'tab='+ clayid;
|
||||
$('.page').find('a').each(function(index,element){//避免tab翻页问题
|
||||
var url=$(this).attr('href');
|
||||
if(url.indexOf('tab=')==-1){
|
||||
$(this).attr('href', url+'#tab='+ clayid);
|
||||
}else{
|
||||
$(this).attr('href', url.replace(/tab=[\w]+/, 'tab='+ clayid));
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//跳转
|
||||
form.on('select(tourl)', function(data){
|
||||
window.location.href= data.value;
|
||||
});
|
||||
|
||||
|
||||
//提示
|
||||
$(".tips").on("mouseover",function(){
|
||||
layer.tips($(this).data('content'), this);
|
||||
})
|
||||
|
||||
//用户登录验证
|
||||
form.on('submit(login-submit)', function(data){
|
||||
var form = $("#dologin");
|
||||
var url = form.attr('action');
|
||||
var username = form.find("#username").val();
|
||||
var password = form.find("#password").val();
|
||||
var checkcode = form.find("#checkcode").val();
|
||||
var formcheck = form.find("#formcheck").val();
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
data: {
|
||||
username: username,
|
||||
password: password,
|
||||
checkcode: checkcode,
|
||||
formcheck: formcheck
|
||||
},
|
||||
success: function (response, status) {
|
||||
if (response.code == 1) {
|
||||
layer.msg("登录成功！", {icon: 1});
|
||||
window.location.href = response.data;
|
||||
} else {
|
||||
form.find("#checkcode").val("");
|
||||
$('#codeimg').click();//更新验证码
|
||||
layer.msg("登录失败：" + response.data, {icon: 5});
|
||||
}
|
||||
},
|
||||
error:function(xhr,status,error){
|
||||
layer.msg("登录请求发生错误!", {icon: 5});
|
||||
$('#note').html('登录请求发生错误，您可按照如下方式排查：<br>1、试着删除根目录下runtime目录，刷新页面重试;<br>2、检查系统会话文件存储目录是否具有写入权限；<br>3、检查服务器环境pathinfo及伪静态规则配置；<br>4、如果还不行那就到交流群出钱请人处理吧！');
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
var sitedir=$('#sitedir').data('sitedir');
|
||||
var uploadurl = $("#preurl").data('preurl')+'/index/upload';
|
||||
|
||||
//执行单图片实例
|
||||
var uploadInst = upload.render({
|
||||
elem: '.upload' //绑定元素
|
||||
,url: uploadurl //上传接口
|
||||
,field: 'upload' //字段名称
|
||||
,multiple: false //多文件上传
|
||||
,accept: 'images' //接收文件类型 images（图片）、file（所有文件）、video（视频）、audio（音频）
|
||||
,acceptMime: 'image/*'
|
||||
,before: function(obj){
|
||||
//判断是否需要加水印
|
||||
if($(this.item).hasClass('watermark')){
|
||||
uploadInst.config.url=uploadurl+'/watermark/1';//改变URL
|
||||
}
|
||||
layer.load(); //上传loading
|
||||
}
|
||||
,done: function(res){
|
||||
var item = this.item;
|
||||
var des=$(item).data('des');
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
if(res.code==1){
|
||||
$('#'+des).val(res.data[0]);
|
||||
$('#'+des+'_box').html("<dl><dt><img src='"+sitedir+res.data[0]+"' data-url='"+res.data[0]+"' ></dt><dd>删除</dd></dl>");
|
||||
layer.msg('上传成功！');
|
||||
}else{
|
||||
layer.msg('上传失败：'+res.data);
|
||||
}
|
||||
}
|
||||
,error: function(){
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
layer.msg('上传发生错误!');
|
||||
}
|
||||
});
|
||||
|
||||
//执行多图片上传实例
|
||||
var files='';
|
||||
var html='';
|
||||
var uploadsInst = upload.render({
|
||||
elem: '.uploads' //绑定元素
|
||||
,url: uploadurl //上传接口
|
||||
,field: 'upload' //字段名称
|
||||
,multiple: true//多文件上传
|
||||
,accept: 'images' //接收文件类型 images（图片）、file（所有文件）、video（视频）、audio（音频）
|
||||
,acceptMime: 'image/*'
|
||||
,before: function(obj){
|
||||
//判断是否需要加水印
|
||||
if($(this.item).hasClass('watermark')){
|
||||
uploadsInst.config.url=uploadurl+'/watermark/1';//改变URL
|
||||
}
|
||||
layer.load(); //上传loading
|
||||
}
|
||||
,done: function(res){
|
||||
if(res.code==1){
|
||||
if(files){
|
||||
files+=','+res.data[0];
|
||||
}else{
|
||||
files+=res.data[0];
|
||||
}
|
||||
html += "<dl><dt><img src='"+sitedir+res.data[0]+"' data-url='"+res.data[0]+"'></dt><dd>删除</dd>" +
|
||||
"<dt><input type='text' name='picstitle[]' style='width:95%' /></dt>"+
|
||||
"</dl>";
|
||||
}else{
|
||||
layer.msg('有文件上传失败：'+res.data);
|
||||
}
|
||||
}
|
||||
,allDone: function(obj){
|
||||
var item = this.item;
|
||||
var des=$(item).data('des');
|
||||
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
if(files!=''){
|
||||
if($('#'+des).val()){
|
||||
$('#'+des).val($('#'+des).val()+','+files);
|
||||
}else{
|
||||
$('#'+des).val(files);
|
||||
}
|
||||
$('#'+des+'_box').append(html);
|
||||
layer.msg('成功上传'+obj.successful+'个文件！');
|
||||
files='';
|
||||
html='';
|
||||
}else{
|
||||
layer.msg('全部上传失败！');
|
||||
}
|
||||
|
||||
}
|
||||
,error: function(){
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
layer.msg('上传发生错误！');
|
||||
}
|
||||
});
|
||||
|
||||
//图片页面删除功能
|
||||
$('.pic').on("click",'dl dd',function(){
|
||||
var id=$(this).parents('.pic').attr('id');
|
||||
var url=$(this).siblings('dt').find('img').data('url');
|
||||
var input=$('#'+id.replace('_box',''));
|
||||
var value = input.val();
|
||||
value = value.replace(url,'');
|
||||
value = value.replace(/^,/, '');
|
||||
value = value.replace(/,$/, '');
|
||||
value = value.replace(/,,/, ',');
|
||||
input.val(value);
|
||||
$(this).parents('dl').remove();
|
||||
});
|
||||
|
||||
//执行附件上传实例
|
||||
var uploadFileInst = upload.render({
|
||||
elem: '.file' //绑定元素
|
||||
,url: uploadurl //上传接口
|
||||
,field: 'upload' //字段名称
|
||||
,multiple: false //多文件上传
|
||||
,accept: 'file' //接收文件类型 images（图片）、file（所有文件）、video（视频）、audio（音频）
|
||||
,before: function(obj){
|
||||
layer.load(); //上传loading
|
||||
}
|
||||
,done: function(res){
|
||||
var item = this.item;
|
||||
var des=$(item).data('des');
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
if(res.code==1){
|
||||
$('#'+des).val(res.data[0]);
|
||||
layer.msg('上传成功！');
|
||||
}else{
|
||||
layer.msg('上传失败：'+res.data);
|
||||
}
|
||||
}
|
||||
,error: function(){
|
||||
layer.closeAll('loading'); //关闭loading
|
||||
layer.msg('上传发生错误！');
|
||||
}
|
||||
});
|
||||
|
||||
//使用多日期控件
|
||||
useLayDateMultiple('year','year');
|
||||
useLayDateMultiple('month','month');
|
||||
useLayDateMultiple('time','time');
|
||||
useLayDateMultiple('date','date');
|
||||
useLayDateMultiple('datetime','datetime');
|
||||
|
||||
//选择模型切换模板
|
||||
form.on('select(model)', function(data){
|
||||
var elem = data.elem;
|
||||
var type = $(elem).find("option:selected").data('type');
|
||||
var listtpl = $(elem).find("option:selected").data('listtpl');
|
||||
var contenttpl = $(elem).find("option:selected").data('contenttpl');
|
||||
|
||||
$(elem).parents('form').find("#type").val(type);
|
||||
addOptionValue("listtpl",listtpl,listtpl);
|
||||
addOptionValue("contenttpl",contenttpl,contenttpl);
|
||||
$(elem).parents('form').find("#listtpl").val(listtpl);
|
||||
$(elem).parents('form').find("#contenttpl").val(contenttpl);
|
||||
form.render(null, 'sort');
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
//日期控件函数
|
||||
function useLayDateMultiple(cls,type) {
|
||||
layui.use('laydate', function() {
|
||||
var laydate = layui.laydate;
|
||||
lay('.' + cls).each(function() {
|
||||
laydate.render({
|
||||
elem : this,
|
||||
type : type,
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user