mirror of
https://github.com/1Panel-dev/1Panel.git
synced 2025-02-11 02:50:07 +08:00
67 lines
2.2 KiB
Vue
67 lines
2.2 KiB
Vue
|
<template>
|
||
|
|
<el-dialog v-model="open" :before-close="handleClose" :title="$t('ssl.detail')">
|
||
|
|
<div>
|
||
|
|
<el-radio-group v-model="curr">
|
||
|
|
<el-radio-button label="detail">{{ $t('ssl.msg') }}</el-radio-button>
|
||
|
|
<el-radio-button label="ssl">{{ $t('ssl.ssl') }}</el-radio-button>
|
||
|
|
<el-radio-button label="key">{{ $t('ssl.key') }}</el-radio-button>
|
||
|
|
</el-radio-group>
|
||
|
|
<br />
|
||
|
|
<br />
|
||
|
|
<div v-if="curr === 'detail'">
|
||
|
|
<el-descriptions border :column="1">
|
||
|
|
<el-descriptions-item :label="$t('website.primaryDomain')">
|
||
|
|
{{ ssl.primaryDomain }}
|
||
|
|
</el-descriptions-item>
|
||
|
|
<el-descriptions-item :label="$t('website.otherDomains')">
|
||
|
|
{{ ssl.otherDomains }}
|
||
|
|
</el-descriptions-item>
|
||
|
|
<el-descriptions-item :label="$t('ssl.startDate')">
|
||
|
|
{{ dateFromat(0, 0, ssl.startDate) }}
|
||
|
|
</el-descriptions-item>
|
||
|
|
<el-descriptions-item :label="$t('website.expireDate')">
|
||
|
|
{{ dateFromat(0, 0, ssl.expireDate) }}
|
||
|
|
</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
</div>
|
||
|
|
<div v-else-if="curr === 'ssl'">
|
||
|
|
<el-input v-model="ssl.pem" :autosize="{ minRows: 10, maxRows: 15 }" type="textarea" />
|
||
|
|
</div>
|
||
|
|
<div v-else>
|
||
|
|
<el-input v-model="ssl.privateKey" :autosize="{ minRows: 10, maxRows: 15 }" type="textarea" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</el-dialog>
|
||
|
|
</template>
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { GetSSL } from '@/api/modules/website';
|
||
|
|
import { ref } from 'vue';
|
||
|
|
import { dateFromat } from '@/utils/util';
|
||
|
|
|
||
|
|
let open = ref(false);
|
||
|
|
let id = ref(0);
|
||
|
|
let curr = ref('detail');
|
||
|
|
let ssl = ref<any>({});
|
||
|
|
|
||
|
|
const handleClose = () => {
|
||
|
|
open.value = false;
|
||
|
|
};
|
||
|
|
|
||
|
|
const acceptParams = (sslId: number) => {
|
||
|
|
ssl.value = {};
|
||
|
|
id.value = sslId;
|
||
|
|
curr.value = 'detail';
|
||
|
|
get();
|
||
|
|
open.value = true;
|
||
|
|
};
|
||
|
|
|
||
|
|
const get = async () => {
|
||
|
|
const res = await GetSSL(id.value);
|
||
|
|
ssl.value = res.data;
|
||
|
|
};
|
||
|
|
|
||
|
|
defineExpose({
|
||
|
|
acceptParams,
|
||
|
|
});
|
||
|
|
</script>
|