515fceeb
“wangming”
框架初始化
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<script setup lang="ts">
import { ref } from 'vue';
import { JsonPreview, useVbenModal } from '@vben/common-ui';
const data = ref({});
const [BasicModal, modalApi] = useVbenModal({
title: '流程变量',
fullscreenButton: false,
footer: false,
onOpenChange: (visible) => {
if (!visible) {
data.value = {};
return null;
}
const recordString = modalApi.getData().record;
data.value = JSON.parse(recordString);
},
});
</script>
<template>
<BasicModal>
<div class="min-h-[400px] overflow-y-auto">
<JsonPreview :data="data" />
</div>
</BasicModal>
</template>
|