zhaichao/education
1
0
Fork 0
forked from liweijie/education
Code Pull Requests Activity

方案管理

Browse Source
This commit is contained in:
zhaichao
2026-08-23 16:32:47 +08:00
parent 1abadfb3ff
commit 001a264f16
2 changed files with 758 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/classHour/plan/index.vue
+671 -6
View File
@@ -1,15 +1,680 @@
<template>
<div class="app-container">
<placeholder-page title="方案管理" icon="documentation"
description="用于维护课时的各类方案信息，如教学方案的配置、启用与调整，支持查询与维护。" />
<div class="app-container plan-page">
<div class="list-title">方案管理</div>
<!-- ==================== Tab 切换 ==================== -->
<el-tabs v-model="activeTab" @tab-click="handleTabClick">
<el-tab-pane label="课时费方案" name="fee" />
<el-tab-pane label="课时方案" name="coeff" />
</el-tabs>
<!-- ==================== 1. 查询与新增 ==================== -->
<el-card shadow="never" class="search-card">
<el-form :inline="true" class="search-form" @submit.native.prevent>
<el-form-item label="名称">
<el-input v-model="currentForm.mc" placeholder="请输入名称" clearable style="width: 220px" @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">查询</el-button>
<el-button type="primary" plain @click="handleAdd">新增{{ currentTitle }}</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- ==================== 2. 数据表格 ==================== -->
<el-card shadow="never" class="table-card">
<!-- 课时费方案 -->
<el-table v-if="activeTab === 'fee'" v-loading="feeState.loading" :data="feeState.list" 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="130" show-overflow-tooltip />
<el-table-column prop="mrbzksl" label="默认标准课时量" width="120" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.mrbzksl) }}</template>
</el-table-column>
<el-table-column prop="mrksfbz" label="默认课时费标准" width="120" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.mrksfbz) }}</template>
</el-table-column>
<el-table-column prop="mrclksfbz" label="默认超量课时费标准" width="130" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.mrclksfbz) }}</template>
</el-table-column>
<el-table-column prop="xgjxbzksfbz" label="相关教学补助课时费标准" width="160" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.xgjxbzksfbz) }}</template>
</el-table-column>
<el-table-column prop="jxyxbz" label="绩效优秀补助" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.jxyxbz) }}</template>
</el-table-column>
<el-table-column prop="jxlhbz" label="绩效良好补助" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.jxlhbz) }}</template>
</el-table-column>
<el-table-column prop="jxzdbz" label="绩效中等补助" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.jxzdbz) }}</template>
</el-table-column>
<el-table-column prop="jxjgbz" label="绩效及格补助" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.jxjgbz) }}</template>
</el-table-column>
<el-table-column prop="jxbjgbz" label="绩效不及格补助" width="120" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.jxbjgbz) }}</template>
</el-table-column>
<el-table-column prop="sm" 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>
<!-- 课时方案 -->
<el-table v-else v-loading="coeffState.loading" :data="coeffState.list" 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="130" show-overflow-tooltip />
<el-table-column prop="zjksxs" label="主讲课时系数" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.zjksxs) }}</template>
</el-table-column>
<el-table-column prop="fjksxs" label="辅讲课时系数" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.fjksxs) }}</template>
</el-table-column>
<el-table-column prop="mbxyrs" label="满班学员人数" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.mbxyrs) }}</template>
</el-table-column>
<el-table-column prop="dz10xybjxs" label="递增10学员班级系数" width="150" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.dz10xybjxs) }}</template>
</el-table-column>
<el-table-column prop="bjxssx" label="班级系数上限" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.bjxssx) }}</template>
</el-table-column>
<el-table-column prop="d78jksl" label="第78节课时量" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.d78jksl) }}</template>
</el-table-column>
<el-table-column prop="yjksl" label="夜间课时量" width="100" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.yjksl) }}</template>
</el-table-column>
<el-table-column prop="mrktjxffxs" label="默认课堂教法系数" width="130" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.mrktjxffxs) }}</template>
</el-table-column>
<el-table-column prop="hbxszl" label="合班系数增量" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.hbxszl) }}</template>
</el-table-column>
<el-table-column prop="hbxssx" label="合班系数上限" width="110" align="right">
<template slot-scope="{ row }">{{ fmtValue(row.hbxssx) }}</template>
</el-table-column>
<el-table-column prop="sm" label="说明" min-width="120" show-overflow-tooltip />
<el-table-column label="操作" width="120" 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>
</template>
</el-table-column>
</el-table>
<el-pagination
:current-page="currentState.pageNum"
:page-size="currentState.pageSize"
:total="currentState.total"
:page-sizes="[10, 20, 50, 100]"
layout="total, sizes, prev, pager, next, jumper"
class="pagination"
@current-change="handlePageChange"
@size-change="handleSizeChange"
/>
</el-card>
<!-- ==================== 3. 新增/修改对话框 ==================== -->
<el-dialog
:visible="dialogVisible"
:title="dialogTitle"
width="760px"
:close-on-click-modal="false"
@update:visible="val => dialogVisible = val"
>
<!-- 课时费方案表单 -->
<el-form v-if="activeTab === 'fee'" ref="feeFormRef" :model="feeForm" :rules="feeRules" label-width="160px" class="add-form">
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="编号">
<el-input v-model="feeForm.bh" placeholder="留空则自动生成" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input v-model="feeForm.mc" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="默认标准课时量" prop="mrbzksl">
<el-input-number v-model="feeForm.mrbzksl" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="默认课时费标准" prop="mrksfbz">
<el-input-number v-model="feeForm.mrksfbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="默认超量课时费标准" prop="mrclksfbz">
<el-input-number v-model="feeForm.mrclksfbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="相关教学补助课时费标准" prop="xgjxbzksfbz">
<el-input-number v-model="feeForm.xgjxbzksfbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="绩效优秀补助" prop="jxyxbz">
<el-input-number v-model="feeForm.jxyxbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="绩效良好补助" prop="jxlhbz">
<el-input-number v-model="feeForm.jxlhbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="绩效中等补助" prop="jxzdbz">
<el-input-number v-model="feeForm.jxzdbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="绩效及格补助" prop="jxjgbz">
<el-input-number v-model="feeForm.jxjgbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="绩效不及格补助" prop="jxbjgbz">
<el-input-number v-model="feeForm.jxbjgbz" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="说明">
<el-input v-model="feeForm.sm" type="textarea" :rows="2" placeholder="请输入说明" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="feeForm.bz" type="textarea" :rows="2" placeholder="请输入备注" />
</el-form-item>
</el-form>
<!-- 课时方案表单 -->
<el-form v-else ref="coeffFormRef" :model="coeffForm" :rules="coeffRules" label-width="160px" class="add-form">
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="编号">
<el-input v-model="coeffForm.bh" placeholder="留空则自动生成" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="名称" prop="mc">
<el-input v-model="coeffForm.mc" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="主讲课时系数">
<el-input-number v-model="coeffForm.zjksxs" :min="0" :precision="2" :step="0.1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="辅讲课时系数">
<el-input-number v-model="coeffForm.fjksxs" :min="0" :precision="2" :step="0.1" 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="coeffForm.mbxyrs" :min="0" :precision="0" :step="1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="递增10学员班级系数">
<el-input-number v-model="coeffForm.dz10xybjxs" :min="0" :precision="2" :step="0.1" 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="coeffForm.bjxssx" :min="0" :precision="2" :step="0.1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="第78节课时量">
<el-input-number v-model="coeffForm.d78jksl" :min="0" :precision="2" :step="1" 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="coeffForm.yjksl" :min="0" :precision="2" :step="1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="默认课堂教学方法系数">
<el-input-number v-model="coeffForm.mrktjxffxs" :min="0" :precision="2" :step="0.1" 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="coeffForm.hbxszl" :min="0" :precision="2" :step="0.1" class="w-full" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合班系数上限">
<el-input-number v-model="coeffForm.hbxssx" :min="0" :precision="2" :step="0.1" class="w-full" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="说明">
<el-input v-model="coeffForm.sm" type="textarea" :rows="2" placeholder="请输入说明" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="coeffForm.bz" type="textarea" :rows="2" placeholder="请输入备注" />
</el-form-item>
</el-form>
<div slot="footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" :loading="saving" @click="handleSubmit">确定</el-button>
</div>
</el-dialog>
<!-- ==================== 4. 详情对话框 ==================== -->
<el-dialog :visible="detailVisible" :title="`${currentTitle}详情`" width="680px" @update:visible="val => detailVisible = val">
<el-descriptions v-if="activeTab === 'fee'" :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="默认标准课时量">{{ fmtValue(detailData.mrbzksl) }}</el-descriptions-item>
<el-descriptions-item label="默认课时费标准">{{ fmtValue(detailData.mrksfbz) }}</el-descriptions-item>
<el-descriptions-item label="默认超量课时费标准">{{ fmtValue(detailData.mrclksfbz) }}</el-descriptions-item>
<el-descriptions-item label="相关教学补助课时费标准">{{ fmtValue(detailData.xgjxbzksfbz) }}</el-descriptions-item>
<el-descriptions-item label="绩效优秀补助">{{ fmtValue(detailData.jxyxbz) }}</el-descriptions-item>
<el-descriptions-item label="绩效良好补助">{{ fmtValue(detailData.jxlhbz) }}</el-descriptions-item>
<el-descriptions-item label="绩效中等补助">{{ fmtValue(detailData.jxzdbz) }}</el-descriptions-item>
<el-descriptions-item label="绩效及格补助">{{ fmtValue(detailData.jxjgbz) }}</el-descriptions-item>
<el-descriptions-item label="绩效不及格补助">{{ fmtValue(detailData.jxbjgbz) }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ fmtEmpty(detailData.cjsj) }}</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>
<el-descriptions v-else :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="主讲课时系数">{{ fmtValue(detailData.zjksxs) }}</el-descriptions-item>
<el-descriptions-item label="辅讲课时系数">{{ fmtValue(detailData.fjksxs) }}</el-descriptions-item>
<el-descriptions-item label="满班学员人数">{{ fmtValue(detailData.mbxyrs) }}</el-descriptions-item>
<el-descriptions-item label="递增10学员班级系数">{{ fmtValue(detailData.dz10xybjxs) }}</el-descriptions-item>
<el-descriptions-item label="班级系数上限">{{ fmtValue(detailData.bjxssx) }}</el-descriptions-item>
<el-descriptions-item label="第78节课时量">{{ fmtValue(detailData.d78jksl) }}</el-descriptions-item>
<el-descriptions-item label="夜间课时量">{{ fmtValue(detailData.yjksl) }}</el-descriptions-item>
<el-descriptions-item label="默认课堂教学方法系数">{{ fmtValue(detailData.mrktjxffxs) }}</el-descriptions-item>
<el-descriptions-item label="合班系数增量">{{ fmtValue(detailData.hbxszl) }}</el-descriptions-item>
<el-descriptions-item label="合班系数上限">{{ fmtValue(detailData.hbxssx) }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ fmtEmpty(detailData.cjsj) }}</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>
import PlaceholderPage from "@/components/PlaceholderPage"
import {
listFeeStandard,
getFeeStandard,
addFeeStandard,
updateFeeStandard,
deleteFeeStandard,
listCoefficientPlan,
getCoefficientPlan,
addCoefficientPlan,
updateCoefficientPlan
} from '@/api/classHour/plan'
export default {
name: "ClassHourPlan",
components: { PlaceholderPage }
name: 'ClassHourPlan',
data() {
return {
// ==================== Tab ====================
activeTab: 'fee',
// ==================== 查询条件 ====================
feeSearch: { mc: '' },
coeffSearch: { mc: '' },
// ==================== 列表状态 ====================
feeState: this.createEmptyState(),
coeffState: this.createEmptyState(),
// ==================== 新增/修改 ====================
dialogVisible: false,
dialogTitle: '',
saving: false,
feeForm: this.createEmptyFeeForm(),
coeffForm: this.createEmptyCoeffForm(),
feeRules: {
mc: [{ required: true, message: '请输入名称', trigger: 'blur' }],
mrbzksl: [{ required: true, message: '请输入默认标准课时量', trigger: 'blur' }],
mrksfbz: [{ required: true, message: '请输入默认课时费标准', trigger: 'blur' }],
mrclksfbz: [{ required: true, message: '请输入默认超量课时费标准', trigger: 'blur' }],
xgjxbzksfbz: [{ required: true, message: '请输入相关教学补助课时费标准', trigger: 'blur' }],
jxyxbz: [{ required: true, message: '请输入绩效优秀补助', trigger: 'blur' }],
jxlhbz: [{ required: true, message: '请输入绩效良好补助', trigger: 'blur' }],
jxzdbz: [{ required: true, message: '请输入绩效中等补助', trigger: 'blur' }],
jxjgbz: [{ required: true, message: '请输入绩效及格补助', trigger: 'blur' }],
jxbjgbz: [{ required: true, message: '请输入绩效不及格补助', trigger: 'blur' }]
},
coeffRules: {
mc: [{ required: true, message: '请输入名称', trigger: 'blur' }]
},
// ==================== 详情 ====================
detailVisible: false,
detailData: {}
}
},
computed: {
currentForm() {
return this.activeTab === 'fee' ? this.feeSearch : this.coeffSearch
},
currentState() {
return this.activeTab === 'fee' ? this.feeState : this.coeffState
},
currentTitle() {
return this.activeTab === 'fee' ? '课时费方案' : '课时方案'
}
},
mounted() {
this.fetchList()
},
methods: {
createEmptyState() {
return { list: [], loading: false, pageNum: 1, pageSize: 10, total: 0 }
},
createEmptyFeeForm() {
return {
bh: '',
mc: '',
mrbzksl: null,
mrksfbz: null,
mrclksfbz: null,
xgjxbzksfbz: null,
jxyxbz: null,
jxlhbz: null,
jxzdbz: null,
jxjgbz: null,
jxbjgbz: null,
sm: '',
bz: ''
}
},
createEmptyCoeffForm() {
return {
bh: '',
mc: '',
zjksxs: null,
fjksxs: null,
mbxyrs: null,
dz10xybjxs: null,
bjxssx: null,
d78jksl: null,
yjksl: null,
mrktjxffxs: null,
hbxszl: null,
hbxssx: null,
sm: '',
bz: ''
}
},
// ==================== 查询 ====================
fetchList() {
const state = this.currentState
const params = { pageNum: state.pageNum, pageSize: state.pageSize }
if (this.currentForm.mc && this.currentForm.mc.trim()) params.mc = this.currentForm.mc.trim()
state.loading = true
const req = this.activeTab === 'fee' ? listFeeStandard(params) : listCoefficientPlan(params)
req.then(res => {
const data = (res && res.data) || {}
state.list = data.records || []
state.total = data.total || 0
}).catch(() => {
state.list = []
state.total = 0
}).finally(() => {
state.loading = false
})
},
handleTabClick() {
this.currentState.pageNum = 1
this.fetchList()
},
handleQuery() {
this.currentState.pageNum = 1
this.fetchList()
},
handlePageChange(page) {
this.currentState.pageNum = page
this.fetchList()
},
handleSizeChange(size) {
this.currentState.pageSize = size
this.currentState.pageNum = 1
this.fetchList()
},
// ==================== 新增 / 修改 ====================
handleAdd() {
this.feeForm = this.createEmptyFeeForm()
this.coeffForm = this.createEmptyCoeffForm()
this.dialogTitle = `新增${this.currentTitle}`
this.dialogVisible = true
},
handleEdit(row) {
const req = this.activeTab === 'fee' ? getFeeStandard(row.bh) : getCoefficientPlan(row.bh)
req.then(res => {
const d = (res && res.data) || {}
if (this.activeTab === 'fee') {
this.feeForm = {
bh: d.bh || '',
mc: d.mc || '',
mrbzksl: this.toNull(d.mrbzksl),
mrksfbz: this.toNull(d.mrksfbz),
mrclksfbz: this.toNull(d.mrclksfbz),
xgjxbzksfbz: this.toNull(d.xgjxbzksfbz),
jxyxbz: this.toNull(d.jxyxbz),
jxlhbz: this.toNull(d.jxlhbz),
jxzdbz: this.toNull(d.jxzdbz),
jxjgbz: this.toNull(d.jxjgbz),
jxbjgbz: this.toNull(d.jxbjgbz),
sm: d.sm || '',
bz: d.bz || ''
}
} else {
this.coeffForm = {
bh: d.bh || '',
mc: d.mc || '',
zjksxs: this.toNull(d.zjksxs),
fjksxs: this.toNull(d.fjksxs),
mbxyrs: this.toNull(d.mbxyrs),
dz10xybjxs: this.toNull(d.dz10xybjxs),
bjxssx: this.toNull(d.bjxssx),
d78jksl: this.toNull(d.d78jksl),
yjksl: this.toNull(d.yjksl),
mrktjxffxs: this.toNull(d.mrktjxffxs),
hbxszl: this.toNull(d.hbxszl),
hbxssx: this.toNull(d.hbxssx),
sm: d.sm || '',
bz: d.bz || ''
}
}
this.dialogTitle = `修改${this.currentTitle}`
this.dialogVisible = true
}).catch(() => {})
},
handleSubmit() {
const isFee = this.activeTab === 'fee'
const formRef = isFee ? this.$refs.feeFormRef : this.$refs.coeffFormRef
formRef.validate(valid => {
if (!valid) {
this.$message.warning('请完善必填项后再提交')
return
}
const payload = isFee ? this.buildFeePayload() : this.buildCoeffPayload()
this.saving = true
const req = payload.bh
? (isFee ? updateFeeStandard(payload) : updateCoefficientPlan(payload))
: (isFee ? addFeeStandard(payload) : addCoefficientPlan(payload))
req.then(() => {
this.$message.success(this.dialogTitle.indexOf('修改') === 0 ? '修改成功' : '新增成功')
this.dialogVisible = false
this.fetchList()
}).catch(() => {}).finally(() => {
this.saving = false
})
})
},
toNull(val) {
return val === null || val === undefined ? null : val
},
/** 课时费方案请求体：仅含实体非空字段（创建/修改时间后端自动维护） */
buildFeePayload() {
const f = this.feeForm
const p = {}
if (f.bh && f.bh.trim()) p.bh = f.bh.trim()
if (f.mc && f.mc.trim()) p.mc = f.mc.trim()
;['mrbzksl', 'mrksfbz', 'mrclksfbz', 'xgjxbzksfbz', 'jxyxbz', 'jxlhbz', 'jxzdbz', 'jxjgbz', 'jxbjgbz'].forEach(k => {
if (f[k] !== null && f[k] !== undefined) p[k] = f[k]
})
if (f.sm && f.sm.trim()) p.sm = f.sm.trim()
if (f.bz && f.bz.trim()) p.bz = f.bz.trim()
return p
},
/** 课时方案请求体：仅含实体非空字段 */
buildCoeffPayload() {
const f = this.coeffForm
const p = {}
if (f.bh && f.bh.trim()) p.bh = f.bh.trim()
if (f.mc && f.mc.trim()) p.mc = f.mc.trim()
;['zjksxs', 'fjksxs', 'mbxyrs', 'dz10xybjxs', 'bjxssx', 'd78jksl', 'yjksl', 'mrktjxffxs', 'hbxszl', 'hbxssx'].forEach(k => {
if (f[k] !== null && f[k] !== undefined) p[k] = f[k]
})
if (f.sm && f.sm.trim()) p.sm = f.sm.trim()
if (f.bz && f.bz.trim()) p.bz = f.bz.trim()
return p
},
// ==================== 删除（仅课时费方案有删除接口） ====================
handleDelete(row) {
this.$confirm(`确定要删除「${row.mc || row.bh || '该方案'}」吗？`, '系统提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => deleteFeeStandard(row.bh)).then(() => {
this.$message.success('删除成功')
this.fetchList()
}).catch(() => {})
},
// ==================== 详情 ====================
handleDetail(row) {
const req = this.activeTab === 'fee' ? getFeeStandard(row.bh) : getCoefficientPlan(row.bh)
req.then(res => {
this.detailData = (res && res.data) || {}
this.detailVisible = true
}).catch(() => {})
},
/** 数值空值显示为 '-'（保留 0） */
fmtValue(val) {
return val === null || val === undefined ? '-' : val
},
/** 空值显示为 '-' */
fmtEmpty(val) {
return val === null || val === undefined || val === '' ? '-' : val
}
}
}
</script>
<style scoped lang="scss">
.app-container {
padding: 20px;
}
.plan-page {
.list-title {
font-size: 16px;
font-weight: 600;
color: #303133;
margin-bottom: 12px;
}
// ==================== 1. 查询区域 ====================
.search-card {
margin-bottom: 16px;
.search-form {
.el-form-item {
margin-bottom: 0;
}
}
}
// ==================== 2. 数据表格 ====================
.table-card {
.pagination {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.text-danger {
color: #f56c6c;
}
}
// ==================== 3. 新增/修改表单 ====================
.add-form {
max-height: 62vh;
overflow-y: auto;
padding-right: 4px;
.w-full {
width: 100%;
}
}
}
</style>