369 lines
13 KiB
PHP
369 lines
13 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="zh-cn">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>检测环境</title>
|
||
<link rel="stylesheet" type="text/css" href="<?=Yii::$app->request->baseUrl?>/web/static/css/globle.css"/>
|
||
<link rel="stylesheet" href="<?=Yii::$app->request->baseUrl?>/web/static/css/azlogin.css">
|
||
<!-- <link rel="stylesheet" href="<?=Yii::$app->request->baseUrl?>/web/static/css/ysw-globle.css">
|
||
<link rel="stylesheet" href="<?=Yii::$app->request->baseUrl?>/web/static/css/ysw-animate.css"> -->
|
||
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/lib/vue.js" type='text/javascript' charset='utf-8'></script>
|
||
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/lib/index.js" type='text/javascript' charset='utf-8'></script>
|
||
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/commont/axios.js" type='text/javascript' charset='utf-8'></script>
|
||
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/commont/jq.js" type='text/javascript' charset='utf-8'></script>
|
||
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/config.js" type="text/javascript" charset="utf-8"></script>
|
||
<style type="text/css">
|
||
/* 公共样式所有页面 */
|
||
.form-list {
|
||
color: #fff;
|
||
font-size: 14px;
|
||
padding: 1.1875rem 4.5rem;
|
||
}
|
||
.form-list-header{
|
||
padding: 1.125rem 1.25rem;
|
||
background-color: #F0F9FF;
|
||
font-size: 0.75rem;
|
||
color: #666;
|
||
border-radius: 0.5rem;
|
||
}
|
||
.form-list-case{
|
||
margin-top: 1.25rem;
|
||
border-radius: 0.5rem;
|
||
padding: 0 1.25rem;
|
||
color: #333;
|
||
/*background-color: #5C5C5C;*/
|
||
}
|
||
.form-list-item{
|
||
padding: 1.125rem 0;
|
||
/*border-bottom: solid 1px #747474;*/
|
||
}
|
||
.form-list-item .title{
|
||
width: 14.375rem;
|
||
}
|
||
.tips-icon img{
|
||
width: 1rem;
|
||
height: 1rem;
|
||
}
|
||
.footer-case{
|
||
margin-top: 30px;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="outerLayer" id="box">
|
||
<div class="logo">
|
||
<div class="logoimg">
|
||
<img src="<?=Yii::$app->request->baseUrl?>/web/static/img/logo.png"/>
|
||
</div>
|
||
<div class="logofont">
|
||
<div class="logotext">武汉云贝网络科技有限公司</div>
|
||
</div>
|
||
</div>
|
||
<div class="leftBg"></div>
|
||
<div class="rightBg"></div>
|
||
<div class="warp_content2">
|
||
<div class="title">
|
||
<h3 class="stepTitle">检测环境</h3>
|
||
<span class="txt"></span>
|
||
</div>
|
||
<div class="flex-column">
|
||
<div class="form-list flex-column">
|
||
<div class="flex-r form-list-header">
|
||
温馨提示：PHP环境要求必须≥7.0以上，建议在Liunx Cent os7.2 64位系统并且安装宝塔控制面板下使用；安装目录必须有可读写权限，才能正常安装哦！
|
||
</div>
|
||
<div class="flex-column form-list-case">
|
||
<div class="form-list-item flex-bet">
|
||
<div class="flex-bet">
|
||
<div class="title"> 服务器操作系统 </div>
|
||
<div class="" >{{os_version}}</div>
|
||
</div>
|
||
<div class="tips-icon">
|
||
<img :src="os_version?imgIcon2:imgIcon1" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-bet">
|
||
<div class="flex-bet">
|
||
<div class="title"> WEB服务器环境 </div>
|
||
<div class="">{{nginx_version}}
|
||
</div>
|
||
</div>
|
||
<div class="tips-icon">
|
||
<img :src="nginx_version?imgIcon2:imgIcon1" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-bet">
|
||
<div class="flex-bet">
|
||
<div class="title"> PHP版本 </div>
|
||
<div class="">{{php_version}}</div> </div>
|
||
<div class="tips-icon">
|
||
<img :src="php_version?imgIcon2:imgIcon1" >
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-list-item flex-bet">
|
||
<div class="flex-bet">
|
||
<div class="title"> 上传限制 </div>
|
||
<div class=""> 50M </div>
|
||
</div>
|
||
<div class="tips-icon">
|
||
<img src="<?=Yii::$app->request->baseUrl?>/web/static/img/icon2.png" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-bet" style="border: none;">
|
||
<div class="flex-bet">
|
||
<div class="title"> PHP扩展 </div>
|
||
<div class=""> pdo/openssl/gd/curl/redis </div>
|
||
</div>
|
||
<div class="tips-icon">
|
||
<img src="<?=Yii::$app->request->baseUrl?>/web/static/img/icon2.png" >
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-case flex-center">
|
||
<el-button type="primary" @click="goBack">上一步</el-button>
|
||
<el-button type="primary" @click="submit">下一步</el-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
<div id="box" class=" flex-center">
|
||
<div class=" flex-rj-sb-ac ">
|
||
<div class="tab-list flex-column flex-center">
|
||
<div class="tab-list-header">
|
||
<h1 class="install-title">安装步骤</h1>
|
||
</div>
|
||
|
||
<div class="flex-column install-tab-item flex-center">
|
||
<div class="flex-column flex-center">
|
||
<div class="icon">
|
||
<input type="image" src="<?=Yii::$app->request->baseUrl?>/web/static/img/txzl-xz.png" />
|
||
</div>
|
||
<p>TEP1：填写资料</p>
|
||
</div>
|
||
<div class="flex-column flex-center">
|
||
<div class="icon">
|
||
<input type="image" src="<?=Yii::$app->request->baseUrl?>/web/static/img/jchj-xz.png" />
|
||
</div>
|
||
<p>TEP2：检测环境</p>
|
||
</div>
|
||
<div class="flex-column flex-center">
|
||
<div class="icon">
|
||
<input type="image" src="<?=Yii::$app->request->baseUrl?>/web/static/img/zczh-wxz.png" />
|
||
</div>
|
||
<p>TEP3：注册账号</p>
|
||
</div>
|
||
<div class="flex-column flex-center">
|
||
<div class="icon">
|
||
<input type="image" src="<?=Yii::$app->request->baseUrl?>/web/static/img/azwc-wxz.png" />
|
||
</div>
|
||
<p>TEP4：安装完成</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="container flex-column">
|
||
<h2>TEP2：检测环境</h2>
|
||
<div class="form-list flex-column">
|
||
<div class="flex-r form-list-header">
|
||
PHP环境要求必须≥5.6以上，建议在Liunx Cent os7.2 64位系统下使用；安装目录必须有可读写权限，才能正常安哦！
|
||
</div>
|
||
<div class="flex-column form-list-case">
|
||
<div class="form-list-item flex-rj-sb-bl">
|
||
<div class="flex-rj-sb-bl"> <div class="title"> 服务器操作系统 </div> <div class="" >{{os_version}}</div> </div>
|
||
<div class="tips-icon">
|
||
<img :src="os_version?imgIcon2:imgIcon1" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-rj-sb-bl">
|
||
<div class="flex-rj-sb-bl"> <div class="title" > WEB服务器环境 </div> <div class="">{{nginx_version}}
|
||
</div></div>
|
||
<div class="tips-icon">
|
||
<img :src="nginx_version?imgIcon2:imgIcon1" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-rj-sb-bl">
|
||
<div class="flex-rj-sb-bl"> <div class="title"> PHP版本 </div> <div class="">{{php_version}}</div> </div>
|
||
<div class="tips-icon">
|
||
<img :src="php_version?imgIcon2:imgIcon1" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-rj-sb-bl">
|
||
<div class="flex-rj-sb-bl"> <div class="title"> 数据库版本 </div> <div class=""> 5.6 </div> </div>
|
||
<div class="tips-icon">
|
||
<img src="<?=Yii::$app->request->baseUrl?>/web/static/img/icon2.png" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-rj-sb-bl">
|
||
<div class="flex-rj-sb-bl"> <div class="title"> 磁盘空间 </div> <div class=""> 400M </div> </div>
|
||
<div class="tips-icon">
|
||
<img src="<?=Yii::$app->request->baseUrl?>/web/static/img/icon2.png" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-rj-sb-bl">
|
||
<div class="flex-rj-sb-bl"> <div class="title"> 上传限制 </div> <div class=""> 50M </div> </div>
|
||
<div class="tips-icon">
|
||
<img src="<?=Yii::$app->request->baseUrl?>/web/static/img/icon2.png" >
|
||
</div>
|
||
</div>
|
||
<div class="form-list-item flex-rj-sb-bl" style="border: none;">
|
||
<div class="flex-rj-sb-bl"> <div class="title"> PHP扩展 </div> <div class=""> pdo/openssl/gd/curl/redis </div> </div>
|
||
<div class="tips-icon">
|
||
<img src="<?=Yii::$app->request->baseUrl?>/web/static/img/icon2.png" >
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-case flex-center">
|
||
<button class="btn" @click="goBack">
|
||
上一步
|
||
</button>
|
||
<button class="btn bg" @click="submit">
|
||
下一步
|
||
</button>
|
||
</div>
|
||
<div class="right-progress">
|
||
<p class="active-p"></p>
|
||
<p class="active-p"></p>
|
||
<p></p>
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
<el-dialog
|
||
class="flex-center"
|
||
title="正在检测安装环境,请稍后..."
|
||
:visible.sync="centerDialogVisible"
|
||
width="50%"
|
||
:show-close="false"
|
||
:close-on-click-modal="false"
|
||
center>
|
||
<el-progress class="flex-center" v-show="true" type="circle" :percentage="percentageTime" status="success"></el-progress>
|
||
<span slot="footer" class="dialog-footer">
|
||
</span>
|
||
</el-dialog>
|
||
|
||
</div>
|
||
|
||
</div> -->
|
||
|
||
</body>
|
||
</html>
|
||
<script type="text/javascript">
|
||
// 配置请求API
|
||
axios.defaults.baseURL ="../install.php";
|
||
var vm = new Vue({
|
||
el: "#box",
|
||
data: {
|
||
percentageTime:1,
|
||
centerDialogVisible: false,
|
||
os_version:'',
|
||
nginx_version:'',
|
||
php_version:'',
|
||
imgIcon1:'<?=Yii::$app->request->baseUrl?>/web/static/img/icon1.png',
|
||
imgIcon2:'<?=Yii::$app->request->baseUrl?>/web/static/img/icon2.png',
|
||
|
||
ruleForm: {
|
||
username: '',
|
||
password: '',
|
||
},
|
||
|
||
},
|
||
watch: {
|
||
// phone(val) {
|
||
// this.phoneChange();
|
||
// }
|
||
|
||
},
|
||
async beforeCreate(){
|
||
var requstData = {
|
||
install_type:'get_version',
|
||
}
|
||
res = await utils.requestPost({
|
||
data: requstData,
|
||
url: "admin/install/getvesion"
|
||
},this)
|
||
if (res.code == 1) {
|
||
this.os_version=res.data['os_version'];
|
||
this.nginx_version=res.data['nginx_version'];
|
||
this.php_version=res.data['php_version'];
|
||
//console.log('123',res.data)
|
||
// if(res.data['status']=='fail'){
|
||
// this.$message({
|
||
// message:'请开启'+res.data['module']+'扩展后重试',
|
||
// type: "success",
|
||
// offset:"200",
|
||
// duration:1000
|
||
// });
|
||
//
|
||
// }
|
||
}
|
||
|
||
// formdata = new FormData();
|
||
// formdata.append('install_type','get_version');
|
||
// axios({
|
||
// url:'../install.php',
|
||
// method:'post',
|
||
// data:formdata,
|
||
// headers: {'Content-Type': 'application/x-www-form-urlencoded'}
|
||
// }).then((res)=>{
|
||
// console.log(res);
|
||
// if(res.data.code=='200'){
|
||
// console.log(res.data.msg);
|
||
// if(res.data.msg['status']=='fail'){
|
||
// this.message.error('请开启'+res.data.msg['module']+'扩展后重试');
|
||
// }else{
|
||
// this.os_version=res.data.msg['os_version'];
|
||
// this.nginx_version=res.data.msg['nginx_version'];
|
||
// this.php_version=res.data.msg['php_version'];
|
||
// }
|
||
|
||
// }else{
|
||
// this.$message({
|
||
// message: res.data.msg,
|
||
// type: "error",
|
||
// offset:"200",
|
||
// duration:1000
|
||
// });
|
||
|
||
// }
|
||
|
||
// }).catch(function(error) {
|
||
// console.log(error + '请求失败');
|
||
// });
|
||
},
|
||
methods: {
|
||
// 取消安装
|
||
// 返回上一页
|
||
goBack(){
|
||
window.history.back(-1);
|
||
},
|
||
|
||
// 提交登录信息
|
||
async submit() {
|
||
window.location.href = '/index.php/admin/install/mysql_install'
|
||
// this.centerDialogVisible = true
|
||
// let timer = setInterval(() => {
|
||
// this.percentageTime++
|
||
|
||
// }, 300);
|
||
// clearInterval(timer);
|
||
// this.percentageTime=30
|
||
// setTimeout(()=>{
|
||
// this.percentageTime=100
|
||
// setTimeout(()=>{
|
||
// // window.location.href = 'YB_monitor_two.html'
|
||
// window.location.href = '/index.php/admin/install/mysql_install'
|
||
// },1000)
|
||
|
||
// },2000)
|
||
// this.centerDialogVisible = false
|
||
|
||
|
||
},
|
||
|
||
}
|
||
})
|
||
</script>
|