mirror of
https://github.com/WenPai-org/wp-china-yes.git
synced 2025-08-08 06:56:08 +08:00
223 lines
7.8 KiB
HTML
223 lines
7.8 KiB
HTML
|
<html lang="zh">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>WP-China-Yes设置页</title>
|
||
|
|
<link rel="stylesheet"
|
||
|
|
href="https://static.ibadboy.net/element/static/css/index.css">
|
||
|
|
</head>
|
||
|
|
<body id="body" style="display: none;">
|
||
|
|
<div id="app">
|
||
|
|
<el-container>
|
||
|
|
<el-header style="height: 100px;">
|
||
|
|
<h2>WP-China-Yes</h2>
|
||
|
|
<span>这是一个颠覆性的插件，她将全面改善中国大陆站点在访问官方服务时的用户体验</span><br/>
|
||
|
|
<span>原理是将官方仓库源替换为由社区志愿者维护的国内源，以此达到加速的目的</span>
|
||
|
|
</el-header>
|
||
|
|
<el-main>
|
||
|
|
<el-divider></el-divider>
|
||
|
|
<el-tabs tab-position="right" style="height: 520px;">
|
||
|
|
<el-tab-pane label="插件设置">
|
||
|
|
<el-container>
|
||
|
|
<el-main class="no_top_main_box">
|
||
|
|
<el-form ref="mirrors_form" :model="mirrors_form"
|
||
|
|
label-width="100px" size="small"
|
||
|
|
style="width: 342px;">
|
||
|
|
<el-card class="box-card" shadow="hover">
|
||
|
|
<div slot="header">
|
||
|
|
<span>使用社区源</span>
|
||
|
|
</div>
|
||
|
|
<el-form-item label="选择社区源">
|
||
|
|
<el-select v-model="mirrors_form.community"
|
||
|
|
@change="changeServer"
|
||
|
|
placeholder="请选择社区源">
|
||
|
|
<el-option v-for="(item,index) in external_api.server"
|
||
|
|
:label="item.name"
|
||
|
|
:value="item.id"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
<el-alert
|
||
|
|
:title="server_desc"
|
||
|
|
type="info"
|
||
|
|
:closable="false"
|
||
|
|
style="width: 422px; margin-left: 20px;"
|
||
|
|
show-icon>
|
||
|
|
</el-alert>
|
||
|
|
</el-card>
|
||
|
|
<el-card class="box-card" shadow="hover">
|
||
|
|
<div slot="header">
|
||
|
|
<span>自定义源</span>
|
||
|
|
<span style="font-size: 12px; margin-left: 10px;">若配置自定义源则会覆盖社区源</span>
|
||
|
|
<el-link href="https://www.ibadboy.net/archives/3349.html"
|
||
|
|
style="float: right;"
|
||
|
|
type="primary"
|
||
|
|
target="_blank"
|
||
|
|
:underline="false">搭建方法
|
||
|
|
</el-link>
|
||
|
|
</div>
|
||
|
|
<el-form-item label="API服务器" style="width: 442px;">
|
||
|
|
<el-input clearable
|
||
|
|
v-model="mirrors_form.custom_api_server">
|
||
|
|
<template slot="prepend">https://</template>
|
||
|
|
</el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="下载服务器" style="width: 442px;">
|
||
|
|
<el-input clearable
|
||
|
|
v-model="mirrors_form.custom_download_server">
|
||
|
|
<template slot="prepend">https://</template>
|
||
|
|
</el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-card>
|
||
|
|
<el-card class="box-card"
|
||
|
|
style="height: 60px; text-align:center;"
|
||
|
|
shadow="never">
|
||
|
|
<el-button style="margin-top: -7px;"
|
||
|
|
type="primary"
|
||
|
|
@click="submitMirrorsForm" size="medium">保存配置
|
||
|
|
</el-button>
|
||
|
|
</el-card>
|
||
|
|
</el-form>
|
||
|
|
</el-main>
|
||
|
|
</el-container>
|
||
|
|
</el-tab-pane>
|
||
|
|
<!--
|
||
|
|
<el-tab-pane label="贡献者名单">
|
||
|
|
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="捐助者名单">
|
||
|
|
|
||
|
|
</el-tab-pane>
|
||
|
|
-->
|
||
|
|
<el-tab-pane label="广告列表">
|
||
|
|
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
</el-main>
|
||
|
|
<el-divider></el-divider>
|
||
|
|
<el-footer>
|
||
|
|
<span class="desc">这是一个开源项目，她需要每个人的支持和贡献才能健康长久的发展。</span><br/>
|
||
|
|
<span class="desc">项目地址：<a target="_blank"
|
||
|
|
href="https://github.com/sunxiyuan/wp-china-yes">GitHub</a></span>
|
||
|
|
</el-footer>
|
||
|
|
</el-container>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="https://static.ibadboy.net/element/static/js/vue.js"></script>
|
||
|
|
<script src="https://static.ibadboy.net/element/static/js/index.js"></script>
|
||
|
|
<script src="https://static.ibadboy.net/element/static/js/axios.min.js"></script>
|
||
|
|
<script>
|
||
|
|
new Vue({
|
||
|
|
el: '#app',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
external_api: {},
|
||
|
|
server_desc: '',
|
||
|
|
mirrors_form: {
|
||
|
|
community: '0',
|
||
|
|
custom_api_server: '',
|
||
|
|
custom_download_server: '',
|
||
|
|
api_server: '',
|
||
|
|
download_server: '',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
changeServer() {
|
||
|
|
let server = this.external_api.server[this.mirrors_form.community];
|
||
|
|
//console.log(this.external_api.server);
|
||
|
|
this.server_desc = server.desc;
|
||
|
|
this.mirrors_form.api_server = server.api_server;
|
||
|
|
this.mirrors_form.download_server = server.download_server;
|
||
|
|
},
|
||
|
|
getConfig() {
|
||
|
|
let vm = this;
|
||
|
|
|
||
|
|
axios.get('/wp-content/plugins/wp-china-yes/api.php?get_config')
|
||
|
|
.then(function (response) {
|
||
|
|
vm.mirrors_form = response.data.data;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
vm.$message({
|
||
|
|
message: error.response.data.message,
|
||
|
|
type: 'error'
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
axios.get('https://wp-china-yes.ibadboy.net')
|
||
|
|
.then(function (response) {
|
||
|
|
vm.external_api = response.data;
|
||
|
|
vm.changeServer();
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
vm.$message({
|
||
|
|
message: error,
|
||
|
|
type: 'error'
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
submitMirrorsForm() {
|
||
|
|
let vm = this;
|
||
|
|
|
||
|
|
this.$confirm('这将覆盖旧有配置, 是否继续?', '提示', {
|
||
|
|
confirmButtonText: '确定',
|
||
|
|
cancelButtonText: '取消',
|
||
|
|
type: 'warning'
|
||
|
|
}).then(() => {
|
||
|
|
const loading = this.$loading({
|
||
|
|
lock: true,
|
||
|
|
text: 'Loading',
|
||
|
|
spinner: 'el-icon-loading',
|
||
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
||
|
|
});
|
||
|
|
let data = new FormData();
|
||
|
|
data.append('community', vm.mirrors_form.community);
|
||
|
|
data.append('custom_api_server', vm.mirrors_form.custom_api_server);
|
||
|
|
data.append('custom_download_server', vm.mirrors_form.custom_download_server);
|
||
|
|
data.append('api_server', vm.mirrors_form.api_server);
|
||
|
|
data.append('download_server', vm.mirrors_form.download_server);
|
||
|
|
|
||
|
|
axios.post('/wp-content/plugins/wp-china-yes/api.php', data)
|
||
|
|
.then(function (response) {
|
||
|
|
vm.$message({
|
||
|
|
message: '保存成功',
|
||
|
|
type: 'success'
|
||
|
|
});
|
||
|
|
loading.close();
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
vm.$message({
|
||
|
|
message: error.response.data.message,
|
||
|
|
type: 'error'
|
||
|
|
});
|
||
|
|
loading.close();
|
||
|
|
});
|
||
|
|
}).catch(() => {
|
||
|
|
this.$message({
|
||
|
|
type: 'info',
|
||
|
|
message: '已取消保存'
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created: function () {
|
||
|
|
document.getElementById("body").style.display = "inline";
|
||
|
|
|
||
|
|
this.getConfig();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
.desc {
|
||
|
|
font-size: 14px;
|
||
|
|
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.box-card {
|
||
|
|
margin-top: 20px;
|
||
|
|
width: 500px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.no_top_main_box {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</html>
|
