<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" />
<script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
<link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
<script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
<script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
<script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
<link rel="stylesheet" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<script type="text/javascript">
function fillWidth(){
var _width=$(window).width()-40;
$("#jqGridUnsignedList").setGridWidth(_width);
$("#jqGridTodoList").setGridWidth(_width);
$("#jqGridFinishedList").setGridWidth(_width);
}
$(function(){
$.Huitab("#tab-system .tabBar span","#tab-system .tabCon","current","click","0");
$(window).resize(function(){
fillWidth();
});
$(".tabBar").bind("click",function(){
fillWidth();
});
$("#jqGridUnsignedList").jqGrid({
url : '${ctx}/myconsole/myflow/getUnsignedList',
editurl : "${ctx}/myconsole/myflow/saveOrUpdate",
mtype : "POST",
datatype : "json",
multiselect : true,
caption : '未签收',
prmNames : {
id : "taskid",
oper : "oper",
addoper : "add",
editoper : "edit",
deloper : "del"
},
sortable : true,
sortname : 'updatetime',
sortorder : 'asc',
colModel : [ {
"hidden" : true,
"name" : "taskid",
"key" : true
},{
label : "标题",
name : "web.title",
editable: true,
width : 80
},{
label : "栏目",
name : "web.columnname",
editable: true,
width : 80
}, {
label : "提交时间",
name : "web.recordtime",
editable: true,
width : 80
}, {
label : "提交人",
name : "web.username",
editable: true,
width : 80
}, {
label : "操作",
name : "caozuo",
editable: true,
align:"center",
width : 80,
formatter: function (cellvalue, options, rowdata) {
var html = "<a href='${ctx}/"+rowdata.web.siteid+rowdata.web.htmlurl+"' target='_blank' title='"+cellvalue+"' ><button class='btn btn-success radius size-S'>预览</button></a>";
return html;
}
} ],
rownumbers : true,// 添加左侧行号
viewrecords : true,// 是否在浏览导航栏显示记录总数
rowNum : 10,// 每页显示记录数
rowList : [ 10, 15, 20, 30, 40, 50 ],// 用于改变显示行数的下拉列表框的元素数组。
autowidth : true,
height : 'auto',
pager : "#jqGridPagerUnsignedList"
});
$("#jqGridUnsignedList").navGrid("#jqGridPagerUnsignedList",
// the buttons to appear on the toolbar of the grid
{
edit : false,
add : false,
del : false,
search : false,
refresh : true,
view : false,
position : "left",
cloneToTop : true
},
// options for the Edit Dialog
{
},
// options for the Add Dialog
{
},
// options for the Delete Dailog
{
},
//options for the search Dailog
{
}).navButtonAdd("#jqGridPagerUnsignedList",{
caption:'批量签收',
onClickButton:function(){
var selectedRowIds = $("#jqGridUnsignedList").jqGrid("getGridParam", "selarrrow");
if (!selectedRowIds) {
layer.alert("请先选择需要编辑的行!");
return false;
} else {
var taskid=selectedRowIds.join(",");
$.post("${ctx}/myconsole/myflow/claim",{"taskID":taskid},function(data){
if(data=="ok"){
layer.alert("签收成功",function(){
location.reload();
});
}else{
layer.alert("签收失败",function(){
location.reload();
});
}
})
}
}
});
$("#jqGridTodoList").jqGrid({
url : '${ctx}/myconsole/myflow/getTodoList',
editurl : "${ctx}/myconsole/myflow/saveOrUpdate",
mtype : "POST",
datatype : "json",
multiselect : true,
caption : '办理中',
prmNames : {
id : "taskid",
oper : "oper",
addoper : "add",
editoper : "edit",
deloper : "del"
},
sortable : true,
sortname : 'updatetime',
sortorder : 'asc',
colModel : [ {
"hidden" : true,
"name" : "taskid",
"key" : true
},{
label : "标题",
name : "web.title",
editable: true,
width : 80
},{
label : "栏目",
name : "web.columnname",
editable: true,
width : 80
}, {
label : "提交时间",
name : "web.recordtime",
editable: true,
width : 80
}, {
label : "提交人",
name : "web.username",
editable: true,
width : 80
}, {
label : "操作",
name : "caozuo",
editable: true,
align:"center",
width : 80,
formatter: function (cellvalue, options, rowdata) {
var html = "<a href='${ctx}/"+rowdata.web.siteid+rowdata.web.htmlurl+"' target='_blank' title='"+cellvalue+"' ><button class='btn btn-success radius size-S'>预览</button></a>";
return html;
}
} ],
rownumbers : true,// 添加左侧行号
viewrecords : true,// 是否在浏览导航栏显示记录总数
rowNum : 10,// 每页显示记录数
rowList : [ 10, 15, 20, 30, 40, 50 ],// 用于改变显示行数的下拉列表框的元素数组。
autowidth : true,
height : 'auto',
pager : "#jqGridPagerTodoList"
});
$("#jqGridTodoList").navGrid("#jqGridPagerTodoList",
// the buttons to appear on the toolbar of the grid
{
edit : false,
add : false,
del : false,
search : false,
refresh : true,
view : false,
position : "left",
cloneToTop : true
},
// options for the Edit Dialog
{
},
// options for the Add Dialog
{
},
// options for the Delete Dailog
{
},
//options for the search Dailog
{
}).navButtonAdd("#jqGridPagerTodoList",{
caption:'批量办理',
onClickButton:function(){
layer.open({
type: 1,
title:"审核操作",
skin: 'layui-layer-rim', //加上边框
area: ['420px', '240px'], //宽高
btn: ['确定'],
yes:function(){
var selectedRowIds = $("#jqGridTodoList").jqGrid("getGridParam", "selarrrow");
var taskid=selectedRowIds.join(",");
var completeData=$("#complete").serialize();
$.post("${ctx}/myconsole/myflow/complete?taskID="+taskid,completeData,function(data){
if(data=="ok"){
layer.alert("审批成功",function(){
location.reload();
});
}
})
},
content: '<form id="complete" style="padding:10px"><div>状态：<select name="success"><option value="true">通过</option><option value="false">不通过</option></select></div><div>意见：<textarea name="opinion" rows="3" cols="40"></textarea></div></form>'
});
}
});
$("#jqGridFinishedList").jqGrid({
url : '${ctx}/myconsole/myflow/getFinishedList',
editurl : "${ctx}/myconsole/myflow/saveOrUpdate",
mtype : "POST",
datatype : "json",
multiselect : true,
caption : '已完成',
prmNames : {
id : "taskid",
oper : "oper",
addoper : "add",
editoper : "edit",
deloper : "del"
},
sortable : true,
sortname : 'updatetime',
sortorder : 'asc',
colModel : [ {
"hidden" : true,
"name" : "taskid",
"key" : true
},{
label : "标题",
name : "web.title",
editable: true,
width : 80
},{
label : "栏目",
name : "web.columnname",
editable: true,
width : 80
}, {
label : "提交时间",
name : "web.recordtime",
editable: true,
width : 80
}, {
label : "提交人",
name : "web.username",
editable: true,
width : 80
}, {
label : "操作",
name : "caozuo",
editable: true,
align:"center",
width : 80,
formatter: function (cellvalue, options, rowdata) {
var html = "<a href='${ctx}/"+rowdata.web.siteid+rowdata.web.htmlurl+"' target='_blank' title='"+cellvalue+"' ><button class='btn btn-success radius size-S'>预览</button></a>";
return html;
}
} ],
rownumbers : true,// 添加左侧行号
viewrecords : true,// 是否在浏览导航栏显示记录总数
rowNum : 10,// 每页显示记录数
rowList : [ 10, 15, 20, 30, 40, 50 ],// 用于改变显示行数的下拉列表框的元素数组。
autowidth : true,
height : 'auto',
pager : "#jqGridPagerFinishedList"
});
$("#jqGridFinishedList").navGrid("#jqGridPagerFinishedList",
// the buttons to appear on the toolbar of the grid
{
edit : false,
add : false,
del : false,
search : false,
refresh : true,
view : false,
position : "left",
cloneToTop : true
},
// options for the Edit Dialog
{
},
// options for the Add Dialog
{
},
// options for the Delete Dailog
{
},
//options for the search Dailog
{
});
})
</script>
<title>我的桌面</title>
</head>
<body>
<div class="page-container">
<div class="form form-horizontal" id="form-article" method="post">
<div id="tab-system" class="HuiTab">
<div class="tabBar cl">
<span>未签收</span><span>办理中</span><span>已完成</span>
</div>
<div class="tabCon">
<table id="jqGridUnsignedList"></table>
<div id="jqGridPagerUnsignedList"></div>
</div>
<div class="tabCon">
<table id="jqGridTodoList"></table>
<div id="jqGridPagerTodoList"></div>
</div>
<div class="tabCon">
<table id="jqGridFinishedList"></table>
<div id="jqGridPagerFinishedList"></div>
</div>
</div>
</div>
</div>
<footer class="footer mt-20">
<div class="container">
<p></p>
</div>
</footer>
</body>
</html>