Javascript  脚本在WEB系统需求分析快速原型法中起到了不可替代的作用,其动态效果和可用性体验,能够有效增进系统分析员和客户之间的感官交流,将需求分析工作快速地引入到"使用之后"的层次之中,为后续设计和开发工作提供了一个可靠的基础,从整体上缩短了整个项目的实施周期,值得我们对其进行进一步的分析和总结.

以下是笔者使用Javascript  脚本构建的一个WEB系统某功能模块需求分析原型页面代码(*.htm),供同行参考:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 单机考核 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="sharpnessdotnet">
<META NAME="Keywords" CONTENT="快速原型法,WEB系统应用,Javascript脚本技术">
<META NAME="Description" CONTENT="sharpnessdotnet@163.com">
<style >
 body,table,div{
 font-size:13px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 border-style:solid;
 border-color:#565656;
 border-bottom:1px;
 border-left:1px; 
 border-right:1px; 
 border-top:1px; 
 }
 A{
  TEXT-DECORATION: none;
  color: #3366FF;
  font-size: 11px;
  font-family: arial;
 }
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
    /*配置说明:g_HiddenWhenEdit设置为false则不隐藏主区域*/
 var g_HiddenWhenEdit = false;
 /*配置说明:全局层对象数组*/
 var g_Div_Array = new Array('SBCZ','SBWX','SBZJ','LTHY','QTFY','YLHY','SBXX','CSPZ');
 //编辑模式
 function ShowEditMode(_Div)
 {
  for( var i = 0; i < g_Div_Array.length; i ++)
  {
   
   if(g_Div_Array[i] == _Div)
   {
    document.getElementById(g_Div_Array[i]).style.visibility = "visible";
    document.getElementById(g_Div_Array[i]).style.left = 10;
    if(g_HiddenWhenEdit == true)
    {
     document.getElementById(g_Div_Array[i]).style.top = 0;
    }
    else
    {
     document.getElementById(g_Div_Array[i]).style.top = 220;
    }
    document.getElementById(g_Div_Array[i]).style.position = "absolute";    
   }
   else
   {
    document.getElementById(g_Div_Array[i]).style.visibility = "hidden";    
   }
  }
  if(g_HiddenWhenEdit == true)
  {
   document.getElementById("QueryArea").style.visibility = "hidden";
   document.getElementById("DataList").style.visibility = "hidden";
  }
  return true;
 }
 //隐藏图层
 function InitAllDiv()
 {
  for( var i = 0; i < g_Div_Array.length; i ++)
  {   
   document.getElementById(g_Div_Array[i]).style.visibility = "hidden";
  } 
  if(g_HiddenWhenEdit == true)
  {
   document.getElementById("QueryArea").style.visibility = "visible";
   document.getElementById("DataList").style.visibility = "visible";
  }
  return true;
 }
 //全部选择
 function SelectAll(_Table)
 {
  var bSel = event.srcElement.checked;
  var objs = document.getElementById(_Table).getElementsByTagName("input");
  for(var index = 0 ;index<objs.length;index++)
  {
   if(objs[index].type=='checkbox')
   {
    if(objs[index].id.indexOf('demo')>=0)
    objs[index].checked = bSel;
   }
  }
 }
 //构建备注
 function BuildMark()
 {
  var sOutputDiv = '<div id = "MarkPannel" style = "position:absolute;visibility:hidden">';
  sOutputDiv = sOutputDiv  + '<table bgcolor = "#C0C0C0" border = "1">';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<textarea style="width:200px;height=:50px;"></textarea>';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td align = "right" >';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "保存" onclick = "HiddenMark();">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "取消" onclick = "HiddenMark();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '</table>';
  sOutputDiv = sOutputDiv  + '</div>';
  document.write(sOutputDiv);
 }
 //显示备注
 function ShowMark()
 {
  var pX = event.clientX;
  var pY = event.clientY;  
  document.getElementById("MarkPannel").style.left = pX;
  document.getElementById("MarkPannel").style.top = pY;
  document.getElementById("MarkPannel").style.visibility = "visible";
  return true;
 }

