mirror of
https://github.com/WenPai-org/wp-china-yes.git
synced 2025-08-07 14:35:20 +08:00
完成社区源列表、自定义源 本次提交修改较多，难免存在BUG，不建议用于生产环节
This commit is contained in:
sunxiyuan
parent
29785f6992
commit
6343b1dfbc
5 changed files with 383 additions and 66 deletions
223
settings.html
Normal file
223
settings.html
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
<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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue
