feat: 区域管理

apps/web-antd/src/views/property/customerService/questionnaireAnalysis/index.vue

@@ -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>

apps/web-antd/src/views/property/customerService/questionnaireAnalysis/questionnaire-table-modal.vue

@@ -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>