//隐藏备注
 function HiddenMark()
 {
  document.getElementById("MarkPannel").style.visibility = "hidden";
 }
 //构建产值
 function BuildWork()
 {
  var sOutputDiv = '<div id = "WorkPannel" style = "position:absolute;visibility:hidden">';
  sOutputDiv = sOutputDiv  + '<table bgcolor = "#C0C0C0" border = "1">';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '运行总时长：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>台时</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '待命总时长：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>台时</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '完成工程量：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>方</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '完成工程量：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>吨</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';  
  sOutputDiv = sOutputDiv  + '<td align = "right">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "保存" onclick = "HiddenWork();">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "取消" onclick = "HiddenWork();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '</table>';
  sOutputDiv = sOutputDiv  + '</div>';
  document.write(sOutputDiv);
 }
 //显示产值
 function ShowWork()
 {
  var pX = event.clientX;
  var pY = event.clientY;
  document.getElementById("WorkPannel").style.left = pX;
  document.getElementById("WorkPannel").style.top = pY;
  document.getElementById("WorkPannel").style.visibility = "visible";
  return true;
 }
 //隐藏产值
 function HiddenWork()
 {
  document.getElementById("WorkPannel").style.visibility = "hidden";
 }
 //构建外修
 function BuildOutMater()
 {
  var sOutputDiv = '<div id = "OutMaterPannel" style = "position:absolute;visibility:hidden">';
  sOutputDiv = sOutputDiv  + '<table bgcolor = "#C0C0C0" border = "1" id = "T_OUTMATER_EDIT">';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '材料名称：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td><a href="#LockHere">选择物资</a></td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '材料规格：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '计量单位：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '材料单价：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10" onkeypress = "return checkFloatField();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '使用数量：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10" onkeypress = "return checkFloatField();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '金额合计：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10" onkeypress = "return checkFloatField();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';  
  sOutputDiv = sOutputDiv  + '<td align = "right">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "保存" onclick = "HiddenOutMater();">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "取消" onclick = "HiddenOutMater();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '</table>';
  sOutputDiv = sOutputDiv  + '</div>';
  document.write(sOutputDiv);
 }
 //显示外修
 function ShowOutMater()
 {
  var pX = event.clientX;
  var pY = event.clientY;  
  document.getElementById("OutMaterPannel").style.left = pX;
  document.getElementById("OutMaterPannel").style.top = document.body.scrollTop + pY;
  document.getElementById("OutMaterPannel").style.visibility = "visible";
  document.getElementById('LockView').href = "#LockHere";
  return true;
 }
 //隐藏外修
 function HiddenOutMater()
 {
  var _editTable = document.getElementById("T_OUTMATER_EDIT");
  var _dataArray = new Array();
  //获得输入值,并跳过最后一行的控制行
  for(var i = 0; i < _editTable.rows.length - 1; i ++)
  {
   _dataArray.push(_editTable.rows[i].childNodes[1].childNodes[0].value);
  }  
        var _objTable = document.getElementById("T_OUTMATER");
  BuildRows(_objTable,_dataArray);
  document.getElementById("OutMaterPannel").style.visibility = "hidden";
 }
   //小数输入
 function checkFloatField()
 {
  var key = String.fromCharCode(event.keyCode);
  if(key>"9" && key != "."|| key<"0" && key != ".")
  {
   return false;
  }
  else
   return true;
 } 
 //构建轮胎
 function BuildTyre()
 {
  var sOutputDiv = '<div id = "TyrePannel" style = "position:absolute;visibility:hidden">';
  sOutputDiv = sOutputDiv  + '<table bgcolor = "#C0C0C0" border = "1">';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '硫化轮胎：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>条</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '翻新轮胎：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>条</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '更换轮胎：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>条</td>';
  sOutputDiv = sOutputDiv  + '</tr>';   
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';  
  sOutputDiv = sOutputDiv  + '<td align = "right">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "保存" onclick = "HiddenTyre();">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "取消" onclick = "HiddenTyre();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '</table>';
  sOutputDiv = sOutputDiv  + '</div>';
  document.write(sOutputDiv);
 }
 //显示轮胎
 function ShowTyre()
 {
  var pX = event.clientX;
  var pY = event.clientY;  
  document.getElementById("TyrePannel").style.left = pX;
  document.getElementById("TyrePannel").style.top = pY;
  document.getElementById("TyrePannel").style.visibility = "visible";
  return true;
 }
 //隐藏轮胎
 function HiddenTyre()
 {
  document.getElementById("TyrePannel").style.visibility = "hidden";
 }
 //构建油料
 function BuildOil()
 {
  var sOutputDiv = '<div id = "OilPannel" style = "position:absolute;visibility:hidden">';
  sOutputDiv = sOutputDiv  + '<table bgcolor = "#C0C0C0" border = "1">';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '0#柴油：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>升</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '93#汽油：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>升</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '97#汽油：';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>';
  sOutputDiv = sOutputDiv  + '<input type = "textbox" size = "10">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>升</td>';
  sOutputDiv = sOutputDiv  + '</tr>';  
  sOutputDiv = sOutputDiv  + '<tr>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';  
  sOutputDiv = sOutputDiv  + '<td align = "right">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "保存" onclick = "HiddenOil();">';
  sOutputDiv = sOutputDiv  + '<input type = "button" value = "取消" onclick = "HiddenOil();">';
  sOutputDiv = sOutputDiv  + '</td>';
  sOutputDiv = sOutputDiv  + '<td>&nbsp;</td>';
  sOutputDiv = sOutputDiv  + '</tr>';
  sOutputDiv = sOutputDiv  + '</table>';
  sOutputDiv = sOutputDiv  + '</div>';
  document.write(sOutputDiv);
 }
 //显示油料
 function ShowOil()
 {
  var pX = event.clientX;
  var pY = event.clientY;  
  document.getElementById("OilPannel").style.left = pX;
  document.getElementById("OilPannel").style.top = pY;
  document.getElementById("OilPannel").style.visibility = "visible";
  return true;
 }
 //隐藏油料
 function HiddenOil()
 {
  document.getElementById("OilPannel").style.visibility = "hidden";
 }
 //构建系统
 function BuildDivSystem()
 {
  BuildMark();
  BuildWork();
  BuildOutMater();
  BuildOil();
  BuildTyre();
 }
 //创建记录
 function BuildRows(_table,_dataArray)
 {
  var _cell,_row,_text,_tbody,_Amount;
  _tbody = _table.childNodes[0];
  _Amount = 0;
  //移除合计列
  _tbody.removeChild(_table.rows[_table.rows.length - 1]);
  _row = document.createElement("tr");
  for(var i = 0 ; i < _dataArray.length; i ++)
  {
      _text = document.createTextNode(_dataArray[i]);
   _cell = document.createElement("td"); 
   _cell.appendChild(_text);
   //_cell.setAttribute("bgColor","#33CCCC");
   _row.appendChild(_cell);   
  }
  _tbody.appendChild(_row);
  //计算合计值
  for(var i = 0 ; i < _table.rows.length; i ++)
  {
   //跳过标题列
   if(i == 0)continue;
   _Amount = _Amount + new Number(_table.rows[i].childNodes[_dataArray.length - 1].childNodes[0].data);
  }
  //添加合计列
  _row = document.createElement("tr");
  for(var i = 0 ; i < _dataArray.length; i ++)
  {
      if(i == 0)
   {
    _text = document.createTextNode("费用合计:");
   }
   else if (i == _dataArray.length - 1)
   {
    _text = document.createTextNode(new String(_Amount));
   }
   else
   {
    _text = document.createTextNode("/t");
   }
   _cell = document.createElement("td"); 
   _cell.appendChild(_text);
   _row.appendChild(_cell);   
  } 
  _tbody.appendChild(_row);
 }
 //页面加载
 window.onload = InitAllDiv;
