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

添加页面必填信息校验

Browse Source
This commit is contained in:
liweijie
2026-09-18 19:00:08 +08:00
parent 04551fce73
commit 5a3d202599
7 changed files with 97 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/textbook/index.vue
+45 -29
View File
@@ -293,7 +293,7 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="作者"><el-input v-model="addForm.zz" placeholder="请输入" /></el-form-item>
<el-form-item label="作者" prop="zz"><el-input v-model="addForm.zz" placeholder="请输入" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出版社"><el-input v-model="addForm.cbs" placeholder="请输入" /></el-form-item>
@@ -304,21 +304,21 @@
<el-form-item label="ISBN"><el-input v-model="addForm.isbn" placeholder="请输入" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出版日期">
<el-form-item label="出版日期" prop="cbrq">
<el-date-picker v-model="addForm.cbrq" type="date" value-format="yyyy-MM-dd" placeholder="选择" style="width:100%" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="教材分类">
<el-form-item label="教材分类" prop="jcfl">
<el-select v-model="addForm.jcfl" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jcflOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="教材类型">
<el-form-item label="教材类型" prop="jclx">
<el-select v-model="addForm.jclx" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jclxOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -327,14 +327,14 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="重点类型">
<el-form-item label="重点类型" prop="jczdlx">
<el-select v-model="addForm.jczdlx" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jczdlxOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="教材来源">
<el-form-item label="教材来源" prop="jcly">
<el-select v-model="addForm.jcly" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jclyOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -343,14 +343,14 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="教材层次">
<el-form-item label="教材层次" prop="jccc">
<el-select v-model="addForm.jccc" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jcccOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="出版方式">
<el-form-item label="出版方式" prop="cbfs">
<el-select v-model="addForm.cbfs" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in cbfsOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -362,15 +362,15 @@
<el-form-item label="版次"><el-input v-model="addForm.bc" placeholder="请输入" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开本"><el-input v-model="addForm.kb" placeholder="请输入" /></el-form-item>
<el-form-item label="开本" prop="kb"><el-input v-model="addForm.kb" placeholder="请输入" /></el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="单价"><el-input-number v-model="addForm.dj" :min="0" :precision="2" style="width:100%" /></el-form-item>
<el-form-item label="单价" prop="dj"><el-input-number v-model="addForm.dj" :min="0" :precision="2" style="width:100%" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="计量单位">
<el-form-item label="计量单位" prop="jldw">
<el-select v-model="addForm.jldw" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jldwOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -442,7 +442,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="作者"><el-input v-model="editForm.zz" placeholder="请输入" /></el-form-item>
<el-form-item label="作者" prop="zz"><el-input v-model="editForm.zz" placeholder="请输入" /></el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
@@ -455,12 +455,12 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="出版日期">
<el-form-item label="出版日期" prop="cbrq">
<el-date-picker v-model="editForm.cbrq" type="date" value-format="yyyy-MM-dd" placeholder="选择" style="width:100%" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="教材分类">
<el-form-item label="教材分类" prop="jcfl">
<el-select v-model="editForm.jcfl" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jcflOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -469,14 +469,14 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="教材类型">
<el-form-item label="教材类型" prop="jclx">
<el-select v-model="editForm.jclx" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jclxOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重点类型">
<el-form-item label="重点类型" prop="jczdlx">
<el-select v-model="editForm.jczdlx" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jczdlxOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -485,14 +485,14 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="教材来源">
<el-form-item label="教材来源" prop="jcly">
<el-select v-model="editForm.jcly" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jclyOptions" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="教材层次">
<el-form-item label="教材层次" prop="jccc">
<el-select v-model="editForm.jccc" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jcccOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -501,7 +501,7 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="出版方式">
<el-form-item label="出版方式" prop="cbfs">
<el-select v-model="editForm.cbfs" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in cbfsOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -513,15 +513,15 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="开本"><el-input v-model="editForm.kb" placeholder="请输入" /></el-form-item>
<el-form-item label="开本" prop="kb"><el-input v-model="editForm.kb" placeholder="请输入" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="单价"><el-input-number v-model="editForm.dj" :min="0" :precision="2" style="width:100%" /></el-form-item>
<el-form-item label="单价" prop="dj"><el-input-number v-model="editForm.dj" :min="0" :precision="2" style="width:100%" /></el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="计量单位">
<el-form-item label="计量单位" prop="jldw">
<el-select v-model="editForm.jldw" placeholder="请选择" clearable style="width:100%">
<el-option v-for="item in jldwOptions" :key="item" :label="item" :value="item" />
</el-select>
@@ -587,15 +587,15 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="类别"><el-input v-model="stockForm.lb" placeholder="请输入" /></el-form-item>
<el-form-item label="类别" prop="lb"><el-input v-model="stockForm.lb" placeholder="请输入" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="字别"><el-input v-model="stockForm.zb" placeholder="请输入" /></el-form-item>
<el-form-item label="字别" prop="zb"><el-input v-model="stockForm.zb" placeholder="请输入" /></el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="承办部门编号"><el-input v-model="stockForm.cbbmbh" placeholder="请输入" /></el-form-item>
<el-form-item label="承办部门编号" prop="cbbmbh"><el-input v-model="stockForm.cbbmbh" placeholder="请输入" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="承办人编号"><el-input v-model="stockForm.cbrbh" placeholder="请输入" /></el-form-item>
@@ -611,10 +611,10 @@
</el-row>
<el-row :gutter="16">
<el-col :span="12">
<el-form-item label="状态"><el-input v-model="stockForm.zt" placeholder="请输入" /></el-form-item>
<el-form-item label="状态" prop="zt"><el-input v-model="stockForm.zt" placeholder="请输入" /></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="情况说明"><el-input v-model="stockForm.qksm" placeholder="请输入" /></el-form-item>
<el-form-item label="情况说明" prop="qksm"><el-input v-model="stockForm.qksm" placeholder="请输入" /></el-form-item>
</el-col>
</el-row>
<el-row :gutter="16">
@@ -821,7 +821,18 @@ export default {
// ==================== 表单校验 ====================
formRules: {
mc: [{ required: true, message: '请输入教材名称', trigger: 'blur' }],
jcbxlx: [{ required: true, message: '请选择编写类型', trigger: 'change' }]
jcbxlx: [{ required: true, message: '请选择编写类型', trigger: 'change' }],
zz: [{ required: true, message: '请输入作者', trigger: 'blur' }],
cbrq: [{ required: true, message: '请选择出版日期', trigger: 'change' }],
jcfl: [{ required: true, message: '请选择教材分类', trigger: 'change' }],
jclx: [{ required: true, message: '请选择教材类型', trigger: 'change' }],
jczdlx: [{ required: true, message: '请选择重点类型', trigger: 'change' }],
jcly: [{ required: true, message: '请选择教材来源', trigger: 'change' }],
jccc: [{ required: true, message: '请选择教材层次', trigger: 'change' }],
cbfs: [{ required: true, message: '请选择出版方式', trigger: 'change' }],
kb: [{ required: true, message: '请输入开本', trigger: 'blur' }],
dj: [{ required: true, message: '请输入单价', trigger: 'blur' }],
jldw: [{ required: true, message: '请选择计量单位', trigger: 'change' }]
},
// ==================== 导入 ====================
@@ -840,7 +851,12 @@ export default {
isStockAdd: true,
stockForm: this.createEmptyStockForm(),
stockFormRules: {
mc: [{ required: true, message: '请输入名称', trigger: 'blur' }]
mc: [{ required: true, message: '请输入名称', trigger: 'blur' }],
qksm: [{ required: true, message: '请输入情况说明', trigger: 'blur' }],
lb: [{ required: true, message: '请输入类别', trigger: 'blur' }],
zb: [{ required: true, message: '请输入字别', trigger: 'blur' }],
cbbmbh: [{ required: true, message: '请输入承办部门编号', trigger: 'blur' }],
zt: [{ required: true, message: '请输入状态', trigger: 'blur' }]
},
stockDetailDialogVisible: false,
stockDetailData: {},