liweijie/education
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

联教联训管理

Browse Source
This commit is contained in:
zhaichao
2026-08-23 16:17:28 +08:00
parent a4b3c241a2
commit 7a453e4ac3
1 changed files with 322 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/classHour/jointTraining/index.vue
+321 -209
View File
@@ -4,47 +4,35 @@
<!-- ==================== 1. 查询条件区域 ==================== -->
<el-card shadow="never" class="search-card">
<el-form :model="searchForm" label-width="110px" class="search-form">
<el-row :gutter="0">
<el-form :model="searchForm" label-width="80px" class="search-form">
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="名称">
<el-input v-model="searchForm.mc" placeholder="请输入名称" clearable />
</el-form-item>
<el-form-item label="年度">
<el-input v-model="searchForm.nd" placeholder="如 2026" clearable />
<el-input v-model="searchForm.mc" placeholder="请输入名称" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="教员编号">
<el-input v-model="searchForm.jybh" placeholder="如 JY00128" clearable />
</el-form-item>
<el-form-item label="合班类型">
<el-select v-model="searchForm.hflx" placeholder="请选择" clearable class="w-full">
<el-option v-for="item in hflxOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<div class="search-actions">
<el-button type="primary" @click="handleQuery">查询</el-button>
</div>
</el-col>
</el-row>
</el-form>
</el-card>
<!-- ==================== 2. 文件操作区域 ==================== -->
<!-- ==================== 2. 操作区域 ==================== -->
<el-card shadow="never" class="upload-card">
<div class="upload-row">
<div class="upload-left">
<el-button type="primary" @click="handleDownloadTemplate">【联教联训数据文件模板】下载</el-button>
<el-button type="primary" plain @click="handleChooseFile">选择文件</el-button>
<el-button type="primary" @click="handleAdd">新增联教联训</el-button>
<el-button type="primary" plain @click="handleExport">导出 Excel</el-button>
<el-button @click="handleDownloadTemplate">【联教联训数据文件模板】下载</el-button>
<el-button plain @click="handleChooseFile">选择文件</el-button>
<span class="file-name" :class="{ 'has-file': selectedFile }">{{ fileName }}</span>
<input ref="fileInputRef" type="file" style="display: none" @change="handleFileChange" />
</div>
<div class="upload-right">
<el-button type="primary" @click="handleUpload">上传数据</el-button>
<input ref="fileInputRef" type="file" accept=".xls,.xlsx" style="display: none" @change="handleFileChange" />
<el-button type="success" :loading="uploading" @click="handleUpload">上传数据</el-button>
</div>
</div>
<div class="upload-tip">您还没建立 联教联训证明。</div>
</el-card>
<!-- ==================== 3. 数据表格 ==================== -->
@@ -52,20 +40,25 @@
<div class="table-title">联教联训记录列表</div>
<el-table v-loading="tableLoading" :data="tableData" border stripe style="width: 100%">
<el-table-column type="index" label="序号" width="55" align="center" />
<el-table-column prop="bh" label="任务编号" width="150" align="center" show-overflow-tooltip />
<el-table-column prop="mc" label="名称" min-width="160" show-overflow-tooltip />
<el-table-column prop="jybh" label="教员编号" width="100" align="center" />
<el-table-column prop="rwlb" label="任务类别" width="110" align="center" show-overflow-tooltip />
<el-table-column prop="ksl" label="课时量" width="80" align="center" />
<el-table-column label="合班类型" width="90" align="center">
<template slot-scope="{ row }">{{ formatHflx(row.hflx) }}</template>
<el-table-column prop="bh" label="编号" width="150" align="center" show-overflow-tooltip />
<el-table-column prop="mc" label="名称" min-width="140" show-overflow-tooltip />
<el-table-column prop="xz" label="性质" width="80" align="center" show-overflow-tooltip />
<el-table-column prop="yj" label="依据" width="110" align="center" show-overflow-tooltip />
<el-table-column prop="ksrq" label="开始日期" width="110" align="center" :formatter="fmtDateTime" />
<el-table-column prop="jsrq" label="结束日期" width="110" align="center" :formatter="fmtDateTime" />
<el-table-column prop="ts" label="天数" width="70" align="center" />
<el-table-column prop="jbksl" label="基本课时量" width="90" align="center" />
<el-table-column prop="kslx" label="课时类型" width="80" align="center" show-overflow-tooltip />
<el-table-column prop="xmlx" label="项目类型" width="80" align="center" show-overflow-tooltip />
<el-table-column prop="sm" label="说明" min-width="120" show-overflow-tooltip />
<el-table-column prop="bz" label="备注" min-width="120" show-overflow-tooltip />
<el-table-column label="操作" width="160" align="center" fixed="right">
<template slot-scope="{ row }">
<el-button type="text" size="small" @click="handleDetail(row)">详情</el-button>
<el-button type="text" size="small" @click="handleEdit(row)">修改</el-button>
<el-button type="text" size="small" class="text-danger" @click="handleDelete(row)">删除</el-button>
</template>
</el-table-column>
<el-table-column label="是否评优" width="90" align="center">
<template slot-scope="{ row }">{{ formatSfpy(row.sfpy) }}</template>
</el-table-column>
<el-table-column prop="nd" label="年度" width="80" align="center" />
<el-table-column prop="xq" label="学期" width="110" align="center" />
<el-table-column prop="sm" label="说明" min-width="180" show-overflow-tooltip />
</el-table>
<el-pagination
@@ -80,67 +73,122 @@
/>
</el-card>
<!-- ==================== 4. 新增联教联训记录区域 ==================== -->
<el-card shadow="never" class="search-card">
<div class="form-title">新增联教联训记录</div>
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px" class="search-form">
<el-row :gutter="0">
<!-- ==================== 4. 新增/修改对话框 ==================== -->
<el-dialog
:visible="dialogVisible"
:title="dialogTitle"
width="720px"
:close-on-click-modal="false"
@update:visible="val => dialogVisible = val"
>
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px" class="add-form">
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="任务编号" prop="bh">
<el-input v-model="form.bh" placeholder="如 RW20260810001" clearable />
<el-form-item label="编号">
<el-input v-model="form.bh" placeholder="留空则自动生成" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input v-model="form.mc" placeholder="请输入名称" clearable />
</el-form-item>
<el-form-item label="教员编号" prop="jybh">
<el-input v-model="form.jybh" placeholder="如 JY00128" clearable />
</el-form-item>
<el-form-item label="任务类别" prop="rwlb">
<el-input v-model="form.rwlb" placeholder="如 理论授课" clearable />
</el-form-item>
<el-form-item label="课时量" prop="ksl">
<el-input v-model="form.ksl" placeholder="如 16.5" clearable />
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="性质">
<el-input v-model="form.xz" placeholder="请输入性质" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合班类型">
<el-radio-group v-model="form.hflx">
<el-radio :label="0">未合班</el-radio>
<el-radio :label="1">合班</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否评优">
<el-radio-group v-model="form.sfpy">
<el-radio :label="0">否</el-radio>
<el-radio :label="1">是</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="年度" prop="nd">
<el-input v-model="form.nd" placeholder="如 2026" clearable />
</el-form-item>
<el-form-item label="学期" prop="xq">
<el-input v-model="form.xq" placeholder="如 2026-2027-1" clearable />
</el-form-item>
<el-form-item label="说明" prop="sm">
<el-input v-model="form.sm" type="textarea" :rows="3" placeholder="请输入说明" />
<el-form-item label="依据">
<el-input v-model="form.yj" placeholder="请输入依据" clearable />
</el-form-item>
</el-col>
</el-row>
<div class="search-actions">
<el-button type="primary" :loading="addLoading" @click="handleAdd">添加</el-button>
</div>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="开始日期">
<el-date-picker v-model="form.ksrq" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择开始日期" clearable class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="结束日期">
<el-date-picker v-model="form.jsrq" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择结束日期" clearable class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="天数">
<el-input-number v-model="form.ts" :min="0" :precision="1" :step="1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="基本课时量">
<el-input-number v-model="form.jbksl" :min="0" :precision="1" :step="0.5" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="课时类型">
<el-input v-model="form.kslx" placeholder="请输入课时类型" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="项目类型">
<el-input v-model="form.xmlx" placeholder="请输入项目类型" clearable />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="说明">
<el-input v-model="form.sm" type="textarea" :rows="2" placeholder="请输入说明" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="form.bz" type="textarea" :rows="2" placeholder="请输入备注" />
</el-form-item>
</el-form>
</el-card>
<div slot="footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" :loading="saving" @click="handleSubmit">确定</el-button>
</div>
</el-dialog>
<!-- ==================== 5. 详情对话框 ==================== -->
<el-dialog :visible="detailVisible" title="联教联训详情" width="640px" @update:visible="val => detailVisible = val">
<el-descriptions :column="2" border>
<el-descriptions-item label="编号">{{ detailData.bh }}</el-descriptions-item>
<el-descriptions-item label="名称">{{ detailData.mc }}</el-descriptions-item>
<el-descriptions-item label="性质">{{ fmtEmpty(detailData.xz) }}</el-descriptions-item>
<el-descriptions-item label="依据">{{ fmtEmpty(detailData.yj) }}</el-descriptions-item>
<el-descriptions-item label="开始日期">{{ fmtDateTime(null, null, detailData.ksrq) }}</el-descriptions-item>
<el-descriptions-item label="结束日期">{{ fmtDateTime(null, null, detailData.jsrq) }}</el-descriptions-item>
<el-descriptions-item label="天数">{{ fmtValue(detailData.ts) }}</el-descriptions-item>
<el-descriptions-item label="基本课时量">{{ fmtValue(detailData.jbksl) }}</el-descriptions-item>
<el-descriptions-item label="课时类型">{{ fmtEmpty(detailData.kslx) }}</el-descriptions-item>
<el-descriptions-item label="项目类型">{{ fmtEmpty(detailData.xmlx) }}</el-descriptions-item>
<el-descriptions-item label="说明" :span="2">{{ fmtEmpty(detailData.sm) }}</el-descriptions-item>
<el-descriptions-item label="备注" :span="2">{{ fmtEmpty(detailData.bz) }}</el-descriptions-item>
</el-descriptions>
<div slot="footer">
<el-button @click="detailVisible = false">关闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
// 模拟列表数据（后端接口未提供，接口就绪后可删除并改为接口加载）
const mockTableData = [
{ bh: 'RW20260810001', mc: '某型装备联合训练', jybh: 'JY00128', rwlb: '理论授课', ksl: 16.5, hflx: 1, sfpy: 1, nd: '2026', xq: '2026-2027-1', sm: '' },
{ bh: 'RW20260810002', mc: '通信保障联合演练', jybh: 'JY00302', rwlb: '实践教学', ksl: 24, hflx: 0, sfpy: 0, nd: '2026', xq: '2026-2027-1', sm: '跨单位合练' },
{ bh: 'RW20260721003', mc: '联合教学研讨', jybh: 'JY00511', rwlb: '教学研究', ksl: 8, hflx: 1, sfpy: 1, nd: '2025', xq: '2025-2026-2', sm: '' }
]
import { saveAs } from 'file-saver'
import {
listJointTraining,
addJointTraining,
updateJointTraining,
deleteJointTraining,
getJointTraining,
importJointTraining,
exportJointTraining
} from '@/api/classHour/jointTraining'
export default {
name: 'JointTrainingIndex',
@@ -148,49 +196,32 @@ export default {
return {
// ==================== 1. 查询条件 ====================
searchForm: {
mc: '',
jybh: '',
nd: '',
hflx: ''
mc: ''
},
hflxOptions: [
{ label: '未合班', value: '0' },
{ label: '合班', value: '1' }
],
// ==================== 2. 文件操作 ====================
selectedFile: null,
uploading: false,
// ==================== 3. 表格数据 ====================
tableLoading: false,
tableData: [],
allData: [],
pageNum: 1,
pageSize: 10,
total: 0,
// ==================== 4. 新增联教联训记录表单 ====================
form: {
bh: this.genBh(),
mc: '',
jybh: '',
rwlb: '',
ksl: '',
hflx: 0,
sfpy: 0,
nd: '2026',
xq: '2026-2027-1',
sm: ''
},
// ==================== 4. 新增/修改表单 ====================
dialogVisible: false,
dialogTitle: '新增联教联训',
saving: false,
form: this.createEmptyForm(),
rules: {
bh: [{ required: true, message: '请输入任务编号', trigger: 'blur' }],
mc: [{ required: true, message: '请输入名称', trigger: 'blur' }],
jybh: [{ required: true, message: '请输入教员编号', trigger: 'blur' }],
rwlb: [{ required: true, message: '请输入任务类别', trigger: 'blur' }],
ksl: [{ required: true, message: '请输入课时量', trigger: 'blur' }],
nd: [{ required: true, message: '请输入年度', trigger: 'blur' }]
mc: [{ required: true, message: '请输入名称', trigger: 'blur' }]
},
addLoading: false
// ==================== 5. 详情 ====================
detailVisible: false,
detailData: {}
}
},
computed: {
@@ -199,73 +230,177 @@ export default {
}
},
mounted() {
this.handleQuery()
this.fetchList()
},
methods: {
/** 生成任务编号（RW+日期+序号） */
genBh() {
const d = new Date()
const ymd = '' + d.getFullYear() + (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + (d.getDate() < 10 ? '0' + d.getDate() : d.getDate())
const seq = String(Math.floor(Math.random() * 900) + 100)
return `RW${ymd}${seq}`
createEmptyForm() {
return {
bh: '',
mc: '',
xz: '',
yj: '',
ksrq: '',
jsrq: '',
ts: null,
jbksl: null,
kslx: '',
xmlx: '',
sm: '',
bz: ''
}
},
/** 把后端 LocalDateTime（含 T/毫秒）规范为表单可回显的格式 */
normalizeDateTime(val) {
if (!val) return ''
return String(val).replace('T', ' ').replace(/\.\d+$/, '').slice(0, 19)
},
// ==================== 查询 ====================
// TODO: 后端接口未提供，暂用模拟数据；接口就绪后替换为 getJointTrainingList
handleQuery() {
fetchList() {
this.tableLoading = true
setTimeout(() => {
let records = mockTableData.slice()
if (this.searchForm.mc.trim()) {
records = records.filter((item) => (item.mc || '').includes(this.searchForm.mc.trim()))
}
if (this.searchForm.jybh.trim()) {
records = records.filter((item) => (item.jybh || '').includes(this.searchForm.jybh.trim()))
}
if (this.searchForm.nd.trim()) {
records = records.filter((item) => String(item.nd || '').includes(this.searchForm.nd.trim()))
}
if (this.searchForm.hflx !== '') {
records = records.filter((item) => String(item.hflx) === this.searchForm.hflx)
}
this.allData = records
this.total = records.length
this.pageNum = 1
this.applyPage()
this.$message.success(`查询完成，共 ${records.length} 条记录（前端模拟）`)
const params = { pageNum: this.pageNum, pageSize: this.pageSize }
if (this.searchForm.mc && this.searchForm.mc.trim()) params.mc = this.searchForm.mc.trim()
listJointTraining(params).then(res => {
const data = (res && res.data) || {}
this.tableData = data.records || []
this.total = data.total || 0
this.tableLoading = false
}, 200)
}).catch(() => {
this.tableData = []
this.total = 0
this.tableLoading = false
})
},
applyPage() {
const start = (this.pageNum - 1) * this.pageSize
this.tableData = this.allData.slice(start, start + this.pageSize)
handleQuery() {
this.pageNum = 1
this.fetchList()
},
handlePageChange(page) {
this.pageNum = page
this.applyPage()
this.fetchList()
},
handleSizeChange(size) {
this.pageSize = size
this.pageNum = 1
this.applyPage()
this.fetchList()
},
/** 合班类型显示 */
formatHflx(val) {
if (val === undefined || val === null || val === '') return '-'
return String(val) === '1' ? '合班' : '未合班'
/** 日期时间显示（去掉 T、截断到分钟） */
fmtDateTime(row, column, cellValue) {
if (cellValue === null || cellValue === undefined || cellValue === '') return '-'
return String(cellValue).replace('T', ' ').slice(0, 16)
},
/** 是否评优显示 */
formatSfpy(val) {
if (val === undefined || val === null || val === '') return '-'
return String(val) === '1' ? '是' : '否'
/** 空值显示为 '-' */
fmtEmpty(val) {
return val === null || val === undefined || val === '' ? '-' : val
},
// ==================== 2. 文件操作 ====================
/** 数值空值显示为 '-'（保留 0） */
fmtValue(val) {
return val === null || val === undefined ? '-' : val
},
// ==================== 新增 / 修改 ====================
handleAdd() {
this.form = this.createEmptyForm()
this.dialogTitle = '新增联教联训'
this.dialogVisible = true
},
handleEdit(row) {
getJointTraining(row.bh).then(res => {
const d = (res && res.data) || {}
this.form = {
bh: d.bh || '',
mc: d.mc || '',
xz: d.xz || '',
yj: d.yj || '',
ksrq: this.normalizeDateTime(d.ksrq),
jsrq: this.normalizeDateTime(d.jsrq),
ts: d.ts === null || d.ts === undefined ? null : d.ts,
jbksl: d.jbksl === null || d.jbksl === undefined ? null : d.jbksl,
kslx: d.kslx || '',
xmlx: d.xmlx || '',
sm: d.sm || '',
bz: d.bz || ''
}
this.dialogTitle = '修改联教联训'
this.dialogVisible = true
}).catch(() => {})
},
handleSubmit() {
this.$refs.formRef.validate(valid => {
if (!valid) {
this.$message.warning('请完善必填项后再提交')
return
}
const payload = this.buildPayload()
this.saving = true
const req = payload.bh ? updateJointTraining(payload) : addJointTraining(payload)
req.then(() => {
this.$message.success(this.dialogTitle === '修改联教联训' ? '修改成功' : '新增成功')
this.dialogVisible = false
this.fetchList()
}).catch(() => {}).finally(() => {
this.saving = false
})
})
},
/** 构建请求体，仅含实体非空字段（创建/修改时间为后端自动维护，不传） */
buildPayload() {
const f = this.form
const payload = {}
if (f.bh && f.bh.trim()) payload.bh = f.bh.trim()
if (f.mc && f.mc.trim()) payload.mc = f.mc.trim()
if (f.xz && f.xz.trim()) payload.xz = f.xz.trim()
if (f.yj && f.yj.trim()) payload.yj = f.yj.trim()
if (f.ksrq) payload.ksrq = f.ksrq
if (f.jsrq) payload.jsrq = f.jsrq
if (f.ts !== null && f.ts !== undefined) payload.ts = f.ts
if (f.jbksl !== null && f.jbksl !== undefined) payload.jbksl = f.jbksl
if (f.kslx && f.kslx.trim()) payload.kslx = f.kslx.trim()
if (f.xmlx && f.xmlx.trim()) payload.xmlx = f.xmlx.trim()
if (f.sm && f.sm.trim()) payload.sm = f.sm.trim()
if (f.bz && f.bz.trim()) payload.bz = f.bz.trim()
return payload
},
// ==================== 删除 ====================
handleDelete(row) {
this.$confirm(`确定要删除「${row.mc || row.bh || '该记录'}」吗？`, '系统提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => deleteJointTraining(row.bh)).then(() => {
this.$message.success('删除成功')
this.fetchList()
}).catch(() => {})
},
// ==================== 详情 ====================
handleDetail(row) {
getJointTraining(row.bh).then(res => {
this.detailData = (res && res.data) || {}
this.detailVisible = true
}).catch(() => {})
},
// ==================== 导出 ====================
handleExport() {
exportJointTraining().then(blob => {
saveAs(blob, '联教联训管理.xlsx')
this.$message.success('导出成功')
}).catch(() => {})
},
// ==================== 文件选择与导入 ====================
handleChooseFile() {
this.$refs.fileInputRef && this.$refs.fileInputRef.click()
},
@@ -275,48 +410,31 @@ export default {
this.selectedFile = (input.files && input.files[0]) || null
},
/** 下载模板（生成 CSV 模板文件，字段对齐后端接口） */
handleDownloadTemplate() {
const csvContent = '\uFEFF' + '任务编号,名称,教员编号,任务类别,课时量,合班类型,是否评优,年度,学期,说明\n'
const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
const link = document.createElement('a')
link.href = URL.createObjectURL(blob)
link.download = '联教联训数据文件模板.csv'
link.click()
URL.revokeObjectURL(link.href)
this.$message.success('已下载联教联训数据文件模板')
},
// TODO: 后端接口未提供，上传为前端模拟；接口就绪后替换为 /log/joint-training/import-excel
handleUpload() {
if (!this.selectedFile) {
this.$message.warning('请先选择文件')
return
}
this.$message.success(`文件「${this.selectedFile.name}」上传成功（前端模拟）`)
this.uploading = true
importJointTraining(this.selectedFile).then(res => {
const count = res && res.data
if (count !== null && count !== undefined) {
this.$message.success(`导入成功，共 ${count} 条记录`)
} else {
this.$message.success((res && res.msg) || '导入成功')
}
this.selectedFile = null
this.handleQuery()
this.$refs.fileInputRef && (this.$refs.fileInputRef.value = '')
this.pageNum = 1
this.fetchList()
}).catch(() => {}).finally(() => {
this.uploading = false
})
},
// ==================== 4. 添加 ====================
// TODO: 后端接口未提供，提交为前端模拟；接口就绪后替换为 addJointTraining
handleAdd() {
this.$refs.formRef.validate((valid) => {
if (!valid) {
this.$message.warning('请完善必填项后再提交')
return
}
this.addLoading = true
setTimeout(() => {
this.$message.success('添加成功（前端模拟）')
Object.assign(this.form, {
bh: this.genBh(), mc: '', jybh: '', rwlb: '', ksl: '',
hflx: 0, sfpy: 0, nd: '2026', xq: '2026-2027-1', sm: ''
})
this.handleQuery()
this.addLoading = false
}, 300)
})
handleDownloadTemplate() {
// 后端暂未提供模板下载接口，仅作提示
this.$message.info('后端暂未提供该接口')
}
}
}
@@ -347,30 +465,19 @@ export default {
.search-actions {
display: flex;
justify-content: flex-end;
margin-top: 8px;
padding-top: 12px;
border-top: 1px solid #ebeef5;
align-items: center;
height: 40px;
}
}
}
.form-title {
font-size: 14px;
font-weight: 600;
color: #303133;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #ebeef5;
}
}
// ==================== 2. 文件操作区域 ====================
// ==================== 2. 操作区域 ====================
.upload-card {
margin-bottom: 16px;
.upload-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
@@ -390,12 +497,6 @@ export default {
}
}
}
.upload-tip {
margin-top: 10px;
font-size: 12px;
color: #f56c6c;
}
}
// ==================== 3. 数据表格 ====================
@@ -414,6 +515,17 @@ export default {
justify-content: flex-end;
margin-top: 12px;
}
.text-danger {
color: #f56c6c;
}
}
// ==================== 4. 新增/修改表单 ====================
.add-form {
max-height: 62vh;
overflow-y: auto;
padding-right: 4px;
}
}
</style>