//-->
</SCRIPT>
</HEAD>
<BODY>
<table border=0 cellpadding=0 cellspacing=0 >
    <tr>
  <!--Query Area Here-->
  <td>
      <div id = "QueryArea" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
       <tr>
     <Td>设备类型:</td>
     <Td>
       <select>
       <option selected="selected" value=" " size = 20>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
       <option value="1">土石方机械</option>
       <option value="93">　└.挖掘机</option>
       <option value="94">　└.装载机</option>
       <option value="95">　└.推土机</option>
       <option value="96">　└.铲运机</option>
       <option value="97">　└.平地机</option>
       <option value="98">　└.压路机</option>
       <option value="99">　└.振动碾</option>
      </select>  
     </td>
     <Td>领用单位:</td>
     <Td>
       <select>
       <option selected="selected" value=" " size = 20>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
       <option value="1">机械大队</option>
       <option value="93">开挖一队</option>
      </select> 
     </td>
     <Td>局编号码:</td>
     <Td><input type = "textbox" size = 20 /></td>
     <Td align = "right"><input type = "button" value = "配置" onclick = "ShowEditMode('CSPZ');"/></td>
    </tr>
    <tr>
     <Td>自编号码:</td><Td><input type = "textbox" size = 20 /></td>
     <Td>设备名称:</td><Td><input type = "textbox" size = 20 /></td>
     <Td>设备规格:</td><Td><input type = "textbox" size = 20 /></td>
     <Td align = "right"><input type = "button" value = "查询"/></td>
    </tr>
   </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>  
      <!--Data List Here-->
   <div id = "DataList">
   <table border = "1" width="800px">
       <!--Data Title Area -->
    <tr bgcolor = "#C0C0C0"><td>局编号</td><td>自编号</td><td>设备名称</td><td>设备规格</td><td>设备产值</td><td>设备维修</td><td>轮胎耗用</td><td>油料耗用</td><td>设备折旧</td><td>设备电耗</td><td>编码定义</td></tr>    
    <!--Base Data List Area-->
    <tr>
     <td>自购D-914</td><td>121#</td><td>斯太尔自卸车</td><td>SX3254BM294</td><td><a href = "#" onclick = "ShowEditMode('SBCZ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBWX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('LTHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('YLHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBXX');">编辑</a></td>
    </tr>
    <tr>
     <td>自购D-914</td><td>121#</td><td>斯太尔自卸车</td><td>SX3254BM294</td><td><a href = "#" onclick = "ShowEditMode('SBCZ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBWX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('LTHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('YLHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBXX');">编辑</a></td>
    </tr>
    <tr>
     <td>自购D-914</td><td>121#</td><td>斯太尔自卸车</td><td>SX3254BM294</td><td><a href = "#" onclick = "ShowEditMode('SBCZ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBWX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('LTHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('YLHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBXX');">编辑</a></td>
    </tr>
    <tr>
     <td>自购D-914</td><td>121#</td><td>斯太尔自卸车</td><td>SX3254BM294</td><td><a href = "#" onclick = "ShowEditMode('SBCZ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBWX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('LTHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('YLHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBXX');">编辑</a></td>
    </tr>
    <tr>
     <td>自购D-914</td><td>121#</td><td>斯太尔自卸车</td><td>SX3254BM294</td><td><a href = "#" onclick = "ShowEditMode('SBCZ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBWX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('LTHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('YLHY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBXX');">编辑</a></td>
    </tr>
    <!--Page Data Control Area-->
    <tr bgcolor = "#C0C0C0"><td align = "right" colspan = "11"><a href = "#">首页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末页</a></td></tr> 
   </table>
   </div >
  </td>
 </tr>
 <tr>
  <td>
   <!--设备产值-->
   <div id = "SBCZ" >
    <table border=1 cellpadding=0 cellspacing=0 width="800px">
        <!--控制部分-->
     <tr>
      <Td>
       <table border=1 cellpadding=0 cellspacing=0 width="800px" id = "T_SBCZ">
       <tr>
           <Td>
         设备类型：
        </td> 
        <Td>
          <select>
          <option selected="selected" value=" " size = 20>&nbsp;&nbsp;所有&nbsp;&nbsp;</option>
          <option value="1">土石方机械</option>
          <option value="93">　└.挖掘机</option>
          <option value="94">　└.装载机</option>
          <option value="95">　└.推土机</option>
          <option value="96">　└.铲运机</option>
          <option value="97">　└.平地机</option>
          <option value="98">　└.压路机</option>
          <option value="99">　└.振动碾</option>
         </select>  
        </td>
           <td >录入类型:</td>
        <td><select><option selected="selected" value=" " >当日发生</option><option selected="selected" value=" " >月度累计</option></select>
        </td>       
        <td>财务月份:</td>
        <td>
         <span >
         <select >
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
           <option value="1999">1999</option>
           <option value="2000">2000</option>
           <option value="2001">2001</option>
           <option value="2002">2002</option>
           <option value="2003">2003</option>
           <option value="2004">2004</option>
           <option value="2005">2005</option>
           <option selected="selected" value="2006">2006</option>
           <option value="2007">2007</option>
           <option value="2008">2008</option>
           <option value="2009">2009</option>
           <option value="2010">2010</option>
           <option value="2011">2011</option>
           <option value="2012">2012</option>
           <option value="2013">2013</option>
           <option value="2014">2014</option>
           <option value="2015">2015</option>
           <option value="2016">2016</option>
          </select>年
          <select>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option selected="selected" value="12">12</option>
          </select>月
         </span>
        </td>   
        <td >发生日期:</td>
        <td colspan = "2"><input type = "textbox" size = 16 /></td>
       </tr>
       <tr bgcolor = "#C0C0C0"><td>选择</td><td>自编号</td><td colspan = "2">设备名称</td><td colspan = "2">设备规格</td><td>设备产值</td><td>备注</td></tr>
       <!--数据部分-->
       <tr><td><input type="checkbox" id="demo01" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>     
       <tr><td><input type="checkbox" id="demo02" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo03" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo04" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo05" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo06" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo07" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo08" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo09" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo10" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowWork();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <!--控制区域-->
       <tr bgcolor = "#C0C0C0"><td><input type="checkbox" name="all" checked="checked" οnclick="SelectAll('T_SBCZ');";>全选</td><td><input type = "button" value = "保存"  ></td><td colspan = "2"><input type = "button" value = "返回" onclick = "InitAllDiv();" ></td><td colspan = "5" align = "right" style = "height:20px;" ><a href = "#">首&nbsp;&nbsp;&nbsp;页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末&nbsp;&nbsp;&nbsp;页</a></td>
       </tr> 
       </table>
      </td>
     </tr>
    </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <!--设备维修-->
   <div id = "SBWX" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
           <!--控制部分-->
     <tr>
      <Td>
       <table border = "1" width="800px">
       <tr>
           <td width = "70px">设备名称：</td>
        <td width = "40px"><input type = "textbox" size = 15 readonly = "true" value = "斯太尔自卸车"></td>
           <td >自编号码：</td>
        <td><input type = "textbox" size = 15 readonly = "true" value = "121#"></td>
        <td>局编号码：</td>
        <td><input type = "textbox" size = 15 readonly = "true" value = "自购D-914"></td>
       </tr>
       <tr>
        <td >录入类型:</td>
        <td><select><option selected="selected" value=" " >当日发生</option><option selected="selected" value=" " >月度累计</option></select>
        </td>       
        <td>财务月份:</td>
        <td>
         <span >
         <select >
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
           <option value="1999">1999</option>
           <option value="2000">2000</option>
           <option value="2001">2001</option>
           <option value="2002">2002</option>
           <option value="2003">2003</option>
           <option value="2004">2004</option>
           <option value="2005">2005</option>
           <option selected="selected" value="2006">2006</option>
           <option value="2007">2007</option>
           <option value="2008">2008</option>
           <option value="2009">2009</option>
           <option value="2010">2010</option>
           <option value="2011">2011</option>
           <option value="2012">2012</option>
           <option value="2013">2013</option>
           <option value="2014">2014</option>
           <option value="2015">2015</option>
           <option value="2016">2016</option>
          </select>年
          <select>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option selected="selected" value="12">12</option>
          </select>月
         </span>
        </td>   
        <td>发生日期:</td>
        <td><input type = "textbox" size = 15 /></td>
       </tr>
       <tr>
        <td >
         维修类型:
        </td>
        <td >
         <select>
          <option value="1" selected="selected">内修小修</option>
          <option value="2" >内修中修</option>
          <option value="3" >内修大修</option>
          <option value="4">外修小修</option> 
          <option value="5">外修中修</option> 
          <option value="6">外修大修</option> 
         </select>
        </td>
        <td >
         费用承担:
        </td>
        <td colspan = "3">
         <select>
          <option value="1" selected="selected">作业队承担</option>
          <option value="2" >项目部承担</option>
         </select>
        </td>
       </tr>
       <!--人工费用-->
       <tr>
        <td colspan = "6" bgcolor = "#C0C0C0">人工费用</td>
       </tr>
       <tr>
        <td colspan = "6">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center">
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <select>
             <option selected="selected" value=" " >高级熟练工&nbsp;&nbsp;</option>
             <option >普工</option>
             <option >熟练工</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td >
            工时
           </td>
          </tr>
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <select>
             <option selected="selected" value=" " >高级熟练工&nbsp;&nbsp;</option>
             <option >普工</option>
             <option >熟练工</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            工时
           </td>
          </tr>
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <select>
             <option selected="selected" value=" " >高级熟练工&nbsp;&nbsp;</option>
             <option >普工</option>
             <option >熟练工</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            工时
           </td>
          </tr>
          <tr>
              <td width = "80">
            &nbsp;
           </td>
           <td width = "80">
            外修人工费:
           </td>
           <td width = "40">
            <input type = "textbox" size = "5"/>
           </td>
           <td >
            元
           </td>
          </tr>
         </table>
        </td>
       </tr>       
       <!--机械费用-->
       <tr>
        <td colspan = "6" bgcolor = "#C0C0C0">机械费用</td>
       </tr>
       <tr>
        <td colspan = "6">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center">
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "80">
            <select>
             <option selected="selected" value=" " >液压三臂台车</option>
             <option >液压三臂台车</option>
             <option >液压三臂台车</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            台时
           </td>
          </tr>
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "80">
            <select>
             <option selected="selected" value=" " >液压三臂台车</option>
             <option >液压三臂台车</option>
             <option >液压三臂台车</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            台时
           </td>
          </tr>
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "80">
            <select>
             <option selected="selected" value=" " >液压三臂台车</option>
             <option >液压三臂台车</option>
             <option >液压三臂台车</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            台时
           </td>
          </tr>
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "80">
            <select>
             <option selected="selected" value=" " >液压三臂台车</option>
             <option >液压三臂台车</option>
             <option >液压三臂台车</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            台时
           </td>
          </tr>
          <tr>
              <td width = "80" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "80">
            <select>
             <option selected="selected" value=" " >液压三臂台车</option>
             <option >液压三臂台车</option>
             <option >液压三臂台车</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            台时
           </td>
          </tr>
          <tr>
              <td width = "80">
            &nbsp;
           </td>
           <td width = "80">
            其他机械费:
           </td>
           <td width = "40">
            <input type = "textbox" size = "5"/>
           </td>
           <td >
            元
           </td>
          </tr>
         </table>
        </td>
       </tr>
       <!--材料费用-->
       <tr>
        <td colspan = "6" bgcolor = "#C0C0C0"><a id = "LockHere" style = "color:#330033">材料费用</a></td>
       </tr>
       <tr>
        <td >财务月度:</td>
        <td colspan = "5">
        <span >
         <select >
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
           <option value="1999">1999</option>
           <option value="2000">2000</option>
           <option value="2001">2001</option>
           <option value="2002">2002</option>
           <option value="2003">2003</option>
           <option value="2004">2004</option>
           <option value="2005">2005</option>
           <option selected="selected" value="2006">2006</option>
           <option value="2007">2007</option>
           <option value="2008">2008</option>
           <option value="2009">2009</option>
           <option value="2010">2010</option>
           <option value="2011">2011</option>
           <option value="2012">2012</option>
           <option value="2013">2013</option>
           <option value="2014">2014</option>
           <option value="2015">2015</option>
           <option value="2016">2016</option>
          </select>年
          <select>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option selected="selected" value="12">12</option>
          </select>月
         </span>
        </td>
       </tr>
       <tr>
        <td colspan = "6">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center" id = "T_SBWX_MATA">
          <tr >
           <td width = "80">选择</td>
           <td bgcolor = "#C0C0C0">入库单号</td>
           <td bgcolor = "#C0C0C0">消耗单号</td>
           <td bgcolor = "#C0C0C0">配件名称</td>
           <td bgcolor = "#C0C0C0">计量单位</td>
           <td bgcolor = "#C0C0C0">使用数量</td>
          </tr>        
          <tr>
           <td width = "80"><input type="checkbox" id="demo01" checked="checked"></td>
           <td >机具-领-2006-12-28</td>
           <td >汽配-领-2006-11-850</td>
           <td >斯太尔刹车皮碗</td>
           <td >个</td>
           <td >1</td>
          </tr>
          <tr>
           <td width = "80"><input type="checkbox" id="demo02" checked="checked"></td>
           <td >机具-领-2006-12-28</td>
           <td >汽配-领-2006-11-850</td>
           <td >斯太尔刹车皮碗</td>
           <td >个</td>
           <td >1</td>
          </tr>
          <tr>
           <td width = "80"><input type="checkbox" id="demo03" checked="checked"></td>
           <td >机具-领-2006-12-28</td>
           <td >汽配-领-2006-11-850</td>
           <td >斯太尔刹车皮碗</td>
           <td >个</td>
           <td >1</td>
          </tr>
          <tr>
           <td ><input type="checkbox" name="all" checked="checked" οnclick="SelectAll('T_SBWX_MATA');">全选</td>
           <td bgcolor = "#C0C0C0"><input type = "button" value = "添加"/></td>
           <td bgcolor = "#C0C0C0" colspan = "4" align = "right" style = "height:20px;" ><a href = "#">首&nbsp;&nbsp;&nbsp;页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末&nbsp;&nbsp;&nbsp;页</a></td>
          </tr>
         </table>
        </td>
       </tr>
       <tr>
        <td colspan = "6">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1">
          <tr>
           <td width = "80">零星材料费:</td>
           <td width = "40">
            <input type = "textbox" size = "5"/>
           </td>
           <td >
            元
           </td>
          </tr>
         </table>
        </td>        
       </tr>
       <tr>
           <td >
         &nbsp;
        </td> 
        <td colspan = "5" >
         外修材料费:
        </td>        
       </tr>
       <tr>
           <td >
         &nbsp;
        </td> 
        <td colspan = "5" >
         <table cellpadding=0 cellspacing=0 width="715px" border = "1" id = "T_OUTMATER">
          <tbody >
           <tr>
            <td bgcolor = "#C0C0C0">材料名称</td>
            <td bgcolor = "#C0C0C0">材料规格</td>
            <td bgcolor = "#C0C0C0">计量单位</td>
            <td bgcolor = "#C0C0C0">材料价格</td>
            <td bgcolor = "#C0C0C0">使用数量</td>           
            <td bgcolor = "#C0C0C0">金额合计</td>
           </tr>
           <tr>
            <td >锥形碰嘴</td>
            <td >&Oslash;100</td>
            <td >个</td>
            <td >100.5</td>
            <td >1</td>           
            <td >100.5</td>
           </tr>
           <tr>
            <td >费用合计:</td>
            <td >&nbsp;</td>
            <td >&nbsp;</td>
            <td >&nbsp;</td>
            <td >&nbsp;</td>           
            <td >100.5</td>
           </tr>
          </tbody>
         </table>
        </td>        
       </tr>
       <tr>
           <td >
         &nbsp;
        </td> 
        <td colspan = "5" >
         <a href = "#" onclick = "ShowOutMater();" id = "LockView">添加费用</a>
        </td>        
       </tr>
       <!--故障描述-->
       <tr>
        <td colspan = "6" bgcolor = "#C0C0C0">故障描述</td>
       </tr>
       <tr>
        <td colspan = "6">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" >
          <tr>
           <td width = "80px">
            故障关键字:
           </td>
           <td width = "160px">
            <input type = "textbox" size = 30/>
           </td>
           <td >
            多个关键字之间请用半角逗号","分隔
           </td>
          </tr>
         </table>
        </td>
       </tr>
       <!--备注信息-->
       <tr>
        <td colspan = "6" bgcolor = "#C0C0C0">备注信息</td>
       </tr>
       <tr>
        <td colspan = "6" >
         <textarea style = "width:800;height:50"></textarea>
        </td>
       </tr>
       <!--控制区域-->
       <tr>
        <td ><input type = "button" value = "保存"  ></td> 
        <td colspan = "5"><input type = "button" value = "返回"  onclick = "InitAllDiv();"/></td>
       </tr>
       </table>
      </td>
     </tr>
   </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <!--轮胎耗用-->
   <div id = "LTHY" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
        <!--控制部分-->
     <tr>
      <Td>
       <table border=1 cellpadding=0 cellspacing=0 width="800px" id = "T_LTHY">
       <tr>
           <Td>
         设备类型：
        </td> 
        <Td>
          <select>
          <option selected="selected" value=" " size = 20>&nbsp;&nbsp;所有&nbsp;&nbsp;</option>
          <option value="1">土石方机械</option>
          <option value="93">　└.挖掘机</option>
          <option value="94">　└.装载机</option>
          <option value="95">　└.推土机</option>
          <option value="96">　└.铲运机</option>
          <option value="97">　└.平地机</option>
          <option value="98">　└.压路机</option>
          <option value="99">　└.振动碾</option>
         </select>  
        </td>
           <td >录入类型:</td>
        <td><select><option selected="selected" value=" " >当日发生</option><option selected="selected" value=" " >月度累计</option></select>
        </td>       
        <td>财务月份:</td>
        <td>
         <span >
         <select >
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
           <option value="1999">1999</option>
           <option value="2000">2000</option>
           <option value="2001">2001</option>
           <option value="2002">2002</option>
           <option value="2003">2003</option>
           <option value="2004">2004</option>
           <option value="2005">2005</option>
           <option selected="selected" value="2006">2006</option>
           <option value="2007">2007</option>
           <option value="2008">2008</option>
           <option value="2009">2009</option>
           <option value="2010">2010</option>
           <option value="2011">2011</option>
           <option value="2012">2012</option>
           <option value="2013">2013</option>
           <option value="2014">2014</option>
           <option value="2015">2015</option>
           <option value="2016">2016</option>
          </select>年
          <select>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option selected="selected" value="12">12</option>
          </select>月
         </span>
        </td>   
        <td >发生日期:</td>
        <td colspan = "2"><input type = "textbox" size = 16 /></td>
       </tr>
       <tr bgcolor = "#C0C0C0"><td>选择</td><td>自编号</td><td colspan = "2">设备名称</td><td colspan = "2">设备规格</td><td>轮胎耗用</td><td>备注</td></tr>
       <!--数据部分-->
       <tr><td><input type="checkbox" id="demo01" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>     
       <tr><td><input type="checkbox" id="demo02" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo03" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo04" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo05" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo06" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo07" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo08" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo09" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo10" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowTyre();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <!--控制区域-->
       <tr bgcolor = "#C0C0C0"><td><input type="checkbox" name="all" checked="checked" οnclick="SelectAll('T_LTHY');";>全选</td><td><input type = "button" value = "保存"  ></td><td colspan = "2"><input type = "button" value = "返回" onclick = "InitAllDiv();" ></td><td colspan = "5" align = "right" style = "height:20px;" ><a href = "#">首&nbsp;&nbsp;&nbsp;页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末&nbsp;&nbsp;&nbsp;页</a></td>
       </tr> 
       </table>
      </td>
     </tr>
    </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <!--油料耗用-->
   <div id = "YLHY" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
        <!--控制部分-->
     <tr>
      <Td>
       <table border=1 cellpadding=0 cellspacing=0 width="800px" id = "T_YLHY">
       <tr>
           <Td>
         设备类型：
        </td> 
        <Td>
          <select>
          <option selected="selected" value=" " size = 20>&nbsp;&nbsp;所有&nbsp;&nbsp;</option>
          <option value="1">土石方机械</option>
          <option value="93">　└.挖掘机</option>
          <option value="94">　└.装载机</option>
          <option value="95">　└.推土机</option>
          <option value="96">　└.铲运机</option>
          <option value="97">　└.平地机</option>
          <option value="98">　└.压路机</option>
          <option value="99">　└.振动碾</option>
         </select>  
        </td>
           <td >录入类型:</td>
        <td><select><option selected="selected" value=" " >当日发生</option><option selected="selected" value=" " >月度累计</option></select>
        </td>       
        <td>财务月份:</td>
        <td>
         <span >
         <select >
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
           <option value="1999">1999</option>
           <option value="2000">2000</option>
           <option value="2001">2001</option>
           <option value="2002">2002</option>
           <option value="2003">2003</option>
           <option value="2004">2004</option>
           <option value="2005">2005</option>
           <option selected="selected" value="2006">2006</option>
           <option value="2007">2007</option>
           <option value="2008">2008</option>
           <option value="2009">2009</option>
           <option value="2010">2010</option>
           <option value="2011">2011</option>
           <option value="2012">2012</option>
           <option value="2013">2013</option>
           <option value="2014">2014</option>
           <option value="2015">2015</option>
           <option value="2016">2016</option>
          </select>年
          <select>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option selected="selected" value="12">12</option>
          </select>月
         </span>
        </td>   
        <td >发生日期:</td>
        <td colspan = "2"><input type = "textbox" size = 16 /></td>
       </tr>
       <tr bgcolor = "#C0C0C0"><td>选择</td><td>自编号</td><td colspan = "2">设备名称</td><td colspan = "2">设备规格</td><td>油料耗用</td><td>备注</td></tr>
       <!--数据部分-->
       <tr><td><input type="checkbox" id="demo01" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>     
       <tr><td><input type="checkbox" id="demo02" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo03" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo04" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo05" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo06" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo07" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo08" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo09" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo10" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><a href="#" onclick = "ShowOil();">编辑</a></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <!--控制区域-->
       <tr bgcolor = "#C0C0C0"><td><input type="checkbox" name="all" checked="checked" οnclick="SelectAll('T_YLHY');";>全选</td><td><input type = "button" value = "保存"  ></td><td colspan = "2"><input type = "button" value = "返回" onclick = "InitAllDiv();" ></td><td colspan = "5" align = "right" style = "height:20px;" ><a href = "#">首&nbsp;&nbsp;&nbsp;页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末&nbsp;&nbsp;&nbsp;页</a></td>
       </tr> 
       </table>
      </td>
     </tr>
    </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <!--设备折旧-->
   <div id = "SBZJ" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
        <!--控制部分-->
     <tr>
      <Td>
       <table border=1 cellpadding=0 cellspacing=0 width="800px" id = "T_SBZJ">
       <tr>
           <Td>
         设备类型：
        </td> 
        <Td>
          <select>
          <option selected="selected" value=" " size = 20>&nbsp;&nbsp;所有&nbsp;&nbsp;</option>
          <option value="1">土石方机械</option>
          <option value="93">　└.挖掘机</option>
          <option value="94">　└.装载机</option>
          <option value="95">　└.推土机</option>
          <option value="96">　└.铲运机</option>
          <option value="97">　└.平地机</option>
          <option value="98">　└.压路机</option>
          <option value="99">　└.振动碾</option>
         </select>  
        </td>                
        <td>财务月份:</td>
        <td colspan = "6">
         <span >
         <select >
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
           <option value="1999">1999</option>
           <option value="2000">2000</option>
           <option value="2001">2001</option>
           <option value="2002">2002</option>
           <option value="2003">2003</option>
           <option value="2004">2004</option>
           <option value="2005">2005</option>
           <option selected="selected" value="2006">2006</option>
           <option value="2007">2007</option>
           <option value="2008">2008</option>
           <option value="2009">2009</option>
           <option value="2010">2010</option>
           <option value="2011">2011</option>
           <option value="2012">2012</option>
           <option value="2013">2013</option>
           <option value="2014">2014</option>
           <option value="2015">2015</option>
           <option value="2016">2016</option>
          </select>年
          <select>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option selected="selected" value="12">12</option>
          </select>月
         </span>
        </td>
       </tr>
       <tr bgcolor = "#C0C0C0"><td>选择</td><td>自编号</td><td colspan = "2">设备名称</td><td colspan = "2">设备规格</td><td>折旧费用</td><td>单位</td><td>备注</td></tr>
       <!--数据部分-->
       <tr><td><input type="checkbox" id="demo01" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>  
       <tr><td><input type="checkbox" id="demo02" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo03" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo04" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo05" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo06" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo07" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo08" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo09" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo10" ></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>     
       <!--控制区域-->
       <tr bgcolor = "#C0C0C0"><td><input type="checkbox" name="all" οnclick="SelectAll('T_SBZJ');">全选</td><td><input type = "button" value = "保存"  ></td><td colspan = "2"><input type = "button" value = "返回" onclick = "InitAllDiv();" ></td><td colspan = "5" align = "right" style = "height:20px;" ><a href = "#">首&nbsp;&nbsp;&nbsp;页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末&nbsp;&nbsp;&nbsp;页</a></td>
       </tr> 
       </table>
      </td>
     </tr>
    </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <!--设备电耗-->
   <div id = "QTFY" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
        <!--控制部分-->
     <tr>
      <Td>
       <table border=1 cellpadding=0 cellspacing=0 width="800px" id = "T_QTFY">
       <tr>
           <Td>
         设备类型：
        </td> 
        <Td>
          <select>
          <option selected="selected" value=" " size = 20>&nbsp;&nbsp;所有&nbsp;&nbsp;</option>
          <option value="1">土石方机械</option>
          <option value="93">　└.挖掘机</option>
          <option value="94">　└.装载机</option>
          <option value="95">　└.推土机</option>
          <option value="96">　└.铲运机</option>
          <option value="97">　└.平地机</option>
          <option value="98">　└.压路机</option>
          <option value="99">　└.振动碾</option>
         </select>  
        </td>
           <td >录入类型:</td>
        <td><select><option selected="selected" value=" " >当日发生</option><option selected="selected" value=" " >月度累计</option></select>
        </td>       
        <td>财务月份:</td>
        <td>
         <span >
         <select >
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
           <option value="1999">1999</option>
           <option value="2000">2000</option>
           <option value="2001">2001</option>
           <option value="2002">2002</option>
           <option value="2003">2003</option>
           <option value="2004">2004</option>
           <option value="2005">2005</option>
           <option selected="selected" value="2006">2006</option>
           <option value="2007">2007</option>
           <option value="2008">2008</option>
           <option value="2009">2009</option>
           <option value="2010">2010</option>
           <option value="2011">2011</option>
           <option value="2012">2012</option>
           <option value="2013">2013</option>
           <option value="2014">2014</option>
           <option value="2015">2015</option>
           <option value="2016">2016</option>
          </select>年
          <select>
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>
           <option value="4">4</option>
           <option value="5">5</option>
           <option value="6">6</option>
           <option value="7">7</option>
           <option value="8">8</option>
           <option value="9">9</option>
           <option value="10">10</option>
           <option value="11">11</option>
           <option selected="selected" value="12">12</option>
          </select>月
         </span>
        </td>   
        <td >发生日期:</td>
        <td colspan = "2"><input type = "textbox" size = 15 /></td>
       </tr>
       <tr bgcolor = "#C0C0C0"><td>选择</td><td>自编号</td><td colspan = "2">设备名称</td><td colspan = "2">设备规格</td><td>设备电耗</td><td>单位</td><td>备注</td></tr>
       <!--数据部分-->
       <tr><td><input type="checkbox" id="demo01" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>  
       <tr><td><input type="checkbox" id="demo02" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo03" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo04" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo05" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr> 
       <tr><td><input type="checkbox" id="demo06" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo07" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo08" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo09" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <tr><td><input type="checkbox" id="demo10" checked="checked"></td><td>121#</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 10></td><td>元</td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <!--控制区域-->
       <tr bgcolor = "#C0C0C0"><td><input type="checkbox" name="all" checked="checked" οnclick="SelectAll('T_QTFY');">全选</td><td><input type = "button" value = "保存"  ></td><td colspan = "2"><input type = "button" value = "返回" onclick = "InitAllDiv();" ></td><td colspan = "5" align = "right" style = "height:20px;" ><a href = "#">首&nbsp;&nbsp;&nbsp;页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末&nbsp;&nbsp;&nbsp;页</a></td>
       </tr> 
       </table>
      </td>
     </tr>
    </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <!--设备信息-->
   <div id = "SBXX" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
        <!--控制部分-->
     <tr>
      <Td>
       <table border=1 cellpadding=0 cellspacing=0 width="800px" id = "T_SBXX">
       <tr>
           <Td>
         设备类型：
        </td> 
        <Td colspan = "6">
          <select>
          <option selected="selected" value=" " size = 20>&nbsp;&nbsp;所有&nbsp;&nbsp;</option>
          <option value="1">土石方机械</option>
          <option value="93">　└.挖掘机</option>
          <option value="94">　└.装载机</option>
          <option value="95">　└.推土机</option>
          <option value="96">　└.铲运机</option>
          <option value="97">　└.平地机</option>
          <option value="98">　└.压路机</option>
          <option value="99">　└.振动碾</option>
         </select>  
        </td>                  
       </tr>
       <tr bgcolor = "#C0C0C0"><td>选择</td><td>局编号</td><td colspan = "2">设备名称</td><td colspan = "2">设备规格</td><td>自编号</td></tr>
       <!--数据部分-->
       <tr><td><input type="checkbox" id="demo01" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr>  
       <tr><td><input type="checkbox" id="demo02" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr> 
       <tr><td><input type="checkbox" id="demo03" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr> 
       <tr><td><input type="checkbox" id="demo04" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr> 
       <tr><td><input type="checkbox" id="demo05" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr> 
       <tr><td><input type="checkbox" id="demo06" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr>
       <tr><td><input type="checkbox" id="demo07" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr>
       <tr><td><input type="checkbox" id="demo08" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr>
       <tr><td><input type="checkbox" id="demo09" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr>
       <tr><td><input type="checkbox" id="demo10" checked="checked"></td><td>自购D-914</td><td colspan = "2">斯太尔自卸车</td><td colspan = "2">SX3254BM294</td><td><input type = "textBox" size = 20 value = "121#"></td></tr>
       <!--控制区域-->
       <tr bgcolor = "#C0C0C0"><td><input type="checkbox" name="all" checked="checked" οnclick="SelectAll('T_SBXX');">全选</td><td><input type = "button" value = "保存"  ></td><td colspan = "2"><input type = "button" value = "返回" onclick = "InitAllDiv();" ></td><td colspan = "3" align = "right" style = "height:20px;" ><a href = "#">首&nbsp;&nbsp;&nbsp;页</a>|<a href = "#">上一页</a>|<a href = "#">下一页</a>|<a href = "#">末&nbsp;&nbsp;&nbsp;页</a></td>
       </tr> 
       </table>
      </td>
     </tr>
    </table>
   </div>
  </td>
 </tr>
 <tr>
  <td>
   <!--参数配置-->
   <div id = "CSPZ" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">          
     <!--维修类型-->
     <tr>
      <td colspan = "6" bgcolor = "#C0C0C0">设备修程</td>
     </tr>
     <tr>
      <td width = "100px">
       &nbsp;
      </td> 
      <td colspan = "5" >
       <table cellpadding=0 cellspacing=0 width="700px" border = "1" id = "T_REPAIRTYPE">
        <tbody >
         <tr>
          <td bgcolor = "#C0C0C0" width = "140px">修程编码</td>
          <td bgcolor = "#C0C0C0" width = "140px">修程名称</td>
          <td bgcolor = "#C0C0C0" width = "140px">备注信息</td>  
          <td bgcolor = "#C0C0C0" width = "140px">&nbsp;</td>
          <td bgcolor = "#C0C0C0">&nbsp;</td>
         </tr>
         <tr>
          <td >WX_DX</td>
          <td >外修大修</td>
          <td >设备外送大修</td> 
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
         <tr>
          <td >WX_ZX</td>
          <td >外修中修</td>
          <td >设备外送中修</td> 
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
         <tr>
          <td >WX_XX</td>
          <td >外修小修</td>
          <td >设备外送小修</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
         <tr>
          <td >NX_DX</td>
          <td >内修大修</td>
          <td >设备内部大修</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
         <tr>
          <td >NX_ZX</td>
          <td >内修中修</td>
          <td >设备内部中修</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
         <tr>
          <td >NX_XX</td>
          <td >内修小修</td>
          <td >设备内部小修</td> 
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
        </tbody>
       </table>
      </td>        
     </tr>
     <tr>
      <td >
       &nbsp;
      </td> 
      <td colspan = "5" >
       <a href = "#" >添加修程</a>
      </td>        
     </tr>
     <!--油料消耗-->
     <tr>
      <td colspan = "6" bgcolor = "#C0C0C0">油料消耗</td>
     </tr> 
     <tr>
      <td width = "100px">
       &nbsp;
      </td> 
      <td colspan = "5" >
       <table cellpadding=0 cellspacing=0 width="700px" border = "1" id = "T_OILTYPE">
        <tbody >
         <tr>
          <td bgcolor = "#C0C0C0" width = "140px">油料编码</td>
          <td bgcolor = "#C0C0C0" width = "140px">油料名称</td>
          <td bgcolor = "#C0C0C0" width = "140px">油料规格</td> 
          <td bgcolor = "#C0C0C0" width = "140px">&nbsp;</td>
          <td bgcolor = "#C0C0C0">&nbsp;</td>
         </tr>
         <tr>
          <td >A160270001</td>
          <td >柴油</td>
          <td >0#</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
         <tr>
          <td >A160280001</td>
          <td >汽油</td>
          <td >93#</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr> 
         <tr>
          <td >A160280002</td>
          <td >汽油</td>
          <td >97#</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr> 
        </tbody>
       </table>
      </td>        
     </tr>
     <tr>
      <td >
       &nbsp;
      </td> 
      <td colspan = "5" >
       <a href = "#" >添加油料</a>
      </td>        
     </tr>
     <!--轮胎消耗-->
     <tr>
      <td colspan = "6" bgcolor = "#C0C0C0">轮胎修程</td>
     </tr>
                    <tr>
      <td width = "100px">
       &nbsp;
      </td> 
      <td colspan = "5" >
       <table cellpadding=0 cellspacing=0 width="700px" border = "1" id = "T_TYRETYPE">
        <tbody >
         <tr>
          <td bgcolor = "#C0C0C0" width = "140px">修程编码</td>
          <td bgcolor = "#C0C0C0" width = "140px">修程名称</td>
          <td bgcolor = "#C0C0C0" width = "140px">备注信息</td> 
          <td bgcolor = "#C0C0C0" width = "140px">&nbsp;</td>
          <td bgcolor = "#C0C0C0">&nbsp;</td>
         </tr>
         <tr>
          <td >LT_LH</td>
          <td >硫化轮胎</td>
          <td >对轮胎进行硫化处理</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr>
         <tr>
          <td >LT_FX</td>
          <td >翻新轮胎</td>
          <td >对轮胎进行翻新处理</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr> 
         <tr>
          <td >LT_GH</td>
          <td >更换轮胎</td>
          <td >对轮胎进行更换处理</td>
          <td ><a href= "#">编辑</a></td>
          <td ><a href= "#">删除</a></td>
         </tr> 
        </tbody>
       </table>
      </td>        
     </tr>
     <tr>
      <td >
       &nbsp;
      </td> 
      <td colspan = "5" >
       <a href = "#" >添加修程</a>
      </td>        
     </tr>
     <!--轮胎报价-->
     <tr>
      <td colspan = "6" bgcolor = "#C0C0C0">修程报价</td>
     </tr>
     <tr>
      <td width = "100px">
       &nbsp;
      </td> 
      <td colspan = "5" >
       <table cellpadding=0 cellspacing=0 width="700px" border = "1" id = "T_TYREPRICE">
        <tbody >
         <tr>
          <td bgcolor = "#C0C0C0"width = "140px">修程编码</td>
          <td bgcolor = "#C0C0C0"width = "140px">修程名称</td>           
          <td bgcolor = "#C0C0C0"width = "140px">修程价格</td>
          <td bgcolor = "#C0C0C0"width = "140px">对应报价</td>
          <td bgcolor = "#C0C0C0">&nbsp;</td>
         </tr>
         <tr>
          <td >LT_LH</td>
          <td >硫化轮胎</td>
          <td >100</td>
          <td >经营部报价项目A</td>
          <td ><a href= "#">编辑</a></td>          
         </tr>
         <tr>
          <td >LT_FX</td>
          <td >翻新轮胎</td>
          <td >200</td>
          <td >经营部报价项目B</td>
          <td ><a href= "#">编辑</a></td>          
         </tr> 
         <tr>
          <td >LT_GH</td>
          <td >更换轮胎</td>
          <td >50</td>
          <td >经营部报价项目C</td>
          <td ><a href= "#">编辑</a></td>          
         </tr> 
        </tbody>
       </table>
      </td>        
     </tr>
     <tr>
      <td >
       &nbsp;
      </td> 
      <td colspan = "5" >
       <input type = "button" value = "返回" onclick = "InitAllDiv();" >
      </td>        
     </tr>
   </table>
   </div>
  </td>
 </tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
 BuildDivSystem();
