123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- ;
- layui.define(['form','table','upload'], function (e) {
- var s = layui.$,
- l = (layui.layer, layui.laytpl, layui.setter, layui.view, layui.admin),
- table = layui.table,
- upload = layui.upload,
- form = layui.form;
- window.UEDITOR_HOME_URL = "/static/plugins/ueditor/";
- upload.render({
- elem: '.file' //绑定元素
- ,url: '/admin/file/upload' //上传接口
- ,done: function(res){
- //上传完毕回调
- if (!res.code) {
- var name = s(this.item).data('name');
- s('input[name="'+name+'"]').val(res.data.src);
- s(this.item).attr('src',res.data.src);
- }
- }
- })
- table.render({
- elem:'#article-table'
- ,url:'load.html'
- ,toolbar:'#topToolbar'
- ,where:{type_id:s('select[name=type_id]').val()}
- ,cols: [[
- {field:'id', title: 'ID'}
- ,{field:'type_cname', title: '分类'}
- ,{field:'title', title: '标题'}
- ,{field:'update_time', title: '最后修改时间',sort:true}
- ,{field:'state', title: '状态',templet:"#switchState"}
- ,{field:'recommend', title: '推荐',templet:"#switchRecommend"}
- ,{title:'操作', fixed: 'right', width:250, align:'center', toolbar: '#rowToolbar'}
- ]]
- ,id: 'article-table'
- ,page: true
- });
- table.on('toolbar(article)',function(obj){
- switch(obj.event){
- case "add":
- layer.open({
- type: 2,
- title: '添加文章',
- shadeClose: true,
- shade: true,
- area: ['70%', '80%'],
- content: 'add.html'
- });
- break;
- case "search":
- table.reload('article-table',{
- where:{class_id:s('select[name=class_id]').val(),cname:s('input[name=cname]').val()}
- })
- break;
- }
- })
- table.on('tool(article)', function(obj){
- var data = obj.data;
- var layEvent = obj.event;
- var tr = obj.tr;
- switch(layEvent){
- case 'edit':
- layer.open({
- type: 2,
- title: "编辑文章",
- shadeClose: true,
- shade: true,
- area: ['80%', '80%'],
- content: 'edit.html?id='+data['id']
- });
- break;
- case 'delete':
- layer.confirm('您确定要删除该行数据吗?', {
- btn: ['确定','取消'] //按钮
- }, function(index){
- s.post('delete.html',{id:data.id},function(r){
- if(r.code){
- layer.msg(r.msg);
- }else{
- obj.del();
- layer.close(index);
- }
- });
- });
- break;
- }
- });
- form.on('submit(LAY-article-edit)',function(data){
- s.post('edit.html',data.field,function(r){
- layer.msg(r.msg,{end:function(){
- if(!r.code){
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- parent.layui.table.reload('position-table');
- }
- }})
- })
- return false;
- })
- form.on('submit(LAY-article-add)',function(data){
- s.post('add.html',data.field,function(r){
- layer.msg(r.msg,{end:function(){
- if(!r.code){
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index); //再执行关闭
- parent.layui.table.reload('position-table');
- }
- }})
- })
- return false;
- })
- form.on('switch(state)', function(obj){
- var id = s(this).data('id');
- s.post(layui.setter.host + 'admin/article/state.html',{id:id,state:obj.elem.checked},function(r){
- r.code && layer.msg(r.msg);
- })
- });
- form.on('switch(recommend)', function(obj){
- var id = s(this).data('id');
- s.post(layui.setter.host + 'admin/article/recommend.html',{id:id,recommend:obj.elem.checked},function(r){
- r.code && layer.msg(r.msg);
- })
- });
- form.on('select(type)',function(data){
- var id = s(data.elem).find('option:selected').val();
- var typename = data.elem.name == 'type_1'?'2':'3';
- article.prototype.loadtype(typename,id);
- table.reload('article-table',{
- where:{
- type_id:id
- },
- page:{
- curr:1
- }
- })
- })
- var article = function(){
- if (s('select[name=type_1]').length > 0) {
- article.prototype.loadtype(1,0);
- }
- if (s('#content').length > 0) {
- article.prototype.loadUEditor("/static/plugins/ueditor/ueditor.config.js",function(){
- article.prototype.loadUEditor('/static/plugins/ueditor/ueditor.all.min.js',function(){
- var um = UE.getEditor('content',{enterTag:''});
- })
- })
- }
- }
- article.prototype.loadUEditor = function(url,callback){
- var head = document.getElementsByTagName('head')[0];
- var script = document.createElement('script');
- script.type = 'text/javascript';
- script.src = url;
- script.onload = script.onreadystatechange = function () {
- if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete"){
- callback();
- script.onload = script.onreadystatechange = null;
- }
- };
- head.appendChild(script);
- }
- article.prototype.loadtype = function(level,pid){
- s.post('/admin/article.type/loadforselect.html',{pid:pid},function(r){
- if (!r.code) {
- var selected = s('select[name=type_'+level+']').data('selected');
- var options = [];
- for (var index in r.data) {
- options.push('<option value="'+r.data[index]['id']+'" '+(selected == r.data[index]['id']?'selected':'')+' >'+r.data[index]['cname']+'</option>');
- }
- s('select[name=type_'+level+'] option:not(:first)').remove();
- s('select[name=type_'+level+']').append(options.join(''));
- form.render('select');
- if (level != 3) {
- var pid = s('select[name=type_'+level+']').val();
- if (pid > 0) {
- level = level == 1?2:3;
- article.prototype.loadtype(level,pid);
- }
- }
- }
- })
- }
- e('article',new article());
- })
|