mirror/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-11-28 05:15:04 +08:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

feat: 网站域名增加快速跳转 (#6086)

Browse Source
This commit is contained in:
zhengkunwang 2024-08-10 23:48:59 +08:00 committed by GitHub
parent fecba858a5
commit 62dfae8fc8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/views/website/website/index.vue
View File

@ -67,6 +67,22 @@
<el-text type="primary" class="cursor-pointer" @click="openConfig(row.id)">
{{ row.primaryDomain }}
</el-text>
<el-popover placement="top-start" trigger="hover" @before-enter="searchDomains(row.id)">
<template #reference>
<el-button link icon="Promotion" class="ml-2.5"></el-button>
</template>
<table>
<tbody>
<tr v-for="(domain, index) in domains" :key="index">
<td>
<el-button type="primary" link @click="openUrl(getUrl(domain, row))">
{{ getUrl(domain, row) }}
</el-button>
</td>
</tr>
</tbody>
</table>
</el-popover>
</template>
</el-table-column>
<el-table-column
@ -201,7 +217,7 @@ import AppStatus from '@/components/app-status/index.vue';
import i18n from '@/lang';
import router from '@/routers';
import { onMounted, reactive, ref, computed } from 'vue';
import { OpWebsite, SearchWebsites, UpdateWebsite } from '@/api/modules/website';
import { ListDomains, OpWebsite, SearchWebsites, UpdateWebsite } from '@/api/modules/website';
import { Website } from '@/api/interface/website';
import { App } from '@/api/interface/app';
import { ElMessageBox } from 'element-plus';
@ -248,6 +264,7 @@ const defaultRef = ref();
const data = ref();
let groups = ref<Group.GroupInfo[]>([]);
const dataRef = ref();
const domains = ref<Website.Domain[]>([]);
const paginationConfig = reactive({
cacheSizeKey: 'website-page-size',
@ -474,6 +491,28 @@ const toFolder = (folder: string) => {
router.push({ path: '/hosts/files', query: { path: folder } });
};
const searchDomains = (id: number) => {
ListDomains(id).then((res) => {
domains.value = res.data;
});
};
const openUrl = (url: string) => {
window.open(url);
};
const getUrl = (domain: Website.Domain, website: Website.Website): string => {
const protocol = website.protocol.toLowerCase();
let url = protocol + '://' + domain.domain;
if (protocol == 'http' && domain.port != 80) {
url = url + ':' + domain.port;
}
if (protocol == 'https' && domain.ssl) {
url = url + ':' + domain.port;
}
return url;
};
onMounted(() => {
search();
listGroup();