From 43bd29ccb06c689327edd88cf32be659c9abc0a5 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Fri, 06 Sep 2024 11:15:25 +0800
Subject: [PATCH] fix: 责任单位修改
---
src/views/toCarryOutLegislativeReforms/summaryPage/index.vue | 361 ++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 294 insertions(+), 67 deletions(-)
diff --git a/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue b/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue
index 31f4d67..a8d8b97 100644
--- a/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue
+++ b/src/views/toCarryOutLegislativeReforms/summaryPage/index.vue
@@ -1,7 +1,11 @@
<template>
<div class="main">
<div class="timeSelect">
- <el-radio-group v-model="searchForm.number" style="margin-left:20px" @input="changeNumber('timeMouted')">
+ <el-radio-group
+ v-model="searchForm.number"
+ style="margin-left:20px"
+ @input="changeNumber('timeMouted')"
+ >
<el-radio-button label="1">
���1������
</el-radio-button>
@@ -18,7 +22,24 @@
���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('timeValue')" />
+ <el-date-picker
+ v-model="timeInterval"
+ el-time-picker
+ type="daterange"
+ value-format="yyyy-MM-dd"
+ range-separator="���"
+ start-placeholder="������������"
+ end-placeholder="������������"
+ @change="changeNumber('timeValue')"
+ />
+ <el-cascader
+ collapse-tags
+ placeholder="������������"
+ :show-all-levels="false"
+ :options="unitList"
+ :props="{ multiple: true, value:'unitId',label:'unitName',children:'children'}"
+ @change="changeUid"
+ />
</div>
<div class="agentSummary">
<div class="circle">
@@ -39,69 +60,232 @@
</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 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>
<div class="min">
- <div class="tab" style="display: inline-block; width: 100%">
- <el-table :data="tableData" class="topTable" border style="width: 100%" :header-cell-style="{
+ <div
+ class="tab"
+ style="display: inline-block; width: 100%"
+ >
+ <el-table
+ :data="tableData"
+ class="topTable"
+ border
+ style="width: 100%"
+ :header-cell-style="{
background: '#99D4FF', color: '#101111', fontSize: '16px'
- }">
- <el-table-column align="center" type="index" width="60" 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-column
+ align="center"
+ type="index"
+ width="60"
+ 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>
- <vueSeamless v-if="tableData.length>5" ref="scroll3" :data="tableData" :pause="true" class="seamless-warp" style="width: 100%;" :class-option="classOption">
- <el-table v-if="tableData.length>0" :data="tableData" class="bottomTable" border style="width: 100%;margin-bottom:50px">
- <el-table-column align="center" type="index" width="60" />
- <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="���������" />
+ <vueSeamless
+ v-if="tableData.length>5"
+ ref="scroll3"
+ :data="tableData"
+ :pause="true"
+ class="seamless-warp"
+ style="width: 100%;"
+ :class-option="classOption"
+ >
+ <el-table
+ v-if="tableData.length>0"
+ :data="tableData"
+ class="bottomTable"
+ border
+ style="width: 100%;margin-bottom:50px"
+ >
+ <el-table-column
+ align="center"
+ type="index"
+ width="60"
+ />
+ <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>
</vueSeamless>
- <el-table v-else :data="tableData" class="bottomTable" border style="width: 100%;margin-bottom:50px">
- <el-table-column align="center" type="index" width="60" />
- <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
+ v-else
+ :data="tableData"
+ class="bottomTable"
+ border
+ style="width: 100%;margin-bottom:50px"
+ >
+ <el-table-column
+ align="center"
+ type="index"
+ width="60"
+ />
+ <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>
</div>
</el-tab-pane>
- <el-tab-pane label="������" name="second">
+ <el-tab-pane
+ label="������"
+ name="second"
+ >
<div>
<div>
- <p style="text-align: center;">
+ <!-- <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-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-select>
- </p>
+ </p> -->
</div>
<div class="chartsTitle">
<p>������������</p>
@@ -109,10 +293,18 @@
</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>
@@ -132,7 +324,7 @@
pollutionClassificationEcharts,
reportTypeEcharts
},
- data() {
+ data () {
return {
mount: '',
timeInterval: [],
@@ -155,23 +347,57 @@
},
chartData: [],
cylindricalityData: [],
- tableDataTotal: 0
+ tableDataTotal: 0,
+ unitIdlist: []
}
},
computed: {
- classOption() {
+ classOption () {
let data = this.loadMore()
console.log('return ', data)
return data
}
},
- created() {
+ created () {
this.getUnitList()
this.getContaminateList()
this.handleSearch()
},
methods: {
- loadMore() {
+ changeUid (val) {
+ this.unitIdlist = this.uniqueArrayReduce(val)
+ this.handleSearch()
+ },
+ uniqueArrayReduce (arrays) {
+ return arrays.reduce((acc, curr) => {
+ return acc.concat(curr.filter(item => !acc.includes(item)))
+ }, [])
+ },
+ removeEmptyArrays (obj) {
+ if (Array.isArray(obj)) {
+ return obj
+ .map(item => this.removeEmptyArrays(item)) // ������������������������
+ .filter(item => !Array.isArray(item) || item.length > 0) // ���������������
+ } else if (typeof obj === 'object' && obj !== null) {
+ Object.keys(obj).forEach(key => {
+ obj[key] = this.removeEmptyArrays(obj[key]) // ������������������������
+ if (Array.isArray(obj[key]) && obj[key].length === 0) {
+ delete obj[key] // ���������������������
+ }
+ })
+ }
+ return obj
+ },
+ // ������������������list
+ getUnitList () {
+ this.$request({
+ url: '/allocation/unitQuery',
+ method: 'get'
+ }).then(res => {
+ this.unitList = this.removeEmptyArrays(res.data)
+ })
+ },
+ loadMore () {
let data = {}
if (this.tableDataTotal > 5) {
data = {
@@ -197,7 +423,7 @@
console.log('data', data)
return data
},
- ecxport() {
+ ecxport () {
this.$request({
url: '/allocation/unitExel',
method: 'get',
@@ -211,7 +437,7 @@
this.getOutExcel('������������������.xlsx', res)
})
},
- getOutExcel(fileName, res) {
+ getOutExcel (fileName, res) {
const blob = new Blob([res], { type: 'application/x-xls' })
if (window.navigator.msSaveOrOpenBlob) {
// ������ IE & EDGE
@@ -230,13 +456,13 @@
url.revokeObjectURL(link.href)
}
},
- unitIdFormatter(val) {
+ unitIdFormatter (val) {
const data = this.unitList.find(
item => item && item.unitId === val.unitId
)
return data ? data.unitName : ''
},
- changeNumber(val) {
+ changeNumber (val) {
if (val === 'timeValue') {
this.searchForm.number = null
} else {
@@ -244,10 +470,10 @@
}
this.handleSearch()
},
- handleClick(tab, event) {
+ handleClick (tab, event) {
console.log(tab)
},
- changeUnitId() {
+ changeUnitId () {
this.$request({
url: '/allocation/selectUnitView',
method: 'get',
@@ -268,13 +494,14 @@
}
})
},
- handleSearch() {
+ handleSearch () {
this.$request({
url: '/allocation/selectUnitView',
method: 'get',
params: {
startTime: this.timeInterval[0],
endTime: this.timeInterval[1],
+ unitId: this.unitIdlist.join(','),
number: Number(this.searchForm.number)
}
}).then(res => {
@@ -290,16 +517,16 @@
})
},
// ������������������list
- getUnitList() {
- this.$request({
- url: '/allocation/unit',
- method: 'get'
- }).then(res => {
- this.unitList = res.data
- console.log(' JSON.stringify(this.unitList)', this.unitList)
- })
- },
- getContaminateList() {
+ // getUnitList () {
+ // this.$request({
+ // url: '/allocation/unit',
+ // method: 'get'
+ // }).then(res => {
+ // this.unitList = res.data
+ // console.log(' JSON.stringify(this.unitList)', this.unitList)
+ // })
+ // },
+ getContaminateList () {
this.$request({
url: '/allocation/contaminate',
method: 'get'
--
Gitblit v1.8.0