ei_add_billing.ftl 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport"
  8. content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  9. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  10. <#include "/base/add_base.ftl">
  11. <style>
  12. .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
  13. .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
  14. .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
  15. .tit-2:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
  16. #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
  17. .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
  18. .ac_results li {border:1px solid #fff}
  19. .ac_results li a span {float:right}
  20. .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
  21. .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
  22. .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
  23. .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
  24. .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent #32a3d8 transparent transparent;font-size:0; line-height:0;}
  25. .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
  26. .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
  27. .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
  28. .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
  29. .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
  30. .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
  31. .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent transparent transparent #32a3d8;font-size:0; line-height:0;}
  32. .time-line-list>li:first-child .arrow{display: none;}
  33. .table-bg th{background-color: #e2f6ff;}
  34. .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
  35. .msg-phone{height: 35px;line-height: 35px;}
  36. .col-sm-1{width: 150px;}
  37. .all_down{text-decoration: underline;color: #00c;}
  38. </style>
  39. <title>添加发票 - 发票管理 - RST</title>
  40. </head>
  41. <body>
  42. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
  43. <span class="c-gray en">&gt;</span> 发票管理
  44. <span class="c-gray en">&gt;</span> 添加发票
  45. <a class="btn radius r"
  46. style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;"
  47. href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  48. <a class="btn radius r"
  49. style="line-height:1.6em;margin-top:3px;margin-right: 5px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;"
  50. href="javascript:history.back(-1);" title="后退"><i class="Hui-iconfont">&#xe6d4;</i></a>
  51. </nav>
  52. <article class="page-container" style="padding: 10px;">
  53. <div class="pd-20 cl">
  54. <form action="${path}/admin/ei_billing/add_billing" method="post" class="form form-horizontal" id="form-order-add" onkeydown="if(event.keyCode==13)return false;">
  55. <div class="row cl">
  56. <label class="form-label col-3">
  57. <div class="tit-2">基本信息</div>
  58. </label>
  59. <div class="formControls col-9">
  60. </div>
  61. </div>
  62. <div class="row cl" id="" style="">
  63. <label class="form-label col-1 col-sm-1">所属平台:</label>
  64. <div class="formControls col-2 col-sm-2" >
  65. <span class="select-box">
  66. <select class="select" name="platId" id="platId" >
  67. <#list platformInfoList as platformInfo>
  68. <option value="${platformInfo.platId}" >${platformInfo.platName}</option>
  69. </#list>
  70. </select>
  71. </span>
  72. </div>
  73. </div>
  74. <div class="row cl" id="" style="">
  75. <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>订单编号:</label>
  76. <div class="formControls col-2 col-sm-2">
  77. <input type="text" class="input-text trim_input" value="" placeholder="订单编号" id="billOrderNo" datatype="*1-50" name="billOrderNo" >
  78. </div>
  79. <div class="formControls col-1 col-sm-1">
  80. <input type="button" class="btn btn-primary add-order-button" onclick="select_amount()" value="查询订单信息" >
  81. </div>
  82. </div>
  83. <div class="row cl" id="" style="">
  84. <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>开票金额:</label>
  85. <div class="formControls col-2 col-sm-2">
  86. <input type="text" class="input-text trim_input" value="0" placeholder="开票金额" id="billAmountCopy" datatype="*1-7" name="billAmountCopy" >
  87. <input type="hidden" value="0" id="billAmount" datatype="*1-7" name="billAmount" >
  88. </div>
  89. <div class="formControls col-1 col-sm-1">
  90. <input type="button" class="btn btn-primary add-order-button" onclick="calc_amount()" value="计算总金额" >
  91. </div>
  92. </div>
  93. <div class="row cl">
  94. <label class="form-label col-3">
  95. <div class="tit-2">开票信息</div>
  96. </label>
  97. <div class="formControls col-9">
  98. </div>
  99. </div>
  100. <div class="row cl">
  101. <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>开票类型:</label>
  102. <div class="formControls col-10 col-sm-10 skin-minimal ">
  103. <div class="radio-box">
  104. <input type="radio" id="tel-1" name="billType" value="1" checked>
  105. <label for="tel-1">企业</label>
  106. </div>
  107. <div class="radio-box">
  108. <input type="radio" id="tel-2" name="billType" value="2" >
  109. <label for="tel-2">个人</label>
  110. </div>
  111. </div>
  112. </div>
  113. <div id="billCompany">
  114. <div class="row cl" id="" style="">
  115. <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>购方信息:</label>
  116. <div class="formControls col-2 col-sm-2">
  117. <input type="text" class="input-text trim_input" value="" placeholder="企业名称" id="billCompanyName" datatype="*1-50" name="billCompanyName" >
  118. </div>
  119. <div class="formControls col-2 col-sm-2">
  120. <input type="text" class="input-text trim_input" value="" placeholder="企业税号" id="billTaxNumber" datatype="*1-30" name="billTaxNumber" >
  121. </div>
  122. </div>
  123. <div class="row cl" id="" style="">
  124. <label class="form-label col-1 col-sm-1">电话地址:</label>
  125. <div class="formControls col-2 col-sm-2">
  126. <input type="text" class="input-text trim_input" value="" placeholder="企业电话" id="billTel" datatype="/^.{0,15}$/" name="billTel" >
  127. </div>
  128. <div class="formControls col-2 col-sm-2">
  129. <input type="text" class="input-text trim_input" value="" placeholder="企业地址" id="billAddress" datatype="/^.{0,80}$/" name="billAddress" >
  130. </div>
  131. </div>
  132. <div class="row cl" id="" style="">
  133. <label class="form-label col-1 col-sm-1">银行信息:</label>
  134. <div class="formControls col-2 col-sm-2">
  135. <input type="text" class="input-text trim_input" value="" placeholder="开户行名称" id="billBankName" datatype="/^.{0,50}$/" name="billAmount" >
  136. </div>
  137. <div class="formControls col-2 col-sm-2">
  138. <input type="text" class="input-text trim_input" value="" placeholder="银行账号" id="billAmount" datatype="/^.{0,50}$/" name="billAmount" >
  139. </div>
  140. </div>
  141. </div>
  142. <div id="billPersonal" style="display: none;">
  143. <div class="row cl" id="" style="">
  144. <label class="form-label col-1 col-sm-1">用户姓名 :</label>
  145. <div class="formControls col-2 col-sm-2">
  146. <input type="text" class="input-text trim_input" value="" placeholder="用户姓名" id="billPersonalName" datatype="/^.{0,50}$/" name="billPersonalName" >
  147. </div>
  148. </div>
  149. </div>
  150. <div class="row cl">
  151. <label class="form-label col-3">
  152. <div class="tit-2">商品信息</div>
  153. </label>
  154. <div class="formControls col-9">
  155. </div>
  156. </div>
  157. <div class="row cl" id="" style="">
  158. <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>商品信息:</label>
  159. <div class="formControls col-8 col-sm-8">
  160. <input type="button" class="btn btn-primary add-order-button" onclick="add_product()" value="添加商品" >
  161. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;display: none" id="all_add_product">
  162. <thead>
  163. <tr class="text-c" id="table1">
  164. <th style="text-align: center;" width="30" >产品名称</th>
  165. <th style="text-align: center;" width="15" >产品颜色</th>
  166. <th style="text-align: center;" width="10">产品单价</th>
  167. <th style="text-align: center;" width="10">产品数量</th>
  168. <th style="text-align: center;" width="10">合计金额</th>
  169. <th style="text-align: center;" width="10">操作</th>
  170. </tr>
  171. </thead>
  172. <tbody id="add_product">
  173. </tbody>
  174. </table>
  175. <input type="hidden" id="orderItemString" name="orderItemString" value="" >
  176. </div>
  177. </div>
  178. <div class="row cl">
  179. <label class="form-label col-3">
  180. <div class="tit-2">备注信息</div>
  181. </label>
  182. <div class="formControls col-9">
  183. </div>
  184. </div>
  185. <div class="row cl" id="" style="">
  186. <label class="form-label col-1 col-sm-1">用户备注:</label>
  187. <div class="formControls col-6 col-sm-6">
  188. <textarea name="billRemarks" id="billRemarks" cols="" rows="2" class="textarea" placeholder="请填写用户备注,最多支持300字符" onKeyUp="$.Huitextarealength(this,300)"></textarea>
  189. <#--<span id="addrssMsg"></span>-->
  190. </div>
  191. </div>
  192. <div class="row cl">
  193. <div class="col-2 col-sm-2 col-offset-3">
  194. <button class="btn btn-block btn-primary size-XL" type="submit">确认录入</button>
  195. </div>
  196. </div>
  197. </form>
  198. </div>
  199. </article>
  200. <script type="text/javascript">
  201. var url_path = "${path}";
  202. </script>
  203. <script type="text/javascript">
  204. $(function(){
  205. $('.skin-minimal input').iCheck({
  206. checkboxClass: 'icheckbox-blue',
  207. radioClass: 'iradio-blue',
  208. increaseArea: '20%'
  209. });
  210. $("input[name='billType']").change(function (){
  211. var billType = $(this).val()
  212. if(billType == 1){ //企业
  213. $("#billCompany").show();
  214. $("#billPersonal").hide();
  215. }else{
  216. $("#billCompany").hide();
  217. $("#billPersonal").show();
  218. }
  219. })
  220. });
  221. </script>
  222. <script type="text/javascript" charset="utf-8" src="${path}/common/js/eiBilling/billing.js"></script>
  223. </body>
  224. </html>