三元财务UI

AddInvoice.html 6.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>开票</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link href="../css/mui.min.css" rel="stylesheet" />
  10. <link href="../css/mui.picker.css" rel="stylesheet" />
  11. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  12. <link href="../css/iconfont.css" rel="stylesheet"/>
  13. <link href="css/AddInvoice.css" rel="stylesheet"/>
  14. <link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
  15. </head>
  16. <body>
  17. <!--<div class="mui-nav">
  18. <a class="mui-icon mui-icon-arrowleft" href="personal.html"></a>
  19. 开票
  20. </div>-->
  21. <!--style="margin-top: 44px;"-->
  22. <div class="mui-content">
  23. <ul class="mui-table-view" style="margin-bottom: 10px;">
  24. <li class="mui-table-view-cell">
  25. <div class="mui-input-row">
  26. <label class="label tital" style="">开票填写发票内容</label>
  27. </div>
  28. </li>
  29. <li class="mui-table-view-cell" id="showCityPicker3">
  30. <div class="mui-input-row">
  31. <label class="label">发票类型:</label>
  32. <input type="text" id='billType' class="size-14" placeholder="请输入发票类型"/>
  33. </div>
  34. </li>
  35. </ul>
  36. <ul class="mui-table-view" style="margin-bottom: 10px;">
  37. <li class="mui-table-view-cell">
  38. <div class="mui-input-row">
  39. <label class="label tital" style="">发票抬头</label>
  40. </div>
  41. </li>
  42. <li class="mui-table-view-cell">
  43. <div class="mui-input-row">
  44. <label class="label">客户名称:</label>
  45. <input type="text" id="cusName" placeholder="用于接收面试邮件" class="size-14">
  46. </div>
  47. </li>
  48. <li class="mui-table-view-cell">
  49. <div class="mui-input-row">
  50. <label class="label">识别号:</label>
  51. <input type="number" id="taxidNum" placeholder="请输入识别号" class="size-14">
  52. </div>
  53. </li>
  54. <li class="mui-table-view-cell" id="showZhuTiPicker">
  55. <div class="mui-input-row">
  56. <label class="label">地址:</label>
  57. <input type="text" id='address' class="size-14" placeholder="请输入地址">
  58. </div>
  59. </li>
  60. <li class="mui-table-view-cell">
  61. <div class="mui-input-row">
  62. <label class="label">电话:</label>
  63. <input type="number" id="phone" placeholder="请输入电话" class="size-14">
  64. </div>
  65. </li>
  66. <li class="mui-table-view-cell">
  67. <div class="mui-input-row">
  68. <label class="label">开户行:</label>
  69. <input type="text" id="bank" placeholder="请输入开户行" class="size-14">
  70. </div>
  71. </li>
  72. <li class="mui-table-view-cell">
  73. <div class="mui-input-row">
  74. <label class="label">开户行账号:</label>
  75. <input type="number" id="bankAccount" placeholder="请输入开户行账号" class="size-14">
  76. </div>
  77. </li>
  78. </ul>
  79. <ul class="mui-table-view" style="margin-bottom: 44px;">
  80. <li class="mui-table-view-cell">
  81. <div class="mui-input-row">
  82. <label class="label tital" style="">开票内容</label>
  83. </div>
  84. </li>
  85. <li class="mui-table-view-cell">
  86. <div class="mui-input-row">
  87. <label class="label">项目名称:</label>
  88. <input type="text" id="proName" placeholder="请输入项目名称" class="size-14">
  89. </div>
  90. </li>
  91. <li class="mui-table-view-cell">
  92. <div class="mui-input-row">
  93. <label class="label">型号:</label>
  94. <input type="text" id="models" placeholder="请输入型号" class="size-14">
  95. </div>
  96. </li>
  97. <li class="mui-table-view-cell">
  98. <div class="mui-input-row">
  99. <label class="label">单位:</label>
  100. <input type="text" id="unit" placeholder="请输入单位" class="size-14">
  101. </div>
  102. </li>
  103. <li class="mui-table-view-cell">
  104. <div class="mui-input-row">
  105. <label class="label">数量:</label>
  106. <input type="number" id="amount" placeholder="请输入数量" class="size-14">
  107. </div>
  108. </li>
  109. <li class="mui-table-view-cell">
  110. <div class="mui-input-row">
  111. <label class="label">单价:</label>
  112. <input type="number" id="unitPrice" placeholder="请输入单价" class="size-14">
  113. </div>
  114. </li>
  115. <li class="mui-table-view-cell">
  116. <div class="mui-input-row">
  117. <label class="label">金额:</label>
  118. <input type="number" id="sumPrice" placeholder="请输入金额" class="size-14">
  119. </div>
  120. </li>
  121. <li class="mui-table-view-cell">
  122. <div class="mui-input-row">
  123. <label class="label">税率:</label>
  124. <input type="number" id="taxRate" placeholder="请输入税率" class="size-14">
  125. </div>
  126. </li>
  127. <li class="mui-table-view-cell">
  128. <div class="mui-input-row">
  129. <label class="label">税额:</label>
  130. <input type="number" id="taxAmount" placeholder="请输入税额" class="size-14">
  131. </div>
  132. </li>
  133. <li class="mui-table-view-cell">
  134. <div class="mui-input-row">
  135. <label class="label">开票方式:</label>
  136. <input type="text" id="billingMethod" placeholder="自取/邮寄" class="size-14">
  137. </div>
  138. </li>
  139. <li class="mui-table-view-cell btn" data-options='{"type":"date","beginYear":2010,"endYear":2023}'>
  140. <div class="mui-input-row">
  141. <label class="label">开票日期:</label>
  142. <input type="text" id='start_data' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  143. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  144. </div>
  145. </li>
  146. <li class="mui-table-view-cell">
  147. <div class="mui-input-row">
  148. <label class="label">备注:</label>
  149. <textarea class="ztext content size-14" placeholder="请输入备注" name="" id="remark" rows="3" cols="" placeholder="请详细描述您的问题和建议..."></textarea>
  150. </div>
  151. </li>
  152. <!--<li class="mui-table-view-cell">
  153. <div class="mui-input-row">
  154. <label class="label">合计:</label>
  155. <input type="number" id="order_tel" placeholder="自动计算" class="size-14">
  156. </div>
  157. </li>-->
  158. </ul>
  159. <div class="submit-btn">
  160. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit" id="submit">确认开票</button>
  161. </div>
  162. </div>
  163. <script src="../js/mui.js"></script>
  164. <script src="../js/mui.poppicker.js"></script>
  165. <script src="../js/jquery.min.js"></script>
  166. <script src="../js/huayi.http.js"></script>
  167. <script src="../Script/Common/huayi.config.js"></script>
  168. <script src="../js/mui.picker.min.js"></script>
  169. <script src="js/AddInvoice.js"></script>
  170. </body>
  171. </html>