isummer
2 years ago
parent
d1a5d69ac8
commit
d8b124c1a7
@ -0,0 +1,470 @@ |
|||||||
|
<template> |
||||||
|
<el-main> |
||||||
|
|
||||||
|
<el-dialog |
||||||
|
:close-on-click-modal="false" |
||||||
|
:close-on-press-escape="false" |
||||||
|
:visible.sync="configVisible" |
||||||
|
center |
||||||
|
title="下载页部署配置" |
||||||
|
width="666px"> |
||||||
|
|
||||||
|
|
||||||
|
<el-card v-for="info in config_lists" :key="info.key" class="box-card" shadow="hover" |
||||||
|
style="margin-bottom: 20px"> |
||||||
|
<div slot="header" class="clearfix"> |
||||||
|
<span><el-tag size="medium" type="info">配置KEY</el-tag> <el-tag size="medium">{{ info.key }}</el-tag></span> |
||||||
|
<div style="float: right"> |
||||||
|
<el-switch |
||||||
|
v-model="info.value" |
||||||
|
active-color="#13ce66" |
||||||
|
active-text="启用" |
||||||
|
active-value="true" |
||||||
|
inactive-color="#ff4949" |
||||||
|
inactive-text="关闭" |
||||||
|
inactive-value="false" |
||||||
|
@change="changeConfig(info)"> |
||||||
|
</el-switch> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-tag size="medium" type="info">描述信息</el-tag> |
||||||
|
{{ info.title }} |
||||||
|
</el-card> |
||||||
|
<el-divider></el-divider> |
||||||
|
<el-card style="margin-top: 20px"> |
||||||
|
<div slot="header" class="clearfix"> |
||||||
|
<el-tag size="medium" type="success">下载页源码及操作文档</el-tag> |
||||||
|
</div> |
||||||
|
<div v-if="short_download_list.length>0"> |
||||||
|
<div style="margin: 10px" v-for="short_download_uri in short_download_list" :key="short_download_uri.key"> |
||||||
|
<el-tag size="medium" type="info">{{short_download_uri.title}}</el-tag> |
||||||
|
<el-link style="margin-left: 10px" :href="short_download_uri.value" target="_blank">点击下载</el-link> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="updateConfig">恢复默认值</el-button> |
||||||
|
<el-button @click="configVisible=false">取消</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
<el-dialog |
||||||
|
:close-on-click-modal="false" |
||||||
|
:close-on-press-escape="false" |
||||||
|
:visible.sync="addCnameVisible" |
||||||
|
center |
||||||
|
title="添加下载页服务器域名" |
||||||
|
width="800px"> |
||||||
|
|
||||||
|
<el-steps :active="p_active" finish-status="success" :align-center="true"> |
||||||
|
<el-step title="添加服务器域名"></el-step> |
||||||
|
<el-step title="验证服务器域名所有权"></el-step> |
||||||
|
<el-step title="添加成功"></el-step> |
||||||
|
</el-steps> |
||||||
|
|
||||||
|
<el-container> |
||||||
|
|
||||||
|
<div v-if="p_active===0" style="margin-top: 20px"> |
||||||
|
<el-tag style="margin: 10px 5px">1.如果是cdn等含有CNAME，直接添加cdn的 CNAME 值</el-tag> |
||||||
|
<el-tag style="margin: 10px 5px">2.如果是服务器，需要将域名解析到服务器，然后添加该解析的域名</el-tag> |
||||||
|
<div style="width: 600px;text-align: center;margin: auto"> |
||||||
|
|
||||||
|
<el-form ref="form" :model="addSerInfo" label-width="120px"> |
||||||
|
|
||||||
|
<el-form-item label="下载服务器域名"> |
||||||
|
<el-input v-model="addSerInfo.domain_record" placeholder="cdn的cname或者服务器的域名，必填"></el-input> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<el-form-item label="下载服务器地址"> |
||||||
|
<el-input v-model="addSerInfo.ip_address" placeholder="如果有服务器地址，添加服务器ip，否则填写服务器域名"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="addSerInfo.description"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<div style="margin-top: 20px;"> |
||||||
|
<el-button type="primary" @click="addCnameSer">下一步</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
<div v-else-if="p_active===1" style="margin-top: 30px;text-align: center"> |
||||||
|
|
||||||
|
请联系域名管理员，前往 <strong>{{ cnameInfo.domain_record }}</strong> 域名 DNS 管理后台添加如下 {{ cnameInfo.r_type }} 记录。 |
||||||
|
<el-table |
||||||
|
:data="domain_tData" |
||||||
|
border |
||||||
|
stripe |
||||||
|
v-loading="loading" |
||||||
|
style="width: 100%;margin-top: 20px"> |
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
label="记录类型" |
||||||
|
prop="r_type" |
||||||
|
width="100"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
label="主机记录" |
||||||
|
prop="host_r" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip content="点击复制到剪贴板"> |
||||||
|
<el-link v-if="scope.row.host_r" v-clipboard:copy="scope.row.host_r" |
||||||
|
v-clipboard:success="copy_success" |
||||||
|
:underline="false">{{ scope.row.host_r }} |
||||||
|
</el-link> |
||||||
|
</el-tooltip> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
label="记录值" |
||||||
|
prop="cname_r" |
||||||
|
width="300"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip content="点击复制到剪贴板"> |
||||||
|
<el-link v-if="scope.row.cname_r" v-clipboard:copy="scope.row.cname_r" |
||||||
|
v-clipboard:success="copy_success" |
||||||
|
:underline="false">{{ scope.row.cname_r }} |
||||||
|
</el-link> |
||||||
|
</el-tooltip> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<el-alert :closable="false" |
||||||
|
show-icon |
||||||
|
style="margin-top: 30px" |
||||||
|
title="请在域名DNS配置成功后，点击“下一步”按钮" |
||||||
|
type="warning"/> |
||||||
|
|
||||||
|
<div style="margin-top: 20px;text-align: center;"> |
||||||
|
<el-button type="primary" @click="p_active=0">上一步</el-button> |
||||||
|
<el-button type="primary" @click="checkCnameSer" :disabled="loading">下一步</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-container> |
||||||
|
|
||||||
|
|
||||||
|
</el-dialog> |
||||||
|
|
||||||
|
|
||||||
|
<div> |
||||||
|
<el-input |
||||||
|
v-model="search_key" |
||||||
|
clearable |
||||||
|
placeholder="输入下载服务器域名" |
||||||
|
style="width: 30%;margin-right: 30px;margin-bottom: 5px"/> |
||||||
|
<el-button icon="el-icon-search" type="primary" @click="handleCurrentChange(1)"> |
||||||
|
搜索 |
||||||
|
</el-button> |
||||||
|
<div style="float: right"> |
||||||
|
|
||||||
|
|
||||||
|
<el-tooltip content="下载页配置，可以定制部署私有下载页"> |
||||||
|
<el-button plain type="primary" @click="configFun"> |
||||||
|
下载页配置 |
||||||
|
</el-button> |
||||||
|
</el-tooltip> |
||||||
|
<el-button plain type="primary" @click="addDownloadSer"> |
||||||
|
添加下载页服务器 |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-table |
||||||
|
v-loading="loading" |
||||||
|
:data="cname_info_list" |
||||||
|
border |
||||||
|
stripe |
||||||
|
style="width: 100%"> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
fixed |
||||||
|
label="下载服务器域名" |
||||||
|
prop="domain_name"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip content="点击复制到剪贴板"> |
||||||
|
<el-link v-if="scope.row.domain_record" v-clipboard:copy="scope.row.domain_record" |
||||||
|
v-clipboard:success="copy_success" |
||||||
|
:underline="false">{{ scope.row.domain_record }} |
||||||
|
</el-link> |
||||||
|
</el-tooltip> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
label="下载服务器地址" |
||||||
|
prop="ip_address"> |
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
label="状态" |
||||||
|
prop="is_enable" |
||||||
|
width="110"> |
||||||
|
|
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip v-if="scope.row.is_enable === true" content="已经绑定成功" placement="left-start"> |
||||||
|
<el-button size="small" type="success">成功 |
||||||
|
</el-button> |
||||||
|
</el-tooltip> |
||||||
|
<el-tooltip v-else content="点击激活服务器域名绑定信息" placement="left-start"> |
||||||
|
<el-button size="small" type="warning" @click="continueBind(scope.row)">继续绑定 |
||||||
|
</el-button> |
||||||
|
</el-tooltip> |
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
:formatter="format_create_time" |
||||||
|
align="center" |
||||||
|
label="域名绑定时间" |
||||||
|
prop="created_time" |
||||||
|
width="170" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
label="备注" |
||||||
|
prop="description"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
align="center" |
||||||
|
label="操作" |
||||||
|
prop="is_enable" |
||||||
|
width="100"> |
||||||
|
|
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip content="删除该下载页服务器" placement="left-start"> |
||||||
|
<el-button size="small" type="danger" @click="delCnameSer(scope.row)">删除 |
||||||
|
</el-button> |
||||||
|
</el-tooltip> |
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
<div style="margin-top: 20px;margin-bottom: 20px"> |
||||||
|
<el-pagination |
||||||
|
:current-page.sync="pagination.currentPage" |
||||||
|
:page-size="pagination.pagesize" |
||||||
|
:page-sizes="[10, 20, 50, 100]" |
||||||
|
:total="pagination.total" |
||||||
|
layout="total,sizes, prev, pager, next" |
||||||
|
@size-change="handleSizeChange" |
||||||
|
@current-change="handleCurrentChange"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</el-main> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
|
||||||
|
import {dCnameInfoFun, personalConfigInfo} from "@/restful"; |
||||||
|
import {getUserInfoFun} from '@/utils' |
||||||
|
import {format_time} from "@/utils/base/utils"; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "FirUserDomain", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
addSerInfo: {}, |
||||||
|
cnameInfo: {}, |
||||||
|
domain_tData: [], |
||||||
|
p_active: 0, |
||||||
|
cname_info_list: [], |
||||||
|
search_key: "", |
||||||
|
pagination: {"currentPage": 1, "total": 0, "pagesize": 10}, |
||||||
|
loading: false, |
||||||
|
configVisible: false, |
||||||
|
addCnameVisible: false, |
||||||
|
config_lists: [], |
||||||
|
short_download_list: [] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
continueBind(cname_info) { |
||||||
|
this.addSerInfo = cname_info |
||||||
|
this.addCnameVisible = true |
||||||
|
this.addCnameSer() |
||||||
|
}, |
||||||
|
delCnameSer(cname_info) { |
||||||
|
this.$confirm('若下载域名绑定到该解析，同时也会删除绑定的下载域名，是否继续删除？', '警告', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning' |
||||||
|
}).then(() => { |
||||||
|
dCnameInfoFun(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.$message.success("删除成功") |
||||||
|
this.get_data_from_tabname(); |
||||||
|
} else { |
||||||
|
this.$message.error("操作失败了 " + data.msg) |
||||||
|
} |
||||||
|
}, { |
||||||
|
methods: 'DELETE', |
||||||
|
data: {'domain_record': cname_info.domain_record} |
||||||
|
}) |
||||||
|
}) |
||||||
|
}, |
||||||
|
checkCnameSer() { |
||||||
|
this.loading=true |
||||||
|
dCnameInfoFun(data => { |
||||||
|
this.loading=false |
||||||
|
if (data.code === 1000) { |
||||||
|
this.$message.success(this.addSerInfo.domain_record + " 添加成功") |
||||||
|
this.get_data_from_tabname(); |
||||||
|
this.addDownloadSer() |
||||||
|
this.addCnameVisible = false |
||||||
|
} else { |
||||||
|
this.$message.error("操作失败了 " + data.msg) |
||||||
|
} |
||||||
|
}, { |
||||||
|
methods: 'PUT', |
||||||
|
data: {'act': 'check', 'domain_record': this.addSerInfo.domain_record} |
||||||
|
}) |
||||||
|
}, |
||||||
|
addCnameSer() { |
||||||
|
let domain_record = this.addSerInfo.domain_record |
||||||
|
let ip_address = this.addSerInfo.ip_address |
||||||
|
if (domain_record && domain_record.length > 6 && ip_address && ip_address.length > 6) { |
||||||
|
dCnameInfoFun(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.p_active = 1 |
||||||
|
this.cnameInfo = data.data |
||||||
|
this.domain_tData = [this.cnameInfo] |
||||||
|
} else { |
||||||
|
this.$message.error("操作失败了 " + data.msg) |
||||||
|
} |
||||||
|
}, { |
||||||
|
methods: 'POST', |
||||||
|
data: this.addSerInfo |
||||||
|
}) |
||||||
|
} else { |
||||||
|
this.$message.error("参数有误") |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
addDownloadSer() { |
||||||
|
this.addSerInfo = {} |
||||||
|
this.cnameInfo = {} |
||||||
|
this.p_active = 0 |
||||||
|
this.addCnameVisible = true |
||||||
|
}, |
||||||
|
configFun() { |
||||||
|
personalConfigInfo(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.short_download_list = data.data |
||||||
|
} else { |
||||||
|
this.$message.error("获取数据失败了 " + data.msg) |
||||||
|
} |
||||||
|
}, { |
||||||
|
methods: 'GET' |
||||||
|
}, 'short_download_uri') |
||||||
|
|
||||||
|
|
||||||
|
personalConfigInfo(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.config_lists = data.data |
||||||
|
this.configVisible = true |
||||||
|
} else { |
||||||
|
this.$message.error("获取数据失败了 " + data.msg) |
||||||
|
} |
||||||
|
}, { |
||||||
|
methods: 'GET' |
||||||
|
}, 'preview_route') |
||||||
|
}, |
||||||
|
changeConfig(info) { |
||||||
|
personalConfigInfo(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.$message.success("操作成功") |
||||||
|
this.configFun() |
||||||
|
} else { |
||||||
|
this.$message.error("操作失败了 " + data.msg) |
||||||
|
} |
||||||
|
}, { |
||||||
|
methods: 'PUT', data: {config_key: info.key, config_value: info.value} |
||||||
|
}, 'preview_route') |
||||||
|
}, |
||||||
|
updateConfig() { |
||||||
|
personalConfigInfo(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.$message.success("操作成功") |
||||||
|
this.configFun() |
||||||
|
} else { |
||||||
|
this.$message.error("操作失败了 " + data.msg) |
||||||
|
} |
||||||
|
}, { |
||||||
|
methods: 'DELETE' |
||||||
|
}, 'preview_route') |
||||||
|
}, |
||||||
|
|
||||||
|
copy_success() { |
||||||
|
this.$message.success('复制剪切板成功'); |
||||||
|
}, |
||||||
|
handleSizeChange(val) { |
||||||
|
this.pagination.pagesize = val; |
||||||
|
this.get_data_from_tabname({ |
||||||
|
"size": this.pagination.pagesize, |
||||||
|
"page": 1 |
||||||
|
}) |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { |
||||||
|
this.pagination.currentPage = val; |
||||||
|
this.get_data_from_tabname({ |
||||||
|
"size": this.pagination.pagesize, |
||||||
|
"page": this.pagination.currentPage |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
get_data_from_tabname(data = {}) { |
||||||
|
data.search_key = this.search_key.replace(/^\s+|\s+$/g, ""); |
||||||
|
this.UserCnameInfoFun(data) |
||||||
|
}, |
||||||
|
UserCnameInfoFun(params) { |
||||||
|
this.loading = true; |
||||||
|
dCnameInfoFun(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.cname_info_list = data.data; |
||||||
|
this.pagination.total = data.count; |
||||||
|
|
||||||
|
} else { |
||||||
|
this.$message.error("域名绑定信息获取失败") |
||||||
|
} |
||||||
|
this.loading = false; |
||||||
|
}, {methods: 'GET', data: params}) |
||||||
|
}, |
||||||
|
|
||||||
|
format_create_time(row) { |
||||||
|
return format_time(row.created_time) |
||||||
|
}, |
||||||
|
|
||||||
|
}, mounted() { |
||||||
|
getUserInfoFun(this); |
||||||
|
this.get_data_from_tabname(); |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.el-main { |
||||||
|
margin: 20px auto 100px; |
||||||
|
width: 1166px; |
||||||
|
position: relative; |
||||||
|
padding-bottom: 1px; |
||||||
|
color: #9b9b9b; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
border-radius: 1%; |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,32 @@ |
|||||||
|
# Generated by Django 3.2.3 on 2022-07-25 16:12 |
||||||
|
|
||||||
|
from django.db import migrations, models |
||||||
|
|
||||||
|
|
||||||
|
class Migration(migrations.Migration): |
||||||
|
|
||||||
|
dependencies = [ |
||||||
|
('api', '0006_auto_20220513_0843'), |
||||||
|
] |
||||||
|
|
||||||
|
operations = [ |
||||||
|
migrations.AlterField( |
||||||
|
model_name='domaincnameinfo', |
||||||
|
name='is_enable', |
||||||
|
field=models.BooleanField(default=False, verbose_name='是否启用该解析'), |
||||||
|
), |
||||||
|
migrations.AlterField( |
||||||
|
model_name='domaincnameinfo', |
||||||
|
name='domain_record', |
||||||
|
field=models.CharField(max_length=128, verbose_name='记录值'), |
||||||
|
), |
||||||
|
migrations.AddField( |
||||||
|
model_name='domaincnameinfo', |
||||||
|
name='user_ipk', |
||||||
|
field=models.IntegerField(default=0, verbose_name='用户ipk'), |
||||||
|
), |
||||||
|
migrations.AlterUniqueTogether( |
||||||
|
name='domaincnameinfo', |
||||||
|
unique_together={('user_ipk', 'domain_record')}, |
||||||
|
), |
||||||
|
] |
||||||
Loading…
Reference in new issue