index.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>首页</title>
  7. <link rel="stylesheet" href="/layui/css/layui.css">
  8. <link rel="stylesheet" href="/css/common.css">
  9. <link rel="stylesheet" href="/css/personal/index.css">
  10. <link rel="stylesheet" href="/css/homeIndex.css">
  11. <script src="/layui/layui.js"></script>
  12. <script src="/js/echarts.min.js"></script>
  13. <script src="/js/china.js"></script>
  14. <script src="/js/qrcode.js"></script>
  15. <script src="/js/index/even.js"></script>
  16. <script src="/js/index/index.js"></script>
  17. <script src="/js/personal/function.js"></script>
  18. <script src="/js/index/function.js"></script>
  19. <script src="/js/translationVal.js"></script>
  20. </head>
  21. <body>
  22. <div class="index_div">
  23. <!-- 头部 -->
  24. <div class="head_statistical_div">
  25. <!-- 报价单 -->
  26. <div class="head_three_block quotation_single">
  27. <span class="head_title_div" data-locale="baojiadan">报价单</span>
  28. <!-- 数据 -->
  29. <div class="head_data_div">
  30. <!-- 今日 -->
  31. <div class="head_data today_div_offer">
  32. <span class="today_font" data-locale="jinribaojia">今日报价</span>
  33. <span class="today_data">0</span>
  34. <span class="yesterday_data">昨日:0</span>
  35. </div>
  36. <!-- 本月 -->
  37. <div class="head_data thisMonth_div_offer">
  38. <span class="today_font" data-locale="benyuebaojia">本月报价</span>
  39. <span class="today_data">0</span>
  40. <span class="yesterday_data">上月:0</span>
  41. </div>
  42. <!-- 本年 -->
  43. <div class="head_data thisYear_div_offer">
  44. <span class="today_font" data-locale="bennianbaojia">本年报价</span>
  45. <span class="today_data">0</span>
  46. <span class="yesterday_data">去年:0</span>
  47. </div>
  48. </div>
  49. </div>
  50. <!-- 成交 -->
  51. <div class="head_three_block clinch_a_deal">
  52. <span class="head_title_div" data-locale="chengjiao">成交</span>
  53. <!-- 数据 -->
  54. <div class="head_data_div">
  55. <!-- 今日 -->
  56. <div class="head_data today_div_offer">
  57. <span class="today_font" data-locale="jinrichengjiao">今日成交(单)</span>
  58. <span class="today_data">0</span>
  59. <span class="yesterday_data">昨日:0</span>
  60. </div>
  61. <!-- 本月 -->
  62. <div class="head_data thisMonth_div_offer">
  63. <span class="today_font" data-locale="benyueshouru">本月收入(万)</span>
  64. <span class="today_data">0</span>
  65. <span class="yesterday_data">上月:0</span>
  66. </div>
  67. <!-- 本年 -->
  68. <div class="head_data thisYear_div_offer">
  69. <span class="today_font" data-locale="bennianshouru">本年收入(万)</span>
  70. <span class="today_data">0</span>
  71. <span class="yesterday_data">去年:0</span>
  72. </div>
  73. </div>
  74. </div>
  75. <!-- 报价权限 -->
  76. <div class="head_three_block offer_num_div">
  77. <span class="head_title_div" data-locale="baojiadanquanxian">报价权限</span>
  78. <div class="balance_of_fount">
  79. <span data-locale="baojiadanquanxianyue">报价单权限余额</span>
  80. <p>0</p>
  81. <span data-locale="ci">次</span>
  82. </div>
  83. <div class="buy_permissions" data-locale="goumaiquanxian" onclick="buyPermissions()">购买权限</div>
  84. </div>
  85. </div>
  86. <!-- 中间部位 -->
  87. <div class="center_div_chart">
  88. <div id="columnar_chart" class="chart_div"></div>
  89. <div id="destination_chart" class="chart_div"></div>
  90. </div>
  91. <!-- 最下侧统计 -->
  92. <div class="bottom_div_message">
  93. <div class="message_font" data-locale="xaoxitixing">消息提醒</div>
  94. <div class="message_bottom_div">
  95. <div class="message_val"><p>需求订单:</p><span>0</span></div>
  96. <div class="message_val"><p>已报价:</p><span>0</span></div>
  97. <div class="message_val"><p>已付费:</p><span>0</span></div>
  98. <div class="message_val" style="margin-right: 0;"><p>成交订单:</p><span>0</span></div>
  99. <div class="message_val"><p>报价权限占用:</p><span>0</span></div>
  100. <div class="message_val"><p>报价权限剩余:</p><span>0</span></div>
  101. <div class="message_val"><p>报价权限使用:</p><span>0</span></div>
  102. <div class="message_val" style="margin-right: 0;"><p>退款申请:</p><span>0</span></div>
  103. </div>
  104. </div>
  105. </div>
  106. <!-- 购买报价单次数 -->
  107. <div class="quotation_number">
  108. <div class="balance_of_show">
  109. <div class="balance_of_font" data-locale="zhanghuyue">账户余额</div>
  110. <div class="balance_of_val">0.00</div>
  111. <div class="cumulative_num quotation_num">报单价单价</div>
  112. </div>
  113. <!-- 自定义金额 -->
  114. <div class="custom_amount">
  115. <span data-locale="zaixianchongzhi">在线充值</span>
  116. <div class="layui-form-item">
  117. <div class="layui-input-block">
  118. <input type="text" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
  119. name="offerNum" lay-verify="title" autocomplete="off" data-locale="zidingyiquanxiancishushuru" placeholder="自定义权限次数输入" class="layui-input">
  120. </div>
  121. </div>
  122. </div>
  123. <!-- 选择金额 -->
  124. <div class="select_amount">
  125. <div class="select_amount_val select_number_val select_amount_val_click" value="2" onclick="selectAmout(this)">
  126. <div class="number_of_div">
  127. <span>2</span>
  128. <span class="small_font_size" data-locale="ci">次</span>
  129. </div>
  130. <div class="amount_number_val">
  131. <span>¥10</span>
  132. </div>
  133. </div>
  134. <div class="select_amount_val select_number_val" value="6" onclick="selectAmout(this)">
  135. <div class="number_of_div">
  136. <span>6</span>
  137. <span class="small_font_size" data-locale="ci">次</span>
  138. </div>
  139. <div class="amount_number_val">
  140. <span>¥10</span>
  141. </div>
  142. </div>
  143. <div class="select_amount_val select_number_val" value="8" onclick="selectAmout(this)">
  144. <div class="number_of_div">
  145. <span>8</span>
  146. <span class="small_font_size" data-locale="ci">次</span>
  147. </div>
  148. <div class="amount_number_val">
  149. <span>¥10</span>
  150. </div>
  151. </div>
  152. <div class="select_amount_val select_number_val" value="10" onclick="selectAmout(this)">
  153. <div class="number_of_div">
  154. <span>10</span>
  155. <span class="small_font_size" data-locale="ci">次</span>
  156. </div>
  157. <div class="amount_number_val">
  158. <span>¥10</span>
  159. </div>
  160. </div>
  161. <div class="select_amount_val select_number_val" value="12" onclick="selectAmout(this)">
  162. <div class="number_of_div">
  163. <span>12</span>
  164. <span class="small_font_size">次</span>
  165. </div>
  166. <div class="amount_number_val">
  167. <span>¥10</span>
  168. </div>
  169. </div>
  170. </div>
  171. <!-- 选择支付方式 -->
  172. <div class="mode_of_payment">
  173. <div class="pay_div_mode wx_pay select_pay_click" onclick="payType(this)">
  174. <img src="/images/personal/yuezhifu.png"/>
  175. <span data-locale="yuezhifu">余额支付</span>
  176. <div><i class="layui-icon">&#xe605;</i></div>
  177. </div>
  178. <div class="pay_div_mode wx_pay" onclick="payType(this)">
  179. <img src="/images/personal/weixinzhifu.png"/>
  180. <span data-locale="weixinzhifu">微信支付</span>
  181. <div></div>
  182. </div>
  183. <div class="pay_div_mode wx_pay" onclick="payType(this)">
  184. <img src="/images/personal/zfb.png"/>
  185. <span>支付宝</span>
  186. <div></div>
  187. </div>
  188. </div>
  189. <!-- 微信支付二维码 -->
  190. <div class="qrcode_ok_div" style="float: left; width: 100%;">
  191. <div id="qrcode_ok"></div>
  192. </div>
  193. <div class="button_top_up">
  194. <div class="top-up-button blance_button" data-locale="lijichongzhi" onclick="balanceOfOk()">立即充值</div>
  195. </div>
  196. </div>
  197. </body>
  198. </html>