mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2025-12-27 08:50:16 +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="installSuccess(0)" target="_blank">我是开发者，自行编译</a>
|
|
</div>
|
|
<div class="layui-form-item to-buy">
|
|
<a href="javascript:;" onclick="applyExperience()" style="color:#21ba45;border-color:#21ba45;">立即安装使用免费版</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}
|