<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:z="http://ria.zte.com.cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link type="text/css" rel="stylesheet" href="../../../skins/default/main.css" />
<link type="text/css" rel="stylesheet" href="../../../skins/default/popup.css" />
<link type="text/css" rel="stylesheet" href="../../../css/ria_processbar1.css" />
<link type="text/css" rel="stylesheet" href="../../../css/table_cssCn.css" />
<script type="text/javascript" src="../../../js/popupdialogbox.js"></script>
<script type="text/javascript" src="../../../js/jquery.pack.js"></script>
<script type="text/javascript" src="../../../js/ria_core.js"></script>
<script type="text/javascript" src="../../../js/ria_table.js"></script>
<script type="text/javascript" src="../../../js/ria_component.js"></script>
<script type="text/javascript" src="../../../js/common.js"></script>
<script type="text/javascript" src="../../../js/addEvent.js"></script>
<script type="text/javascript" src="../../../js/Calendar.js"></script>
<script type="text/javascript" src="../../../js/umapcommon.js"></script>
<script type="text/javascript" src="../../../js/omp_validate.js"></script>
<script type="text/javascript" src="../../sys/sys.js"></script>
<link type="text/css" rel="stylesheet" href="../css/toolstoremanager.css" />
</head>
<script>
window.onload = function() {
//绑定事件
var addEvent = document.addEventListener ? function(el, type, callback) {
el.addEventListener(type, callback, !1);
}
: function(el, type, callback) {
el.attachEvent("on" + type, callback);
}
//判定对样式的支持
var getStyleName = (function() {
var prefixes = [ '', '-ms-', '-moz-', '-webkit-', '-khtml-', '-o-' ];
var reg_cap = /-([a-z])/g;
function getStyleName(css, el) {
el = el || document.documentElement;
var style = el.style, test;
for ( var i = 0, l = prefixes.length; i < l; i++) {
test = (prefixes[i] + css).replace(reg_cap,
function($0, $1) {
return $1.toUpperCase();
});
if (test in style) {
return test;
}
}
return null;
}
return getStyleName;
})();
var userSelect = getStyleName("user-select");
//精确获取样式
var getStyle = document.defaultView ? function(el, style) {
return document.defaultView.getComputedStyle(el, null)
.getPropertyValue(style)
} : function(el, style) {
style = style.replace(/\-(\w)/g, function($, $1) {
return $1.toUpperCase();
});
return el.currentStyle[style];
}
var dragManager = {
y : 0,
dragStart : function(e) {
e = e || event;
var handler = e.target || e.srcElement;
if (handler.nodeName === "TD") {
handler = handler.parentNode;
dragManager.handler = handler;
if (!handler.getAttribute("data-background")) {
handler.setAttribute("data-background", getStyle(
handler, "background-color"))
}
//显示为可移动的状态
handler.style.backgroundColor = "#ccc";
handler.style.cursor = "move";
dragManager.y = e.clientY;
//★★★★★★★★★★★★★★★★★★★★
if (typeof userSelect === "string") {
return document.documentElement.style[userSelect] = "none";
}
document.unselectable = "on";
document.onselectstart = function() {
return false;
}
//★★★★★★★★★★★★★★★★★★★★
}
},
draging : function(e) {//mousemove时拖动行
var handler = dragManager.handler;
if (handler) {
e = e || event;
var y = e.clientY;
var down = y > dragManager.y;//是否向下移动
var tr = document.elementFromPoint(e.clientX, e.clientY);
if (tr && tr.nodeName == "TD") {
tr = tr.parentNode
dragManager.y = y;
if (handler !== tr) {
tr.parentNode.insertBefore(handler,
(down ? tr.nextSibling : tr));
}
}
;
}
updateTable();
},
dragEnd : function() {
var handler = dragManager.handler
if (handler) {
handler.style.backgroundColor = handler
.getAttribute("data-background");
handler.style.cursor = "default";
dragManager.handler = null;
}
//★★★★★★★★★★★★★★★★★★★★
if (typeof userSelect === "string") {
return document.documentElement.style[userSelect] = "text";
}
document.unselectable = "off";
document.onselectstart = null;
updateTable();
//★★★★★★★★★★★★★★★★★★★★
},
main : function(el) {
addEvent(el, "mousedown", dragManager.dragStart);
addEvent(el, "mousemove", dragManager.draging);
addEvent(el, "mouseup", dragManager.dragEnd);
}
}
var el = document.getElementById("hottable");
dragManager.main(el);
}
</script>
<script>
var tooltypeMap={};
var toolclassifyMap={};
//转换工具分类
function gettooltype(keyvalue){
keyvalue['eaassort'] = tooltypeMap[keyvalue['eaassort']];
return keyvalue;
}
//转换工具类型
function gettoolclassify(keyvalue){
keyvalue['eagenre'] = toolclassifyMap[keyvalue['eagenre']];
return keyvalue;
}
//转换时间显示
function formatTime(keyvalue) {
keyvalue['activetime'] = getTime(keyvalue['activetime']);
return keyvalue;
}
function init(){
//查询热门工具信息 反馈一个string 我们可以放置到table中
callSid('hotSearch');
callSid('gettype','','$M.typeList');
callSid('getclass','','$M.classList');
//获取工具分类(table)
callUrl('tooleapath/getMapToolstype.ssm',null,'tooltypeMap',true);
tooltypeMap = tooltypeMap.rtnValue;
//获取工具类型(table)
callUrl('tooleapath/getMapToolclassify.ssm',null,'toolclassifyMap',true);
toolclassifyMap = toolclassifyMap.rtnValue;
//查询热门工具信息
searchTableData('toolSearch','$M.ea','toolmaintenancelist');
}
addOnloadEvent(init);
function geteaassortName(keyvalue){
keyvalue['eaassort'] = typeMap[keyvalue['eaassort']];
return keyvalue;
}
function geteagenreName(keyvalue){
keyvalue['eagenre'] = classMap[keyvalue['eagenre']];
return keyvalue;
}
function submitquery(){
clearData();
searchTableData('stuSearch','$M.queryObj','toolmaintenancelist');
}
function clearData(){
clearAllMsgWide();
}
function dealResult(){
var ls=document.getElementById("txtResult").value;
//得到一个string 是以*分割对象字符串 然后通过遍历对象 放置到页面id为hottable的table中
var tool=ls.split("*");
var sum=tool.length-1;
var opanel=document.getElementById("hottable");
var pchildren = opanel.childNodes;
//清空表中的行和列
for(var a=0; a<pchildren.length; a++){
opanel.removeChild(pchildren[a]);
}
for(var i=0;i<sum;i++)
{
var newRow = opanel.insertRow();
// newRow.setAttribute("onDblClick","document.getElementById('checkrowid').value=this.rowIndex;document.getElementByid('toolinfo').value='"+tool[i]+"';clearStyle();this.style.background='red';");
// newRow.setAttribute("onMouseDown","document.getElementById('checkrowid').value=this.rowIndex;document.getElementById('toolinfo').value='"+tool[i]+"';clearStyle();this.style.background='rgb(226,255,219)';");
//得到表的对象并插入一行，下面是插入了行以后，填充相应的列节点，如下面所示
newRow.onmousedown=function(){
document.getElementById('checkrowid').value=this.rowIndex;
document.getElementById('toolinfo').value='"+tool[i]+"';
clearStyle();
this.style.cssText='background:rgb(226,255,219)';
}
var oCell = newRow.insertCell();//插入列的节点
oCell.setAttribute("width","80%");
oCell.innerHTML = "<input type=hidden value="+tool[i].split(",")[0]+" name='saveids' />"+tool[i].split(",")[1]; //列里面填充的值，innerHtml值列内的所有元素
// oCell.innerHTML = tool[i].split(",")[1];
oCell = newRow.insertCell();
oCell.setAttribute("width","10%");
oCell.innerHTML = "<input type=hidden value="+tool[i].split(",")[5]+" name='savesorts' />"+tool[i].split(",")[5];
//删除列
oCell = newRow.insertCell();
oCell.setAttribute("width","10%");
oCell.innerHTML = "<img src='../img/del.gif' names='pics' onclick='delHotTool("+tool[i].split(",")[0]+")'/>";
//newRow.setAttribute("onMouseover","showDelpic('"+newRow+"','"+tool[i].split(",")[0]+"')");
}
}
//删除热门工具
function delHotTool(id){
if (!window.confirm(''+$res_entry("msg.mcp.common.confirmdelete"))){
return ;
}
//要删除的工具id带上 用以删除
document.getElementById("delHotId").value=id;
callSid('delHotTool','[$M.del]');
}
//条件查询工具信息
function queryeainfo(){
searchTableData('toolSearch','$M.ea','toolmaintenancelist');
}
//将工具添加到热门工具表
function addHotTool(){
var checkedids="";
for (var i=0 ;i<document.getElementsByName("check").length;i++)
{
if(document.getElementsByName("check")[i].checked)
{
checkedids+=document.getElementsByName("check")[i].value+","
}
}
//得到选择的工具的id(此id用于 1，将工具列表中的该条信息过滤掉 2，添加至工具排行表中)
//alert(checkedids);
if(checkedids=='')
{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.nochecked"),"omp/toolstoremanager/content/hotTool.html",false);
}else{
document.getElementById("checkedids").value=checkedids;
callSid('insertToolmaintenance','[$M.tool]');
}
}
//保存排序
function savasort(){
var aftersave="";
for(var i=0;i<document.getElementsByName("saveids").length;i++)
{
//判断是用来去除掉删除的信息的id。
if(document.getElementById("delHotId").value!=document.getElementsByName("saveids")[i].value){
aftersave+=document.getElementsByName("saveids")[i].value+",";
}
};
document.getElementById("hottoolids").value=aftersave;
callSid('updatesortbyids','[$M.sort]');
}
//添加到热门工具后响应 insertToolmaintenance
function insertResponse(){
var code=document.getElementById("txtResult").value;
if( code== "success"){
openMsg("0:"+$res_entry("lable.omp.toolstoremanager.content.addSuccess"),"omp/toolstoremanager/content/hotTool.html",true);
//init();
}else if(code=="error"){
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.addFiled"),"omp/toolstoremanager/content/hotTool.html",true);
}else{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.addFiled"),"omp/toolstoremanager/content/hotTool.html",true);
}
}
//修改排序信息结果响应 updatesortbyids
function updateResponse(){
var code=document.getElementById("txtResult").value;
if( code== "success"){
openMsg("0:"+$res_entry("lable.omp.toolstoremanager.content.updateSuccess"),"omp/toolstoremanager/content/hotTool.html",true);
//init();
}else if(code=="error"){
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.updateFiled"),"omp/toolstoremanager/content/hotTool.html",true);
}else{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.updateFiled"),"omp/toolstoremanager/content/hotTool.html",true);
}
};
//删除热门工具信息结果响应
function delResponse(){
var code=document.getElementById("txtResult").value;
if(code== "success"){
//删除信息之后应当保存修改后的顺序
savasort();
//openMsg("0:"+$res_entry("lable.omp.toolstoremanager.content.delSuccess"),"omp/toolstoremanager/content/hotTool.html",true);
}else if(code=="error"){
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.delFiled"),"omp/toolstoremanager/content/hotTool.html",true);
}else{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.delFiled"),"omp/toolstoremanager/content/hotTool.html",true);
}
}
//上移行
function upsort(){
//获取table对象
var opanel=document.getElementById("hottable");
var checksort=document.getElementById('checkrowid').value;
if(checksort=='')
{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.nochecked"),"omp/toolstoremanager/content/hotTool.html",false);
return ;
}
if(checksort<=0)
{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.onfirst"),"omp/toolstoremanager/content/hotTool.html",false);
return ;
}
opanel.deleteRow(checksort);
var tool=document.getElementById("toolinfo").value;
var newRow = opanel.insertRow(parseInt(checksort)-1);
newRow.setAttribute("style","background:rgb(226,255,219)");
newRow.setAttribute("onMouseDown",";document.getElementById('toolinfo').value='"+tool+"';clearStyle();this.style.background='rgb(226,255,219)';");
//得到表的对象并插入一行，下面是插入了行以后，填充相应的列节点，如下面所示
var oCell = newRow.insertCell();//插入列的节点
oCell.setAttribute("width","80%");
oCell.innerHTML = "<input type=hidden value="+tool.split(",")[0]+" name='saveids' />"+tool.split(",")[1];
oCell = newRow.insertCell();
oCell.setAttribute("width","10%");
oCell.innerHTML = "<input type=hidden value="+tool.split(",")[5]+" name='savesorts' />"+tool.split(",")[5];
oCell = newRow.insertCell();
oCell.setAttribute("width","10%");
oCell.innerHTML = "<img src='../img/del.gif' names='pics' onclick='delHotTool("+tool.split(",")[0]+")'/>";
//上移一行之后 将保存的行号信息更新
document.getElementById('checkrowid').value=parseInt(newRow.rowIndex);
}
//下移行
function downsort(){
//获取table对象
var opanel=document.getElementById("hottable");
var checksort=document.getElementById('checkrowid').value;
var len=document.getElementById("hottable").rows.length;
//没有选中信息
if(checksort=='')
{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.nochecked"),"omp/toolstoremanager/content/hotTool.html",false);
return ;
}
//已经到达最后一行
if(parseInt(checksort)>(parseInt(len)-2))
{
openMsg("1:"+$res_entry("lable.omp.toolstoremanager.content.onlast"),"omp/toolstoremanager/content/hotTool.html",false);
return ;
}
opanel.deleteRow(checksort);
var tool=document.getElementById("toolinfo").value;
var newRow = opanel.insertRow(parseInt(checksort)+1);
newRow.setAttribute("style","background:rgb(226,255,219)");
newRow.setAttribute("onMouseDown","document.getElementById('toolinfo').value='"+tool+"';clearStyle();this.style.background='rgb(226,255,219)';");
//得到表的对象并插入一行，下面是插入了行以后，填充相应的列节点，如下面所示
var oCell = newRow.insertCell();//插入列的节点
oCell.setAttribute("width","80%");
oCell.innerHTML = "<input type=hidden value="+tool.split(",")[0]+" name='saveids' />"+tool.split(",")[1];
oCell = newRow.insertCell();
oCell.setAttribute("width","10%");
oCell.innerHTML = "<input type=hidden value="+tool.split(",")[5]+" name='savesorts' />"+tool.split(",")[5];
oCell = newRow.insertCell();
oCell.setAttribute("width","10%");
oCell.innerHTML = "<img src='../img/del.gif' names='pics' onclick='delHotTool("+tool.split(",")[0]+")'/>";
//将保存的行号信息更新
document.getElementById('checkrowid').value=parseInt(newRow.rowIndex);
}
//请除样式
function clearStyle(){
for(var i=0;i<document.getElementById("hottable").rows.length;i++)
{
// alert(document.getElementById("hottable").rows[i].style.background);
document.getElementById("hottable").rows[i].style.background='white';
}
}
//更新表的信息 防止拖拽加移动引起的table混乱
function updateTable(){
var isChecked=false;
for(var i=0;i<document.getElementById("hottable").rows.length;i++)
{
if(document.getElementById("hottable").rows[i].style.background=='rgb(226,255,219)'){
document.getElementById('checkrowid').value=document.getElementById("hottable").rows[i].rowIndex;
isChecked=true;
};
}
//如果没有选中 清空保存的选中信息
if(!isChecked)
{
document.getElementById('checkrowid').value='';
}
}
function afterSearch(tableData,tableId){
noDataTrips(tableData,tableId);
}
</script>
<body>
<input id="txtResult" type="hidden"/>
<input id="checkedids" type="hidden"/>
<input id="hottoolids" type="hidden"/>
<input id="delHotId" type="hidden"/>
<input id="checkrowid" type="hidden"/>
<input id="toolinfo" type="hidden" />
<z:binds id="temp_binds">
<z:bind ctrl="txtResult" ref="result" />
<z:bind ctrl="checkedids" ref="tool.hottoolid" />
<z:bind ctrl="hottoolids" ref="sort.hottoolids" />
<z:bind ctrl="tooleaname" ref="ea.eaname" />
<z:bind ctrl="toolactivetime" ref="ea.activetime" />
<z:bind ctrl="tooleaassort" ref="ea.eaassort" />
<z:bind ctrl="tooleagenre" ref="ea.eagenre" />
<z:bind ctrl="delHotId" ref="del.hottoolid" />
<z:bind ctrl="tooleagenre" ref="classList" ctrlext="text:textList;value:valueList;defaultValue:defaultValue"></z:bind>
<z:bind ctrl="tooleaassort" ref="typeList" ctrlext="text:textList;value:valueList;defaultValue:defaultValue"></z:bind>
</z:binds>
<z:service id="insertToolmaintenance" method='post' url="toolmaintenancepath/insertToolMaintenance.ssm">
<z:request para="[$M.tool]" />
<z:response rtn="$M.result" postResponse="insertResponse();" />
</z:service>
<z:service id="updatesortbyids" method='post' url="toolmaintenancepath/updatehottoolsortbyid.ssm">
<z:request para="[$M.sort]" />
<z:response rtn="$M.result" postResponse="updateResponse();" />
</z:service>
<z:service id="toolSearch" method='post' url="tooleapath/pageInfoQueryHot.ssm">
<z:request para="[$M.ea]" />
<z:response postResponse="afterSearch($M.toolmaintenancelist,'toolmaintenancelist')"/>
</z:service>
<z:service id="hotSearch" method='post' url="toolmaintenancepath/getToolAllforString.ssm" onError="dealResult()">
<z:request para="[$M.queryObj]" />
<z:response rtn="$M.result" postResponse="dealResult()"/>
</z:service>
<z:service id="getclass" method="get" url="tooleapath/getToolclassifySelect.ssm" onError="show()">
<z:request preRequest="" postRequest=""></z:request>
<z:response rtn="$M.classList" preResponse="" postResponse=""></z:response>
</z:service>
<z:service id="gettype" method="get" url="tooleapath/getToolstypeSelect.ssm" onError="show()">
<z:request preRequest="" postRequest=""></z:request>
<z:response rtn="$M.typeList" preResponse="" postResponse=""></z:response>
</z:service>
<z:service id="delHotTool" method='post' url="toolmaintenancepath/delToolMaintenance.ssm">
<z:request para="[$M.del]" />
<z:response rtn="$M.result" postResponse="delResponse();" />
</z:service>
<z:include id="" url="../../common/popupdialogbox.html" />
<div class="title">
<z:navi id="navi1" menuId="portal.content.popvindicate"></z:navi>
</div>
<div class="tab">
<table>
<tr>
<td class="on"><a href="#"><span resid="span.toolstoremanager.content.hottoolmanager"></span></a></td>
</tr>
</table>
</div>
<div class="tabBlock">
<div class="editBlock">
<form>
<table width="100%" id="table2" class="tb_searchbar">
<tr>
<td colspan="4" class="subtitle" >
<label resid="tab.sdp.queryInfo"></label>
</td>
</tr>
<tbody>
<tr>
<th width="20%">
<label resid="lable.omp.toolstoremanager.content.ename"></label>
</th>
<td width="30%">
<input class="inputText" type="text" maxlength="200" name="tooleaname" id="tooleaname"/>
<th width="20%">
<label resid="lable.omp.toolstoremanager.content.eaassort"></label>
</th>
<td width="30%">
<select style="width: 130px" id="tooleaassort">
</select>
</td>
</tr>
<tr>
<th width="20%">
<label resid="lable.omp.toolstoremanager.content.eagenre"></label>
</th>
<td>
<select style="WIDTH: 130px" id="tooleagenre">
</select>
</td>
</tr>
<tr>
<th width="20%">
<label resid="lable.omp.toolstoremanager.content.activetime"></label>
</th>
<td>
<z:calendar id="toolactivetime"
target="activetime"
formate='yyyy-mm-dd'
imgurl='../../../images/calendar.gif'>
</z:calendar>
</td>
<th width="20%">
</th>
<td>
</td>
</tr>
<tr>
<td colspan="4" class="toolbar">
<input id="ea_submit" type="button" class="inputButton" resid="button.query" onclick="queryeainfo()"/>
<input id="bulletin_reset" type="reset" class="inputButton" resid="button.clear" onclick="clearData()"/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="dataGrid dataGrid_bordernull">
<div id="table_cpspQuery_scDiv">
<table width="100%" class="title-table">
<tr>
<td class="subtitle" >
<label resid="lable.omp.toolstoremanager.content.addhotTool"></label>
</td>
</tr>
</table>
<table>
<tr>
<td class="tools_detail" valign="top">
<table>
<tr>
<td>
<z:table turnpage="true" editable="false" pagesizelist="10,25,50" isserversort="true" width="100%" id="toolmaintenancelist">
<z:column id="eaid" caption="工具ID" resid="caption.omp.toolstoremanager.content.eaid" prop="eaid" captionstyle="text-align:center" style="text-align:center;" ></z:column>
<z:column id="eaname" caption="工具名称" resid="caption.omp.toolstoremanager.content.ename" prop="eaname" captionstyle="text-align:center" style="text-align:center;" ></z:column>
<z:column id="activetime" caption="时间" resid="caption.omp.toolstoremanager.content.activetime" prop="activetime" captionstyle="text-align:center" style="text-align:center;" calculate="formatTime"></z:column>
<z:column id="eaassort" caption="工具分类" calculate="gettooltype" resid="caption.omp.toolstoremanager.content.eaassort" prop="eaassort" captionstyle="text-align:center" style="text-align:center;"></z:column>
<z:column id="eagenre" caption="工具类型" calculate="gettoolclassify" resid="caption.omp.toolstoremanager.content.eagenre" prop="eagenre" captionstyle="text-align:center" style="text-align:center;"></z:column>
<z:column id=col0 width="10%" resid="caption.omp.toolstoremanager.criticism.all" checkall="true" iskey="true">
<input type="checkbox" value="" name='check' prop="eaid" onclick="cbevent(this)"/>
</z:column>
</z:table>
</td>
</tr>
<tr>
<td>
<input type="button" onclick="addHotTool();" class="inputButton" resid="button.omp.toolstoremanager.content.addhotTool" />
</td>
</tr>
</table>
</td>
<td class="tools_rank" valign="top">
<table>
<tbody>
<tr class=tr_detail>
<th>
<span resid="span.toolstoremanager.content.hottoolsort"></span>
</th>
</tr>
<tr>
<td>
<div class="sort_wrap_div">
<table class="sortClass sortClass1" style="" id="hottable">
</table>
</div>
<div class="operate">
<a href="#" ><img onclick="upsort()" src="../../../images/icon_shiftup.gif"></a>
<a href="#""><img onclick="downsort()" src="../../../images/icon_shiftdown.gif"></a>
</div>
</td>
</tr>
<tr>
<td id="table_cpspQuery_pages" class="tableNavigator rankSubmit">
<input id="ea_submit" type="button" class="inputButton" resid="button.save" onclick="savasort();"/>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
</div>
</div></body>
</html>
?