123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>小程序配置</title>
- </head>
- <body class="laytp-container">
- <div class="layui-row layui-col-space10">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-header">上传小程序</div>
- <div class="layui-card-body">最新小程序版本: <span class="version"></span></div>
- </div>
- </div>
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card">
- <div class="layui-card-body" style="padding-top: 40px;">
- <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
- <div carousel-item>
- <div>
- <form class="layui-form" action="javascript:void(0);" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
- <div class="layui-form-item">
- <label class="layui-form-label">版本号:</label>
- <div class="layui-input-block">
- <input name="version" type="text" placeholder="请填写版本号" class="layui-input" lay-verify="required" />
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">版本描述:</label>
- <div class="layui-input-block">
- <textarea name="intro" placeholder="请填写版本描述(选填)" value="" class="layui-textarea"></textarea>
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-input-block">
- <button class="laytp-btn laytp-btn-success" lay-submit lay-filter="formStep">
-  下一步 
- </button>
- </div>
- </div>
- </form>
- </div>
- <div>
- <form class="layui-form" action="javascript:void(0);" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
- <div class="layui-form-item" style="text-align:center;">
- <img class="img" src="" alt="" style="width:300px;height:300px;">
- </div>
- <div class="layui-form-item">
- <div class="layui-input-block">
- <button type="button" class="laytp-btn laytp-btn-success pre">上一步</button>
- <!-- <button class="laytp-btn laytp-btn-success" lay-submit lay-filter="formStep2">
-  确认入款 
- </button> -->
- </div>
- </div>
- </form>
- </div>
- <div>
- <div style="text-align: center;margin-top: 90px;">
- <i class="layui-icon layui-circle" style="color: white;font-size:30px;font-weight:bold;background: #52C41A;padding: 20px;line-height: 80px;"></i>
- <div style="font-size: 24px;color: #333;font-weight: 500;margin-top: 30px;">
- 小程序上传成功!
- </div>
- <div style="font-size: 14px;color: #666;margin-top: 20px;">请前往小程序官方后台提交审核</div>
- </div>
- <div style="text-align: center;margin-top: 50px;">
- <a class="laytp-btn laytp-btn-success" href="https://mp.weixin.qq.com/" target="_blank">微信公众平台</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="application/javascript">
- document.write("<link rel='stylesheet' href='" + localStorage.getItem("staticDomain") + "/component/layui/css/layui.css?v=" + localStorage.getItem("version") + "'>");
- document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v=" + localStorage.getItem("version") + "'><\/script>");
- document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v=" + localStorage.getItem("version") + "'><\/script>");
- document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery_3.3.1.js?v=" + localStorage.getItem("version") + "'><\/script>");
- document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery.tablednd.js?v=" + localStorage.getItem("version") + "'><\/script>");
- </script>
- <script>
- let timeout = '';
- layui.use(['laytp', 'step', 'form'], function() {
- form = layui.form,
- step = layui.step;
- step.render({
- elem: '#stepForm',
- filter: 'stepForm',
- width: '100%',
- stepWidth: '600px',
- height: '500px',
- stepItems: [{
- title: '填写信息'
- }, {
- title: '扫码并上传代码'
- }, {
- title: '上传成功'
- }]
- });
- facade.ajax({
- route: "/admin.system.UploadMiniapp/version",
- data: {},
- successAlert: false,
- showLoading: false
- }).done(function(res) {
- if (res.code === 0) {
- $('.version').text(res.data)
- }
- });
- form.on('submit(formStep)', function(data) {
- facade.ajax({
- route: "/admin.system.UploadMiniapp/loginimg",
- data: data.field,
- successAlert: false,
- showLoading: true
- }).done(function(res) {
- if (res.code === 0) {
- step.next('#stepForm');
- $('.img').attr('src', res.data);
- sign()
- return false;
- }
- });
- });
- form.on('submit(formStep2)', function(data) {
- step.next('#stepForm');
- return false;
- });
- $('.pre').click(function() {
- step.pre('#stepForm');
- clearTimeout(timeout)
- return false;
- });
- $('.next').click(function() {
- step.next('#stepForm');
- return false;
- });
- });
- function sign() {
- facade.ajax({
- route: "/admin.system.UploadMiniapp/login",
- data: {},
- successAlert: false,
- showLoading: false
- }).done(function(res) {
- if (res.data) {
- if (res.data.search("SUCCESS") != -1) {
- var indexs = layer.msg('登录成功!正在打包上传代码...', {
- icon: 16,
- time: 0
- });
- setTimeout(function() {
- facade.ajax({
- route: "/admin.system.UploadMiniapp/upapp",
- data: {},
- successAlert: false,
- showLoading: true
- }).done(function(res) {
- if (res.code === 0) {
- step.next('#stepForm');
- upjson(indexs);
- return false;
- }
- });
- }, 1000);
- } else {
- layer.msg('系统错误,请重试!', {
- time: 0,
- btn: '确定',
- yes: function(index) {
- // step.pre('#stepForm');
- // window.location.href = "{:url('main')}";
- }
- });
- return false;
- }
- } else {
- timeout = setTimeout(function() {
- sign();
- }, 1000);
- }
- });
- }
- function upjson(indexs) {
- facade.ajax({
- route: "/admin.system.UploadMiniapp/upjson",
- data: {},
- successAlert: false,
- showLoading: true
- }).done(function(res) {
- if (res.code === 0) {
- layer.close(indexs);
- // step.next('#stepForm');
- // return false;
- }
- });
- }
- </script>
- </body>
- </html>
|