//-->
</SCRIPT>
</BODY>
</HTML>

对于Javascript脚本在WEB系统需求分析快速原型法中的应用,完全可以进入工业化生产模式,充分利用Javascript脚本的灵活优势,结合其他高级语言,整合Ajax技术,借助自动代码生成、界面模板等实现手段,为WEB系统需求分析工作注入强劲的动力.

Javascript 在WEB系统需求分析中的应用相关推荐

  1. web系统开发中关于企业里各种系统分类

    关于企业里各种系统 OA 办公自动化系统 Office Automation (将现代化办公和计算机网络功能结合起来的新型办公方式) 功能:工作流.知识管理 功能模块:日报.考勤.事项审批等 CRM ...

  2. 软件架构设计学习总结（1）：标准Web系统的架构分层

    1.架构体系分层图 在上图中我们描述了Web系统架构中的组成部分.并且给出了每一层常用的技术组件/服务实现.需要注意以下几点: 系统架构是灵活的,根据需求的不同,不一定每一层的技术都需要使用.例如:一 ...

  3. 系统需求分析文档需要考虑的问题

    最近作了几次需求分析,有了一些经验,特共享出来. 欢迎指正. 我认为在系统需求分析中,有三个问题需要注意, 即 系统涵盖范围 用户对上线时间的要求 系统上线对目前系统整体的影响 系统覆盖的范围 很多用 ...

  4. 浅谈大型web系统架构

    动态应用,是相对于网站静态内容而言,是指以c/c++.php.Java.perl..net等服务器端语言开发的网络应用软件,比如论坛.网络相册.交友.BLOG等常见应用.动态应用系统通常与数据库系统. ...

  5. 毕业设计系统需求分析-“大楼要有高低层、单双号电梯，要抗7级地震”-04

    有一座建筑,主楼88层,高度达到了420米,一共有79台电梯,能抗7级地震,88层观光厅对外开放,游客可以体验"云中漫步".想一想这是那座建筑? 我来说答案吧: 它就是入选2019 ...

  6. 架构系列之标准Web系统的架构分层

    1.架构体系分层图 在上图中我们描述了Web系统架构中的组成部分.并且给出了每一层常用的技术组件/服务实现.需要注意以下几点: 系统架构是灵活的,根据需求的不同,不一定每一层的技术都需要使用.例如:一 ...

  7. LIMS实验室系统需求分析的方法

    今天来探讨一下LIMS实验室系统需求分析的方法. LIMS系统是一个以检测业务为核心,以设备仪器.标准物质管理等管理模块为支撑的试验室信息管理系统,该类系统具有一定的行业通用性.然而,国内企业因其自身 ...

  8. 详细分析大型web系统各个子系统架构图 纯干货！

    转载:波波说运维 2018-10-06 00:04:02 概述 动态应用,是相对于网站静态内容而言,是指以c/c++.php.Java.perl..net等服务器端语言开发的网络应用软件,比如论坛.网 ...

  9. 大型web系统架构详解

    (如果感觉有帮助,请帮忙点推荐,添加关注,谢谢!你的支持是我不断更新文章的动力.本博客会逐步推出一系列的关于大型网站架构.分布式应用.设计模式.架构模式等方面的系列文章) 动态应用,是相对于网站静态内 ...

