|
@@ -25,8 +25,8 @@
|
|
|
width="920px"
|
|
width="920px"
|
|
|
:show-close="false"
|
|
:show-close="false"
|
|
|
:destroy-on-close="true"
|
|
:destroy-on-close="true"
|
|
|
- :before-close="closeBefore"
|
|
|
|
|
:fullscreen="fullscreen"
|
|
:fullscreen="fullscreen"
|
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
>
|
|
>
|
|
|
<div slot="title" class="hearders">
|
|
<div slot="title" class="hearders">
|
|
|
<div class="leftTitle">{{ statusPop === 1 ? "添加" : "修改" }}</div>
|
|
<div class="leftTitle">{{ statusPop === 1 ? "添加" : "修改" }}</div>
|
|
@@ -65,7 +65,10 @@
|
|
|
<div class="imgBox">
|
|
<div class="imgBox">
|
|
|
<label class="imgLabel" for="inputs">
|
|
<label class="imgLabel" for="inputs">
|
|
|
<div class="msPhoto" v-if="poppleData.avatar">
|
|
<div class="msPhoto" v-if="poppleData.avatar">
|
|
|
- <img :src="$methodsTools.splitImgHost(poppleData.avatar)" alt="图片加载失败" />
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ :src="$methodsTools.splitImgHost(poppleData.avatar)"
|
|
|
|
|
+ alt="图片加载失败"
|
|
|
|
|
+ />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="imgbbx" v-else>
|
|
<div class="imgbbx" v-else>
|
|
|
<p style="margin-top: 49px">点击添加或将文件拖拽到这里上传</p>
|
|
<p style="margin-top: 49px">点击添加或将文件拖拽到这里上传</p>
|
|
@@ -180,24 +183,24 @@ export default {
|
|
|
methods: {
|
|
methods: {
|
|
|
getImgFile() {
|
|
getImgFile() {
|
|
|
var self = this;
|
|
var self = this;
|
|
|
- var file = this.$refs.file.files[0];
|
|
|
|
|
|
|
+ var file = self.$refs.file.files[0];
|
|
|
if (file === undefined) {
|
|
if (file === undefined) {
|
|
|
- self.$set(self.poppleData, "avatar", '');
|
|
|
|
|
|
|
+ self.$set(self.poppleData, "avatar", "");
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
if (file.size > 2 * 1024 * 1024) {
|
|
if (file.size > 2 * 1024 * 1024) {
|
|
|
- this.$message.error("图片不得大于2MB");
|
|
|
|
|
|
|
+ self.$message.error("图片不得大于2MB");
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- var type = this.$refs.file.value.toLowerCase().split(".").splice(-1);
|
|
|
|
|
|
|
+ var type = self.$refs.file.value.toLowerCase().split(".").splice(-1);
|
|
|
if (
|
|
if (
|
|
|
type[0] != "jpg" &&
|
|
type[0] != "jpg" &&
|
|
|
type[0] != "png" &&
|
|
type[0] != "png" &&
|
|
|
type[0] != "jpeg" &&
|
|
type[0] != "jpeg" &&
|
|
|
type[0] != "bmp"
|
|
type[0] != "bmp"
|
|
|
) {
|
|
) {
|
|
|
- this.$message.error("上传格式需为:.jpg/.png/.jpeg/bmp");
|
|
|
|
|
- this.$refs.file.value = "";
|
|
|
|
|
|
|
+ self.$message.error("上传格式需为:.jpg/.png/.jpeg/bmp");
|
|
|
|
|
+ self.$refs.file.value = "";
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
var reader = new FileReader();
|
|
var reader = new FileReader();
|
|
@@ -207,61 +210,62 @@ export default {
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
async submitTabel() {
|
|
async submitTabel() {
|
|
|
- if (!this.poppleData.teacherName) {
|
|
|
|
|
- this.$message.error("请输入名师姓名");
|
|
|
|
|
|
|
+ var self = this;
|
|
|
|
|
+ if (!self.poppleData.teacherName) {
|
|
|
|
|
+ self.$message.error("请输入名师姓名");
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- if (!this.poppleData.introduce) {
|
|
|
|
|
- this.$message.error("请输入简介");
|
|
|
|
|
|
|
+ if (!self.poppleData.introduce) {
|
|
|
|
|
+ self.$message.error("请输入简介");
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- if (this.poppleData.status !== 0 && this.poppleData.status !== 1) {
|
|
|
|
|
- this.$message.error("请选择是否启用");
|
|
|
|
|
|
|
+ if (self.poppleData.status !== 0 && self.poppleData.status !== 1) {
|
|
|
|
|
+ self.$message.error("请选择是否启用");
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- if (this.poppleData.avatar.length === 0) {
|
|
|
|
|
- this.$message.error("请上传头像");
|
|
|
|
|
|
|
+ if (self.poppleData.avatar.length === 0) {
|
|
|
|
|
+ self.$message.error("请上传头像");
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- if (this.statusPop === 0) {
|
|
|
|
|
- var objNew = JSON.parse(this.beif);
|
|
|
|
|
- if (this.poppleData.avatar !== objNew.avatar) {
|
|
|
|
|
- const awtimg = await this.imgUpload(0);
|
|
|
|
|
|
|
+ if (self.statusPop === 0) {
|
|
|
|
|
+ if (self.poppleData.avatar !== self.beif.avatar) {
|
|
|
|
|
+ const awtimg = await self.imgUpload(0);
|
|
|
}
|
|
}
|
|
|
- }else{
|
|
|
|
|
- const awtimg = await this.imgUpload(0);
|
|
|
|
|
|
|
+ } else {
|
|
|
|
|
+ const awtimg = await self.imgUpload(0);
|
|
|
}
|
|
}
|
|
|
var data = {
|
|
var data = {
|
|
|
- teacherName: this.poppleData.teacherName,
|
|
|
|
|
- status: this.poppleData.status,
|
|
|
|
|
- introduce: this.poppleData.introduce,
|
|
|
|
|
- avatar: this.poppleData.avatar,
|
|
|
|
|
|
|
+ teacherName: self.poppleData.teacherName,
|
|
|
|
|
+ status: self.poppleData.status,
|
|
|
|
|
+ introduce: self.poppleData.introduce,
|
|
|
|
|
+ avatar: self.poppleData.avatar,
|
|
|
};
|
|
};
|
|
|
- if (this.statusPop === 1) {
|
|
|
|
|
- this.$api.addCourseTeacher(data).then((sult) => {
|
|
|
|
|
- this.$message.success("添加成功!");
|
|
|
|
|
- this.dialogBox = false;
|
|
|
|
|
- this.search();
|
|
|
|
|
|
|
+ if (self.statusPop === 1) {
|
|
|
|
|
+ self.$api.addCourseTeacher(data).then((sult) => {
|
|
|
|
|
+ self.$message.success("添加成功!");
|
|
|
|
|
+ self.dialogBox = false;
|
|
|
|
|
+ self.search();
|
|
|
});
|
|
});
|
|
|
} else {
|
|
} else {
|
|
|
- data.teacherId = this.poppleData.teacherId;
|
|
|
|
|
- this.$api.editCourseTeacher(data).then((sult) => {
|
|
|
|
|
- this.$message.success("修改成功!");
|
|
|
|
|
- this.dialogBox = false;
|
|
|
|
|
- this.search();
|
|
|
|
|
|
|
+ data.teacherId = self.poppleData.teacherId;
|
|
|
|
|
+ self.$api.editCourseTeacher(data).then((sult) => {
|
|
|
|
|
+ self.$message.success("修改成功!");
|
|
|
|
|
+ self.dialogBox = false;
|
|
|
|
|
+ self.search();
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
imgUpload(int) {
|
|
imgUpload(int) {
|
|
|
|
|
+ var self = this;
|
|
|
return new Promise((resolve, reject) => {
|
|
return new Promise((resolve, reject) => {
|
|
|
- this.$upload
|
|
|
|
|
- .upload(this.$refs.file.files[0],int)
|
|
|
|
|
|
|
+ self.$upload
|
|
|
|
|
+ .upload(self.$refs.file.files[0], int)
|
|
|
.then((res) => {
|
|
.then((res) => {
|
|
|
- this.$set(this.poppleData, "avatar", res);
|
|
|
|
|
|
|
+ self.$set(self.poppleData, "avatar", res);
|
|
|
resolve();
|
|
resolve();
|
|
|
})
|
|
})
|
|
|
.catch((err) => {
|
|
.catch((err) => {
|
|
|
- this.$message.error("图片上传错误");
|
|
|
|
|
|
|
+ self.$message.error("图片上传错误");
|
|
|
});
|
|
});
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
@@ -275,10 +279,16 @@ export default {
|
|
|
},
|
|
},
|
|
|
// 修改
|
|
// 修改
|
|
|
modify(options) {
|
|
modify(options) {
|
|
|
- this.beif = JSON.stringify(options);
|
|
|
|
|
- this.poppleData = JSON.parse(this.beif);
|
|
|
|
|
- this.statusPop = 0;
|
|
|
|
|
- this.dialogBox = true;
|
|
|
|
|
|
|
+ var self = this;
|
|
|
|
|
+ this.$api.obtainCourseTeacher(options.teacherId).then((res) => {
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ if (res.code === 200) {
|
|
|
|
|
+ self.beif = JSON.parse(JSON.stringify(res.data));
|
|
|
|
|
+ self.poppleData = res.data;
|
|
|
|
|
+ self.statusPop = 0;
|
|
|
|
|
+ self.dialogBox = true;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
//删除
|
|
//删除
|
|
|
del(options) {
|
|
del(options) {
|
|
@@ -309,6 +319,7 @@ export default {
|
|
|
.catch(() => {});
|
|
.catch(() => {});
|
|
|
},
|
|
},
|
|
|
search(v) {
|
|
search(v) {
|
|
|
|
|
+ var self = this;
|
|
|
if (v === undefined) {
|
|
if (v === undefined) {
|
|
|
v = {
|
|
v = {
|
|
|
status: "0,1",
|
|
status: "0,1",
|
|
@@ -323,20 +334,20 @@ export default {
|
|
|
pageSize: this.pageSize,
|
|
pageSize: this.pageSize,
|
|
|
pageNum: this.currentPage,
|
|
pageNum: this.currentPage,
|
|
|
};
|
|
};
|
|
|
- this.loading = true;
|
|
|
|
|
- this.$api
|
|
|
|
|
|
|
+ self.loading = true;
|
|
|
|
|
+ self.$api
|
|
|
.inquireCourseTeacher(data)
|
|
.inquireCourseTeacher(data)
|
|
|
.then((res) => {
|
|
.then((res) => {
|
|
|
res.rows.forEach((item, index) => {
|
|
res.rows.forEach((item, index) => {
|
|
|
item.srcList = [item.avatar];
|
|
item.srcList = [item.avatar];
|
|
|
});
|
|
});
|
|
|
- this.tableData = res.rows;
|
|
|
|
|
- this.total = res.total;
|
|
|
|
|
- this.navText.index = res.total;
|
|
|
|
|
- this.loading = false;
|
|
|
|
|
|
|
+ self.tableData = res.rows;
|
|
|
|
|
+ self.total = res.total;
|
|
|
|
|
+ self.navText.index = res.total;
|
|
|
|
|
+ self.loading = false;
|
|
|
})
|
|
})
|
|
|
.catch((err) => {
|
|
.catch((err) => {
|
|
|
- this.loading = false;
|
|
|
|
|
|
|
+ self.loading = false;
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
init() {
|
|
init() {
|
|
@@ -344,17 +355,9 @@ export default {
|
|
|
},
|
|
},
|
|
|
//窗口关闭
|
|
//窗口关闭
|
|
|
closeBefore() {
|
|
closeBefore() {
|
|
|
- this.$confirm("此操作将关闭窗口, 是否继续?", "提示", {
|
|
|
|
|
- confirmButtonText: "确定",
|
|
|
|
|
- cancelButtonText: "取消",
|
|
|
|
|
- type: "warning",
|
|
|
|
|
- })
|
|
|
|
|
- .then(() => {
|
|
|
|
|
- this.dialogBox = false;
|
|
|
|
|
|
|
+ this.dialogBox = false;
|
|
|
this.fullscreen = false;
|
|
this.fullscreen = false;
|
|
|
this.poppleData = {};
|
|
this.poppleData = {};
|
|
|
- })
|
|
|
|
|
- .catch(() => {});
|
|
|
|
|
},
|
|
},
|
|
|
handleSizeChange(v) {
|
|
handleSizeChange(v) {
|
|
|
this.pageSize = v;
|
|
this.pageSize = v;
|