TaoLer/public/static/admin/modules/addons.js

//网站app版本发布

layui.define(['table', 'form','upload'], function(exports){
  var $ = layui.jquery
  ,table = layui.table
  ,form = layui.form
  ,upload = layui.upload;

function addList(type)
  {
      $.ajax({
          type: 'post',
          url: addonsList ,
          data: {type:type},
          dataType: 'json',
          success: function (res) {
          	//渲染表格
              table.render({
                  elem: '#addons-list',
                  toolbar: '#toolbar',
                  defaultToolbar: [],
                  url: addonsList + '?type='+ type,
                  cols: [
                      res['col']
                  ]
                  , page: true
                  , limit: 10
                  , height: 'full-220'
                  , text: '对不起，加载出现异常！'
              });
          }
      });
}

addList('installed');

    //头工具栏事件
    table.on('toolbar(addons-list)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id);
        switch(obj.event){
            case 'installed':
                addList("installed");
                break;
            case 'onlineAddons':
                addList("onlineAddons");
                break;
        }
    });
	
//监听工具条
  table.on('tool(addons-list)', function(obj){
    var data = obj.data;

    if(obj.event === 'del'){
      layer.prompt({
        formType: 1
        ,title: '敏感操作，请验证口令'
      }, function(value, index){
        layer.close(index);
        layer.confirm('真的删除行么', function(index){
          $.post(addonsDelete,{name:data.name},function (res) {
              if (res.code == 0) {
                  layer.msg(res.msg,{icon:6,time:2000});
              } else {
                  layer.open({tiele:'修改失败',content:res.msg,icon:5,anim:6});
              }
          });

		  table.reload('addons-list');
          layer.close(index);
        });
      });
    } else if(obj.event === 'edit'){
      var tr = $(obj.tr);
      layer.open({
        type: 2
        ,title: '编辑插件'
        ,content: addonsEdit + '?id='+ data.id
        ,maxmin: true
        ,area: ['400px', '620px']
        ,btn: ['确定', '取消']
        ,yes: function(index, layero){
          var iframeWindow = window['layui-layer-iframe'+ index]
          ,submitID = 'LAY-addons-submit'
          ,submit = layero.find('iframe').contents().find('#'+ submitID);

          //监听提交
          iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
            var field = data.field; //获取提交的字段
			
            //提交 Ajax 成功后，静态更新表格中的数据
            $.ajax({
				type:"post",
				url:addonsEdit,
				data:field,
				daType:"json",
				success:function (res){
					if (res.code == 0) {
						layer.msg(res.msg,{icon:6,time:2000});
					} else {
						layer.open({tiele:'修改失败',content:res.msg,icon:5,anim:6});
					}
				}
			});
			
            table.reload('addons-list'); //数据刷新
            layer.close(index); //关闭弹层
          });  
          
          submit.trigger('click');
        }
        ,success: function(layero, index){
          
        }
      });
    } else if (obj.event === 'start'){
		//提交 Ajax 成功后，静态更新表格中的数据
		$.ajax({
			type:"post",
			url:addonsStart,
			data:{name:data.name},
			daType:"json",
			success:function (res){
				if (res.code == 0) {
					layer.msg(res.msg,{icon:6,time:2000});
				} else {
					layer.open({tiele:'修改失败',content:res.msg,icon:5,anim:6});
				}
			}
		});
    } else if(obj.event === 'shutdown'){
		//提交 Ajax 成功后，静态更新表格中的数据
		$.ajax({
			type:"post",
			url:addonsShut,
			data:{name:data.name},
			daType:"json",
			success:function (res){
                if (res.code == 0) {
                    layer.msg(res.msg,{icon:6,time:2000});
                } else {
                    layer.open({tiele:'修改失败',content:res.msg,icon:5,anim:6});
                }
			}
		});
    } else if(obj.event === 'install'){
			//安装插件
			$.post(addonsInstall,{name:data.name,version:data.version},function (res) {
				if (res.code == 0) {
					layer.msg(res.msg,{icon:6,time:2000});
				} else {
					layer.open({tiele:'修改失败',content:res.msg,icon:5,anim:6});
				}
			});
	} else if(obj.event === 'config'){
		layer.open({
        type: 2
        ,title: '配置插件'
        ,content: addonsConfig + '?name='+ data.name
        ,maxmin: true
        ,area: ['780px', '90%']
        ,btn: ['确定', '取消']
        ,yes: function(index, layero){
          var iframeWindow = window['layui-layer-iframe'+ index]
          ,submitID = 'LAY-addons-config-submit'
          ,submit = layero.find('iframe').contents().find('#'+ submitID);
          //监听提交
          iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
            var field = data.field; //获取提交的字段
            $.ajax({
				type:"post",
				url:addonsConfig,
				data:field,
				daType:"json",
				success:function (res){
					if (res.code == 0) {
						layer.msg(res.msg,{icon:6,time:2000});
					} else {
						layer.open({tiele:'修改失败',content:res.msg,icon:5,anim:6});
					}
				}
			});
            layer.close(index); //关闭弹层
          });
          submit.trigger('click');
        }
        ,success: function(layero, index){
			var forms = layero.find('iframe').contents().find('.layui-form');
                var button = forms.find('button');
				//事件委托
                forms.on('click','button',function (data) {
                    var even = this.getAttribute('lay-event');
                    var names = this.dataset.name;
                    if(even == 'addInput'){
                        var html = '<div class="layui-form-item"><label class="layui-form-label"></label><div class="layui-input-inline">\n' +
                            '                <input type="text" name="'+ names +'[key][]" value="" placeholder="key" autocomplete="off" class="layui-input input-double-width">\n' +
                            '                </div><div class="layui-input-inline">\n' +
                            '                <input type="text" name="'+ names +'[value][]" value="" placeholder="value" autocomplete="off" class="layui-input input-double-width">\n' +
                            '            </div>\n' +
                            '                <button data-name="'+ names +'" type="button" class="layui-btn layui-btn-danger layui-btn-sm removeInupt" lay-event="removeInupt">\n' +
                            '                    <i class="layui-icon"></i>\n' +
                            '                </button>\n' +
                            '            </div>';

                        $(this).parent().parent().append(html);
                    } else {
                        $(this).parent().remove();
                    }
                });

        }
      });

	}
      table.reload('addons-list'); //数据刷新
  });

  exports('addons', {})
});