|
|
@@ -1,24 +1,22 @@
|
|
|
<template>
|
|
|
<div class="addNewCourse">
|
|
|
- <el-dialog
|
|
|
- title="添加课堂"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- width="500px" >
|
|
|
- <div>
|
|
|
- <el-form ref="form" :model="form" label-position="top">
|
|
|
- <el-form-item label="课堂编号">
|
|
|
- <el-input v-model="form.no" placeholder="请输入课堂编号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="课堂名称">
|
|
|
- <el-input v-model="form.name" placeholder="请输入课堂名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
+ <el-dialog title="添加课堂" :visible.sync="dialogVisible" width="500px">
|
|
|
+ <div>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-position="top">
|
|
|
+ <el-form-item label="课堂编号" prop="no">
|
|
|
+ <el-input v-model="form.no" placeholder="请输入课堂编号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="课堂名称" prop="name">
|
|
|
+ <el-input
|
|
|
+ v-model="form.name"
|
|
|
+ placeholder="请输入课堂名称"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submit()"
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="submit('form')">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -26,38 +24,77 @@
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
- emits:["success"],
|
|
|
- data(){
|
|
|
- return{
|
|
|
- dialogVisible:false,
|
|
|
- form:{
|
|
|
- no:"",
|
|
|
- name:"",
|
|
|
+ emits: ["success"],
|
|
|
+ props: {
|
|
|
+ courseList: {
|
|
|
+ type: Array,
|
|
|
+ default: () => [],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ let validateNo = (rule, value, callback) => {
|
|
|
+ console.log(this.courseList.findIndex(i=>i.value==value))
|
|
|
+ if (value.trim().length == 0) {
|
|
|
+ callback(new Error("请输入课堂编号"));
|
|
|
+ }else if(this.courseList.findIndex(i=>i.value==value.trim())!=-1){
|
|
|
+ callback(new Error("该课堂编号已存在"));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ let validateName = (rule, value, callback) => {
|
|
|
+ console.log(this.courseList)
|
|
|
+ console.log(rule)
|
|
|
+ if (value.trim().length == 0) {
|
|
|
+ callback(new Error("请输入课堂名称"));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ dialogVisible: false,
|
|
|
+ form: {
|
|
|
+ no: "",
|
|
|
+ name: "",
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ no: [{ validator: validateNo,trigger: "change" }],
|
|
|
+ name: [{ validator: validateName, trigger: "change" }],
|
|
|
},
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
- methods:{
|
|
|
- open(){
|
|
|
+ methods: {
|
|
|
+ open() {
|
|
|
this.form = {
|
|
|
- name:"",
|
|
|
- no:"",
|
|
|
- }
|
|
|
+ name: "",
|
|
|
+ no: "",
|
|
|
+ };
|
|
|
this.dialogVisible = true;
|
|
|
},
|
|
|
- submit(){
|
|
|
- if(this.form.no.trim().length==0 || this.form.name.trim().length==0){//|| this.form.name.trim().length==0
|
|
|
- this.$message.error("请填写完整信息")
|
|
|
- return;
|
|
|
- }
|
|
|
- this.$emit("success",this.form)
|
|
|
- this.dialogVisible = false;
|
|
|
- }
|
|
|
- }
|
|
|
+ submit(formName) {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (
|
|
|
+ this.form.no.trim().length == 0 ||
|
|
|
+ this.form.name.trim().length == 0
|
|
|
+ ) {
|
|
|
+ //|| this.form.name.trim().length==0
|
|
|
+ this.$message.error("请填写完整信息");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$emit("success", this.form);
|
|
|
+ this.dialogVisible = false;
|
|
|
+ } else {
|
|
|
+ console.log("error submit!!");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
-.addNewCourse{
|
|
|
-
|
|
|
+<style scoped>
|
|
|
+.addNewCourse {
|
|
|
}
|
|
|
</style>
|
SanHQin