77 行
2.4 KiB
HTML
可执行文件
77 行
2.4 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>码上有酒安装首页</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.2.8.2.css"/>
|
|
<script type="text/javascript" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script type="text/javascript" src="__PUBLIC__/vue/element-ui.2.8.2.js"></script>
|
|
<style>
|
|
html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.logo-box {
|
|
text-align: center;
|
|
}
|
|
|
|
.logo {
|
|
height: 84px;
|
|
margin: 25px auto 0;
|
|
}
|
|
.bottom-button {
|
|
margin-top: 10px;
|
|
text-align: right;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="logo-box">
|
|
<img src="__PUBLIC__/Install/images/logo.png" alt="" class="logo"/>
|
|
</div>
|
|
|
|
<el-container>
|
|
<el-main>
|
|
<el-card shadow="always" style="width: 650px;margin: 0 auto">
|
|
<h4>欢迎使用码上有酒。在开始前，我们需要您数据库的一些信息。请准备好如下信息</h4>
|
|
|
|
<el-table :data="dataList" size="small" :show-header="false">
|
|
<el-table-column type="index" width="40px"></el-table-column>
|
|
<el-table-column prop="name"></el-table-column>
|
|
</el-table>
|
|
<div class="bottom-button">
|
|
<el-button type="primary" size="medium" @click="nextOperate">继续</el-button>
|
|
</div>
|
|
</el-card>
|
|
</el-main>
|
|
</el-container>
|
|
</div>
|
|
<script>
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
dataList: [
|
|
{name:'数据库名'},
|
|
{name:'数据库用户名',},
|
|
{name:'数据库密码',},
|
|
{name:'数据库主机连接地址',},
|
|
{name:'合伙人公司名称',},
|
|
{name:'合伙人手机号',},
|
|
{name:'合伙人登录密码',},
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
nextOperate() {
|
|
window.location.href = "{:U('Home/Index/pull')}";
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|