From 54e10aee11aa4a10926df02782ca07d41eeb9b98 Mon Sep 17 00:00:00 2001
From: xyc <jc_xiong@hotmail.com>
Date: 星期二, 06 十月 2026 16:19:07 +0800
Subject: [PATCH] fix(holiday): 加大折线图纵向间距并同步 Word 尺寸
---
traffic-audit-web/src/views/HolidayStat.vue | 208 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 207 insertions(+), 1 deletions(-)
diff --git a/traffic-audit-web/src/views/HolidayStat.vue b/traffic-audit-web/src/views/HolidayStat.vue
index 799267a..6875128 100644
--- a/traffic-audit-web/src/views/HolidayStat.vue
+++ b/traffic-audit-web/src/views/HolidayStat.vue
@@ -84,6 +84,69 @@
<el-card shadow="never" style="margin-top:14px">
<div slot="header">
+ <span>寰�骞村浗鐪侀亾鏁版嵁璋冩暣</span>
+ </div>
+ <div class="operation-row">
+ <div class="operation-item">
+ <span class="label">骞翠唤</span>
+ <el-select v-model="adjustmentYear" style="width:120px" @change="loadAdjustments">
+ <el-option v-for="item in availableAdjustmentYears" :key="item" :label="item + '骞�'" :value="item"></el-option>
+ </el-select>
+ </div>
+ <div v-if="operatorIsAdmin" class="operation-item">
+ <el-button type="primary" icon="el-icon-plus" @click="openAdjustmentDialog()">鏂板璋冩暣</el-button>
+ </div>
+ </div>
+ <el-table :data="adjustments" border stripe size="small" style="margin-top:12px" v-loading="adjustmentLoading">
+ <el-table-column prop="year" label="骞翠唤" width="90" align="center"></el-table-column>
+ <el-table-column prop="flowDate" label="鏃ユ湡" width="130" align="center"></el-table-column>
+ <el-table-column label="璋冩暣鍓嶅浗鐪侀亾杞︽祦閲忥紙涓囪締娆★級" width="240" align="right">
+ <template slot-scope="s">{{ formatOriginalAdjustmentValue(s.row.originalValue) }}</template>
+ </el-table-column>
+ <el-table-column label="璋冩暣鍚庡浗鐪侀亾杞︽祦閲忥紙涓囪締娆★級" width="240" align="right">
+ <template slot-scope="s">{{ formatAdjustmentValue(s.row.adjustedValue) }}</template>
+ </el-table-column>
+ <el-table-column prop="reason" label="璋冩暣鍘熷洜" min-width="280" show-overflow-tooltip></el-table-column>
+ <el-table-column label="鏇存柊鏃堕棿" min-width="170"><template slot-scope="s">{{ formatDateTime(s.row.updatedAt) }}</template></el-table-column>
+ <el-table-column v-if="operatorIsAdmin" label="鎿嶄綔" width="130" align="center">
+ <template slot-scope="s">
+ <el-button type="text" @click="openAdjustmentDialog(s.row)">缂栬緫</el-button>
+ <el-button type="text" class="danger-text" @click="deleteAdjustment(s.row)">鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <el-dialog :title="adjustmentForm.id ? '缂栬緫璋冩暣' : '鏂板璋冩暣'" :visible.sync="adjustmentDialogVisible" width="560px" v-dialog-drag>
+ <el-form label-width="220px">
+ <el-form-item label="骞翠唤">
+ <el-select v-model="adjustmentForm.year" style="width:100%" @change="onAdjustmentYearChange">
+ <el-option v-for="item in availableAdjustmentYears" :key="item" :label="item + '骞�'" :value="item"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏃ユ湡">
+ <el-date-picker v-model="adjustmentForm.flowDate" type="date" value-format="yyyy-MM-dd"
+ style="width:100%" :picker-options="adjustmentDatePickerOptions" placeholder="閫夋嫨鏃ユ湡"
+ @change="onAdjustmentDateChange"></el-date-picker>
+ </el-form-item>
+ <el-form-item label="璋冩暣鍓嶅浗鐪侀亾杞︽祦閲忥紙涓囪締娆★級">
+ <el-input :value="formatOriginalAdjustmentValue(adjustmentForm.originalValue)" readonly
+ :placeholder="adjustmentOriginalLoading ? '鏌ヨ涓�...' : ''"></el-input>
+ </el-form-item>
+ <el-form-item label="璋冩暣鍚庤溅娴侀噺锛堜竾杈嗘锛�">
+ <el-input-number v-model="adjustmentForm.adjustedValue" :min="0" :precision="4" :step="0.0001" controls-position="right" style="width:100%"></el-input-number>
+ </el-form-item>
+ <el-form-item label="璋冩暣鍘熷洜">
+ <el-input v-model="adjustmentForm.reason" type="textarea" :rows="3" maxlength="500" show-word-limit></el-input>
+ </el-form-item>
+ </el-form>
+ <div slot="footer">
+ <el-button @click="adjustmentDialogVisible = false">鍙栨秷</el-button>
+ <el-button type="primary" :loading="adjustmentSaving" @click="saveAdjustment">淇濆瓨</el-button>
+ </div>
+ </el-dialog>
+ </el-card>
+
+ <el-card shadow="never" style="margin-top:14px">
+ <div slot="header">
<span>瑙傛祴绔欏垎鏃ヨ皟鏌ユ暟鎹�</span>
<span class="hint">鐢ㄤ簬鍘熷鏁版嵁鐣欏瓨锛屼笉涓庝笂鏂硅妭鍋囨棩缁熻鏁版嵁鍏宠仈</span>
</div>
@@ -188,19 +251,44 @@
observationDialogVisible: false,
observationDialogDate: '',
observationRows: [],
- observationRowsLoading: false
+ observationRowsLoading: false,
+ adjustmentYear: new Date().getFullYear() - 1,
+ adjustments: [],
+ adjustmentLoading: false,
+ adjustmentDialogVisible: false,
+ adjustmentSaving: false,
+ adjustmentOriginalLoading: false,
+ adjustmentOriginalRequestId: 0,
+ adjustmentForm: {
+ id: null,
+ year: new Date().getFullYear() - 1,
+ flowDate: '',
+ originalValue: null,
+ adjustedValue: null,
+ reason: ''
+ }
}
},
computed: {
holidayTypeLabel() {
const item = this.holidayTypeOptions.find(x => x.value === this.holidayType)
return item ? item.label : this.holidayType
+ },
+ availableAdjustmentYears() {
+ const currentYear = new Date().getFullYear()
+ return this.years.filter(item => item < currentYear)
+ },
+ adjustmentDatePickerOptions() {
+ return {
+ disabledDate: date => date.getFullYear() !== Number(this.adjustmentForm.year)
+ }
}
},
mounted() {
this.loadOptions()
this.loadOverview()
this.loadObservationDates()
+ this.loadAdjustments()
},
methods: {
previousDateString() {
@@ -225,6 +313,110 @@
})
.catch(err => this.showError(err, '鑺傚亣鏃ユ暟鎹姞杞藉け璐�'))
.finally(() => { this.loading = false })
+ },
+ loadAdjustments() {
+ this.adjustmentLoading = true
+ api.get('/holiday/adjustments', { params: { year: this.adjustmentYear } })
+ .then(res => {
+ if (res.code !== 200) throw new Error(res.message || '鍔犺浇澶辫触')
+ this.adjustments = res.data || []
+ })
+ .catch(err => this.showError(err, '寰�骞村浗鐪侀亾鏁版嵁璋冩暣鍔犺浇澶辫触'))
+ .finally(() => { this.adjustmentLoading = false })
+ },
+ openAdjustmentDialog(row) {
+ const source = row || {}
+ this.adjustmentForm = {
+ id: source.id || null,
+ year: source.year || this.adjustmentYear,
+ flowDate: source.flowDate || '',
+ originalValue: source.originalValue === undefined || source.originalValue === null
+ ? null : Number(source.originalValue),
+ adjustedValue: source.adjustedValue === undefined || source.adjustedValue === null
+ ? null : Number(source.adjustedValue),
+ reason: source.reason || ''
+ }
+ this.adjustmentDialogVisible = true
+ this.loadAdjustmentOriginalValue()
+ },
+ onAdjustmentYearChange() {
+ this.adjustmentOriginalRequestId += 1
+ this.adjustmentOriginalLoading = false
+ this.adjustmentForm.flowDate = ''
+ this.adjustmentForm.originalValue = null
+ },
+ onAdjustmentDateChange() {
+ this.loadAdjustmentOriginalValue()
+ },
+ loadAdjustmentOriginalValue() {
+ const year = this.adjustmentForm.year
+ const flowDate = this.adjustmentForm.flowDate
+ const requestId = ++this.adjustmentOriginalRequestId
+ this.adjustmentForm.originalValue = null
+ if (!year || !flowDate) {
+ this.adjustmentOriginalLoading = false
+ return
+ }
+ this.adjustmentOriginalLoading = true
+ api.get('/holiday/adjustments/source-value', { params: { year: year, flowDate: flowDate } })
+ .then(res => {
+ if (requestId !== this.adjustmentOriginalRequestId) return
+ if (res.code !== 200) throw new Error(res.message || '璋冩暣鍓嶅�煎姞杞藉け璐�')
+ this.adjustmentForm.originalValue = res.data === null || res.data === undefined || res.data === ''
+ ? null : Number(res.data)
+ })
+ .catch(err => {
+ if (requestId !== this.adjustmentOriginalRequestId) return
+ this.adjustmentForm.originalValue = null
+ this.showError(err, '璋冩暣鍓嶅�煎姞杞藉け璐�')
+ })
+ .finally(() => {
+ if (requestId === this.adjustmentOriginalRequestId) this.adjustmentOriginalLoading = false
+ })
+ },
+ saveAdjustment() {
+ const form = this.adjustmentForm
+ if (!form.year || !form.flowDate) {
+ this.$message.warning('璇烽�夋嫨骞翠唤鍜屾棩鏈�')
+ return
+ }
+ if (form.adjustedValue === null || form.adjustedValue === undefined || Number(form.adjustedValue) < 0) {
+ this.$message.warning('璇疯緭鍏ヤ笉浣庝簬 0 鐨勮皟鏁村悗杞︽祦閲�')
+ return
+ }
+ if (!form.reason || !form.reason.trim()) {
+ this.$message.warning('璇峰～鍐欒皟鏁村師鍥�')
+ return
+ }
+ this.adjustmentSaving = true
+ api.post('/holiday/adjustments/save', {
+ id: form.id,
+ year: form.year,
+ flowDate: form.flowDate,
+ adjustedValue: form.adjustedValue,
+ reason: form.reason
+ })
+ .then(res => {
+ if (res.code !== 200) throw new Error(res.message || '淇濆瓨澶辫触')
+ this.adjustmentDialogVisible = false
+ this.adjustmentYear = form.year
+ this.loadAdjustments()
+ this.loadOverview()
+ this.$message.success('璋冩暣宸蹭繚瀛�')
+ })
+ .catch(err => this.showError(err, '淇濆瓨澶辫触'))
+ .finally(() => { this.adjustmentSaving = false })
+ },
+ deleteAdjustment(row) {
+ this.$confirm('纭畾鍒犻櫎 ' + row.flowDate + ' 鐨勫浗鐪侀亾鏁版嵁璋冩暣鍚楋紵', '鍒犻櫎纭', { type: 'warning' })
+ .then(() => api.post('/holiday/adjustments/delete', null, { params: { id: row.id } }))
+ .then(res => {
+ if (res && res.code !== 200) throw new Error(res.message || '鍒犻櫎澶辫触')
+ this.loadAdjustments()
+ this.loadOverview()
+ this.$message.success('璋冩暣宸插垹闄�')
+ })
+ .catch(err => { if (err !== 'cancel' && err !== 'close') this.showError(err, '鍒犻櫎澶辫触') })
},
onFileChange(file) {
this.selectedFile = file.raw
@@ -433,6 +625,20 @@
})
.catch(err => { if (err !== 'cancel' && err !== 'close') this.showError(err, '鍒犻櫎澶辫触') })
},
+ formatAdjustmentValue(value) {
+ if (value === null || value === undefined || value === '') return '鈥�'
+ const number = Number(value)
+ if (!Number.isFinite(number)) return value
+ return number.toFixed(4)
+ },
+ formatOriginalAdjustmentValue(value) {
+ if (value === null || value === undefined || value === '') return ''
+ return this.formatAdjustmentValue(value)
+ },
+ formatDateTime(value) {
+ if (!value) return '鈥�'
+ return String(value).replace('T', ' ').slice(0, 19)
+ },
formatNumber(value) {
if (value === null || value === undefined || value === '') return '鈥�'
return Number(value).toFixed(2)
--
Gitblit v1.9.1