admin/pages/article/list.js

layui.extend({
	admin: '{/}../../static/js/admin'
});
layui.use(['table', 'jquery','form', 'admin','laydate'], function() {
	var table = layui.table,
		$ = layui.jquery,
		form = layui.form,
		laydate = layui.laydate,
		admin = layui.admin;
		//执行一个laydate实例
		laydate.render({
			elem: '#start' //指定元素
		});
		laydate.render({
			elem:'#end'
		});
	// 报警记录
	table.render({
		elem: '#articleList',
		cellMinWidth: 80,
		cols: [
			[{
				type: 'checkbox'
			}, {
				field: 'id',title: 'ID',sort: true
			}, {
				field: 'title',title: '标题',templet: '#usernameTpl'
			}, {
				field: 'date',title: '发布时间',sort: true
			}, {
				field: 'category',title: '状态',sort: true
			}, {
				field: 'sort',title: '排序',sort: true
			}, {
				field: 'operate',title: '操作',toolbar: '#operateTpl',unresize: true
			}]
		],
		data: [{
			"id": "1",
			"title": "WeAdmin的第一个版本在不断地抽空完善学习中",
			"date": "2018-02-03",
			"category": "未解决",
			"sort": "1",
		}, {
			"id": "2",
			"title": "WeAdmin的测试数据一二三四五六七",
			"date": "2018-02-03",
			"category": "已解决",
			"sort": "1",
		}],
		event: true,
		page: true
	});
	// 报警解决记录
	table.render({
		elem: '#SolveList',
		cellMinWidth: 80,
		cols: [
			[{
				type: 'checkbox'
			}, {
				field: 'id',title: 'ID',sort: true
			}, {
				field: 'title',title: '标题',templet: '#usernameTpl'
			}, {
				field: 'date',title: '发布时间',sort: true
			}, {
				field: 'category',title: '状态',sort: true
			}, {
				field: 'sort',title: '排序',sort: true
			}, {
				field: 'operate',title: '操作',toolbar: '#operateTpl',unresize: true
			}]
		],
		data: [{
			"id": "1",
			"title": "WeAdmin的第一个版本在不断地抽空完善学习中",
			"date": "2018-02-03",
			"category": "已解决",
			"sort": "1",
		}, {
			"id": "2",
			"title": "WeAdmin的测试数据一二三四五六七",
			"date": "2018-02-03",
			"category": "已解决",
			"sort": "1",
		}],
		event: true,
		page: true
	});
	/*
	 *数据表格中form表单元素是动态插入,所以需要更新渲染下
	 * */
	$(function(){
		form.render();
	});
});