订单式流程操作页面（商业）_商业订单怎么写-优快云博客

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>---- 青海电信公司欢迎您 ----</title> <link href="../../images/style1.css" mce_href="images/style1.css" rel="stylesheet" type="text/css"> <link href="../../images/gdtel.css" mce_href="images/gdtel.css" rel="stylesheet" type="text/css"> <mce:script type="text/javascript" src="/script/prototype.js" mce_src="script/prototype.js"></mce:script> <mce:script type="text/javascript" src="/script/buffalo.js" mce_src="script/buffalo.js"></mce:script> <mce:script type="text/javascript" src="/script/common.js" mce_src="script/common.js"></mce:script> <mce:script type="text/javascript" src="/script/validator.js" mce_src="script/validator.js"></mce:script> <mce:script type="text/javascript" src="../../script/alert.js" mce_src="script/alert.js"></mce:script> <mce:script type="text/javascript"> if(log_checkNumber=="") { alert("请输入验证码！"); return; } var check; //$("login").action="we.login"; ctBuffalo1.remoteCall("CtLoginService.checkNumberRightForBusiness",[log_checkNumber],function(reply) { var ret=reply.getResult(); check=ret; }); if(check=="false") { alert("验证码错误，请重新输入"); //top.location.reload(top); return; } var result=""+Validator.Validate(form,2);//验证表单 if(result=="true") { if($("phoneNumber").value==""&&$("MobileNumber").value=="") { alert("固定电话和手机号码必须输入一个！"); return; } var logSuccess; ctBuffalo1.remoteCall("CtLoginService.getLoginSuccess",[],function(reply) { logSuccess=reply.getResult(); }); if(logSuccess!="true") { alert("您尚未登录或离开太久，请重新登录！"); top.location.reload("/index.html"); return; } //控制三个层的显示与隐藏 $('confirmOrder').style.display=""; $('fillOrder').style.display="none"; $('resultOrder').style.display="none"; //控制导航步骤的颜色 $('step1').color="black"; $('step2').color="black"; $('step3').color="red"; $('step4').color="black"; var choice=$('tcType').value;//套餐名称 if(choice=="2") { $('tcName').innerHTML="申请e8套餐(固话+宽带)"; $('tcLevel').innerHTML=$('tcTypeInfo').options[$('tcTypeInfo').selectedIndex].text; if($('e8xlt').checked==true) { $('xltkxb').innerHTML="最多可免费捆绑3部小灵通，免小灵通月租，被捆绑的小灵通均可共享基础包中的通话费，同时与基础包中的固定电话互打本地免费"; } }else if(choice=="1"){ $('tcName').innerHTML="申请e6套餐(固话+小灵通)"; $('tcLevel').innerHTML=$('tcTypeInfo').options[$('tcTypeInfo').selectedIndex].text; if($('e6xlt').checked==true) { $('xltkxb').innerHTML="每加5元/月，即可多捆绑小灵通一部，免小灵通月租（最多绑3部）"; } }else if(choice=="3"){ $('tcName').innerHTML="申请尊享e8套餐(固话+宽带+智能无线猫组成的整体家庭综合服务)"; $('tcLevel').innerHTML=$('tcTypeInfo').options[$('tcTypeInfo').selectedIndex].text; if($('e82xlt').checked==true) { $('xltkxb').innerHTML="每加5元/月，即可多捆绑小灵通一部，免小灵通月租（最多绑3部）"; } } if($('e6gh').checked==true) { $('ghbdkxb').innerHTML="+3元每月，本地区内区间同价"; } var str=""; if($('e6ghct1').checked==true) { str+="+3元每月，包打30分钟的国内IP长途<br/>"; } if($('e6ghct2').checked==true) { str+="+9元每月，包打120分钟的国内IP长途<br/>"; } $('ghctkxb').innerHTML=str; str=""; var temp="e6zz"; //获取9项增值可选包的信息 for(var i=1;i<=9;i++) { if($(temp+i).checked==true) { str+=$("e6zzspan"+i).innerText+"<br/>"; } } $('zzkxb').innerHTML=str; $('tclinkman').innerHTML=$('linkman').value; //获取联系人 $('tclinkphone').innerHTML="固定电话："+phone+"<br/>手机："+mobile;//获得联系电话 $('tcareaId').innerHTML=$('areaId').options[$('areaId').selectedIndex].text;//获得所在区域 $('tcaddress').innerHTML=$('address').value;//获得联系地址 $('tcslnr').innerHTML=$('tsnr').value;//获得受理内容描述 } } //根据选择项目的不同动态修改页面内容 function changeTc() { var choice=$('tcType').value; if(choice=="2") { //var array1=["58元套餐","78元套餐","98元套餐","128元套餐"]; $('e8xltline').style.display=""; $('e6xltline').style.display="none"; $('e82xltline').style.display="none"; $('e82lcb').style.display="none"; $('e82zzb').style.display="none"; $('zzkxb').style.display="none"; var array1=new Array(); array1[0]=new Object(); array1[0].id="1"; array1[0].name="58元套餐"; array1[1]=new Object(); array1[1].id="2"; array1[1].name="78元套餐"; array1[2]=new Object(); array1[2].id="3"; array1[2].name="98元套餐"; array1[3]=new Object(); array1[3].id="3"; array1[3].name="128元套餐"; Buffalo.bind($('tcTypeInfo'),array1); }else if(choice=="1") { //var array2=["36元套餐","56元套餐","76元套餐","96元套餐"]; $('e8xltline').style.display="none"; $('e6xltline').style.display=""; $('e82xltline').style.display="none"; $('e82lcb').style.display="none"; $('e82zzb').style.display="none"; $('zzkxb').style.display=""; var array1=new Array(); array1[0]=new Object(); array1[0].id="1"; array1[0].name="36元套餐"; array1[1]=new Object(); array1[1].id="2"; array1[1].name="56元套餐"; array1[2]=new Object(); array1[2].id="3"; array1[2].name="76元套餐"; array1[3]=new Object(); array1[3].id="3"; array1[3].name="96元套餐"; array1[4]=new Object(); array1[4].id="4"; array1[4].name="106元套餐"; array1[5]=new Object(); array1[5].id="5"; array1[5].name="126元套餐"; Buffalo.bind($('tcTypeInfo'),array1); }if(choice=="3") { //var array2=["36元套餐","56元套餐","76元套餐","96元套餐"]; $('e8xltline').style.display="none"; $('e6xltline').style.display="none"; $('e82xltline').style.display=""; $('e82lcb').style.display=""; $('e82zzb').style.display=""; $('zzkxb').style.display="none"; var array1=new Array(); array1[0]=new Object(); array1[0].id="1"; array1[0].name="198元套餐"; array1[1]=new Object(); array1[1].id="2"; array1[1].name="238元套餐"; Buffalo.bind($('tcTypeInfo'),array1); } } //返回到订单填写 function back() { $('confirmOrder').style.display="none"; $('fillOrder').style.display=""; $('resultOrder').style.display="none"; } // --></mce:script> </head> <body leftmargin="0" topmargin="0"> <br/>  <font color="#000000" size="2"><strong>业务办理流程： 1、 <font id="step1">用户协议</font> --> 2、<font id="step2">订单填写</font> --> 3、<font id="step3">订单确认</font> --> 4、<font id="step4">订单提交</font></strong> </font><br/>  <div id='fillOrder'> <form method="post" name="myehome" id="myehome"> <table border="0" cellspacing="1" cellpadding="3" style="width:550px; margin:0px 0px 0px 10px" class="table_k_bg"> <tr> <td class="table_k_bg2" style="vertical-align:top " mce_style="vertical-align:top ">套餐名称：</td> <td class="table_k_bg1">  <select size="1" name="tcType" onChange="changeTc()" jtext="name" jvalue="id"> <option selected value="1">申请e6套餐(固话+小灵通)</option> <option value="2">申请e8套餐(固话+宽带)</option> <option value="3">尊享e8(整体家庭综合服务)</option> </select>  </td> </tr> <tr> <td class="table_k_bg2" style="vertical-align:top " mce_style="vertical-align:top ">选择套餐档次：<br></td> <td class="table_k_bg1">  <select size="1" name="tcTypeInfo" jtext="name" jvalue="id"> </select>  <a href="myexzcp.htm" mce_href="myexzcp.htm" target="_blank">点击查看套餐详情</a> </td> </tr> <tr> <td class="table_k_bg2" style="vertical-align:top " mce_style="vertical-align:top ">固话本地可选包：<br></td> <td class="table_k_bg1">  <input type="checkbox" value="0" name="e6gh" id="e6gh">  +3元每月，本地区内区间同价</td> </tr> <tr> <td class="table_k_bg2" style="vertical-align:middle;" mce_style="vertical-align:middle;">固话长途可选包：<br></td> <td class="table_k_bg1">  <input type="checkbox" id="e6ghct1"> +3元每月，包打30分钟的国内IP长途<br> <input type="checkbox"id="e6ghct2">  +9元每月，包打120分钟的国内IP长途</td> </tr> <tr id='e6xltline'> <td class="table_k_bg2" style="vertical-align:middle;" mce_style="vertical-align:middle;">小灵通可选包：<br></td> <td class="table_k_bg1">  <input type="checkbox" id="e6xlt">  每加5元/月，即可多捆绑小灵通一部，免小灵通月租（最多绑3部）</td> </tr> <tr id='e8xltline' style="display:none" mce_style="display:none"> <td class="table_k_bg2" style="vertical-align:middle;" mce_style="vertical-align:middle;">小灵通可选包：<br></td> <td class="table_k_bg1">  <input type="checkbox" name="e8xlt" id="e8xlt">  最多可免费捆绑3部小灵通，免小灵通月租，被捆绑的小灵通均可<br> 共享基础包中的通话费，同时与基础包中的固定电话互打本地免费</td> </tr> <tr id='e82xltline' style="display:none" mce_style="display:none"> <td class="table_k_bg2" style="vertical-align:middle;" mce_style="vertical-align:middle;">小灵通可选包：<br></td> <td class="table_k_bg1">  <input type="checkbox" name="e82xlt" id="e8xlt">  每加5元/月, 即可多捆绑小灵通一部，最多可免费捆绑3部小灵通，<br> 免小灵通月租，<br> 被捆绑的小灵通均可共享基础包中的通话费，<br> 同时与基础包中的固定电话、e家电话互打本地免费，<br> 同时也可享受超出部分本地和传统国内长途同价，均为0.15元/分钟。</td> </tr> <tr id='e82lcb' style="display:none;" mce_style="display:none;"> <td class="table_k_bg2" style="vertical-align:middle;" mce_style="vertical-align:middle;">尊享理财包：<br></td> <td class="table_k_bg1">  <input type="checkbox" id="e6zz10"> 大参考VIP版(月功能费88元)<br/> <input type="checkbox" id="e6zz11"> 基金通VIP版(月功能费18元)  </td> </tr> <tr id='e82zzb' style="display:none;" mce_style="display:none;"> <td class="table_k_bg2" style="vertical-align:middle;" mce_style="vertical-align:middle;">尊享增值包：<br></td> <td class="table_k_bg1">  <input type="checkbox" id="e6zz12">  绿色上网(10元/月)</td> </tr> <tr id="zzkxb"> <td class="table_k_bg2" style="vertical-align:middle;" mce_style="vertical-align:middle;">增值可选包：<br></td> <td class="table_k_bg1">  <input type="checkbox" name="e6zz1" id="e6zz1"> <span id="e6zzspan1">网络硬盘 </span> <input type="checkbox" name="e6zz2" id="e6zz2"> <span id="e6zzspan2">邮箱 </span> <input type="checkbox" name="e6zz3" id="e6zz3"> <span id="e6zzspan3">三方通话</span> <input type="checkbox" name="e6zz4" id="e6zz4"> <span id="e6zzspan4">个人通信助理 </span> <br> <input type="checkbox" name="e6zz5" id="e6zz5"> <span id="e6zzspan5">呼叫转移</span> <input type="checkbox" name="e6zz6" id="e6zz6"> <span id="e6zzspan6">免打扰</span> <input type="checkbox" name="e6zz7" id="e6zz7"> <span id="e6zzspan7">闹钟服务</span> <input type="checkbox" name="e6zz8" id="e6zz8"> <span id="e6zzspan8">天气预报</span> <br> <input type="checkbox" name="e6zz9" id="e6zz9">  <span id="e6zzspan9">星空娱乐(音乐、游戏、影视、生活、教育)</span><br> <font color="#ff0000">(注：任选1项9折，2项8折，3项7折，4项及以上5折)</font><br></td> </tr> <tr> <td class="table_k_bg2">联系人：</td> <td class="table_k_bg1">  <input type="text" size="20" name="linkman" dataType="Require" msg="联系人不能为空！">  <font color="#ff0000"> *</font></td> </tr> <tr> <td class="table_k_bg2">联系电话：</td> <td class="table_k_bg1">固定电话：  <input type="text" id="phoneNumber" size="13" dataType="Integer" msg="固定电话号码必须为数字"/>  <font color="#ff0000"> *</font> 手机：  <input type="text" id="MobileNumber" size="13" />  </td> </tr> <tr> <td class="table_k_bg2">所在区域：<br></td> <td class="table_k_bg1">  <select style="WIDTH: 126px" name="latnID" id="areaId" size="1"> <option value="0971" selected>西宁市</option> <option value="0972">海东地区</option> <option value="0974">海南州</option> <option value="0977">海西州</option> <option value="0970">海北州</option> <option value="0973">黄南州</option> <option value="0975">果洛州</option> <option value="0976">玉树州</option> <option value="0979">格尔木市</option> </select>  </td> </tr> <tr> <td class="table_k_bg2">联系地址：<br></td> <td class="table_k_bg1">  <input type="text" name="address" id="address" maxlength=100 dataType="Require" msg="联系地址不能为空！" size="46"/>  <font color="#ff0000"> *</font> </td> </tr> <tr> <td class="table_k_bg2">受理内容描述：</td> <td class="table_k_bg1" valign="middle">  <textarea name="tsnr" id="tsnr" cols="50" rows="6"> *

验证码：

温馨提示：
1.请提供可用的联系人电话，我们有可能使用该电话与您取得联系；
2.请尽量对需要办理的业务描述清楚，以便我们更快更准地为您处理。

套餐名称：
套餐档次：
固话本地可选包：
固话长途可选包：
小灵通可选包：
增值可选包：
联系人：
联系电话：
所在区域：
联系地址：
受理内容描述：