<!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" /]
|
[#include "/component/newsel.html" /]
|
[#include "/component/DatePicker.html" /]
|
[#assign label = GnConstants.RCYWBGGD]
|
[#include "/business/pages/include/gps.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 style="cursor: default;"><span></span><em><b>全部工单</b><i>${num.totalOrder}</i></em></a>
|
</td>
|
<td>
|
<a style="cursor: default;"><span
|
class="bgdxy"></span><em><b>待响应工单</b><i>${num["state"+Constants.WORKFLOW_NODE_FLOWSTATE_UNDISPOSE]?default(0)}</i></em></a>
|
</td>
|
<td>
|
<a style="cursor: default;"><span
|
class="bgjxz"></span><em><b>进行中工单</b><i>${num["state"+Constants.WORKFLOW_NODE_FLOWSTATE_DOING]?default(0)}</i></em></a>
|
</td>
|
<td>
|
<a style="cursor: default;"><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 href="${base}/business/pages/change/addChange.html"><img
|
src="${common_static}/static/ui/images/zc-icon-139.gif"/></a></p>
|
<a class=" newperevent" href="${base}/business/pages/change/addChange.html">新增变更</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" value="${RequestParameters.customerId}" source=customers textField="ID" valueField="CUSTOMER_NAME" labelName="customer_name" /]
|
</div>
|
|
<div class="fill_item">
|
<label>开始时间：</label>
|
[@datepicker id="startDate" value="" class="general"/]
|
</div>
|
<div class="fill_item">
|
<label>结束时间：</label>
|
[@datepicker id="endDate" value="" class="general"/]
|
</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 style="width:142px;height:26px;" id="status">
|
<option value="">全部</option>
|
<option value="${Constants.WORKFLOW_BASE_WFSTATE_DOING}">进行中</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>${Constants.CUSTOMER_CONSTANTS}联系人：</label>
|
<input class="general" type="text" id="contract"/></div>
|
|
|
</th>
|
<td width="15%">
|
<a class="retrievebtn" id="reset">重置</a>
|
<a class="retrievebtn focus" href="javascript:query();">查询</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为多选时，最多选择个数
|
});
|
function showSl() {
|
var $service = $("a.service");
|
var url = "${base}/business/pages/order/ordersl.html";
|
if ($service.length > 0) {
|
var sls = new Array();
|
$service.each(function () {
|
sls.push($(this).attr("sl"));
|
});
|
url += "?sl=" + sls.join(",");
|
}
|
|
window.top.openDialog("selectSl", "操作",
|
{},
|
{"width": 80, "height": 80},
|
[{btnId: "btnSure", btnName: "确定", btnStyle: "bluebtn"}], url);
|
}
|
|
function showName(labelIds, labelNames) {
|
var labelId = labelIds.split(",");
|
var labelName = labelNames.split(",");
|
var ahtml = "";
|
for (var i = 0; i < labelId.length; i++) {
|
ahtml += '<a class="service" sl="' + labelId[i] + '"><em class="rmsl">' + labelName[i] + '</em></a>';
|
$("#sl>a.service").remove();
|
$("#serivceList").before(ahtml);
|
}
|
}
|
|
function query() {
|
var status = $("#status").val();
|
var flowstate = $("#flowstate").val();
|
var orderName = $.trim($("#orderName").val());
|
var orderCode = $.trim($("#orderCode").val());
|
var customerId = $.trim($("#customer_id").val());
|
var projectId = $.trim($("#project_id").val());
|
var subCustomerId = $.trim($("#sub_customer_id").val());
|
var contract = $.trim($("#contract").val());
|
var startDate = $.trim($("#startDate").val());
|
var endDate = $.trim($("#endDate").val());
|
|
var priArray = new Array();
|
$(".pri:checked").each(function () {
|
priArray.push($(this).val());
|
});
|
var pri = priArray.join(",");
|
|
var dgArray = new Array();
|
$(".dg:checked").each(function () {
|
dgArray.push($(this).val());
|
});
|
var dg = dgArray.join(",");
|
|
|
var typeArray = new Array();
|
$(".sjType:checked").each(function () {
|
typeArray.push($(this).val());
|
});
|
var type = typeArray.join(",");
|
|
|
var sls = new Array();
|
var $service = $("a.service");
|
if ($service.length > 0) {
|
$service.each(function () {
|
sls.push($(this).attr("sl"));
|
});
|
}
|
|
sl = sls.join(",");
|
|
var params = {
|
"project_Id": projectId,
|
"customerId": customerId,
|
"subCustomerId": subCustomerId,
|
"flowstate": flowstate,
|
"status": status,
|
"orderName": orderName,
|
"orderCode": orderCode,
|
"contract": contract,
|
"pri": pri,
|
"dg": dg,
|
"source": type,
|
"sl": sl,
|
"startDate": startDate,
|
"endDate": endDate
|
};
|
pagination("${base}/business/pages/change/myChangeData.html", "${base}/business/pages/change/myChangeCount.html", "main", "pagination", {psize: 10}, params, function () {
|
eventListWith();
|
});
|
}
|
|
function queryStatus(status) {
|
$("#flowstate").val(status);
|
query();
|
}
|
|
$(function () {
|
query();
|
$("#reset").click(function () {
|
window.location.reload(true);
|
});
|
|
$(".rmsl").live("click", function () {
|
$(this).parent().remove();
|
});
|
|
})
|
|
//领域联动
|
function changeProject(customerId, customerName) {
|
|
//$("#sub_customer_name,#sub_customer_id").val("");
|
$.post("${base}/business/pages/servicelist/slaproject/queryProByCusId.html", {"customerId": customerId}, function (data, textStatus) {
|
var optionHtml = "<option value=''>请选择</option>";
|
$.each(data, function (i, item) {
|
optionHtml += "<option value='" + item.PROJECT_ID + "'>" + item.PROJECT_NAME + "</option>";
|
})
|
$('#project_id').html(optionHtml);
|
}, "json")
|
}
|
|
function subCus() {
|
var customer_id = $("#customer_id").val();
|
if ($.util.isEmpty(customer_id)) {
|
popupTips("请先选择${Constants.CUSTOMER_CONSTANTS}");
|
return;
|
}
|
|
var sub_customer_id = $("#sub_customer_id").val();
|
|
var url = "${base}/business/pages/servicelist/slaproject/subCus.html?type=2&customerId=" + customer_id + "&subCustomerId=" + sub_customer_id;
|
window.top.openDialog("selectSubCus", "操作",
|
{},
|
{"width": 80, "height": 80},
|
[{btnId: "btnSure", btnName: "确定", btnStyle: "bluebtn"}], url);
|
}
|
|
function showCus(labelId, labelName) {
|
$("#sub_customer_name").val(labelName);
|
$("#sub_customer_id").val(labelId);
|
}
|
</script>
|
|
[#include "/business/pages/include/footer.html" /]
|
</body>
|
</html>
|
