1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-09-20 15:45:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: 网站跳转按钮挪到网站域名设置页面

Browse source
This commit is contained in:
zhengkunwang223 2023-03-17 11:11:38 +08:00 committed by f2c-ci-robot[bot]
parent 1111b6b494
commit 92a5d6faeb
3 changed files with 25 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/views/website/website/config/basic/domain/index.vue
View file

@ -3,6 +3,11 @@
<template #toolbar>
<el-button type="primary" plain @click="openCreate">{{ $t('website.addDomain') }}</el-button>
</template>
<el-table-column width="30px">
<template #default="{ row }">
<el-button link :icon="Promotion" @click="openUrl(row.domain)"></el-button>
</template>
</el-table-column>
<el-table-column :label="$t('website.domain')" prop="domain"></el-table-column>
<el-table-column :label="$t('website.port')" prop="port"></el-table-column>
<fu-table-operations :ellipsis="1" :buttons="buttons" :label="$t('commons.table.operate')" fixed="right" fix />
@ -14,10 +19,11 @@
import ComplexTable from '@/components/complex-table/index.vue';
import Domain from './create/index.vue';
import { Website } from '@/api/interface/website';
import { DeleteDomain, ListDomains } from '@/api/modules/website';
import { DeleteDomain, GetWebsite, ListDomains } from '@/api/modules/website';
import { computed, onMounted, ref } from 'vue';
import i18n from '@/lang';
import { useDeleteData } from '@/hooks/use-delete-data';
import { Promotion } from '@element-plus/icons-vue';
const props = defineProps({
id: {
@ -31,6 +37,7 @@ const id = computed(() => {
let loading = ref(false);
const data = ref<Website.Domain[]>([]);
const domainRef = ref();
const website = ref<Website.WebsiteDTO>();
const buttons = [
{
@ -48,6 +55,11 @@ const openCreate = () => {
domainRef.value.acceptParams(id.value);
};
const openUrl = (domain: string) => {
const url = website.value.protocol.toLowerCase() + '://' + domain;
window.open(url);
};
const deleteDoamin = async (domainId: number) => {
await useDeleteData(DeleteDomain, { id: domainId }, 'commons.msg.delete');
search(id.value);
@ -64,5 +76,14 @@ const search = (id: number) => {
});
};
onMounted(() => search(id.value));
const getWebsite = (id: number) => {
GetWebsite(id).then((res) => {
website.value = res.data;
});
};
onMounted(() => {
search(id.value);
getWebsite(id.value);
});
</script>

2
frontend/src/views/website/website/config/basic/index.vue
View file

@ -1,7 +1,7 @@
<template>
<el-tabs tab-position="left" v-model="tabIndex">
<el-tab-pane :label="$t('website.domainConfig')">
<Doamin :key="id" :id="id" v-if="tabIndex == '0'"></Doamin>
<Doamin :key="id" :id="id" v-if="tabIndex == '0' && id > 0"></Doamin>
</el-tab-pane>
<el-tab-pane :label="$t('website.sitePath')">
<SitePath :id="id" v-if="tabIndex == '1'"></SitePath>

12
frontend/src/views/website/website/index.vue
View file

@ -66,11 +66,6 @@
@search="search()"
:class="{ mask: nginxStatus != 'Running' }"
>
<el-table-column width="30px">
<template #default="{ row }">
<el-button link :icon="Promotion" @click="openUrl(row)"></el-button>
</template>
</el-table-column>
<el-table-column :label="$t('commons.table.name')" fix prop="primaryDomain" min-width="120px">
<template #default="{ row }">
<Tooltip @click="openConfig(row.id)" :text="row.primaryDomain" />
@ -180,7 +175,7 @@ import { ElMessageBox } from 'element-plus';
import { dateFormatSimple } from '@/utils/util';
import { MsgSuccess } from '@/utils/message';
import { useI18n } from 'vue-i18n';
import { Promotion, VideoPlay, VideoPause } from '@element-plus/icons-vue';
import { VideoPlay, VideoPause } from '@element-plus/icons-vue';
import MsgInfo from '@/components/msg-info/index.vue';
const shortcuts = [
@ -228,11 +223,6 @@ let req = reactive({
websiteGroupId: 0,
});
const openUrl = (row: Website.WebsiteDTO) => {
const url = row.protocol.toLowerCase() + '://' + row.primaryDomain;
window.open(url);
};
const search = async () => {
req.page = paginationConfig.currentPage;
req.pageSize = paginationConfig.pageSize;