upload.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>小程序配置</title>
  6. </head>
  7. <body class="laytp-container">
  8. <div class="layui-row layui-col-space10">
  9. <div class="layui-col-md12">
  10. <div class="layui-card">
  11. <div class="layui-card-header">上传小程序</div>
  12. <div class="layui-card-body">最新小程序版本: <span class="version"></span></div>
  13. </div>
  14. </div>
  15. <div class="layui-col-md12">
  16. <div class="layui-card">
  17. <div class="layui-card">
  18. <div class="layui-card-body" style="padding-top: 40px;">
  19. <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
  20. <div carousel-item>
  21. <div>
  22. <form class="layui-form" action="javascript:void(0);" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
  23. <div class="layui-form-item">
  24. <label class="layui-form-label">版本号:</label>
  25. <div class="layui-input-block">
  26. <input name="version" type="text" placeholder="请填写版本号" class="layui-input" lay-verify="required" />
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">版本描述:</label>
  31. <div class="layui-input-block">
  32. <textarea name="intro" placeholder="请填写版本描述(选填)" value="" class="layui-textarea"></textarea>
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <div class="layui-input-block">
  37. <button class="laytp-btn laytp-btn-success" lay-submit lay-filter="formStep">
  38. &emsp;下一步&emsp;
  39. </button>
  40. </div>
  41. </div>
  42. </form>
  43. </div>
  44. <div>
  45. <form class="layui-form" action="javascript:void(0);" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
  46. <div class="layui-form-item" style="text-align:center;">
  47. <img class="img" src="" alt="" style="width:300px;height:300px;">
  48. </div>
  49. <div class="layui-form-item">
  50. <div class="layui-input-block">
  51. <button type="button" class="laytp-btn laytp-btn-success pre">上一步</button>
  52. <!-- <button class="laytp-btn laytp-btn-success" lay-submit lay-filter="formStep2">
  53. &emsp;确认入款&emsp;
  54. </button> -->
  55. </div>
  56. </div>
  57. </form>
  58. </div>
  59. <div>
  60. <div style="text-align: center;margin-top: 90px;">
  61. <i class="layui-icon layui-circle" style="color: white;font-size:30px;font-weight:bold;background: #52C41A;padding: 20px;line-height: 80px;">&#xe605;</i>
  62. <div style="font-size: 24px;color: #333;font-weight: 500;margin-top: 30px;">
  63. 小程序上传成功!
  64. </div>
  65. <div style="font-size: 14px;color: #666;margin-top: 20px;">请前往小程序官方后台提交审核</div>
  66. </div>
  67. <div style="text-align: center;margin-top: 50px;">
  68. <a class="laytp-btn laytp-btn-success" href="https://mp.weixin.qq.com/" target="_blank">微信公众平台</a>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <script type="application/javascript">
  79. document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") + "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
  80. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v=" + localStorage.getItem("version") + "'><\/script>");
  81. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v=" + localStorage.getItem("version") + "'><\/script>");
  82. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery_3.3.1.js?v=" + localStorage.getItem("version") + "'><\/script>");
  83. document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery.tablednd.js?v=" + localStorage.getItem("version") + "'><\/script>");
  84. </script>
  85. <script>
  86. let timeout = '';
  87. layui.use(['laytp', 'step', 'form'], function() {
  88. form = layui.form,
  89. step = layui.step;
  90. step.render({
  91. elem: '#stepForm',
  92. filter: 'stepForm',
  93. width: '100%',
  94. stepWidth: '600px',
  95. height: '500px',
  96. stepItems: [{
  97. title: '填写信息'
  98. }, {
  99. title: '扫码并上传代码'
  100. }, {
  101. title: '上传成功'
  102. }]
  103. });
  104. facade.ajax({
  105. route: "/admin.system.UploadMiniapp/version",
  106. data: {},
  107. successAlert: false,
  108. showLoading: false
  109. }).done(function(res) {
  110. if (res.code === 0) {
  111. $('.version').text(res.data)
  112. }
  113. });
  114. form.on('submit(formStep)', function(data) {
  115. facade.ajax({
  116. route: "/admin.system.UploadMiniapp/loginimg",
  117. data: data.field,
  118. successAlert: false,
  119. showLoading: true
  120. }).done(function(res) {
  121. if (res.code === 0) {
  122. step.next('#stepForm');
  123. $('.img').attr('src', res.data);
  124. sign()
  125. return false;
  126. }
  127. });
  128. });
  129. form.on('submit(formStep2)', function(data) {
  130. step.next('#stepForm');
  131. return false;
  132. });
  133. $('.pre').click(function() {
  134. step.pre('#stepForm');
  135. clearTimeout(timeout)
  136. return false;
  137. });
  138. $('.next').click(function() {
  139. step.next('#stepForm');
  140. return false;
  141. });
  142. });
  143. function sign() {
  144. facade.ajax({
  145. route: "/admin.system.UploadMiniapp/login",
  146. data: {},
  147. successAlert: false,
  148. showLoading: false
  149. }).done(function(res) {
  150. if (res.data) {
  151. if (res.data.search("SUCCESS") != -1) {
  152. var indexs = layer.msg('登录成功!正在打包上传代码...', {
  153. icon: 16,
  154. time: 0
  155. });
  156. setTimeout(function() {
  157. facade.ajax({
  158. route: "/admin.system.UploadMiniapp/upapp",
  159. data: {},
  160. successAlert: false,
  161. showLoading: true
  162. }).done(function(res) {
  163. if (res.code === 0) {
  164. step.next('#stepForm');
  165. upjson(indexs);
  166. return false;
  167. }
  168. });
  169. }, 1000);
  170. } else {
  171. layer.msg('系统错误,请重试!', {
  172. time: 0,
  173. btn: '确定',
  174. yes: function(index) {
  175. // step.pre('#stepForm');
  176. // window.location.href = "{:url('main')}";
  177. }
  178. });
  179. return false;
  180. }
  181. } else {
  182. timeout = setTimeout(function() {
  183. sign();
  184. }, 1000);
  185. }
  186. });
  187. }
  188. function upjson(indexs) {
  189. facade.ajax({
  190. route: "/admin.system.UploadMiniapp/upjson",
  191. data: {},
  192. successAlert: false,
  193. showLoading: true
  194. }).done(function(res) {
  195. if (res.code === 0) {
  196. layer.close(indexs);
  197. // step.next('#stepForm');
  198. // return false;
  199. }
  200. });
  201. }
  202. </script>
  203. </body>
  204. </html>