From b7df2ad66470340267aab4d0288f7e92ffcd1f1e Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Wed, 7 Dec 2022 16:50:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=99=E5=B8=88=E4=BF=A1=E6=81=AF=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/Setting.vue | 101 ++++++++++++++++++++++++++-----------
 1 file changed, 71 insertions(+), 30 deletions(-)

diff --git a/src/views/user/Setting.vue b/src/views/user/Setting.vue
index 214feadc..49596ab9 100644
--- a/src/views/user/Setting.vue
+++ b/src/views/user/Setting.vue
@@ -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 = '';