comit

src/views/report/AddReport.vue

@@ -1,23 +1,27 @@
 <script setup name="ReportAdd">
-import {ref,onMounted, nextTick, watch} from 'vue'
+import {ref,onMounted} from 'vue'
 import {useInitFroalaEditor} from '@/hooks/useFroalaEditor'
 import EditReportBaseInfo from './components/EditReportBaseInfo.vue'
-import {useEidtReportBaseInfo} from './hooks/useEidtReportBaseInfo'
+import ReportInsertContent from './components/ReportInsertContent.vue'
 
 
 const {FroalaEditorIns,initFroalaEditor}=useInitFroalaEditor()
+
 onMounted(() => {
     const el=document.getElementById('editor')
     initFroalaEditor('#editor',{height:el.offsetHeight-150})
 })
 
 
-
-
 // 报告基本内容
 const showReportBaseInfo=ref(false)
-const {getReportBaseInfo} =useEidtReportBaseInfo()
+function handleReportBaseInfoChange(e){
+    console.log(e);
+    showReportBaseInfo.value=false
+}
 
+// 报告插入数据弹窗
+const showReportInsertPop=ref(true)
 
 
 function handlePublish(){
@@ -66,7 +70,16 @@ function handlePublish(){
         position="bottom"
         :style="{ height: '100%' }"
     >
-        <EditReportBaseInfo @close="showReportBaseInfo=false"/>
+        <EditReportBaseInfo @close="showReportBaseInfo=false" @confirm="handleReportBaseInfoChange"/>
+    </van-popup>
+
+    <!-- 报告插入数据模块 -->
+    <van-popup
+        v-model:show="showReportInsertPop"
+        position="bottom"
+        round
+    >
+        <report-insert-content/>
     </van-popup>
 </template>
 <style lang="scss" scoped>

src/views/report/components/ReportInsertContent.vue

@@ -0,0 +1,24 @@
+<script setup>
+
+const typeOpt=[
+    {
+        
+    }
+]
+
+</script>
+
+<template>
+    <div class="report-insert-content-wrap">
+        <ul class="top-type-box">
+            <li></li>
+        </ul>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.report-insert-content-wrap{
+    width: 100%;
+    height: 70vh;
+}
+</style>