三元财务UI

AddInvoice.html 6.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  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. </head>
  15. <body>
  16. <div class="mui-nav">
  17. <a class="mui-icon mui-icon-arrowleft" href="client_index.html"></a>
  18. 开票
  19. </div>
  20. <div class="mui-content" style="margin-top: 44px;">
  21. <ul class="mui-table-view" style="margin-bottom: 10px;">
  22. <li class="mui-table-view-cell">
  23. <div class="mui-input-row">
  24. <label class="label tital" style="">开票填写发票内容</label>
  25. </div>
  26. </li>
  27. <li class="mui-table-view-cell" id="showCityPicker3">
  28. <div class="mui-input-row">
  29. <label class="label">发票类型:</label>
  30. <input type="text" id='ower_relationship' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  31. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  32. </div>
  33. </li>
  34. </ul>
  35. <ul class="mui-table-view" style="margin-bottom: 10px;">
  36. <li class="mui-table-view-cell">
  37. <div class="mui-input-row">
  38. <label class="label tital" style="">发票抬头</label>
  39. </div>
  40. </li>
  41. <li class="mui-table-view-cell">
  42. <div class="mui-input-row">
  43. <label class="label">客户名称:</label>
  44. <input type="number" id="order_tel" placeholder="用于接收面试邮件" class="size-14">
  45. </div>
  46. </li>
  47. <li class="mui-table-view-cell">
  48. <div class="mui-input-row">
  49. <label class="label">识别号:</label>
  50. <input type="number" id="order_tel" placeholder="请输入识别号" class="size-14">
  51. </div>
  52. </li>
  53. <li class="mui-table-view-cell" id="showZhuTiPicker">
  54. <div class="mui-input-row">
  55. <label class="label">地址:</label>
  56. <input type="text" id='order_rengin' class="ui-alert type_con size-14" data-index="" readonly="readonly" />
  57. <a href=""><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
  58. <div id="order_pro" style="display: none;"></div>
  59. <div id="order_floor" style="display: none;"></div>
  60. <input id='order_rengValue' style="display: none;"/>
  61. <input id='order_proValue' style="display: none;"/>
  62. <input id='order_floorValue' style="display: none;"/>
  63. </div>
  64. </li>
  65. <li class="mui-table-view-cell">
  66. <div class="mui-input-row">
  67. <label class="label">电话:</label>
  68. <input type="number" id="order_tel" placeholder="请输入电话" class="size-14">
  69. </div>
  70. </li>
  71. <li class="mui-table-view-cell">
  72. <div class="mui-input-row">
  73. <label class="label">开户行:</label>
  74. <input type="number" id="order_tel" placeholder="请输入电话" class="size-14">
  75. </div>
  76. </li>
  77. <li class="mui-table-view-cell">
  78. <div class="mui-input-row">
  79. <label class="label">开户行账号:</label>
  80. <input type="number" id="order_tel" placeholder="请输入电话" class="size-14">
  81. </div>
  82. </li>
  83. </ul>
  84. <ul class="mui-table-view" style="margin-bottom: 44px;">
  85. <li class="mui-table-view-cell">
  86. <div class="mui-input-row">
  87. <label class="label tital" style="">开票内容</label>
  88. </div>
  89. </li>
  90. <li class="mui-table-view-cell">
  91. <div class="mui-input-row">
  92. <label class="label">项目名称:</label>
  93. <input type="number" id="order_tel" placeholder="请输入项目名称" class="size-14">
  94. </div>
  95. </li>
  96. <li class="mui-table-view-cell">
  97. <div class="mui-input-row">
  98. <label class="label">型号:</label>
  99. <input type="number" id="order_tel" placeholder="请输入型号" class="size-14">
  100. </div>
  101. </li>
  102. <li class="mui-table-view-cell">
  103. <div class="mui-input-row">
  104. <label class="label">单位:</label>
  105. <input type="number" id="order_tel" placeholder="请输入单位" class="size-14">
  106. </div>
  107. </li>
  108. <li class="mui-table-view-cell">
  109. <div class="mui-input-row">
  110. <label class="label">数量:</label>
  111. <input type="number" id="order_tel" placeholder="请输入数量" class="size-14">
  112. </div>
  113. </li>
  114. <li class="mui-table-view-cell">
  115. <div class="mui-input-row">
  116. <label class="label">单价:</label>
  117. <input type="number" id="order_tel" placeholder="请输入单价" class="size-14">
  118. </div>
  119. </li>
  120. <li class="mui-table-view-cell">
  121. <div class="mui-input-row">
  122. <label class="label">金额:</label>
  123. <input type="number" id="order_tel" placeholder="请输入金额" class="size-14">
  124. </div>
  125. </li>
  126. <li class="mui-table-view-cell">
  127. <div class="mui-input-row">
  128. <label class="label">税率:</label>
  129. <input type="number" id="order_tel" placeholder="请输入税率" class="size-14">
  130. </div>
  131. </li>
  132. <li class="mui-table-view-cell">
  133. <div class="mui-input-row">
  134. <label class="label">税额:</label>
  135. <input type="number" id="order_tel" placeholder="请输入税额" class="size-14">
  136. </div>
  137. </li>
  138. <li class="mui-table-view-cell">
  139. <div class="mui-input-row">
  140. <label class="label">合计:</label>
  141. <input type="number" id="order_tel" placeholder="自动计算" class="size-14">
  142. </div>
  143. </li>
  144. </ul>
  145. <div class="submit-btn">
  146. <button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit" id="submit">确认开票</button>
  147. </div>
  148. </div>
  149. <script src="../js/mui.js"></script>
  150. <script src="../js/mui.picker.js"></script>
  151. <script src="../js/mui.poppicker.js"></script>
  152. <script src="js/city.data-3.js"></script>
  153. <script src="../js/jquery.min.js"></script>
  154. <script src="js/AddInvoice.js"></script>
  155. <script src="../Script/Common/huayi.config.js"></script>
  156. </body>
  157. </html>