2019-09-06 23:53:10 +08:00

170 lines
5.7 KiB
JavaScript
Executable File

var mmg,isInitUpload = false;
function initGrid(staffId){
var h = WST.pageHeight();
var cols = [
{title:'图标', name:'btnImg', width: 50,renderer: function(val,item,rowIndex){
return '<img src="'+WST.conf.IMGURL+'/'+item['btnImg']+'" height="60px" style="margin-top:5px;" />';
}},
{title:'按钮名称', name:'btnName' ,width:60},
{title:'按钮Url', name:'btnUrl' ,width:350},
{title:'按钮类别', name:'btnSrc' ,width:20,renderer: function(val,item,rowIndex){
return val==0?'手机版':'微信版';
}},
{title:'所属插件', name:'addonsName' ,width:20},
{title:'排序号', name:'btnSort' ,width:10},
{title:'操作', name:'' ,width:100, align:'center', renderer: function(val,item,rowIndex){
var h = "";
if(WST.GRANT.ANGL_02)h += "<a class='btn btn-blue' onclick='javascript:getForEdit(" + item['id'] + ")'><i class='fa fa-pencil'></i>修改</a> ";
if(WST.GRANT.ANGL_03)h += "<a class='btn btn-red' onclick='javascript:toDel(" + item['id'] + ")'><i class='fa fa-trash-o'></i>删除</a> ";
return h;
}}
];
mmg = $('.mmg').mmGrid({height: (h-155),indexCol: true, cols: cols,method:'POST',
url: WST.U('admin/mobilebtns/pageQuery'), fullWidthRows: true, autoLoad: true,
plugins: [
$('#pg').mmPaginator({})
]
});
$('#headTip').WSTTips({width:90,height:35,callback:function(v){
var diff = v?155:128;
mmg.resize({height:h-diff})
}});
}
function loadGrid(){
var query = WST.getParams('.query');
query.page = 1;
mmg.load(query);
}
function getForEdit(id){
var loading = WST.msg('正在获取数据,请稍后...', {icon: 16,time:60000});
$.post(WST.U('admin/mobileBtns/get'),{id:id},function(data,textStatus){
layer.close(loading);
var json = WST.toAdminJson(data);
if(json.id){
WST.setValues(json);
//显示原来的图片
$('#preview').html('<img src="'+WST.conf.IMGURL+'/'+json.btnImg+'" height="70px;"/>');
$('#isImg').val('ok');
toEdit(json.id);
}else{
WST.msg(json.msg,{icon:2});
}
});
}
function toEdit(id){
if(!isInitUpload){
initUpload();
isInitUpload = true;
}
var title =(id==0)?"新增":"编辑";
var box = WST.open({title:title,type:1,content:$('#mbtnBox'),area: ['450px', '400px'],btn: ['确定','取消'],yes:function(){
$('#mbtnForm').submit();
},cancel:function(){
//重置表单
$('#mbtnForm')[0].reset();
//清空预览图
$('#preview').html('');
$('#btnImg').val('');
},end:function(){
//重置表单
$('#mbtnForm')[0].reset();
//清空预览图
$('#preview').html('');
$('#btnImg').val('');
$('#mbtnBox').hide();
}});
$('#mbtnForm').validator({
fields: {
btnName: {
rule:"required;",
msg:{required:"请输入按钮名称"},
tip:"请输入按钮名称",
ok:"",
},
btnUrl: {
rule:"required;",
msg:{required:"请输入按Url"},
tip:"请输入按Url",
ok:"",
},
btnImg: {
rule:"required;",
msg:{required:"请上传图标"},
tip:"请上传图标",
ok:"",
},
},
valid: function(form){
var params = WST.getParams('.ipt');
params.id = id;
var loading = WST.msg('正在提交数据,请稍后...', {icon: 16,time:60000});
$.post(WST.U('admin/mobileBtns/'+((id==0)?"add":"edit")),params,function(data,textStatus){
layer.close(loading);
var json = WST.toAdminJson(data);
if(json.status=='1'){
WST.msg("操作成功",{icon:1});
$('#mbtnForm')[0].reset();
//清空预览图
$('#preview').html('');
//清空图片隐藏域
$('#btnImg').val('');
layer.close(box);
loadGrid();
}else{
WST.msg(json.msg,{icon:2});
}
});
}
});
}
function initUpload(){
WST.upload({
pick:'#adFilePicker',
formData: {dir:'sysconfigs'},
accept: {extensions: 'gif,jpg,jpeg,png',mimeTypes: 'image/jpg,image/jpeg,image/png,image/gif'},
callback:function(f){
var json = WST.toAdminJson(f);
if(json.status==1){
$('#uploadMsg').empty().hide();
//将上传的图片路径赋给全局变量
$('#btnImg').val(json.savePath+json.name);
$('#preview').html('<img src="'+WST.conf.IMGURL+'/'+json.savePath+json.thumb+'" height="75" />');
}else{
WST.msg(json.msg,{icon:2});
}
},
progress:function(rate){
$('#uploadMsg').show().html('已上传'+rate+"%");
}
});
}
function toDel(id){
var box = WST.confirm({content:"您确定要删除该记录吗?",yes:function(){
var loading = WST.msg('正在提交数据,请稍后...', {icon: 16,time:60000});
$.post(WST.U('admin/mobileBtns/del'),{id:id},function(data,textStatus){
layer.close(loading);
var json = WST.toAdminJson(data);
if(json.status=='1'){
WST.msg("操作成功",{icon:1});
layer.close(box);
loadGrid();
}else{
WST.msg(json.msg,{icon:2});
}
});
}});
}