DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/0.8.X' into 0.8.X

Browse Source
This commit is contained in:
Joshi
2026-07-03 15:58:51 +08:00
parent d03cd926bc 00f5abc0db
commit ad46667847
11 changed files with 764 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

488
klp-ui/src/views/cost/trend.vue Normal file
View File

@@ -0,0 +1,488 @@
<template>
<div class="app-container cost-trend-page">
<!-- 筛选区 -->
<el-card class="mb8">
<div class="filter-bar">
<el-radio-group
v-model="selectedLine"
size="small"
@change="onLineChange"
>
<el-radio-button
v-for="line in productionLines"
:key="line.lineId"
:label="line.lineId"
>
{{ line.lineName }}
</el-radio-button>
</el-radio-group>
<el-button type="primary" size="small" icon="el-icon-search" :loading="loading" @click="fetchData">
查询
</el-button>
</div>
</el-card>
<!-- 统计摘要 -->
<div v-if="reports.length > 0" class="stats-row">
<div class="stat-item stat-blue">
<span class="stat-val">{{ reports.length }}</span>
<span class="stat-label">参与报表数</span>
</div>
<div class="stat-item stat-orange">
<span class="stat-val">{{ summary.seriesCount }}</span>
<span class="stat-label">趋势线数</span>
</div>
<div class="stat-item stat-green">
<span class="stat-val">{{ summary.maxLabel }}</span>
<span class="stat-label">单报表最高数量</span>
</div>
</div>
<!-- 图表筛选 -->
<div v-if="reports.length > 0" class="chart-filter-bar">
<span class="filter-label">图表筛选：</span>
<el-select
v-model="selectedCategories"
multiple
collapse-tags
placeholder="成本类别（全部）"
size="small"
style="width:160px"
@change="onCategoryChange"
clearable
>
<el-option label="原料" value="原料" />
<el-option label="能耗" value="能耗" />
<el-option label="辅料" value="辅料" />
<el-option label="设备" value="设备" />
<el-option label="人工" value="人工" />
<el-option label="产出" value="产出" />
<el-option label="轧辊" value="轧辊" />
<el-option label="其他" value="其他" />
</el-select>
<el-select
v-model="selectedItems"
multiple
collapse-tags
filterable
placeholder="成本项（全部）"
size="small"
style="width:220px"
@change="onItemChange"
clearable
>
<el-option
v-for="it in filteredItemOptions"
:key="it.itemId"
:label="it.itemName + ' (' + it.category + ')'"
:value="it.itemId"
/>
</el-select>
</div>
<!-- 图表区 -->
<div class="chart-box" v-loading="loading">
<div ref="trendChart" class="chart-body" />
</div>
<div v-if="summary.seriesCount > 15" class="legend-hint">
<i class="el-icon-info" /> 图例较多，可在下方图例区滚动查看，或缩小筛选范围以减少趋势线数量
</div>
</div>
</template>
<script>
import * as echarts from 'echarts'
import { mapGetters } from 'vuex'
import { listProdReport } from '@/api/cost/prodReport'
import { listProdDetail } from '@/api/cost/prodDetail'
import { listItem } from '@/api/cost/item'
const COLORS = [
'#409eff', '#67c23a', '#e6a23c', '#f56c6c', '#909399',
'#9b59b6', '#1abc9c', '#e74c3c', '#3498db', '#2ecc71',
'#f39c12', '#e91e63', '#00bcd4', '#8bc34a', '#ff5722',
'#607d8b', '#3f51b5', '#cddc39', '#ff9800', '#795548',
'#2196f3', '#4caf50', '#ffc107', '#9c27b0', '#00bcd4'
]
export default {
name: 'CostTrend',
data() {
return {
selectedLine: null,
selectedCategories: [],
selectedItems: [],
allItems: [],
loading: false,
chart: null,
reports: [],
cachedDetails: [],
summary: { seriesCount: 0, maxLabel: '-' }
}
},
computed: {
...mapGetters(['productionLines']),
selectedLineObj() {
if (!this.selectedLine || !this.productionLines.length) return null
return this.productionLines.find(l => l.lineId === this.selectedLine) || null
},
lineNameDisplay() {
const line = this.selectedLineObj
return line ? line.lineName : ''
},
filteredItemOptions() {
if (!this.selectedCategories.length) return this.allItems
return this.allItems.filter(it => this.selectedCategories.includes(it.category))
}
},
mounted() {
this.$store.dispatch('productionLine/getProductionLines').then(() => {
this.initDefaultLine()
this.$nextTick(() => this.fetchData())
})
this.loadItems()
this._resizeHandler = () => { if (this.chart) this.chart.resize() }
window.addEventListener('resize', this._resizeHandler)
},
beforeDestroy() {
window.removeEventListener('resize', this._resizeHandler)
if (this.chart) { this.chart.dispose(); this.chart = null }
},
methods: {
initDefaultLine() {
if (this.selectedLine != null) return
const lines = this.productionLines || []
const dzLine = lines.find(l => l.lineName && l.lineName.includes('镀锌'))
if (dzLine) {
this.selectedLine = dzLine.lineId
} else if (lines.length) {
this.selectedLine = lines[0].lineId
}
},
onLineChange() {
if (this.selectedLine != null) {
this.fetchData()
}
},
onCategoryChange() {
this.selectedItems = this.selectedItems.filter(id => {
const it = this.allItems.find(item => item.itemId === id)
return it && this.selectedCategories.includes(it.category)
})
this.renderFromCache()
},
onItemChange() {
this.renderFromCache()
},
async loadItems() {
try {
const r = await listItem({ pageNum: 1, pageSize: 999 })
this.allItems = r.rows || []
} catch (e) { /* ignore */ }
},
async fetchData() {
if (this.selectedLine == null) {
return
}
this.loading = true
try {
const params = {
lineType: this.selectedLine,
pageNum: 1,
pageSize: 999
}
const reportRes = await listProdReport(params)
const allReports = (reportRes.rows || []).sort((a, b) => {
return (a.reportDate || '').localeCompare(b.reportDate || '')
})
console.log('[CostTrend] reports:', allReports.length, allReports.map(r => ({ id: r.reportId, title: r.reportTitle, date: r.reportDate })))
if (!allReports.length) {
this.$modal.msgWarning('该产线暂无报表')
this.reports = []
this.summary = { seriesCount: 0, maxLabel: '-' }
if (this.chart) this.chart.clear()
return
}
this.reports = allReports
await this.fetchDetailsAndCache(allReports)
} catch (e) {
console.error('CostTrend fetchData error:', e)
this.$modal.msgError('数据加载失败: ' + (e.message || '未知错误'))
} finally {
this.loading = false
}
},
// ==================== 成本项模式 ====================
async fetchDetailsAndCache(reports) {
const allDetailResults = await Promise.all(
reports.map(r =>
listProdDetail({ reportId: r.reportId, pageNum: 1, pageSize: 99999 })
.then(res => {
console.log('[CostTrend] detail for report', r.reportId, 'rows:', (res.rows || []).length)
return { reportId: r.reportId, rows: res.rows || [] }
})
.catch(e => {
console.error('[CostTrend] detail fetch error for report', r.reportId, e)
return { reportId: r.reportId, rows: [] }
})
)
)
this.cachedDetails = allDetailResults
if (!this.allItems.length) await this.loadItems()
this.renderFromCache()
},
renderFromCache() {
const reports = this.reports
const allDetailResults = this.cachedDetails
if (!reports.length || !allDetailResults.length) return
const itemMap = {}
this.allItems.forEach(it => { itemMap[String(it.itemId)] = it })
const itemSet = this.selectedItems.length ? new Set(this.selectedItems.map(String)) : null
const categorySet = this.selectedCategories.length ? new Set(this.selectedCategories) : null
const reportSums = {}
allDetailResults.forEach(({ reportId, rows }) => {
const sums = {}
rows.forEach(d => {
if (!d.itemId) return
const key = String(d.itemId)
if (itemSet && !itemSet.has(key)) return
if (categorySet) {
const it = itemMap[key]
if (!it || !categorySet.has(it.category)) return
}
sums[key] = (sums[key] || 0) + (parseFloat(d.quantity) || 0)
})
reportSums[reportId] = sums
})
const allItemIds = new Set()
Object.values(reportSums).forEach(sums => {
Object.keys(sums).forEach(id => allItemIds.add(id))
})
const xLabels = reports.map(r => this.reportLabel(r))
const series = []
let globalMax = 0
Array.from(allItemIds).forEach((key, idx) => {
const it = itemMap[key]
const name = it ? it.itemName : `未知(${key})`
const data = reports.map(r => {
const sums = reportSums[r.reportId] || {}
const val = sums[key] ?? null
if (val != null && val > globalMax) globalMax = val
return val
})
if (data.every(v => v === null)) return
series.push({
name,
type: 'line',
data,
smooth: true,
symbol: 'circle',
symbolSize: 6,
lineStyle: { width: 2, color: COLORS[idx % COLORS.length] },
itemStyle: { color: COLORS[idx % COLORS.length] },
emphasis: { focus: 'series' }
})
})
this.summary = {
seriesCount: series.length,
maxLabel: this.formatMoney(globalMax)
}
this.$nextTick(() => {
setTimeout(() => this.renderChart(xLabels, series, '数量'), 50)
})
},
// ==================== 图表渲染 ====================
renderChart(xLabels, series, yAxisName) {
console.log('[CostTrend] renderChart called, ref:', !!this.$refs.trendChart, 'series:', series.length, 'xLabels:', xLabels.length)
if (!this.$refs.trendChart) return
if (this.chart) this.chart.dispose()
this.chart = echarts.init(this.$refs.trendChart)
if (!series.length) {
this.chart.setOption({
title: { text: '暂无数据', left: 'center', top: 'center', textStyle: { color: '#999', fontSize: 14 } },
xAxis: { show: false },
yAxis: { show: false },
series: []
})
return
}
this.chart.setOption({
tooltip: {
trigger: 'axis',
formatter: function (params) {
if (!params || !params.length) return ''
let html = '<b>' + params[0].axisValue + '</b><br/>'
params.forEach(p => {
if (p.value != null) {
html += '<span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:' +
p.color + ';margin-right:5px;"></span>' +
p.seriesName + ': <b>' +
Number(p.value).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) +
'</b><br/>'
}
})
return html
}
},
legend: {
type: 'scroll',
bottom: 0,
textStyle: { fontSize: 11 },
pageIconSize: 12,
pageTextStyle: { fontSize: 11 }
},
grid: {
left: '3%',
right: '4%',
top: '3%',
bottom: series.length > 20 ? '18%' : (series.length > 10 ? '14%' : '10%'),
containLabel: true
},
xAxis: {
type: 'category',
data: xLabels,
boundaryGap: false,
axisLabel: {
fontSize: 11,
rotate: xLabels.length > 8 ? 30 : 0
}
},
yAxis: {
type: 'value',
name: yAxisName,
axisLabel: {
fontSize: 11,
formatter: function (v) {
if (v >= 10000) return (v / 10000).toFixed(1) + '万'
return v
}
},
splitLine: { lineStyle: { type: 'dashed', color: '#e8e8e8' } }
},
dataZoom: xLabels.length > 10 ? [
{
type: 'slider',
bottom: series.length > 10 ? (series.length > 20 ? 60 : 50) : 35,
height: 16,
textStyle: { fontSize: 10 }
},
{ type: 'inside' }
] : [],
series
}, true)
},
reportLabel(r) {
const date = r.reportDate
? (typeof r.reportDate === 'string' ? r.reportDate.slice(0, 10) : String(r.reportDate).slice(0, 10))
: ''
return r.reportTitle || date || `报表#${r.reportId}`
},
formatMoney(val) {
if (val == null || val === '' || isNaN(val)) return '-'
const num = Number(val)
if (num >= 10000) return (num / 10000).toFixed(2) + '万'
return num.toFixed(2)
}
}
}
</script>
<style scoped>
.mb8 { margin-bottom: 10px; }
.filter-bar {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.stats-row {
display: flex;
gap: 8px;
margin-bottom: 10px;
}
.stat-item {
flex: 1;
min-width: 100px;
background: #fff;
border: 1px solid #ebeef5;
border-radius: 2px;
padding: 10px 12px;
text-align: center;
}
.stat-val {
display: block;
font-size: 22px;
font-weight: 600;
color: #303133;
line-height: 1.2;
}
.stat-label {
display: block;
font-size: 12px;
color: #909399;
margin-top: 2px;
}
.stat-blue .stat-val { color: #409eff; }
.stat-orange .stat-val { color: #e6a23c; }
.stat-green .stat-val { color: #67c23a; }
.chart-box {
background: #fff;
border: 1px solid #ebeef5;
border-radius: 2px;
}
.chart-filter-bar {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.chart-filter-bar .filter-label {
font-size: 13px;
color: #606266;
white-space: nowrap;
}
.chart-body {
width: 100%;
height: 480px;
}
.legend-hint {
margin-top: 8px;
font-size: 12px;
color: #909399;
display: flex;
align-items: center;
gap: 4px;
}
</style>

40
klp-ui/src/views/wms/post/objection/components/BasicInfoSection.vue
View File

@@ -110,59 +110,57 @@ export default {
<style scoped>
.detail-section {
margin-bottom: 20px;
margin-bottom: 14px;
}
.detail-section-label {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
font-weight: 600;
color: #8c8c8c;
color: #64748b;
margin-bottom: 4px;
letter-spacing: 0.8px;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.detail-section-text {
font-size: 14px;
color: #1a1a1a;
line-height: 1.8;
font-size: 13px;
color: #1e293b;
line-height: 1.6;
word-break: break-all;
padding-bottom: 12px;
border-bottom: 1px solid #eeeae4;
padding-bottom: 10px;
border-bottom: 1px solid #e2e8f0;
}
/* ===== 客户信息卡片 ===== */
.customer-info-card {
padding: 10px 14px;
background: #faf8f5;
border: 1px solid #e8e4de;
border-radius: 2px;
margin-bottom: 6px;
padding: 8px 12px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 0;
margin-bottom: 4px;
}
.customer-row {
display: flex;
gap: 14px;
padding: 3px 0;
gap: 12px;
padding: 2px 0;
}
.customer-row + .customer-row {
border-top: 1px solid #f0ece6;
border-top: 1px solid #e2e8f0;
}
.customer-row-label {
flex-shrink: 0;
width: 70px;
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
color: #8c8c8c;
letter-spacing: 0.3px;
color: #64748b;
letter-spacing: 0.2px;
}
.customer-row-value {
flex: 1;
font-size: 13px;
color: #1a1a1a;
color: #1e293b;
}
</style>

34
klp-ui/src/views/wms/post/objection/components/CoilInfoSection.vue
View File

@@ -60,19 +60,18 @@ export default {
<style scoped>
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 32px 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 20px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
white-space: nowrap;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title:first-child {
margin-top: 0;
@@ -80,19 +79,16 @@ export default {
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
.empty-data {
color: #8c8c8c;
font-size: 13px;
padding: 8px 0;
font-style: italic;
color: #94a3b8;
font-size: 12px;
padding: 6px 0;
}
</style>

34
klp-ui/src/views/wms/post/objection/components/ContractInfoSection.vue
View File

@@ -51,19 +51,18 @@ export default {
<style scoped>
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 32px 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 20px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
white-space: nowrap;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title:first-child {
margin-top: 0;
@@ -71,19 +70,16 @@ export default {
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
.empty-data {
color: #8c8c8c;
font-size: 13px;
padding: 8px 0;
font-style: italic;
color: #94a3b8;
font-size: 12px;
padding: 6px 0;
}
</style>

90
klp-ui/src/views/wms/post/objection/components/DepartmentOpinionSection.vue
View File

@@ -93,19 +93,18 @@ export default {
<style scoped>
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 32px 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 20px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
white-space: nowrap;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title:first-child {
margin-top: 0;
@@ -113,29 +112,27 @@ export default {
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
/* ===== 意见卡片（正式文档风格） ===== */
/* ===== 意见卡片 — 工业风格 ===== */
.card-grid {
display: flex;
flex-wrap: wrap;
gap: 14px;
gap: 10px;
}
.opinion-card {
flex: 0 0 calc((100% - 14px) / 2);
flex: 0 0 calc((100% - 10px) / 2);
background: #ffffff;
border: 1px solid #e8e4de;
border-radius: 2px;
padding: 14px 16px 12px;
border: 1px solid #e2e8f0;
border-radius: 0;
padding: 10px 14px 10px;
display: flex;
flex-direction: column;
}
@@ -144,25 +141,24 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px dashed #e0dcd6;
margin-bottom: 8px;
padding-bottom: 6px;
border-bottom: 1px solid #e2e8f0;
}
.opinion-dept {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
font-size: 14px;
font-weight: 700;
color: #1a3c6e;
letter-spacing: 0.3px;
font-size: 13px;
font-weight: 600;
color: #1e293b;
letter-spacing: 0.2px;
}
.opinion-dept-icon {
font-size: 10px;
color: #1a3c6e;
font-size: 8px;
color: #475569;
}
.opinion-card-body {
@@ -170,11 +166,11 @@ export default {
}
.opinion-content {
font-size: 13px;
color: #3a3a3a;
line-height: 1.7;
font-size: 12px;
color: #475569;
line-height: 1.6;
word-break: break-all;
max-height: 100px;
max-height: 90px;
overflow-y: auto;
}
@@ -183,35 +179,31 @@ export default {
}
.opinion-empty {
color: #bab5ae;
color: #94a3b8;
font-size: 12px;
font-style: italic;
font-family: 'Georgia', 'Times New Roman', serif;
}
.opinion-file {
margin-top: 8px;
margin-top: 6px;
}
.opinion-card-footer {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 10px;
padding-top: 8px;
border-top: 1px dashed #e0dcd6;
gap: 12px;
margin-top: 8px;
padding-top: 6px;
border-top: 1px solid #e2e8f0;
}
.opinion-footer-item {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
color: #8c8c8c;
color: #94a3b8;
}
.empty-data {
color: #8c8c8c;
font-size: 13px;
padding: 8px 0;
font-style: italic;
color: #94a3b8;
font-size: 12px;
padding: 6px 0;
}
</style>

23
klp-ui/src/views/wms/post/objection/components/DeptOpinionPreview.vue
View File

@@ -97,16 +97,16 @@ export default {
<style scoped>
.dept-preview-container {
font-size: 13px;
color: #3a3a3a;
line-height: 1.7;
font-size: 12px;
color: #475569;
line-height: 1.6;
}
.preview-row {
display: flex;
gap: 12px;
padding: 4px 0;
border-bottom: 1px solid #f0ece6;
gap: 10px;
padding: 3px 0;
border-bottom: 1px solid #e2e8f0;
}
.preview-row:last-child {
@@ -116,22 +116,19 @@ export default {
.preview-label {
flex-shrink: 0;
width: 100px;
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
color: #8c8c8c;
letter-spacing: 0.3px;
color: #64748b;
letter-spacing: 0.2px;
}
.preview-value {
flex: 1;
color: #1a1a1a;
color: #1e293b;
word-break: break-all;
}
.preview-empty {
color: #bab5ae;
color: #94a3b8;
font-size: 12px;
font-style: italic;
font-family: 'Georgia', 'Times New Roman', serif;
}
</style>

90
klp-ui/src/views/wms/post/objection/components/ExecutionFeedbackSection.vue
View File

@@ -78,19 +78,18 @@ export default {
<style scoped>
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 32px 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 20px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
white-space: nowrap;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title:first-child {
margin-top: 0;
@@ -98,29 +97,27 @@ export default {
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
/* ===== 反馈卡片（正式文档风格） ===== */
/* ===== 反馈卡片 — 工业风格 ===== */
.card-grid {
display: flex;
flex-wrap: wrap;
gap: 14px;
gap: 10px;
}
.opinion-card {
flex: 0 0 calc((100% - 14px) / 2);
flex: 0 0 calc((100% - 10px) / 2);
background: #ffffff;
border: 1px solid #e8e4de;
border-radius: 2px;
padding: 14px 16px 12px;
border: 1px solid #e2e8f0;
border-radius: 0;
padding: 10px 14px 10px;
display: flex;
flex-direction: column;
}
@@ -129,25 +126,24 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px dashed #e0dcd6;
margin-bottom: 8px;
padding-bottom: 6px;
border-bottom: 1px solid #e2e8f0;
}
.opinion-dept {
display: flex;
align-items: center;
gap: 6px;
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
font-size: 14px;
font-weight: 700;
color: #1a3c6e;
letter-spacing: 0.3px;
font-size: 13px;
font-weight: 600;
color: #1e293b;
letter-spacing: 0.2px;
}
.opinion-dept-icon {
font-size: 10px;
color: #1a3c6e;
font-size: 8px;
color: #475569;
}
.opinion-card-body {
@@ -155,11 +151,11 @@ export default {
}
.opinion-content {
font-size: 13px;
color: #3a3a3a;
line-height: 1.7;
font-size: 12px;
color: #475569;
line-height: 1.6;
word-break: break-all;
max-height: 100px;
max-height: 90px;
overflow-y: auto;
}
@@ -168,35 +164,31 @@ export default {
}
.opinion-empty {
color: #bab5ae;
color: #94a3b8;
font-size: 12px;
font-style: italic;
font-family: 'Georgia', 'Times New Roman', serif;
}
.opinion-file {
margin-top: 8px;
margin-top: 6px;
}
.opinion-card-footer {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 10px;
padding-top: 8px;
border-top: 1px dashed #e0dcd6;
gap: 12px;
margin-top: 8px;
padding-top: 6px;
border-top: 1px solid #e2e8f0;
}
.opinion-footer-item {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
color: #8c8c8c;
color: #94a3b8;
}
.empty-data {
color: #8c8c8c;
font-size: 13px;
padding: 8px 0;
font-style: italic;
color: #94a3b8;
font-size: 12px;
padding: 6px 0;
}
</style>

48
klp-ui/src/views/wms/post/objection/components/FlowOverviewSection.vue
View File

@@ -65,55 +65,52 @@ export default {
<style scoped>
.section-container {
margin-bottom: 6px;
margin-bottom: 4px;
}
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 32px 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 20px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
.flow-steps {
padding: 8px 0 4px;
padding: 6px 0 4px;
}
.flow-steps >>> .el-step.is-wait .el-step__icon-inner,
.flow-steps >>> .el-step.is-wait .el-step__title {
color: #c0c4cc;
color: #94a3b8;
}
.flow-steps >>> .el-step.is-process .el-step__icon-inner,
.flow-steps >>> .el-step.is-process .el-step__title {
color: #409eff;
color: #2563eb;
}
.flow-steps >>> .el-step.is-finish .el-step__icon-inner,
.flow-steps >>> .el-step.is-finish .el-step__title {
color: #67c23a;
color: #52c41a;
}
.flow-steps >>> .el-step__description {
@@ -125,15 +122,14 @@ export default {
align-items: center;
justify-content: flex-end;
gap: 6px;
margin-top: 6px;
padding-top: 8px;
border-top: 1px dashed #e0dcd6;
margin-top: 4px;
padding-top: 6px;
border-top: 1px solid #e2e8f0;
}
.status-label {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
color: #8c8c8c;
letter-spacing: 0.3px;
color: #64748b;
letter-spacing: 0.2px;
}
</style>

46
klp-ui/src/views/wms/post/objection/components/HandlingSchemeSection.vue
View File

@@ -71,19 +71,18 @@ export default {
<style scoped>
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 32px 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 20px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
white-space: nowrap;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title:first-child {
margin-top: 0;
@@ -91,28 +90,25 @@ export default {
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
.empty-data {
color: #8c8c8c;
font-size: 13px;
padding: 8px 0;
font-style: italic;
color: #94a3b8;
font-size: 12px;
padding: 6px 0;
}
.plan-content {
padding: 12px 16px;
background: #faf8f5;
border: 1px solid #e8e4de;
border-radius: 2px;
padding: 10px 14px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 0;
font-size: 13px;
line-height: 1.8;
color: #1a1a1a;
line-height: 1.6;
color: #1e293b;
}
</style>

50
klp-ui/src/views/wms/post/objection/components/HeaderControlSection.vue
View File

@@ -106,21 +106,21 @@ export default {
<style scoped>
.section-container {
margin-bottom: 4px;
margin-bottom: 2px;
}
/* ===== 文档标题 ===== */
.doc-header {
margin-bottom: 24px;
padding-bottom: 20px;
border-bottom: 2px solid #1a3c6e;
margin-bottom: 18px;
padding-bottom: 14px;
border-bottom: 2px solid #1e293b;
}
.doc-header-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
gap: 12px;
}
.doc-title-group {
@@ -129,21 +129,18 @@ export default {
}
.doc-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
font-size: 24px;
font-size: 20px;
font-weight: 700;
color: #1a1a1a;
color: #1e293b;
line-height: 1.3;
letter-spacing: 0.5px;
letter-spacing: 0.2px;
}
.doc-subtitle {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 12px;
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
font-style: italic;
letter-spacing: 0.8px;
color: #64748b;
letter-spacing: 0.4px;
margin-top: 2px;
}
@@ -154,36 +151,35 @@ export default {
.doc-status-row {
display: flex;
align-items: center;
gap: 8px;
margin-top: 10px;
gap: 6px;
margin-top: 8px;
}
.doc-status-label {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 11px;
color: #8c8c8c;
letter-spacing: 0.3px;
color: #64748b;
letter-spacing: 0.2px;
}
/* ===== 元信息行（原始样式） ===== */
/* ===== 元信息行 ===== */
.detail-meta {
display: flex;
flex-wrap: wrap;
gap: 16px;
gap: 14px;
font-size: 12px;
color: #909399;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #e0dcd6;
color: #64748b;
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px solid #e2e8f0;
}
.detail-meta span {
display: inline-flex;
align-items: center;
gap: 4px;
gap: 3px;
}
.detail-meta i {
font-size: 13px;
font-size: 12px;
}
</style>

145
klp-ui/src/views/wms/post/objection/index.vue
View File

@@ -561,8 +561,9 @@ export default {
<style scoped>
.objection-container {
height: calc(100vh - 84px);
}
}
/* ========== 左侧面板 — 工业风格 ========== */
.left-panel {
display: flex;
flex-direction: column;
@@ -639,7 +640,7 @@ export default {
min-width: 0;
display: flex;
flex-direction: column;
gap: 3px;
gap: 2px;
}
.item-title {
@@ -676,35 +677,34 @@ export default {
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 0;
color: #c0c4cc;
padding: 48px 0;
color: #94a3b8;
font-size: 13px;
gap: 8px;
}
.list-empty i {
font-size: 32px;
font-size: 28px;
}
.list-footer {
border-top: 1px solid #e4e7ed;
padding: 2px 8px 0;
background: #f5f7fa;
border-top: 1px solid #cbd5e1;
padding: 0 4px;
background: #e8ecf1;
}
/* ========== 右侧面板 — Word 文档风格 ========== */
/* ========== 右侧面板 ========== */
.right-panel {
height: 100%;
overflow-y: auto;
padding: 12px 16px;
background: #faf8f5; /* 暖白纸张底色 */
padding: 0;
background: #f1f5f9;
}
.right-panel .detail-content {
margin: 0 auto;
background: #ffffff;
padding: 28px 32px 36px;
box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 2px 12px rgba(0,0,0,0.04);
padding: 20px 24px 24px;
min-height: 100%;
}
@@ -713,48 +713,46 @@ export default {
align-items: center;
justify-content: center;
height: 100%;
color: #909399;
font-size: 14px;
gap: 8px;
color: #94a3b8;
font-size: 13px;
gap: 6px;
}
.detail-section {
margin-bottom: 20px;
margin-bottom: 14px;
}
.detail-section-label {
font-size: 11px;
font-weight: 600;
color: #8c8c8c;
color: #64748b;
margin-bottom: 4px;
letter-spacing: 0.8px;
letter-spacing: 0.4px;
text-transform: uppercase;
font-family: 'Georgia', 'Times New Roman', serif;
}
.detail-section-text {
font-size: 14px;
color: #1a1a1a;
line-height: 1.8;
font-size: 13px;
color: #1e293b;
line-height: 1.6;
word-break: break-all;
padding-bottom: 12px;
border-bottom: 1px solid #eeeae4;
padding-bottom: 10px;
border-bottom: 1px solid #e2e8f0;
}
/* 文档级通用 section 标题 */
/* 通用 section 标题 */
.section-title {
font-family: 'Georgia', 'Times New Roman', 'Noto Serif SC', 'SimSun', serif;
width: 100%;
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin: 22px 0 12px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #d4d0c8;
font-size: 13px;
font-weight: 600;
color: #1e293b;
margin: 18px 0 10px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #cbd5e1;
display: flex;
align-items: center;
gap: 10px;
letter-spacing: 0.3px;
gap: 8px;
letter-spacing: 0.2px;
}
.section-title:first-child {
@@ -764,96 +762,91 @@ export default {
.section-title .en-sub {
font-size: 11px;
font-weight: 400;
color: #8c8c8c;
letter-spacing: 0.5px;
font-family: 'Georgia', 'Times New Roman', serif;
font-style: italic;
color: #94a3b8;
letter-spacing: 0.2px;
}
.section-title i {
font-size: 16px;
color: #1a3c6e;
font-size: 14px;
color: #475569;
}
.empty-data {
color: #8c8c8c;
font-size: 13px;
padding: 8px 0;
font-style: italic;
color: #94a3b8;
font-size: 12px;
padding: 6px 0;
}
.plan-content {
padding: 12px 16px;
background: #faf8f5;
border: 1px solid #e8e4de;
border-radius: 2px;
padding: 10px 14px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 0;
font-size: 13px;
line-height: 1.8;
color: #1a1a1a;
line-height: 1.6;
color: #1e293b;
}
.section-gap {
height: 16px;
height: 12px;
}
/* 正式表格覆写 */
/* 表格覆写 */
.right-panel .el-table {
border: 1px solid #e8e4de !important;
border-radius: 2px !important;
border: 1px solid #cbd5e1 !important;
border-radius: 0 !important;
font-size: 12px !important;
}
.right-panel .el-table thead th {
background-color: #2c3e50 !important;
color: #ffffff !important;
font-weight: 600 !important;
background-color: #334155 !important;
color: #f1f5f9 !important;
font-weight: 500 !important;
font-size: 11px !important;
letter-spacing: 0.5px !important;
letter-spacing: 0.3px !important;
border-bottom: none !important;
font-family: 'Georgia', 'Times New Roman', serif;
}
.right-panel .el-table thead th .cell {
color: #ffffff !important;
color: #f1f5f9 !important;
}
.right-panel .el-table__body tr:hover > td {
background-color: #f7f5f0 !important;
background-color: #f1f5f9 !important;
}
.right-panel .el-table--border td {
border-right: 1px solid #f0ece6 !important;
border-right: 1px solid #e2e8f0 !important;
}
.right-panel .el-table--border th {
border-right: 1px solid #3a5166 !important;
border-right: 1px solid #475569 !important;
}
.right-panel .el-table td {
padding: 6px 4px !important;
color: #3a3a3a !important;
padding: 5px 4px !important;
color: #1e293b !important;
}
.right-panel .el-divider--horizontal {
margin: 8px 0 4px;
background-color: #e0dcd6;
margin: 6px 0 2px;
background-color: #e2e8f0;
}
/* el-tag 文档风格微调 */
/* el-tag 工业风格 */
.right-panel .el-tag {
border-radius: 2px;
font-family: 'Georgia', 'Times New Roman', serif;
letter-spacing: 0.3px;
border-radius: 0;
letter-spacing: 0.2px;
}
.right-panel .el-tag--mini {
padding: 0 6px;
line-height: 20px;
height: 20px;
padding: 0 5px;
line-height: 18px;
height: 18px;
}
.right-panel .el-tag--small {
padding: 0 8px;
padding: 0 7px;
}
/* ===== PDF 导出时隐藏操作按钮 ===== */