教师信息编辑

This commit is contained in:
lmj
2022-12-07 16:50:38 +08:00
parent 4d5ab09233
commit b7df2ad664

View File

@@ -19,38 +19,65 @@
<h4 @click="infoswich=0" :class="infoswich == 0 ? 'h4active' : '' ">教师信息</h4>
</div>
<div v-if="infoswich == 0">
<div class="tearchimg">
<h3>教师职业照</h3>
<img src="../../../public/images/artfoot.png" alt="">
<el-button type="primary" size="mini" @click="Edittearch = !Edittearch">教师信息编辑</el-button>
<!-- 查看教师 -->
<div v-if="Edittearch">
<div class="tearchimg">
<h3>教师职业照</h3>
<img src="../../../public/images/artfoot.png" alt="">
</div>
<div class="tearchexperi">
<h3>工作经历</h3>
<span>英语教研组在学校领导的关怀指导下,开学初制定了务实的工作计划我们认真按照开学初制定的计划开展教研活动,较好地完成了本学期工作任务</span>
</div>
<div class="teachphoto" style="height:70px">
<h3>擅长课程</h3>
<div class="teachexcel">
通用力
</div>
<div class="teachexcel">
产品经理培训
</div>
<div class="teachexcel">
规章制度
</div>
<div class="teachexcel">
职业操守与道德
</div>
</div>
<div class="teachphoto" style="height:70px">
<h3>专长</h3>
<div class="teachexcel">
通用力
</div>
<div class="teachexcel">
职业操守与道德
</div>
</div>
</div>
<div class="tearchexperi">
<h3>工作经历</h3>
<span>英语教研组在学校领导的关怀指导下,开学初制定了务实的工作计划我们认真按照开学初制定的计划开展教研活动,较好地完成了本学期工作任务</span>
</div>
<div class="teachphoto" style="height:70px">
<h3>擅长课程</h3>
<div class="teachexcel">
通用力
<!-- 编辑教师 -->
<div v-else>
<div class="tearchimg">
<h3>教师职业照</h3>
<div style="float:left;margin-top:20px">
<imageUpload width="150px" height="150px" :value="tearchUrl" fileSizeLimit="500KB" :compress="0.7" :compressAccurately="20" @success="handtearchUploadSuccess" @remove="removetearchHandle"></imageUpload>
</div>
</div>
<div class="teachexcel">
产品经理培训
</div>
<div class="teachexcel">
规章制度
</div>
<div class="teachexcel">
职业操守与道德
</div>
</div>
<div class="teachphoto" style="height:70px">
<h3>专长</h3>
<div class="teachexcel">
通用力
</div>
<div class="teachexcel">
职业操守与道德
</div>
</div>
<div class="tearchexperi">
<h3>工作经历</h3>
<div style="float:left;margin-top:10px;width:350px">
<el-input
type="textarea"
:rows="3"
maxlength="80"
placeholder="请输入内容"
show-word-limit
v-model="teachform.tearchexpe">
</el-input>
</div>
</div>
</div>
</div>
<div v-if="infoswich == 1">
<ul class="base-info">
@@ -237,6 +264,7 @@
}
};
return {
Edittearch:true,
infoswich:1,
dynamicDataEdit:false,
hideHomeEdit:false,
@@ -251,9 +279,14 @@
form:{
account:{}
},
teachform:{
img:'',
tearchexpe:'',
},
dialogVisibleAvatar:false,
dialogVisiblePassword:false,
avatarUrl:'',
tearchUrl:'',
passwordForm:{},
rules:{
newPass: [
@@ -442,6 +475,14 @@
this.form.account.avatar = res.result.filePath;
this.avatarUrl= res.result.httpPath;
},
handtearchUploadSuccess(res){
this.teachform.img = res.result.filePath;
this.tearchUrl= res.result.httpPath;
},
removetearchHandle(){
this.avatarUrl='';
this.teachform.img = '';
},
removeHandle(){
this.avatarUrl='';
this.form.account.avatar = '';