hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-13 04:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

教师信息编辑

Browse Source
This commit is contained in:
lmj
2022-12-07 16:50:38 +08:00
parent 4d5ab09233
commit b7df2ad664
1 changed files with 71 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/views/user/Setting.vue
View File

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