From 187019c112ff4315d152d64a0ac18cb8944edb35 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 15 Nov 2023 17:11:25 +0800
Subject: [PATCH] fix:立行立改导出
---
src/views/toCarryOutLegislativeReforms/summaryPage/index.vue | 178 +++++++++++++++++------------------------------------------
1 files changed, 52 insertions(+), 126 deletions(-)
diff --git a/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue b/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue
index 2148833..c1f050c 100644
--- a/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue
+++ b/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue
@@ -1,139 +1,68 @@
<template>
<div class="main">
<div class="timeSelect">
- <el-radio-group
- v-model="searchForm.number"
- style="margin-left:20px"
- @input="changeNumber"
- >
+ <el-radio-group v-model="searchForm.number" style="margin-left:20px" @input="changeNumber">
<el-radio-button label="1">���1������</el-radio-button>
<el-radio-button label="2">���2������</el-radio-button>
<el-radio-button label="3">���3������</el-radio-button>
<el-radio-button label="6">���6������</el-radio-button>
<el-radio-button label="12">���12������</el-radio-button>
</el-radio-group>
- <el-date-picker
- v-model="timeInterval"
- el-time-picker
- type="daterange"
- value-format="yyyy-MM-dd"
- range-separator="���"
- start-placeholder="������������"
- end-placeholder="������������"
- @change="changeNumber"
- />
+ <el-date-picker v-model="timeInterval" el-time-picker type="daterange" value-format="yyyy-MM-dd" range-separator="���" start-placeholder="������������" end-placeholder="������������" @change="changeNumber" />
</div>
<div class="agentSummary">
<div class="circle">
- <span>������������</span>
- <span>{{ responeForm.total }}</span>
+ <div>������������</div>
+ <div>{{ responeForm.total }}</div>
</div>
<div class="circle">
- <span>���������</span>
- <span>{{ responeForm.total }}</span>
+ <div>���������</div>
+ <div>{{ responeForm.unComplete }}</div>
</div>
<div class="circle">
- <span>���������</span>
- <span>{{ responeForm.complete }}</span>
+ <div>���������</div>
+ <div>{{ responeForm.complete }}</div>
</div>
<div class="circle">
- <span>������</span>
- <span>{{ responeForm.overdue }}</span>
+ <div>������</div>
+ <div>{{ responeForm.overdue }}</div>
</div>
</div>
<div class="overviewAndDetails">
- <el-tabs
- v-model="activeName"
- @tab-click="handleClick"
- >
- <el-tab-pane
- label="������"
- name="first"
- >
+ <el-tabs v-model="activeName" @tab-click="handleClick">
+ <el-tab-pane label="������" name="first">
<div>
<div class="tit">
<span>
���������������������������
</span>
- <el-button
- type="primary"
- plain
- size="small"
- style="float: right;"
- @click="ecxport"
- >
+ <el-button type="primary" plain size="small" style="float: right;" @click="ecxport">
������
</el-button>
</div>
<div class="tab">
- <el-table
- :data="tableData"
- border
- max-height=" 400px"
- style="width: 100%"
- :header-cell-style="{
+ <el-table :data="tableData" border max-height="400" style="width: 100%" :header-cell-style="{
background: '#99D4FF', color: '#101111', fontSize: '16px'
- }"
- >
- <el-table-column
- align="center"
- prop="unitName"
- label="������������"
- />
- <el-table-column
- align="center"
- prop="total"
- label="���������"
- />
- <el-table-column
- align="center"
- prop="number"
- label="���������"
- />
- <el-table-column
- align="center"
- prop="unNumber"
- label="���������"
- />
- <el-table-column
- align="center"
- prop="rate"
- label="���������"
- />
- <el-table-column
- align="center"
- prop="deduction"
- label="������"
- />
- <el-table-column
- align="center"
- prop="marks"
- label="������"
- />
- <el-table-column
- align="center"
- prop="totalPoints"
- label="���������"
- />
+ }">
+ <el-table-column align="center" prop="unitName" label="������������" />
+ <el-table-column align="center" prop="total" label="���������" />
+ <el-table-column align="center" prop="number" label="���������" />
+ <el-table-column align="center" prop="unNumber" label="���������" />
+ <el-table-column align="center" prop="rate" label="���������" />
+ <el-table-column align="center" prop="deduction" label="������" />
+ <el-table-column align="center" prop="marks" label="������" />
+ <el-table-column align="center" prop="totalPoints" label="���������" />
</el-table>
</div>
</div>
</el-tab-pane>
- <el-tab-pane
- label="������"
- name="second"
- >
+ <el-tab-pane label="������" name="second">
<div>
<div>
<p style="text-align: center;">
���������������
<el-select v-model="unitId" size="small" placeholder="���������" @change="changeUnitId">
- <el-option
- v-for="item in unitList"
- :key="item.unitId"
- :label="item.unitName"
- :value="item.unitId"
- />
+ <el-option v-for="item in unitList" :key="item.unitId" :label="item.unitName" :value="item.unitId" />
</el-select>
</p>
</div>
@@ -143,18 +72,10 @@
</div>
<div class="caets">
<div>
- <pollutionClassificationEcharts
- v-if="activeName === 'second'"
- ref="leftEcharts"
- :chart-data="chartData"
- />
+ <pollutionClassificationEcharts v-if="activeName === 'second'" ref="leftEcharts" :chart-data="chartData" />
</div>
<div>
- <reportTypeEcharts
- v-if="activeName === 'second'"
- ref="rightEcharts"
- :cylindricality-data="cylindricalityData"
- />
+ <reportTypeEcharts v-if="activeName === 'second'" ref="rightEcharts" :cylindricality-data="cylindricalityData" />
</div>
</div>
</div>
@@ -213,7 +134,7 @@
endTime: this.timeInterval[1],
number: Number(this.searchForm.number)
}
- }).then((res) => {
+ }).then(res => {
this.getOutExcel('������������������.xlsx', res)
})
},
@@ -237,7 +158,9 @@
}
},
unitIdFormatter(val) {
- const data = this.unitList.find(item => item && item.unitId === val.unitId)
+ const data = this.unitList.find(
+ item => item && item.unitId === val.unitId
+ )
return data ? data.unitName : ''
},
changeNumber(val) {
@@ -256,8 +179,10 @@
number: Number(this.searchForm.number),
unitId: this.unitId
}
- }).then((res) => {
+ }).then(res => {
if (res.code === 0) {
+ this.chartData = []
+ this.chartData = this.cylindricalityData
this.chartData = res.data.polluteType
this.cylindricalityData = res.data.escalationType
} else {
@@ -274,7 +199,7 @@
endTime: this.timeInterval[1],
number: Number(this.searchForm.number)
}
- }).then((res) => {
+ }).then(res => {
if (res.code === 0) {
this.responeForm = res.data
this.tableData = res.data.unitView
@@ -290,7 +215,7 @@
this.$request({
url: '/allocation/unit',
method: 'get'
- }).then((res) => {
+ }).then(res => {
this.unitList = res.data
console.log(' JSON.stringify(this.unitList)', this.unitList)
})
@@ -299,7 +224,7 @@
this.$request({
url: '/allocation/contaminate',
method: 'get'
- }).then((res) => {
+ }).then(res => {
this.polluteList = res.data
})
}
@@ -308,13 +233,16 @@
</script>
<style scoped lang="scss">
-$red: url('~@/assets/images/1.jpg') ;
-$orange:url('~@/assets/images/2.png');
-$yellow:url('~@/assets/images/3.jpg');
-$green:url('~@/assets/images/4.png');
+$red: url('~@/assets/images/1.jpg');
+$orange: url('~@/assets/images/2.png');
+$yellow: url('~@/assets/images/3.jpg');
+$green: url('~@/assets/images/4.png');
$bgcolorlist: $red $orange $yellow $green;
.main {
+ /deep/ .el-table__row {
+ font-size: 18px;
+ }
background: #bbbbbb;
min-height: 800px;
padding: 15px 10px;
@@ -338,7 +266,7 @@
margin-top: 20px;
@for $i from 1 to length($bgcolorlist) + 1 {
- div:nth-child(#{$i}) {
+ .circle:nth-child(#{$i}) {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
@@ -354,15 +282,13 @@
width: 200px;
height: 90px;
align-items: center;
- padding-top: 20px;
-
- span {
- margin: 10px 20px;
- display: block;
- color: rgba(255, 255, 255, 1);
- font-size: 20px;
- font-weight: 700;
- }
+ color: rgba(255, 255, 255, 1);
+ font-size: 20px;
+ font-weight: 700;
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ flex-direction: column;
}
}
--
Gitblit v1.8.0