现在的位置: 首页 > 综合 > 正文

简单页面

2014年07月15日 ⁄ 综合 ⁄ 共 11896字 ⁄ 字号 评论关闭

<%@ page contentType="text/html; charset=gb2312" language="java"
import="java.sql.Date" errorPage=""%>
<html>
<head>
   <title>美媒收银界面</title>
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
   <style>
body {
margin-top: 8;
background-color: #9999FF;
}

.td {
font: 9pt;
color: green
}

a:visited {
color: white
}

a:link {
color: white
}

a:active {
color: white
}

a:hover {
color: #0000FF
}

.
.close {
visibility: hidden;
background: #6699ff;
height: 23px;
color: white;
font: 9pt;
text-align: center
}

.
.open {
visibility: visible;
background: #6699ff;
height: 23px;
color: white;
font: 9pt;
text-align: center
}

.STYLE1 {
color: #000066
}

.STYLE2 {
color: #FF0000
}

.STYLE3 {
color: #0000CC;
font-weight: bold;
}

</style>
</head>

<script language="javascript">

   function vip() {
    window.showModalDialog("vip_card.jsp");

   
   }
   var i = 1;
   var j ;
   var k = 2 ;
   function   addline(content){  
   
    j = i - 1;
    var oRow1=test.insertRow(test.rows.length);
    // 获取表格的行集合。
    var aRows=test.rows;
    // 获取第一行的单元格集合。
    var aCells=oRow1.cells;
    // 在第一行中插入两个单元格。
    var oCell1_1=oRow1.insertCell(aCells.length);
    var oCell1_2=oRow1.insertCell(aCells.length);
    var oCell1_3=oRow1.insertCell(aCells.length);
    var oCell1_4=oRow1.insertCell(aCells.length);
    var oCell1_5=oRow1.insertCell(aCells.length);
    var oCell1_6=oRow1.insertCell(aCells.length);
   
    var oCell1_7=oRow1.insertCell(aCells.length);
    var oCell1_8=oRow1.insertCell(aCells.length);
    var oCell1_9=oRow1.insertCell(aCells.length);
   
    oCell1_1.innerHTML= (i++)+1;
   
    oCell1_2.innerHTML='<select name = "t_emp_name" ><option value = "1" />请选择</select>';
    oCell1_3.innerHTML='<select name = "consume_service" ><option value = "1" />请选择</select>';
    oCell1_4.innerHTML='<select name = "s_emp_name" ><option value = "1" />请选择</select>';
    oCell1_5.innerHTML='<input   type="text" size = "8" name="original_price">';
    oCell1_6.innerHTML='<select name = "s_emp_name" ><option value = "1" />1.0</select>';
    oCell1_7.innerHTML='<input   type="text" size = "10" name="true_money">';
    oCell1_8.innerHTML='<input   type="text" size = "10" name="actual_money">';
    oCell1_9.innerHTML='<input name="design1" type="radio" value="是">是<input name="design1" type="radio" value="" checked>否';
  
  
   }  
   function   addline1(content){  
   
   
    var oRow1=test1.insertRow(test1.rows.length);
    // 获取表格的行集合。
    var aRows=test1.rows;
    // 获取第一行的单元格集合。
    var aCells=oRow1.cells;
    // 在第一行中插入两个单元格。
    var oCell1_1=oRow1.insertCell(aCells.length);
    var oCell1_2=oRow1.insertCell(aCells.length);
    var oCell1_3=oRow1.insertCell(aCells.length);
    var oCell1_4=oRow1.insertCell(aCells.length);
    var oCell1_5=oRow1.insertCell(aCells.length);
    var oCell1_6=oRow1.insertCell(aCells.length);
   
    var oCell1_7=oRow1.insertCell(aCells.length);
    var oCell1_8=oRow1.insertCell(aCells.length);
    var oCell1_9=oRow1.insertCell(aCells.length);
   
    oCell1_1.innerHTML= k++;
   
    oCell1_2.innerHTML='<select name = "t_emp_name" ><option value = "1" />请选择</select>';
    oCell1_3.innerHTML='<select name = "consume_service" ><option value = "1" />请选择</select>';
    oCell1_4.innerHTML='<input   type="text" size = 10 name="number">';
    oCell1_5.innerHTML='<input   type="text" size = 10 name="original_price">';
    oCell1_6.innerHTML='<select name = "s_emp_name" ><option value = "1" />1.0</select>';
    oCell1_7.innerHTML='<input   type="text" size = 10 name="true_money">';
    oCell1_8.innerHTML='<input   type="text" size = 10 name="actual_money">';
   
  
  
   }  
  
   function   del(){  
    if ( i > 1 ) {
    
     document.all.test.deleteRow((i--)+2);  
    }else {
     alert("不能再删除了!");
    }
   
   }  
  
   function   delk(){  
    if ( k > 2 ) {
    
     document.all.test1.deleteRow((k--)+1);  
     return true ;
    }
     alert("不能再删除了!");
    
   
   
   }  
