data-marketing-platform/src/views/marketing/apps/components/statistical.vue

<template>
  <el-dialog
    :title="'统计'"
    width="80%"
    v-model="visible"
    :destroy-on-close="true"
    :close-on-click-modal="false" 
    draggable>
    <div class="statistics-table-wrapper">
      <StatisticsIndex :row="row" />
    </div>
  </el-dialog>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const StatisticsIndex = defineAsyncComponent(() => import('/@/views/marketing/statistics/index.vue'));

const visible = ref(false);
const row = ref({});

// 打开弹窗
const openDialog = async (_row: any) => {
  visible.value = true;
  row.value = _row;
};

// 暴露变量 只有暴漏出来的变量 父组件才能使用
defineExpose({
  openDialog,
});
</script>
<style>
.config-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  justify-content: start;
}
.config-actions {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.apps-loadmore.el-select-dropdown .el-scrollbar__wrap {
  height: 330px !important;
}

.statistics-table-wrapper {
  height: 70vh;
  position: relative;
}
</style>