From 17388fa7ecd1f3ebadad470a463573a1cfe4468f Mon Sep 17 00:00:00 2001 From: zmc <zmc_li@foxmail.com> Date: 星期四, 31 八月 2023 11:29:31 +0800 Subject: [PATCH] 扬尘Vue --- src/views/origin_data/HistoryData.vue | 67 ++++++++++++++++++++++++++++----- 1 files changed, 56 insertions(+), 11 deletions(-) diff --git a/src/views/origin_data/TableData.vue b/src/views/origin_data/HistoryData.vue similarity index 83% rename from src/views/origin_data/TableData.vue rename to src/views/origin_data/HistoryData.vue index 96aef65..c3205da 100644 --- a/src/views/origin_data/TableData.vue +++ b/src/views/origin_data/HistoryData.vue @@ -5,6 +5,7 @@ import AreaAndmonitorType from '../../sfc/AreaAndmonitorType.vue' import {useCommonFunction} from '../../utils/common.js'; +import requetsApi from '@/api/exportExcel/requetsApi.js' import dayjs from 'dayjs'; @@ -47,8 +48,8 @@ }; }, setup(){ - const {isExceedOneMonth} = useCommonFunction() - return {isExceedOneMonth} + const {isExceedOneMonth,exportToExcel} = useCommonFunction() + return {isExceedOneMonth,exportToExcel} }, mounted() { this.backMinuteDataAWeekAgo(); @@ -56,6 +57,45 @@ }, methods: { + exportDom(){ + + let params ={ + 'beginTime':this.form.beginTime, + 'endTime': this.form.endTime, + } + if (this.form.name) { + params['siteName'] = this.form.name; + } + if (this.form.number) { + params['mnCode'] = this.form.numbe; + } + if (this.scenarioType.length != 0) { + params['scenarioType'] = this.scenarioType; + } + requetsApi.fetchAlSiteData(params).then(res => { + const data = res.data.data + console.log('闀垮害锛�',data.length); + + const tableColumns = [ + 'name', + 'address', + 'dutyCompany', + 'mnCode', + 'typeName', + 'dustValue', + 'noiseValue', + 'lst', + 'quality', + 'groupName', + + ] + const excelColumns = [['A1','绔欑偣鍚嶇О'], + ['B1','鍦板潃'],['C1','渚涘簲鍟�'],['D1','璁惧缂栧彿'], + ['E1','绫诲瀷'],['F1','鎵皹娴撳害(mg/m鲁)'],['G1','鍣0(dB)'], + ['H1','閲囬泦鏃堕棿'],['I1','绛夌骇'],['J1','鎵�鍦ㄥ尯鍘�']] + this.exportToExcel(data,tableColumns,excelColumns,'鍘嗗彶鏁版嵁琛�.xlsx') + }) + }, // 鍔熻兘锛氳〃鏍奸珮搴︽牴鎹唴瀹硅嚜閫傚簲 calTableHeight() { const h1 = this.$refs.h1.$el.offsetHeight; @@ -92,10 +132,10 @@ // 鏌ヨ鏁版嵁 handleSubmit() { - if (this.isExceedOneMonth(this.form.beginTime, this.form.endTime)) { - alert('鏃堕棿璺ㄥ害涓嶈兘瓒呰繃涓�涓湀'); - return; - } + // if (this.isExceedOneMonth(this.form.beginTime, this.form.endTime)) { + // alert('鏃堕棿璺ㄥ害涓嶈兘瓒呰繃涓�涓湀'); + // return; + // } this.loading = true; let params = {}; params['page'] = this.currentPage; @@ -221,12 +261,12 @@ :data="displayData" :height="tableHeight" v-loading="loading" + table-layout="auto" > <!--缁戝畾涓�涓柟娉曪紝灏嗚繑鍥炲�艰祴缁檌ndex,鍗宠〃鏍兼瘡琛屾暟鎹殑涓嬫爣--> <el-table-column type="index" label="搴忓彿" - width="60px" align="center" fixed :index="indexMethod" @@ -244,7 +284,7 @@ show-overflow-tooltip ></el-table-column> <el-table-column - prop="sname" + prop="dutyCompany" label="渚涘簲鍟�" align="center" show-overflow-tooltip @@ -262,8 +302,14 @@ ></el-table-column> <el-table-column prop="dustValue" - label="鎵皹娴撳害" - width="80px" + label="鎵皹娴撳害(mg/m鲁)" + align="center" + sortable + show-overflow-tooltip + ></el-table-column> + <el-table-column + prop="noiseValue" + label="鍣0(dB)" align="center" sortable show-overflow-tooltip @@ -278,7 +324,6 @@ <el-table-column prop="quality" label="绛夌骇" - width="50px" align="center" show-overflow-tooltip ></el-table-column> -- Gitblit v1.9.3