Compare commits
2 Commits
023127fa78
...
2b7b455f40
Author | SHA1 | Date | |
---|---|---|---|
2b7b455f40 | |||
3cff90a31a |
@ -8,13 +8,23 @@ import {
|
||||
CalendarTwoTone,
|
||||
ApiTwoTone,
|
||||
} from '@ant-design/icons-vue';
|
||||
import { Page } from '@vben/common-ui';
|
||||
import { Page, useVbenModal } from '@vben/common-ui';
|
||||
import questionnaireTableModal from './questionnaire-table-modal.vue';
|
||||
|
||||
const [QuestionnaireTableModal,modalApi] = useVbenModal({
|
||||
connectedComponent: questionnaireTableModal
|
||||
}
|
||||
)
|
||||
function handleTable(){
|
||||
modalApi.setData({});
|
||||
modalApi.open();
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<Page :auto-content-height="true">
|
||||
<div class="px-16">
|
||||
<div class="flex justify-end pb-4">
|
||||
<Button type="primary">查看所有回复</Button>
|
||||
<Button type="primary" @click="handleTable()">查看所有回复</Button>
|
||||
</div>
|
||||
<div class="bg-white p-2">
|
||||
<!-- 总览 -->
|
||||
@ -271,5 +281,6 @@ import { Page } from '@vben/common-ui';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<QuestionnaireTableModal/>
|
||||
</Page>
|
||||
</template>
|
||||
|
@ -1,4 +1,45 @@
|
||||
<script lang="ts" setup></script>
|
||||
<script lang="ts" setup>
|
||||
import { useVbenModal, type VbenFormProps } from '@vben/common-ui';
|
||||
import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
|
||||
import { useVbenVxeGrid, type VxeGridProps } from '@vben/plugins/vxe-table';
|
||||
|
||||
|
||||
const [BasicModal,modalApi] = useVbenModal({
|
||||
fullscreenButton:false,
|
||||
fullscreen:true,
|
||||
onClosed:handleClose,
|
||||
onConfirm:handleComfirm,
|
||||
onOpenChange:async(isOpen)=>{
|
||||
if(!isOpen){
|
||||
return null;
|
||||
}
|
||||
modalApi.modalLoading(true);
|
||||
modalApi.modalLoading(false);
|
||||
}
|
||||
})
|
||||
const formOptions:VbenFormProps={
|
||||
commonConfig:{
|
||||
labelWidth:80,
|
||||
componentProps:{
|
||||
allowClear:true,
|
||||
}
|
||||
},
|
||||
}
|
||||
const gridOptions:VxeGridProps={
|
||||
|
||||
}
|
||||
const [BasicTable,tableApi] = useVbenVxeGrid({
|
||||
formOptions,
|
||||
gridOptions,
|
||||
});
|
||||
async function handleClose() {
|
||||
|
||||
}
|
||||
async function handleComfirm() {
|
||||
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<div></div>
|
||||
<BasicModal>
|
||||
</BasicModal>
|
||||
</template>
|
||||
|
Loading…
Reference in New Issue
Block a user