提交更改版本

src/views/govern/reportCore/statistics/index.vue

@@ -0,0 +1,169 @@
+<template>
+    <div class="default-main" :style="height">
+        <splitpanes style="height: 100%; background: #fff" class="default-theme" id="navigation-splitpanes">
+            <pane :size="size">
+                <PointTree
+                    :default-expand-all="false"
+                    @node-click="handleNodeClick"
+                    @init="handleNodeClick"
+                ></PointTree>
+            </pane>
+            <pane style="background: #fff" :style="height">
+                <div class="default-main">
+                    <TableHeader ref="TableHeaderRef" datePicker>
+                        <template v-slot:select>
+                            <el-form-item label="模板策略">
+                                <el-select
+                                    v-model="Template"
+                                    @change="changetype"
+                                    placeholder="请选择模版"
+                                    value-key="id"
+                                >
+                                    <el-option
+                                        v-for="item in templatePolicy"
+                                        :key="item.id"
+                                        :label="item.name"
+                                        :value="item"
+                                    ></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="报表类型:">
+                                <el-select
+                                    :disabled="true"
+                                    v-model="reportForm"
+                                    :popper-append-to-body="false"
+                                    placeholder="请选择报表类型"
+                                >
+                                    <el-option
+                                        v-for="item in reportFormList"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value"
+                                    ></el-option>
+                                </el-select>
+                            </el-form-item>
+                        </template>
+                        <template #operation>
+                            <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出excel</el-button>
+                        </template>
+                    </TableHeader>
+                    <div class="box">
+                        <div id="luckysheet" :style="`height: calc(${tableStore.table.height} + 45px)`"></div>
+                    </div>
+                </div>
+            </pane>
+        </splitpanes>
+    </div>
+</template>
+<script setup lang="ts">
+import { onMounted, ref, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import PointTree from '@/components/tree/govern/pointTree.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { useDictData } from '@/stores/dictData'
+import { mainHeight } from '@/utils/layout'
+import { getTemplateByDept } from '@/api/harmonic-boot/luckyexcel'
+import { exportExcel } from '@/views/system/reportForms/export.js'
+import 'splitpanes/dist/splitpanes.css'
+import { Splitpanes, Pane } from 'splitpanes'
+import data from './123.json'
+defineOptions({
+    name: 'reportCore/statistics'
+})
+const height = mainHeight(20)
+const size = ref(0)
+const dictData = useDictData()
+const TableHeaderRef = ref()
+const dotList: any = ref({})
+const Template: any = ref({})
+const reportForm: any = ref('')
+
+const templatePolicy: any = ref([])
+const reportFormList: any = ref([
+    {
+        value: '1',
+        label: '分析报表'
+    },
+    {
+        value: '2',
+        label: '统计报表'
+    },
+    {
+        value: '3',
+        label: '自定义报表'
+    }
+])
+const tableStore = new TableStore({
+    // url: '/harmonic-boot/customReport/getCustomReport',
+    method: 'POST',
+    column: [],
+    beforeSearchFun: () => {
+        tableStore.table.params.tempId = Template.value.id
+        tableStore.table.params.lineId = dotList.value.id
+    },
+    loadCallback: () => {
+        console.log(tableStore.table.data)
+        tableStore.table.data.forEach((item: any) => {
+            item.celldata.forEach((k: any) => {
+                item.data[k.r][k.c].v = k.v
+            })
+        })
+        luckysheet.create({
+            container: 'luckysheet',
+            title: '', // 表 头名
+            lang: 'zh', // 中文
+            showtoolbar: false, // 是否显示工具栏
+            showinfobar: false, // 是否显示顶部信息栏
+            showsheetbar: true, // 是否显示底部sheet按钮
+            data: data
+            // tableStore.table.data
+        })
+    }
+})
+provide('tableStore', tableStore)
+onMounted(() => {
+    const dom = document.getElementById('navigation-splitpanes')
+    if (dom) {
+        size.value = Math.round((180 / dom.offsetHeight) * 100)
+    }
+
+    luckysheet.create({
+        container: 'luckysheet',
+        title: '', // 表 头名
+        lang: 'zh', // 中文
+        showtoolbar: false, // 是否显示工具栏
+        showinfobar: false, // 是否显示顶部信息栏
+        showsheetbar: true, // 是否显示底部sheet按钮
+        data: data
+        // tableStore.table.data
+    })
+})
+// getTemplateByDept({ id: dictData.state.area[0].id }).then((res: any) => {
+//     templatePolicy.value = res.data
+//     Template.value = res.data[0]
+//     reportForm.value = res.data[0]?.reportForm
+// })
+const changetype = (val: any) => {
+    reportForm.value = val.reportForm
+}
+
+const handleNodeClick = (data: any, node: any) => {
+    if (data.level == 6) {
+        dotList.value = data
+        tableStore.index()
+    }
+}
+
+const exportEvent = () => {
+    exportExcel(luckysheet.getAllSheets(), '统计报表下载')
+}
+</script>
+<style lang="scss" scoped>
+.splitpanes.default-theme .splitpanes__pane {
+    background: #eaeef1;
+}
+
+.box {
+    padding: 10px;
+}
+</style>