feat(admin): apply shared blue-white self-operated workbench style
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
import { watch } from 'vue'
|
||||
import { ElButton } from 'element-plus'
|
||||
import AppDialog from '@/shared/components/AppDialog.vue'
|
||||
import '@/styles/adminWorkbench.css'
|
||||
const props = withDefaults(defineProps<{ title: string; width?: string; resetOn?: unknown; inline?: boolean; buttonLabel?: string }>(), { width: '1040px' })
|
||||
const open = defineModel<boolean>({ default: false })
|
||||
watch(() => props.resetOn, () => { open.value = false })
|
||||
@@ -9,8 +10,8 @@ watch(() => props.resetOn, () => { open.value = false })
|
||||
<template>
|
||||
<div class="chart-disclosure" :class="{ 'chart-disclosure-inline': inline }">
|
||||
<ElButton :link="inline" :type="inline ? 'primary' : undefined" :title="title" @click="open = true">{{ buttonLabel || title }}</ElButton>
|
||||
<AppDialog v-model="open" class="admin-density-dialog" :title="title" :width="width" :show-confirm="false" cancel-text="关闭" fullscreenable append-to-body destroy-on-close>
|
||||
<div class="admin-density chart-evidence"><slot /></div>
|
||||
<AppDialog v-model="open" class="admin-density-dialog admin-workbench is-dialog" :title="title" :width="width" :show-confirm="false" cancel-text="关闭" fullscreenable append-to-body destroy-on-close>
|
||||
<div class="admin-density chart-evidence workbench-evidence"><slot /></div>
|
||||
</AppDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user