1
0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-31 22:18:07 +08:00

fix: 数据库删除检查样式调整 (#2218)

This commit is contained in:
ssongliu 2023-09-07 17:18:17 +08:00 committed by GitHub
parent 9a43b52c62
commit a61487de9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 36 additions and 17 deletions

View File

@ -1,11 +1,19 @@
<template> <template>
<el-dialog v-model="open" :title="$t('app.delete')" width="30%" :close-on-click-modal="false"> <el-dialog v-model="open" :title="$t('app.delete')" width="30%" :close-on-click-modal="false">
<div> <el-row>
<span class="lineClass" style="color: red">{{ msg }}</span> <el-col :span="20" :offset="2">
<ul> <el-alert :title="msg" show-icon type="error" :closable="false"></el-alert>
<li class="lineClass" v-for="(row, index) in containers" :key="index">{{ row }}</li> <div class="resource">
</ul> <table>
<tr v-for="(row, index) in containers" :key="index">
<td>
<span>{{ row }}</span>
</td>
</tr>
</table>
</div> </div>
</el-col>
</el-row>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
@ -71,7 +79,9 @@ defineExpose({
</script> </script>
<style scoped> <style scoped>
.lineClass { .resource {
line-height: 25px; margin-top: 10px;
max-height: 400px;
overflow: auto;
} }
</style> </style>

View File

@ -7,14 +7,14 @@
:destroy-on-close="true" :destroy-on-close="true"
> >
<el-row> <el-row>
<el-col :span="20" :offset="2" v-if="open">
<el-alert <el-alert
type="warning" type="error"
:description="$t('app.deleteHelper', [$t('app.database')])" :description="$t('app.deleteHelper', [$t('app.database')])"
center center
show-icon show-icon
:closable="false" :closable="false"
/> />
<el-col :span="12" :offset="6">
<br /> <br />
<el-descriptions border :column="1"> <el-descriptions border :column="1">
<el-descriptions-item> <el-descriptions-item>

View File

@ -2,7 +2,16 @@
<div v-loading="loading"> <div v-loading="loading">
<LayoutContent> <LayoutContent>
<template #title> <template #title>
<back-button name="MySQL" :header="$t('commons.button.set')" /> <back-button
name="MySQL"
:header="
props.database +
' [' +
(props.type === 'mysql' ? 'MySQL' : 'MariaDB') +
'] - ' +
$t('commons.button.set')
"
/>
</template> </template>
<template #toolbar> <template #toolbar>