|
|
@ -1,63 +1,24 @@ |
|
|
|
var App = function () { |
|
|
|
|
|
|
|
this.data = { |
|
|
|
"total": 20, |
|
|
|
"rows": [{ Id: 1, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 2, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 3, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 4, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 5, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 6, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 0 }, |
|
|
|
{ Id: 7, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 8, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 0 }, |
|
|
|
{ Id: 9, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 10, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 11, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 12, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 0 }, |
|
|
|
{ Id: 13, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 14, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 15, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 16, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 17, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 18, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 19, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 0 }, |
|
|
|
{ Id: 20, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 21, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 22, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 23, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 24, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 0 }, |
|
|
|
{ Id: 25, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 26, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 27, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 28, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 29, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 30, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 31, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 32, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 33, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 34, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 0 }, |
|
|
|
{ Id: 35, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 36, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 37, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 38, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }, |
|
|
|
{ Id: 39, Name: '张三', OrgName: "机构", CreateTime: '2021/12/15 10:00:00', isEnable: 1 }] |
|
|
|
}; |
|
|
|
|
|
|
|
this.selectedRow = []; |
|
|
|
this.AddDialog = new AddDialog(this); |
|
|
|
this.EditDialog = new EditDialog(this); |
|
|
|
|
|
|
|
this.Startup = function () { |
|
|
|
$('#manage').addClass('active'); |
|
|
|
|
|
|
|
this.ReLayout(); |
|
|
|
this.InitDataGrid(); |
|
|
|
this.ReLoadTableData(); |
|
|
|
|
|
|
|
this.AddDialog.Setup(); |
|
|
|
this.EditDialog.Setup(); |
|
|
|
|
|
|
|
$('#manage').addClass('active'); |
|
|
|
$('#add-btn').on('click', this.OnAddButtonClick.bind(this)); |
|
|
|
$('#edit-btn').on('click', this.onEditButtonClick.bind(this)); |
|
|
|
$('#delete-btn').on('click', this.onDeleteButtonClick.bind(this)); |
|
|
|
$('#delete-dialog-close').on('click', this.CloseDeleteDialog.bind(this)); |
|
|
|
$('#dialog-sure').on('click', this.CloseDeleteDialog.bind(this)); |
|
|
|
$('#dialog-sure').on('click', this.OnSureOfDeleteButtonClick.bind(this)); |
|
|
|
$('#dialog-cancel').on('click', this.CloseDeleteDialog.bind(this)); |
|
|
|
|
|
|
|
window.onresize = this.ReLayout.bind(this); |
|
|
@ -74,9 +35,8 @@ |
|
|
|
this.InitDataGrid = function () { |
|
|
|
$('#task-grid').datagrid({ |
|
|
|
columns: [[ |
|
|
|
{ field: 'OrgName', title: '名称', align: 'center', width: 10 }, |
|
|
|
{ field: 'CreateTime', title: '创建时间', align: 'center', width: 15 }, |
|
|
|
{ field: 'isEnable', title: '启用', align: 'left', width: 70, formatter: this.formatText.bind(this) } |
|
|
|
{ field: 'Name', title: '名称', align: 'center', width: 10 }, |
|
|
|
{ field: 'CreateTime', title: '创建时间', align: 'left', width: 80, formatter: this.formatTime.bind(this) } |
|
|
|
]], |
|
|
|
striped: true, |
|
|
|
singleSelect: false, |
|
|
@ -85,14 +45,29 @@ |
|
|
|
scrollbarSize: 0, |
|
|
|
pagination: true, |
|
|
|
onSelect: this.OnTaskSelected.bind(this), |
|
|
|
onUnselect: this.OnTaskUnselected.bind(this) |
|
|
|
onUnselect: this.OnTaskUnselected.bind(this), |
|
|
|
onBeforeLoad: this.OnTableGridBeforeLoad.bind(this), |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
$('#task-grid').datagrid('loadData', this.data); |
|
|
|
this.ReLoadTableData = function () { |
|
|
|
$.ajax({ |
|
|
|
type: "POST", |
|
|
|
dataType: 'text', |
|
|
|
url: '/OrgManagement/Query', |
|
|
|
data: { |
|
|
|
pageIndex: 1, |
|
|
|
pageSize: 10 |
|
|
|
}, |
|
|
|
success: function (result) { |
|
|
|
console.log(JSON.parse(result)) |
|
|
|
$('#task-grid').datagrid('loadData', JSON.parse(result)); |
|
|
|
}.bind(this) |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
this.formatText = function (value) { |
|
|
|
return value === 1 ? '<span style="color: #00c541">已启用</span>' : '<span style="color: #f40000">已禁用</span>'; |
|
|
|
this.formatTime = function (time) { |
|
|
|
return '<span>{0}</span>'.format(moment(time).format('YYYY/MM/DD HH:mm:ss')); |
|
|
|
}; |
|
|
|
|
|
|
|
this.OnTaskSelected = function (index, row) { |
|
|
@ -114,6 +89,16 @@ |
|
|
|
$('#disable-btn').prop('disabled', true); |
|
|
|
}; |
|
|
|
|
|
|
|
this.OnTableGridBeforeLoad = function () { |
|
|
|
var page = $('#task-grid').datagrid('getPager'); |
|
|
|
$(page).pagination({ |
|
|
|
beforePageText: '第', |
|
|
|
afterPageText: '页 共{pages}页', |
|
|
|
displayMsg: '当前显示{from}-{to}条记录 共{total}条记录', |
|
|
|
layout: ['list', 'sep', 'first', 'prev', 'sep', 'manual', 'sep', 'next', 'last', 'sep', 'refresh', 'info'] |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
this.OnAddButtonClick = function () { |
|
|
|
this.AddDialog.Show(); |
|
|
|
}; |
|
|
@ -124,12 +109,31 @@ |
|
|
|
|
|
|
|
this.onDeleteButtonClick = function () { |
|
|
|
$('.dialog-delete').show(); |
|
|
|
$('.dialog-clear h2').text('确定删除名为「{0}」的机构吗?'.format(this.selectedRow.OrgName)); |
|
|
|
$('.dialog-clear h2').text('确定删除名为「{0}」的机构吗?'.format(this.selectedRow.Name)); |
|
|
|
}; |
|
|
|
|
|
|
|
this.OnSureOfDeleteButtonClick = function () { |
|
|
|
this.CloseDeleteDialog(); |
|
|
|
this.DeleteOrg(); |
|
|
|
}; |
|
|
|
|
|
|
|
this.CloseDeleteDialog = function () { |
|
|
|
$('.dialog-delete').hide(); |
|
|
|
}; |
|
|
|
|
|
|
|
this.DeleteOrg = function () { |
|
|
|
$.ajax({ |
|
|
|
type: "POST", |
|
|
|
dataType: 'text', |
|
|
|
url: '/OrgManagement/Delete', |
|
|
|
data: { |
|
|
|
id: this.selectedRow.Id |
|
|
|
}, |
|
|
|
success: function () { |
|
|
|
this.ReLoadTableData(); |
|
|
|
}.bind(this) |
|
|
|
}); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
$(document).ready(function () { |
|
|
|