Your Ad Here
首页 | 编程语言 | 网站建设 | 游戏天堂 | 冲浪宝典 | 网络安全 | 操作系统 | 软件时空 | 硬件指南 | 病毒相关 | IT 认证
软讯网络 > 网站建设 > PHP > Javascript 在WEB系统需求分析中的应用
【标  题】：Javascript 在WEB系统需求分析中的应用
【关键字】：Javascript,WEB
【来  源】：http://blog.csdn.net/sharpnessdotnet/archive/2006/12/07/1433952.aspx

Javascript 在WEB系统需求分析中的应用

Your Ad Here

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

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

<!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{
 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 = true;
 /*配置说明:全局层对象数组*/
 var g_Div_Array = new Array('SBCZ','SBWX','SBZJ','SBDX','QTFY','SBAX');
 //编辑模式
 function ShowEditMode(_Div)
 {
  /*
    var _divArray = document.getElementByTagName("div");
    for(var i = 0 ; i < _divArray.length; i ++)
    {
   if(_divArray[i].TagName == _Div)
    _divArray[i].style.visibility = "hidden";
   else
    _divArray[i].style.visibility = "visible";
    }
  */
  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()
 {
  //if(!g_HiddenWhenEdit)
   //g_HiddenWhenEdit = confirm("是否切换到编辑时主区域隐藏模式?");
  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  + '</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";
 }
 //页面加载
 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">&nbsp;</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('SBAX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBDX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#">浏览</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('SBAX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBDX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#">浏览</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('SBAX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBDX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#">浏览</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('SBAX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBDX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#">浏览</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('SBAX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBDX');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('SBZJ');">编辑</a></td><td><a href = "#" onclick = "ShowEditMode('QTFY');">编辑</a></td><td><a href = "#">浏览</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><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><select><option selected="selected" value=" " >M3</option><option >台时</option></select></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><select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></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> <select><option selected="selected" value=" " >M3</option><option >台时</option></select></td><td><a href="#" onclick = "ShowMark();">明细</a></td></tr>
       <!--控制区域-->
       <tr bgcolor = "#C0C0C0"><td><input type="checkbox" name="all" checked="checked" onclick="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>设备名称：</td><td><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 colspan = "6" bgcolor = "#C0C0C0">人工费用</td>
       </tr>
       <tr>
        <td colspan = "6">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center">
          <tr>
              <td width = "40" ><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 = "40" ><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 = "40" ><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>
         </table>
        </td>
       </tr>       
       <!--机械费用-->
       <tr>
        <td colspan = "7" bgcolor = "#C0C0C0">机械费用</td>
       </tr>
       <tr>
        <td colspan = "7">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center">
          <tr>
              <td width = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <select>
             <option selected="selected" value=" " >液压三臂台车</option>
             <option >液压三臂台车</option>
             <option >液压三臂台车</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            台时
           </td>
          </tr>
         </table>
        </td>
       </tr>
       <!--材料费用-->
       <tr>
        <td colspan = "7" bgcolor = "#C0C0C0">材料费用</td>
       </tr>
       <tr>
        <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>
        <td colspan = "7">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center" id = "T_SBWX_MATA">
          <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 ><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 ><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 ><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 bgcolor = "#C0C0C0"><input type="checkbox" name="all" checked="checked" onclick="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 = "7" bgcolor = "#C0C0C0">备注信息</td>
       </tr>
       <tr>
        <td colspan = "7" >
         <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 = "SBAX" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px" >
        <!--控制部分-->
     <tr>
      <Td>
       <table border=1 cellpadding=0 cellspacing=0 width="800px" id = "T_SBAX">
       <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="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" onclick="SelectAll('T_SBAX');">全选</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 = "SBDX" >
   <table border=1 cellpadding=0 cellspacing=0 width="800px">
           <!--控制部分-->
     <tr>
      <Td>
       <table border = "1" width="800px">
       <tr>
           <td>设备名称：</td><td><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 colspan = "6" bgcolor = "#C0C0C0">人工费用</td>
       </tr>
       <tr>
        <td colspan = "6">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center">
          <tr>
              <td width = "40" ><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 = "40" ><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 = "40" ><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>
         </table>
        </td>
       </tr>
       <!--机械费用-->
       <tr>
        <td colspan = "7" bgcolor = "#C0C0C0">机械费用</td>
       </tr>
       <tr>
        <td colspan = "7">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center">
          <tr>
              <td width = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <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 = "40" ><input type="checkbox" name="demo" checked="checked"/></td>
           <td width = "40">
            <select>
             <option selected="selected" value=" " >液压三臂台车</option>
             <option >液压三臂台车</option>
             <option >液压三臂台车</option>
            </select>
           </td>
           <td width = "40">
            <input type = "textBox" size = 5/>
           </td>
           <td>
            台时
           </td>
          </tr>
         </table>
        </td>
       </tr>
       <!--材料费用-->
       <tr>
        <td colspan = "7" bgcolor = "#C0C0C0">材料费用</td>
       </tr>
       <tr>
        <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>
        <td colspan = "7">
         <table cellpadding=0 cellspacing=0 width="800px" border = "1" align = "center" id = "T_SBDX_MATA">
          <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 ><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 ><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 ><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 bgcolor = "#C0C0C0"><input type="checkbox" name="all" checked="checked" onclick="SelectAll('T_SBDX_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 = "7" bgcolor = "#C0C0C0">备注信息</td>
       </tr>
       <tr>
        <td colspan = "7" >
         <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 = "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