|
|
|
@ -2,7 +2,7 @@
|
|
|
|
|
<el-dialog v-model="dialogFormVisible" :title="`${paramsProps.title}`" width="500">
|
|
|
|
|
<el-form :model="paramsProps.row" ref="ruleFormRef" :rules="rules">
|
|
|
|
|
<el-form-item label="学段" :label-width="formLabelWidth" prop="stage_id">
|
|
|
|
|
<el-select v-model="paramsProps.row.stage_id" placeholder="请选择学段">
|
|
|
|
|
<el-select v-model="paramsProps.row.stage_id" placeholder="请选择学段" @change="stageChange">
|
|
|
|
|
<el-option v-for="item in stageSelectList" :key="item.stage_id" :label="item.stage_name" :value="item.stage_id" />
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
@ -16,13 +16,13 @@
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="版本名称" :label-width="formLabelWidth" prop="subject_name">
|
|
|
|
|
<el-input v-model="paramsProps.row.subject_name" autocomplete="off" placeholder="请输入版本名称" />
|
|
|
|
|
<el-form-item label="版本名称" :label-width="formLabelWidth" prop="scheme_name">
|
|
|
|
|
<el-input v-model="paramsProps.row.scheme_name" autocomplete="off" placeholder="请输入版本名称" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="类型">
|
|
|
|
|
<el-radio-group v-model="form.resource">
|
|
|
|
|
<el-radio value="1">章节目录</el-radio>
|
|
|
|
|
<el-radio value="2">知识点</el-radio>
|
|
|
|
|
<el-form-item label="类型" :label-width="formLabelWidth" prop="type_id">
|
|
|
|
|
<el-radio-group v-model="paramsProps.row.type_id">
|
|
|
|
|
<el-radio-button value="1">章节目录</el-radio-button>
|
|
|
|
|
<el-radio-button value="2">知识点</el-radio-button>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
@ -41,15 +41,15 @@
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts" name="SubjectDialog">
|
|
|
|
|
import { ref, reactive } from "vue";
|
|
|
|
|
import { getStageList, getSubjectInfoById, addSubject, updateSubject } from "@/api/modules/base";
|
|
|
|
|
import { getStageList, getSubjectList, getSchemeInfoById, addScheme, updateScheme } from "@/api/modules/base";
|
|
|
|
|
import { ElMessage, FormInstance } from "element-plus";
|
|
|
|
|
|
|
|
|
|
const dialogFormVisible = ref(false);
|
|
|
|
|
const formLabelWidth = "80px";
|
|
|
|
|
const stageSelectList = ref();
|
|
|
|
|
const stageSubjectList = ref();
|
|
|
|
|
const stageSelectedId = ref("");
|
|
|
|
|
const subjectSelectedId = ref("");
|
|
|
|
|
const stageSelectedId = ref(0);
|
|
|
|
|
const subjectSelectedId = ref(0);
|
|
|
|
|
|
|
|
|
|
const checkSubjectCode = async (rule: any, value: string, callback: any) => {
|
|
|
|
|
if (!value) {
|
|
|
|
@ -62,8 +62,9 @@ const checkSubjectCode = async (rule: any, value: string, callback: any) => {
|
|
|
|
|
|
|
|
|
|
const rules = reactive({
|
|
|
|
|
stage_id: [{ required: true, message: "请选择学段", trigger: "blur" }],
|
|
|
|
|
subject_name: [{ required: true, message: "请输入学科名称", trigger: "blur" }],
|
|
|
|
|
subject_code: [{ validator: checkSubjectCode, trigger: "blur" }],
|
|
|
|
|
subject_id: [{ required: true, message: "请选择学科", trigger: "blur" }],
|
|
|
|
|
scheme_name: [{ required: true, message: "请输入学科名称", trigger: "blur" }],
|
|
|
|
|
type_id: [{ required: true, message: "请选择类型", trigger: "blur" }],
|
|
|
|
|
sort_id: [{ required: true, message: "请输入排序号", trigger: "blur" }]
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
@ -79,13 +80,18 @@ const acceptParams = (params: View.DefaultParams) => {
|
|
|
|
|
getStageSelect();
|
|
|
|
|
if (paramsProps.value.updateId !== 0) {
|
|
|
|
|
getFormInfo();
|
|
|
|
|
} else {
|
|
|
|
|
paramsProps.value.row.type_id = "1";
|
|
|
|
|
}
|
|
|
|
|
dialogFormVisible.value = true;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const getFormInfo = async () => {
|
|
|
|
|
const res = await getSubjectInfoById({ subject_id: paramsProps.value.updateId });
|
|
|
|
|
paramsProps.value.row = res.data as any;
|
|
|
|
|
const res = await getSchemeInfoById({ scheme_id: paramsProps.value.updateId });
|
|
|
|
|
const _data = res.data as any;
|
|
|
|
|
paramsProps.value.row = _data;
|
|
|
|
|
getSubjectSelect(_data.stage_id);
|
|
|
|
|
paramsProps.value.row.type_id = _data.type_id.toString();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const getStageSelect = async () => {
|
|
|
|
@ -93,8 +99,13 @@ const getStageSelect = async () => {
|
|
|
|
|
stageSelectList.value = res.data.list as never[];
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const getSubjectSelect = async () => {
|
|
|
|
|
const res = await getSubjectList({ stage_id: parseInt(stageSelectedId.value), pageNum: 1, pageSize: 100 });
|
|
|
|
|
const stageChange = e => {
|
|
|
|
|
paramsProps.value.row.subject_id = "";
|
|
|
|
|
getSubjectSelect(e);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const getSubjectSelect = async stageId => {
|
|
|
|
|
const res = await getSubjectList({ stage_id: stageId, pageNum: 1, pageSize: 100 });
|
|
|
|
|
stageSubjectList.value = res.data.list as never[];
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
@ -103,10 +114,11 @@ const handleSubmit = () => {
|
|
|
|
|
ruleFormRef.value!.validate(async valid => {
|
|
|
|
|
if (!valid) return;
|
|
|
|
|
try {
|
|
|
|
|
const params = { ...paramsProps.value.row, owner_id: 0 };
|
|
|
|
|
if (paramsProps.value.updateId === 0) {
|
|
|
|
|
await addSubject(paramsProps.value.row);
|
|
|
|
|
await addScheme(params);
|
|
|
|
|
} else {
|
|
|
|
|
await updateSubject(paramsProps.value.row);
|
|
|
|
|
await updateScheme(params);
|
|
|
|
|
}
|
|
|
|
|
ElMessage.success({ message: `成功!` });
|
|
|
|
|
paramsProps.value.getTableList!();
|
|
|
|
|