mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-16 00:38:10 +00:00
377 lines
9.0 KiB
HTML
377 lines
9.0 KiB
HTML
{extend name="base"/}
|
||
{block name="resources"}
|
||
<style>
|
||
.layui-layer-title {
|
||
border-bottom: 0!important;
|
||
}
|
||
.auth-layer {
|
||
padding: 20px;
|
||
}
|
||
.auth-layer .layui-form-item {
|
||
margin-bottom: 18px;
|
||
position: relative;
|
||
}
|
||
.auth-layer .layui-form-item .error {
|
||
color: red;
|
||
font-size: 12px;
|
||
position: absolute;
|
||
line-height: 1;
|
||
top: 42px;
|
||
display: none;
|
||
}
|
||
.auth-layer .layui-form-item button,.auth-layer .layui-form-item .layui-input {
|
||
height: 40px;
|
||
width: 100%;
|
||
}
|
||
.auth-layer .layui-form-item .layui-word-aux {
|
||
line-height: 1;
|
||
}
|
||
.auth-layer .to-buy {
|
||
text-align: right;
|
||
}
|
||
.auth-layer .to-buy a {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
color: #409eff;
|
||
border: 1px solid #409eff;
|
||
display:block;
|
||
text-align: center;
|
||
border-radius: 2px;
|
||
}
|
||
.auth-layer .link {
|
||
text-align: right;
|
||
margin-bottom: 0;
|
||
}
|
||
.auth-layer .link a {
|
||
color: #409eff;
|
||
}
|
||
.build-warp {
|
||
margin-left: 50px;
|
||
padding: 20px;
|
||
margin-right: 50px;
|
||
background: #F7F9FA;
|
||
border-radius: 5px;
|
||
height: 60vh;
|
||
overflow-y: scroll;
|
||
}
|
||
.build-warp::-webkit-scrollbar {
|
||
width: 6px;
|
||
border-radius: 4px;
|
||
}
|
||
.build-warp::-webkit-scrollbar-track {
|
||
background-color: rgba(0, 0, 0, 0.1);
|
||
}
|
||
.build-warp::-webkit-scrollbar-thumb {
|
||
background-color: rgba(0, 0, 0, 0.3);
|
||
border-radius: 4px;
|
||
}
|
||
.build-warp .msg-item {
|
||
margin: 20px 0;
|
||
}
|
||
.build-warp .msg-item p {
|
||
white-space: pre-wrap;
|
||
font-size: 13px;
|
||
font-family: Monaco,Menlo,Consolas,monospace;
|
||
}
|
||
.build-log .msg-item:first-child {
|
||
margin-top: 0;
|
||
}
|
||
.build-warp .msg-item .symbol {
|
||
margin-right: 10px;
|
||
}
|
||
.build-warp .msg-item .error {
|
||
background-color: #c0392b;
|
||
margin-right: 10px;
|
||
padding: 2px 3px;
|
||
color: #fff;
|
||
line-height: 1;
|
||
font-size: 12px;
|
||
}
|
||
.build-warp .build-progress {
|
||
display: none;
|
||
}
|
||
</style>
|
||
{/block}
|
||
{block name="main"}
|
||
<div class="build-warp">
|
||
<div class="build-log"></div>
|
||
<div class="build-progress">
|
||
<div class="msg-item">
|
||
<span class="symbol"> > </span>
|
||
<span class="content"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="other-links"></div>
|
||
|
||
<template id="authLayer">
|
||
<div class="layui-form auth-layer">
|
||
<div class="bind-auth layui-hide">
|
||
<div class="layui-form-item">
|
||
<input type="text" name="auth_code" placeholder="请输入授权码" autocomplete="off" class="layui-input">
|
||
<div class="error">请输入授权码</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<input type="text" name="auth_secret" placeholder="请输入授权秘钥" autocomplete="off" class="layui-input">
|
||
<div class="error">请输入授权秘钥</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<button class="layui-btn" lay-submit lay-filter="authInfoForm">立即绑定</button>
|
||
</div>
|
||
<div class="layui-form-item to-buy">
|
||
<a href="javascript:;" onclick="prev()">返回上一步</a>
|
||
</div>
|
||
</div>
|
||
<div class="options">
|
||
<div class="layui-form-item">
|
||
<button class="layui-btn" onclick="toBindAuthCode()">已授权，立即绑定授权</button>
|
||
</div>
|
||
<div class="layui-form-item to-buy">
|
||
<a href="javascript:;" onclick="applyExperience()">暂无授权，免费申请7天体验</a>
|
||
</div>
|
||
<div class="layui-form-item to-buy">
|
||
<a href="javascript:;" onclick="installSuccess(0)" target="_blank">我是开发者，无需授权，自行编译</a>
|
||
</div>
|
||
{notempty name="$install_config['build_manual']"}
|
||
<div class="layui-form-item link">
|
||
<a href="{$install_config['build_manual']}" target="_blank">安装帮助指引</a>
|
||
</div>
|
||
{/notempty}
|
||
</div>
|
||
</div>
|
||
</template>
|
||
{/block}
|
||
|
||
{block name="script"}
|
||
<script>
|
||
ControlContent(3);
|
||
|
||
const REQUEST_HEADER = { token: '{$token}' }
|
||
var authinfo = null
|
||
var form = null
|
||
var submitTag = false
|
||
|
||
layui.use('form', function(){
|
||
form = layui.form;
|
||
|
||
form.on('submit(authInfoForm)', function(data){
|
||
var isVerify = true
|
||
if ($('[name="auth_code"]').val() == '') {
|
||
$('[name="auth_code"]').next().show()
|
||
isVerify = false
|
||
} else {
|
||
$('[name="auth_code"]').next().hide()
|
||
}
|
||
if ($('[name="auth_secret"]').val() == '') {
|
||
$('[name="auth_secret"]').next().show()
|
||
isVerify = false
|
||
} else {
|
||
$('[name="auth_secret"]').next().hide()
|
||
}
|
||
isVerify && bindAuthCode()
|
||
});
|
||
});
|
||
|
||
function toBindAuthCode() {
|
||
$('.bind-auth').removeClass('layui-hide')
|
||
$('.options').addClass('layui-hide')
|
||
}
|
||
|
||
function prev() {
|
||
$('.bind-auth').addClass('layui-hide')
|
||
$('.options').removeClass('layui-hide')
|
||
}
|
||
|
||
function bindAuthCode() {
|
||
if (submitTag) return
|
||
submitTag = true
|
||
|
||
$.ajax({
|
||
url: '{$root_url}/index.php/adminapi/niucloud/authinfo',
|
||
headers: REQUEST_HEADER,
|
||
data: {
|
||
auth_code: $('[name="auth_code"]').val(),
|
||
auth_secret: $('[name="auth_secret"]').val()
|
||
},
|
||
type: "post",
|
||
dataType: 'json',
|
||
success: function(res){
|
||
if (res.code) {
|
||
layer.closeAll()
|
||
$('.build-progress').show()
|
||
getCloudBuildTask()
|
||
} else {
|
||
layer.msg(res.msg)
|
||
}
|
||
submitTag = false
|
||
}
|
||
});
|
||
}
|
||
|
||
function applyExperience() {
|
||
if (submitTag) return
|
||
submitTag = true
|
||
|
||
$.ajax({
|
||
url: '{$root_url}/index.php/adminapi/niucloud/apply/experience',
|
||
headers: REQUEST_HEADER,
|
||
type: "get",
|
||
dataType: 'json',
|
||
success: function(res){
|
||
if (res.code) {
|
||
layer.closeAll()
|
||
$('.build-progress').show()
|
||
getCloudBuildTask()
|
||
} else {
|
||
layer.msg(res.msg)
|
||
}
|
||
submitTag = false
|
||
}
|
||
});
|
||
}
|
||
|
||
// 获取授权信息
|
||
function getAuthinfo() {
|
||
$.ajax({
|
||
url: '{$root_url}/index.php/adminapi/niucloud/authinfo',
|
||
headers: REQUEST_HEADER,
|
||
type: "get",
|
||
async: false,
|
||
dataType: 'json',
|
||
success: function(res){
|
||
if (res.code && res.data) {
|
||
getCloudBuildTask()
|
||
} else {
|
||
showAuthLayer()
|
||
}
|
||
}
|
||
});
|
||
}
|
||
getAuthinfo()
|
||
|
||
function showAuthLayer() {
|
||
layer.open({
|
||
type: 1,
|
||
title: '绑定授权码云编译',
|
||
area: ['400px'],
|
||
content: $('#authLayer').html(),
|
||
btn: [],
|
||
closeBtn: false
|
||
});
|
||
}
|
||
|
||
function installSuccess(isBuild = 1) {
|
||
window.location.href = '{$root_url}/install.php/index/installSuccess' + (isBuild ? '' : '?is_build=0');
|
||
}
|
||
|
||
function buildProgress() {
|
||
const frames = makeIterator(['/', '—', '\\', '|'])
|
||
setInterval(() => {
|
||
$('.build-progress .content').text(frames.next().value)
|
||
}, 150)
|
||
}
|
||
buildProgress()
|
||
|
||
function makeIterator(array) {
|
||
var nextIndex = 0
|
||
return {
|
||
next() {
|
||
if ((nextIndex + 1) == array.length) {
|
||
nextIndex = 0
|
||
}
|
||
return { value: array[nextIndex++] }
|
||
}
|
||
}
|
||
}
|
||
|
||
function getCloudBuildTask() {
|
||
$.ajax({
|
||
url: '{$root_url}/index.php/adminapi/niucloud/build',
|
||
headers: REQUEST_HEADER,
|
||
type: "get",
|
||
dataType: 'json',
|
||
success: function(res){
|
||
if (res.data) {
|
||
getCloudBuildLog()
|
||
} else {
|
||
cloudBuild()
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
var cloudBuildLog = []
|
||
function getCloudBuildLog() {
|
||
$.ajax({
|
||
url: '{$root_url}/index.php/adminapi/niucloud/build/log',
|
||
headers: REQUEST_HEADER,
|
||
type: "get",
|
||
dataType: 'json',
|
||
success: function(res){
|
||
if (!res.data) {
|
||
if (cloudBuildLog.length) {
|
||
installSuccess()
|
||
}
|
||
return
|
||
}
|
||
const data = res.data.data ?? []
|
||
let error = ''
|
||
|
||
if (data[0] && data[0].length) {
|
||
if (cloudBuildLog.length == 0) {
|
||
$('.build-progress').show()
|
||
$('.build-log').html('')
|
||
}
|
||
|
||
data[0].forEach(item => {
|
||
if (!cloudBuildLog.includes(item.action)) {
|
||
$('.build-log').append(`<div class="msg-item"><span class="symbol"> > </span><span class="content">正在执行：${item.action}</span></div>`)
|
||
cloudBuildLog.push(item.action)
|
||
|
||
if (item.code == 0) {
|
||
error = item.msg
|
||
$('.build-log').append(`<div class="msg-item"><span class="symbol"> > </span><span class="error">error</span><span class="content">${item.msg}</span></div>`)
|
||
$('.build-log').append(`<div class="msg-item"><span class="symbol"> > </span><span class="content">编译失败请不要关闭当前页面，请访问官方网站联系客服解决处理问题</span></div>`)
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
if (error) {
|
||
$('.build-progress').hide()
|
||
return
|
||
}
|
||
|
||
setTimeout(() => {
|
||
getCloudBuildLog()
|
||
}, 2000)
|
||
}
|
||
});
|
||
}
|
||
|
||
function cloudBuild() {
|
||
$.ajax({
|
||
url: '{$root_url}/index.php/adminapi/niucloud/build/install',
|
||
headers: REQUEST_HEADER,
|
||
type: "post",
|
||
dataType: 'json',
|
||
success: function(res){
|
||
if (res.code) {
|
||
getCloudBuildLog()
|
||
} else {
|
||
if (res.msg.indexOf('队列') != -1) {
|
||
$('.build-log').append(`<div class="msg-item"><span class="symbol"> > </span><span class="content">一键云安装小程序队列任务过多，请耐心等待</span></div>`)
|
||
setTimeout(function (){
|
||
cloudBuild()
|
||
}, 10000)
|
||
} else {
|
||
$('.build-log').append(`<div class="msg-item"><span class="symbol"> > </span><span class="error">error</span><span class="content">${res.msg}</span></div>`)
|
||
$('.build-log').append(`<div class="msg-item"><span class="symbol"> > </span><span class="content">编译失败请不要关闭当前页面，请访问官方网站联系客服解决处理问题</span></div>`)
|
||
}
|
||
}
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
{/block}
|