最新文章

  1. 版权和许可协议的学习
  2. 基于Salmon的转录组定量流程
  3. 模拟N场比赛理解自顶向下的程序设计思维
  4. 40_pytorch Batch Norm
  5. oracle 批量 重建索引,Oracle重建索引Shell脚本、SQL脚本分享
  6. is_file()和file_exists()
  7. el表达式字符串与变量拼接
  8. [安卓历险记] Error when loading the SDK
  9. httpclient 连接池工具类_C# 中 HttpClient 的简单使用
  10. Activiti6工作流入门初体验
  11. 启动 COMSOL 时发生意外错误：无法加载文件或程序集 ‘cstextrenderer_wpf‘
  12. java计算机毕业设计房产中介管理系统源码+系统+lw+数据库+调试运行
  13. 二进制 八进制 十进制 十六进制 相互转化法
  14. 免费混合虚拟化OVM数据中心解决方案
  15. vs code的php格式化
  16. 服务器winsxs文件夹怎么清理工具,win7如何使用WinSxS工具安全删除WinSxS文件夹垃圾...
  17. 职业生涯规划需要考虑的三大要点
  18. 小数除法用计算机探索规律教学反思,小数除法教学反思
  19. 【 1小时打通你的英语任督二脉—雪梨】—荔枝直播总结分享
  20. springboot项目添加了logback-spring.xml配置文件不生效

热门文章

  1. 网易云音乐在 Ubuntu 下缩放的问题
  2. 如何下载 Chrome 应用商店的 .crx 文件
  3. Element ui Switch 开关二次确认弹窗后再更改开关状态
  4. 如何评价一个新技术——以Docker为例
  5. 服务器Ping值代表着什么？
  6. uniapp editor编辑器
  7. 网络安全攻击与防护--HTML学习
  8. 电总协议串口调试助手
  9. iOS开发-舒尔特表
  10. apicloud 使用教程