From b6b5f1dc0b471e96af7dd3db117414fdb5d035aa Mon Sep 17 00:00:00 2001 From: osiris Date: Thu, 11 Apr 2024 12:16:44 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=95=B0=E6=8D=AE?= =?UTF-8?q?=E5=9B=BE=E8=A1=A8=E4=B8=8A=E4=BC=A0=E6=95=B0=E6=8D=AE=E6=96=87?= =?UTF-8?q?=E4=BB=B6=E5=8F=AA=E6=9C=89=E7=AC=AC=E4=B8=80=E6=AC=A1=E6=9C=89?= =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Chart/Bar/Bar.vue | 13 +++++++++++++ src/components/Chart/Line/Line.vue | 13 +++++++++++++ src/components/Chart/Pie/Pie.vue | 13 +++++++++++++ src/components/Chart/Scatter/Scatter.vue | 13 +++++++++++++ 4 files changed, 52 insertions(+) diff --git a/src/components/Chart/Bar/Bar.vue b/src/components/Chart/Bar/Bar.vue index 7e839a4..278d8a8 100644 --- a/src/components/Chart/Bar/Bar.vue +++ b/src/components/Chart/Bar/Bar.vue @@ -2,6 +2,7 @@ import {ref, reactive, onMounted } from 'vue' import Spreadsheet from 'x-data-spreadsheet' import 'x-data-spreadsheet/dist/locale/zh-cn'; +import { UploadProps,UploadRawFile,genFileId } from 'element-plus' import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue' // import { copy } from '@/utils/string' import { toEchartsData, toSpreadsheetData } from '@/utils/echarts' @@ -13,6 +14,7 @@ const info = reactive({ const chartDom = ref() const myChart = ref() +const dataFileRef = ref() const setOptionName = ref(1) //缩放比例 @@ -299,6 +301,16 @@ const updateDataFile = async (params) => { fileReader.readAsArrayBuffer(_file) } +//当超出限制时，执行的钩子函数 +//这里覆盖前一个文件 +const handleExceed: UploadProps['onExceed'] = (files) => { + dataFileRef.value!.clearFiles() + const file = files[0] as UploadRawFile + file.uid = genFileId() + dataFileRef.value!.handleStart(file) + dataFileRef.value!.submit() +} + //copy // const copyRes = async (resStr: string) => { // copy(resStr) @@ -359,6 +371,7 @@ onMounted(() => { ref="dataFileRef" accept=".xls,.xlsx,.csv" :http-request="updateDataFile" + :on-exceed="handleExceed" :limit="1" > 上传数据 diff --git a/src/components/Chart/Line/Line.vue b/src/components/Chart/Line/Line.vue index 3b5d26c..a46a1b4 100644 --- a/src/components/Chart/Line/Line.vue +++ b/src/components/Chart/Line/Line.vue @@ -2,6 +2,7 @@ import {ref, reactive, onMounted } from 'vue' import Spreadsheet from 'x-data-spreadsheet' import 'x-data-spreadsheet/dist/locale/zh-cn'; +import { UploadProps,UploadRawFile,genFileId } from 'element-plus' import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue' // import { copy } from '@/utils/string' import { toEchartsData, toSpreadsheetData } from '@/utils/echarts' @@ -13,6 +14,7 @@ const info = reactive({ const chartDom = ref() const myChart = ref() +const dataFileRef = ref() const setOptionName = ref(1) //缩放比例 @@ -299,6 +301,16 @@ const updateDataFile = async (params) => { fileReader.readAsArrayBuffer(_file) } +//当超出限制时，执行的钩子函数 +//这里覆盖前一个文件 +const handleExceed: UploadProps['onExceed'] = (files) => { + dataFileRef.value!.clearFiles() + const file = files[0] as UploadRawFile + file.uid = genFileId() + dataFileRef.value!.handleStart(file) + dataFileRef.value!.submit() +} + //copy // const copyRes = async (resStr: string) => { // copy(resStr) @@ -359,6 +371,7 @@ onMounted(() => { ref="dataFileRef" accept=".xls,.xlsx,.csv" :http-request="updateDataFile" + :on-exceed="handleExceed" :limit="1" > 上传数据 diff --git a/src/components/Chart/Pie/Pie.vue b/src/components/Chart/Pie/Pie.vue index 3106023..0121e66 100644 --- a/src/components/Chart/Pie/Pie.vue +++ b/src/components/Chart/Pie/Pie.vue @@ -2,6 +2,7 @@ import {ref, reactive, onMounted } from 'vue' import Spreadsheet from 'x-data-spreadsheet' import 'x-data-spreadsheet/dist/locale/zh-cn'; +import { UploadProps,UploadRawFile,genFileId } from 'element-plus' import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue' // import { copy } from '@/utils/string' import { toEchartsPieData, toSpreadsheetData, tranObjAndColumn } from '@/utils/echarts' @@ -13,6 +14,7 @@ const info = reactive({ const chartDom = ref() const myChart = ref() +const dataFileRef = ref() const setOptionName = ref(1) //缩放比例 @@ -303,6 +305,16 @@ const updateDataFile = async (params) => { fileReader.readAsArrayBuffer(_file) } +//当超出限制时，执行的钩子函数 +//这里覆盖前一个文件 +const handleExceed: UploadProps['onExceed'] = (files) => { + dataFileRef.value!.clearFiles() + const file = files[0] as UploadRawFile + file.uid = genFileId() + dataFileRef.value!.handleStart(file) + dataFileRef.value!.submit() +} + //copy // const copyRes = async (resStr: string) => { // copy(resStr) @@ -367,6 +379,7 @@ onMounted(() => { ref="dataFileRef" accept=".xls,.xlsx,.csv" :http-request="updateDataFile" + :on-exceed="handleExceed" :limit="1" > 上传数据 diff --git a/src/components/Chart/Scatter/Scatter.vue b/src/components/Chart/Scatter/Scatter.vue index f855802..0cb02ed 100644 --- a/src/components/Chart/Scatter/Scatter.vue +++ b/src/components/Chart/Scatter/Scatter.vue @@ -2,6 +2,7 @@ import {ref, reactive, onMounted } from 'vue' import Spreadsheet from 'x-data-spreadsheet' import 'x-data-spreadsheet/dist/locale/zh-cn'; +import { UploadProps,UploadRawFile,genFileId } from 'element-plus' import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue' // import { copy } from '@/utils/string' import { toEchartsData, toSpreadsheetData, tranObjAndColumn } from '@/utils/echarts' @@ -13,6 +14,7 @@ const info = reactive({ const chartDom = ref() const myChart = ref() +const dataFileRef = ref() const setOptionName = ref(1) //缩放比例 @@ -298,6 +300,16 @@ const updateDataFile = async (params) => { fileReader.readAsArrayBuffer(_file) } +//当超出限制时，执行的钩子函数 +//这里覆盖前一个文件 +const handleExceed: UploadProps['onExceed'] = (files) => { + dataFileRef.value!.clearFiles() + const file = files[0] as UploadRawFile + file.uid = genFileId() + dataFileRef.value!.handleStart(file) + dataFileRef.value!.submit() +} + //copy // const copyRes = async (resStr: string) => { // copy(resStr) @@ -362,6 +374,7 @@ onMounted(() => { ref="dataFileRef" accept=".xls,.xlsx,.csv" :http-request="updateDataFile" + :on-exceed="handleExceed" :limit="1" > 上传数据