fix: 班型内容设为不必填

This commit is contained in:
lwh 2023-04-19 17:53:26 +08:00
parent b4d6b67fa7
commit 77b76a2642
3 changed files with 22 additions and 35 deletions

View File

@ -84,12 +84,6 @@ const rules = reactive({
message: '名称不能为空' message: '名称不能为空'
} }
], ],
classes_content: [
{
required: true,
message: '内容不能为空'
}
],
classes_sort: [ classes_sort: [
{ {
required: true, required: true,

View File

@ -2,7 +2,7 @@
<el-dialog v-model="props.modelValue" title="编辑班型" width="900px" @closed="closeDialog" @open="openDialog"> <el-dialog v-model="props.modelValue" title="编辑班型" width="900px" @closed="closeDialog" @open="openDialog">
<el-form ref="formRef" :model="formData" :rules="rules"> <el-form ref="formRef" :model="formData" :rules="rules">
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label-width="labelWidth" label="名称" prop="classes_name"> <el-form-item :label-width="labelWidth" label="名称" prop="classes_name">
<el-input v-model='formData.classes_name' type="text" placeholder='请输入名称'></el-input> <el-input v-model='formData.classes_name' type="text" placeholder='请输入名称'></el-input>
@ -37,7 +37,7 @@
<script setup> <script setup>
import { reactive, ref, watch } from "vue"; import { reactive, ref, watch } from "vue";
import { editClasses } from "~/service/classes"; import { editClasses } from "~/service/classes";
import { useLoginStore } from "~/store"; import { useLoginStore } from "~/store";
// -- // --
@ -75,13 +75,13 @@ const uoloadData = ref({
// -- // --
watch(props, (v) => { watch(props, (v) => {
formData.value = v.data; formData.value = v.data;
}); });
// //
const openDialog = () => { const openDialog = () => {
}; };
const closeDialog = () => { const closeDialog = () => {
@ -91,24 +91,18 @@ const closeDialog = () => {
const rules = reactive({ const rules = reactive({
classes_name: [ classes_name: [
{ {
required: true, required: true,
message: '名称不能为空' message: '名称不能为空'
} }
], ],
classes_content: [ classes_sort: [
{ {
required: true, required: true,
message: '内容不能为空' message: '排序不能为空'
} }
], ],
classes_sort: [
{
required: true,
message: '排序不能为空'
}
],
}); });
const handleEditClick = async (formEl) => { const handleEditClick = async (formEl) => {
@ -118,7 +112,7 @@ const handleEditClick = async (formEl) => {
if (!valid) { if (!valid) {
return; return;
} }
const { code } = await editClasses(formData.value); const { code } = await editClasses(formData.value);
if (code == 0) { if (code == 0) {
closeDialog(); closeDialog();
@ -132,6 +126,4 @@ const handleResetClick = async (formEl) => {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>

View File

@ -56,6 +56,7 @@
:onSelectionChange="data => (selectionData = data)" > :onSelectionChange="data => (selectionData = data)" >
<el-table-column type="selection" width="50" align="center" /> <el-table-column type="selection" width="50" align="center" />
<el-table-column prop="classes_name" width="200" label="班型名称" :show-overflow-tooltip="true"> </el-table-column> <el-table-column prop="classes_name" width="200" label="班型名称" :show-overflow-tooltip="true"> </el-table-column>
<el-table-column prop="classes_desc" width="300" label="班型简介" :show-overflow-tooltip="true"> </el-table-column>
<el-table-column prop="classes_sort" width="200" label="排序" sort> <el-table-column prop="classes_sort" width="200" label="排序" sort>
<template #default="scope"> <template #default="scope">
<el-input-number v-model='scope.row.classes_sort' controls-position="right" <el-input-number v-model='scope.row.classes_sort' controls-position="right"
@ -73,9 +74,9 @@
</el-table> </el-table>
<!-- 添加班型 --> <!-- 添加班型 -->
<AddClassesDialog v-model="addClassesDialogVisible" :done="() => tableRef.reload()"></AddClassesDialog> <AddClassesDialog v-model="addClassesDialogVisible" :done="() => getList()"></AddClassesDialog>
<!-- 编辑班型 --> <!-- 编辑班型 -->
<EditClassesDialog v-model="EditClassesDialogVisible" :data="EditClassesDialogRow" :done="() => tableRef.reload()"> <EditClassesDialog v-model="EditClassesDialogVisible" :data="EditClassesDialogRow" :done="() => getList()">
</EditClassesDialog> </EditClassesDialog>
<!-- 班型详情 --> <!-- 班型详情 -->
<DetailClassesDialog v-model="DetailClassesDialogVisible" :data="DetailClassesDialogRow"></DetailClassesDialog> <DetailClassesDialog v-model="DetailClassesDialogVisible" :data="DetailClassesDialogRow"></DetailClassesDialog>