</script>
<body>
   欢迎xxx收银员,
   <div id="linkweb" align="right" style="this.style.color = 'red'">
    <script>setInterval("linkweb.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
    </script>
   </div>

   

   <iframe src="Templates/temp.dwt" frameborder="0" width="980"
    height="70" scrolling="no">
   </iframe>

   <div align="center">
    <form name="form1" method="post" action="">
     <table width="1000" border="3" bordercolor="#0000FF"
      bordercolorlight="#9900FF" bordercolordark="#000000"
      bgcolor="#CCCCFF" id="test">
      <tr>
       <td colspan="13">
        <div align="center" class="STYLE3">
         <h1>
          <marquee direction="left" scrolldelay="0" scrollamount="2"
           onmouseover="this.stop()" onmouseout="this.start()"
           width="500">
           客户消费清单
          </marquee>
         </h1>
        </div>
       </td>
      </tr>
      <!--DWLayoutTable-->
      <tr align="left">
       <td height="20" colspan="13" align="center" valign="middle"
        bgcolor="#9999FF">
        <h3 class="STYLE1">
         美容美发消费清单
         <input name="新增一行" type="button" value="新增一行"
          onMouseDown="this.style.color = 'red' " onClick="addline()">
         <input name="删除" type="button" value="删除一行"
          onMouseDown="this.style.color = 'red' " onClick=" del()" />
        </h3>
       </td>

      </tr>
      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td width="70" height="22" valign="top">
        <div align="center">
         编号
        </div>
       </td>

       <td width="90" valign="top">
        <div align="center">
         技师
        </div>
       </td>
       <td width="100" valign="top">
        <div align="center">
         服务项目
        </div>
       </td>
       <td width="90" valign="top">
        <div align="center">
         助理
        </div>
       </td>
       <td width="80" valign="top">
        <div align="center">
         价格
        </div>
       </td>

       <td width="80" valign="top">
        <div align="center">
         折扣
        </div>
       </td>

       <td width="100" valign="top">
        <div align="center">
         应付金额
        </div>
       </td>

       <td width="100" valign="top">
        <div align="center">
         实收金额
        </div>
       </td>

       <td width="80" valign="top">
        <div align="center">
         指定

        </div>
       </td>
       <td width="80" valign="top">
        <div align="center">
         顾客性别

        </div>
       </td>
      </tr>

      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td>
        <div align="center">
         1
        </div>
       </td>
       <td>
        <select name="t_emp_name">
         <option>
          请选择
         </option>

        </select>
       </td>
       <td bgcolor="#9966FF">
        <select name="consume_service">
         <option>
          请选择
         </option>

        </select>
       </td>
       <td>
        <select name="s_emp_name">
         <option>
          请选择
         </option>

        </select>
       </td>
       <td>
        <input type="text" name="original_price" value="" size="8" />
       </td>
       <td>
        <select name="discount_rate">
         <option>
          1.0
         </option>

        </select>
       </td>
       <td>
        <input type="text" name="true_money" value="" size="10" />
       </td>
       <td>
        <input type="text" name="actual_money" value="" size="10" />
       </td>
       <td>
        <input type="radio" name="designated" value="radiobutton">
        是
        <input type="radio" name="designated" value="radiobutton"
         checked="checked">
        否
       </td>
      
       <td>
        <input type="radio" name="sex" value="0" />
        男
        <input type="radio" name="sex" value="1" checked />
        女
       </td>

      </tr>

     </table>
     <table width="1000" border="3" bordercolor="#0000FF"
      bordercolorlight="#9900FF" bordercolordark="#000000"
      bgcolor="#CCCCFF" id="test1">
     
      
       <td colspan="13">
        <span class="STYLE2">--------------------------------------------------------------------------------------------------------------------------</span>
       </td>
     
      <tr align="left">
       <td height="20" colspan="13" align="center" valign="middle"
        bgcolor="#9999FF">
        <h3 class="STYLE1">
         购买商品消费清单
         <input name="新增一行" type="button" value="新增一行"
          onMouseDown="this.style.color= 'red'" onClick="addline1()">
         <input name="删除" type="button" value="删除一行"
          onMouseDown="this.style.color = 'red' " onClick="return delk()" />
       </td>

      </tr>
      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td width="70" height="22" valign="top">
        <div align="center">
         编号
        </div>
       </td>

       <td width="120" valign="top">
        <div align="center">
         销售员
        </div>
       </td>
       <td width="120" valign="top">
        <div align="center">
         商品名称
        </div>
       </td>
       <td width="80" valign="top">
        <div align="center">
         数量
        </div>
       </td>
       <td width="80" valign="top">
        <div align="center">
         单价
        </div>
       </td>

       <td width="80" valign="top">
        <div align="center">
         折扣
        </div>
       </td>

       <td width="100" valign="top">
        <div align="center">
         应付金额
        </div>
       </td>

       <td width="100" valign="top">
        <div align="center">
         实收金额
        </div>
       </td>

     
      </tr>

      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td>
        <div align="center">
         1
        </div>
       </td>
       <td>
        <select name="clerk_name">
         <option>
          请选择
         </option>

        </select>
       </td>
       <td>
        <select name="commodity_name">
         <option>
          请选择
         </option>

        </select>
       </td>
       <td>
        <input type="text" name="number" value="" size="10" />
       </td>
       <td>
        <input type="text" name="original_price" value="" size="10" />
       </td>
       <td>
        <select name="discount_rate">
         <option>
          1.0
         </option>

        </select>
       </td>
       <td>
        <input type="text" name="true_money" value="" size="10" />
       </td>
       <td>
        <input type="text" name="actual_money" value="" size="10" />
       </td>
      

      </tr>
     </table>
     <table width="1000" border="3" bordercolor="#0000FF"
      bordercolorlight="#9900FF" bordercolordark="#000000"
      bgcolor="#9999FF" id="test2">
      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td width="80">
        合计:
       </td>
       <td>
        <input type="text" name="total_money" size="15" maxlength="10"
         value="" />
       </td>
       <td width="80">
        <a href="javascript:vip()"
         onMouseOver="this.style.color = 'red' "
         onMouseOut="this.style.color = 'blue' ">会员卡付费</a>
       </td>
      </tr>
      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td>
        收银:
       </td>
       <td>
        <input type="text" name="change_money" size="15" maxlength="10"
         value="" />
       </td>
      </tr>
      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td width="80">
        找零:
       </td>
       <td width="">
        <input type="text" name="give_change" size="15" maxlength="10"
         value="" />
       </td>
      </tr>
      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td>
        日营业额:
       </td>
       <td width="80">
        <input type="text" name="total" maxlength="10" value="" />
       </td>
       <td width="170" style="this .font.color: #FF0000">
        <SCRIPT language="javascript">
         var day="";
         var month="";
         var ampm="";
         var ampmhour="";
         var myweekday="";
         var year="";
         mydate=new Date();
         myweekday=mydate.getDay();
         mymonth=mydate.getMonth()+1;
         myday= mydate.getDate();
         myyear= mydate.getYear();
         year=(myyear > 200) ? myyear : 1900 + myyear;
         if(myweekday == 0)
         weekday=" 星期日 ";
         else if(myweekday == 1)
         weekday=" 星期一 ";
         else if(myweekday == 2)
         weekday=" 星期二 ";
         else if(myweekday == 3)
         weekday=" 星期三 ";
         else if(myweekday == 4)
         weekday=" 星期四 ";
         else if(myweekday == 5)
         weekday=" 星期五 ";
         else if(myweekday == 6)
         weekday=" 星期六 ";
        
         document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);

</SCRIPT>
       </td>
      </tr>
      <tr onmouseover="this.style.color = 'red'" onmouseout="this.style.color = 'black'">
       <td colspan="19">

       </td>
       <td align="center" colspan="2">
        使用打印机:
        <input type="checkbox" name="print" value="" />
       </td>
      </tr>
     </table>

    </form>
    &copy; 美媒中国收银系统&reg;
   </div>
</body>
</html>

抱歉!评论已关闭.