<!doctype html>
|
<html class="no-js">
|
<head>
|
<meta charset="utf-8">
|
<title>工单管理</title>
|
</head>
|
|
<body class="fullscreen">
|
[#include "/business/pages/include/static.html" /]
|
[#include "/business/pages/include/header.html" /]
|
[#assign label = GnConstants.RCYWGDGL]
|
[#include "/business/pages/include/gps.html" /]
|
[#include "/component/newsel.html" /]
|
<script src="${common_static}/static/script/select/chosen.jquery.js"></script>
|
<script src="${common_static}/static/script/select/chosen.jquery.min.js"></script>
|
<link rel="stylesheet" type="text/css" href="${common_static}/static/script/select/chosen.css"/>
|
<div class="personevent_process clearfix">
|
<table>
|
<tr>
|
<td>
|
<a href="javascript:changeParams('')"><span></span><em><b>全部工单</b><i>${num.totalOrder}</i></em></a>
|
</td>
|
<td>
|
<a href="${base}/business/pages/order/myorderpool.html"><span class="bggdc"></span><em><b>工单池</b><i>${num.orderPool}</i></em></a>
|
</td>
|
<td>
|
<a href="javascript:changeParams('${Constants.WORKFLOW_NODE_FLOWSTATE_UNDISPOSE}')"><span class="bgdxy"></span><em><b>待响应工单</b><i>${num["state"+Constants.WORKFLOW_NODE_FLOWSTATE_UNDISPOSE]?default(0)}</i></em></a>
|
</td>
|
<td>
|
<a href="javascript:changeParams('${Constants.WORKFLOW_NODE_FLOWSTATE_DOING}')"><span class="bggjxz"></span><em><b>进行中工单</b><i>${num["state"+Constants.WORKFLOW_NODE_FLOWSTATE_DOING]?default(0)}</i></em></a>
|
</td>
|
<td>
|
<a href="javascript:changeParams('${Constants.WORKFLOW_NODE_FLOWSTATE_FINISH}')"><span class="bgywc"></span><em><b>已处理工单</b><i>${num["state"+Constants.WORKFLOW_NODE_FLOWSTATE_FINISH]?default(0)}</i></em></a>
|
</td>
|
<!--<td class="td">
|
<p><a><img src="${common_static}/static/ui/images/zc-icon-139.gif" /></a></p>
|
<a class=" newperevent">新增工单</a></td>
|
-->
|
</tr>
|
</table>
|
</div>
|
|
<div class="fs_main clearfix">
|
<div class="event_fill fm_event_fill">
|
<table><tr><th width="85%">
|
<div class="fill_item">
|
<label>${Constants.CUSTOMER_CONSTANTS}名称：</label>
|
[@sel id="customer_id" name="customer_id" source=customers textField="ID" valueField="CUSTOMER_NAME" labelName="customer_name" /]
|
|
</div>
|
<div class="fill_item"><label>工单名称：</label><input class="general" type="text" id="orderName"/></div>
|
<div class="fill_item"><label>工单编号：</label><input class="general" type="text" id="orderCode"/></div>
|
<div class="fill_item">
|
<label>工单状态：</label>
|
<select class="mysel" id="status">
|
<option value="">全部</option>
|
<option value="${Constants.WORKFLOW_BASE_WFSTATE_DOING}" selected="selected">进行中</option>
|
<option value="${Constants.WORKFLOW_BASE_WFSTATE_FINISH}">已完成</option>
|
<option value="${Constants.WORKFLOW_BASE_WFSTATE_CLOSE}">已取消</option>
|
<option value="${Constants.WORKFLOW_BASE_WFSTATE_EVALUATE}">已评价</option>
|
</select>
|
</div>
|
<div class="fill_item"><label>环节名称：</label><input class="general" type="text" id="hjName"/></div>
|
<div class="fill_item">
|
<label>环节状态：</label>
|
<select class="mysel" id="flowstate">
|
<option value="" selected="selected">全部</option>
|
<option value="1" >待处理</option>
|
<option value="2">进行中</option>
|
<option value="3">已处理</option>
|
</select>
|
</div>
|
<div class="fill_item">
|
<label>工单类型：</label>
|
[#if types?? && types?size>0]
|
[#list types as type]
|
<span style="display:inline-block;line-height:22px;">
|
<input class="cbx ordertype" type="checkbox" value="${type.typeId}"/><em class="totxt">${type.typeName}</em>
|
</span>
|
[/#list]
|
[/#if]
|
</div>
|
|
</th><td width="15%">
|
<a class="retrievebtn" id="reset">重置</a><a class="retrievebtn focus" href="javascript:psearch();">查询</a>
|
</td></tr></table>
|
</div>
|
|
<div id="main"></div>
|
<div class="paging clearfix" id="pagination"></div>
|
|
|
|
</div>
|
|
<script type="text/javascript">
|
$("#customer_id").chosen({
|
no_results_text: "没有找到结果！",//搜索无结果时显示的提示
|
search_contains:true, //关键字模糊搜索，设置为false，则只从开头开始匹配
|
allow_single_deselect:true, //是否允许取消选择
|
max_selected_options:1 //当select为多选时，最多选择个数
|
});
|
var nowPage = 1;
|
function query(){
|
var status = $("#status").val();
|
var flowstate = $("#flowstate").val();
|
var orderName = $.trim($("#orderName").val());
|
var hjName = $.trim($("#hjName").val());
|
var orderCode = $.trim($("#orderCode").val());
|
var customerName = $.trim($("#customerName").val());
|
var customer_id = $.trim($("#customer_id").val());
|
var orderTypeArray = new Array();
|
$(".ordertype:checked").each(function() {
|
orderTypeArray.push($(this).val());
|
});
|
var orderTypes = orderTypeArray.join(",");
|
|
|
var params = {"flowstate":flowstate,"status":status,"orderName":orderName,"hjName":hjName,"orderCode":orderCode,"customerName":customerName,"types":orderTypes,"customer_id":customer_id};
|
pagination("${base}/business/pages/order/myorderData.html","${base}/business/pages/order/myorderCount.html","main","pagination",{cpage:nowPage,psize:10},params,function(data,page) {
|
nowPage = page;
|
eventListWith();
|
});
|
}
|
|
function changeParams(status) {
|
if(status == ""){
|
$("#status").val("");
|
$("#flowstate").val("")
|
}else{
|
$("#flowstate").val(status)
|
}
|
query();
|
}
|
|
function psearch() {
|
nowPage = 1;
|
query();
|
}
|
|
$(function() {
|
query();
|
|
$("#reset").click(function() {
|
window.location.reload(true);
|
});
|
|
})
|
</script>
|
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
