youngS
3 years ago
parent
3325814c03
commit
b10a40d177
@ -0,0 +1,248 @@ |
|||||||
|
<template> |
||||||
|
<el-main> |
||||||
|
<el-dialog |
||||||
|
:title="domain_title" |
||||||
|
:close-on-click-modal="false" |
||||||
|
:close-on-press-escape="false" |
||||||
|
:visible.sync="bind_domain_sure" |
||||||
|
width="666px"> |
||||||
|
<bind-domain v-if="bind_domain_sure" transitionName="bind-app-domain" :app_id="current_domain_info.app_id" |
||||||
|
:domain_type="current_domain_info.domain_type" :domain_state="true"/> |
||||||
|
</el-dialog> |
||||||
|
<div> |
||||||
|
<el-input |
||||||
|
style="width: 30%;margin-right: 30px;margin-bottom: 5px" |
||||||
|
v-model="search_key" |
||||||
|
clearable |
||||||
|
placeholder="输入域名或者应用名称搜索"/> |
||||||
|
<el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(1)"> |
||||||
|
搜索 |
||||||
|
</el-button> |
||||||
|
<div style="float: right"> |
||||||
|
<el-button type="primary" plain @click="$store.dispatch('dodomainaction', 1)"> |
||||||
|
设置下载页域名 |
||||||
|
</el-button> |
||||||
|
<el-button type="primary" plain v-if="$store.state.userinfo&&$store.state.userinfo.role >1" |
||||||
|
@click="$store.dispatch('dodomainaction', 2)"> |
||||||
|
设置下载码域名 |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<el-table |
||||||
|
:data="domain_info_list" |
||||||
|
v-loading="loading" |
||||||
|
border |
||||||
|
stripe |
||||||
|
style="width: 100%"> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
fixed |
||||||
|
prop="domain_name" |
||||||
|
align="center" |
||||||
|
label="绑定域名"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip content="点击复制到剪贴板"> |
||||||
|
<el-link v-if="scope.row.domain_name" :underline="false" |
||||||
|
v-clipboard:copy="scope.row.domain_name" |
||||||
|
v-clipboard:success="copy_success">{{ scope.row.domain_name }} |
||||||
|
</el-link> |
||||||
|
</el-tooltip> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
prop="is_enable" |
||||||
|
label="状态" |
||||||
|
align="center" |
||||||
|
width="110"> |
||||||
|
|
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip content="点击查看域名绑定信息" v-if="scope.row.is_enable === true" placement="left-start"> |
||||||
|
<el-button type="success" size="small" @click="show_bind_domain_info(scope.row)">已绑定 |
||||||
|
</el-button> |
||||||
|
</el-tooltip> |
||||||
|
<el-tooltip content="激活下载域名绑定信息" v-else placement="left-start"> |
||||||
|
|
||||||
|
<el-button type="warning" size="small" @click="show_bind_domain_info(scope.row)">继续绑定 |
||||||
|
</el-button> |
||||||
|
</el-tooltip> |
||||||
|
|
||||||
|
</template> |
||||||
|
|
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
|
||||||
|
<el-table-column |
||||||
|
prop="domain_type" |
||||||
|
align="center" |
||||||
|
label="域名类型" |
||||||
|
width="260"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tooltip content="点击查看应用信息" v-if="scope.row.domain_type===2 && scope.row.app_info" |
||||||
|
placement="right-start"> |
||||||
|
<el-button type="info" plain size="small" @click="appInfos(scope.row.app_info)">{{ |
||||||
|
format_domain_type(scope.row) }} |
||||||
|
</el-button> |
||||||
|
</el-tooltip> |
||||||
|
<el-button v-else-if="scope.row.domain_type===1" type="success" plain size="small">{{ |
||||||
|
format_domain_type(scope.row) }} |
||||||
|
</el-button> |
||||||
|
<el-button v-else type="primary" plain size="small">{{ format_domain_type(scope.row) }} |
||||||
|
</el-button> |
||||||
|
|
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
<el-table-column |
||||||
|
:formatter="format_create_time" |
||||||
|
prop="created_time" |
||||||
|
width="170" |
||||||
|
align="center" |
||||||
|
label="域名绑定时间" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
<div style="margin-top: 20px;margin-bottom: 20px"> |
||||||
|
<el-pagination |
||||||
|
@size-change="handleSizeChange" |
||||||
|
@current-change="handleCurrentChange" |
||||||
|
:current-page.sync="pagination.currentPage" |
||||||
|
:page-sizes="[10, 20, 50, 100]" |
||||||
|
:page-size="pagination.pagesize" |
||||||
|
layout="total,sizes, prev, pager, next" |
||||||
|
:total="pagination.total"> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</el-main> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
|
||||||
|
import {domaininfo} from "@/restful"; |
||||||
|
import BindDomain from "@/components/base/BindDomain"; |
||||||
|
import {getUserInfoFun} from '@/utils' |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "FirUserDomain", |
||||||
|
components: {BindDomain}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
domain_title: '绑定应用专属下载页域名', |
||||||
|
bind_domain_sure: false, |
||||||
|
domain_info_list: [], |
||||||
|
search_key: "", |
||||||
|
pagination: {"currentPage": 1, "total": 0, "pagesize": 10}, |
||||||
|
domain_type_choices: [], |
||||||
|
current_domain_info: {'domain_type': 1, 'app_id': null}, |
||||||
|
loading: false, |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
show_bind_domain_info(domain_info) { |
||||||
|
this.bind_domain_sure = true; |
||||||
|
let app_id = null; |
||||||
|
if (domain_info.app_info && domain_info.app_info.app_id) { |
||||||
|
app_id = domain_info.app_info.app_id; |
||||||
|
} |
||||||
|
this.current_domain_info.app_id = app_id; |
||||||
|
this.current_domain_info.domain_type = domain_info.domain_type; |
||||||
|
this.domain_title = this.format_domain_type(domain_info) + ' 绑定详情'; |
||||||
|
}, |
||||||
|
appInfos(app_info) { |
||||||
|
if (app_info && app_info.app_id) { |
||||||
|
this.$router.push({name: 'FirAppInfossecurity', params: {id: app_info.app_id}}) |
||||||
|
} |
||||||
|
}, |
||||||
|
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.UserDomainFun(data) |
||||||
|
}, |
||||||
|
UserDomainFun(params) { |
||||||
|
this.loading = true; |
||||||
|
domaininfo(data => { |
||||||
|
if (data.code === 1000) { |
||||||
|
this.domain_info_list = data.data; |
||||||
|
this.pagination.total = data.count; |
||||||
|
this.domain_type_choices = data.domain_type_choices; |
||||||
|
|
||||||
|
} else { |
||||||
|
this.$message.error("域名绑定信息获取失败") |
||||||
|
} |
||||||
|
this.loading = false; |
||||||
|
}, {methods: 'GET', data: params}) |
||||||
|
}, |
||||||
|
format_choices(key, obj) { |
||||||
|
for (let i = 0; i < obj.length; i++) { |
||||||
|
if (key === obj[i].id) { |
||||||
|
return obj[i].name |
||||||
|
} |
||||||
|
} |
||||||
|
return "未知" |
||||||
|
}, |
||||||
|
|
||||||
|
format_domain_type(row) { |
||||||
|
if (row.domain_type === 2) { |
||||||
|
return "应用" + row.app_info.name + "域名" |
||||||
|
} |
||||||
|
return this.format_choices(row.domain_type, this.domain_type_choices) |
||||||
|
}, |
||||||
|
|
||||||
|
format_create_time(row) { |
||||||
|
return this.format_time(row.created_time) |
||||||
|
}, |
||||||
|
|
||||||
|
format_time(stime) { |
||||||
|
if (stime) { |
||||||
|
stime = stime.split(".")[0].split("T"); |
||||||
|
return stime[0] + " " + stime[1] |
||||||
|
} else |
||||||
|
return ''; |
||||||
|
}, |
||||||
|
}, mounted() { |
||||||
|
getUserInfoFun(this); |
||||||
|
this.get_data_from_tabname(); |
||||||
|
}, watch: { |
||||||
|
'$store.state.domian_show_state': function () { |
||||||
|
if (this.$store.state.domian_show_state) { |
||||||
|
this.bind_domain_sure = false; |
||||||
|
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,18 @@ |
|||||||
|
# Generated by Django 3.2.3 on 2021-09-23 12:47 |
||||||
|
|
||||||
|
from django.db import migrations, models |
||||||
|
|
||||||
|
|
||||||
|
class Migration(migrations.Migration): |
||||||
|
dependencies = [ |
||||||
|
('api', '0009_userdomaininfo_domain_type'), |
||||||
|
] |
||||||
|
|
||||||
|
operations = [ |
||||||
|
migrations.AlterField( |
||||||
|
model_name='userdomaininfo', |
||||||
|
name='domain_type', |
||||||
|
field=models.SmallIntegerField(choices=[(0, '下载码域名'), (1, '下载页域名'), (2, '应用专用域名')], default=1, |
||||||
|
help_text='0 表示下载码域名，扫描下载码域名，会自动跳转到预览域名', verbose_name='域名类型'), |
||||||
|
), |
||||||
|
] |
||||||
Loading…
Reference in new issue