教师信息编辑

src/views/user/Setting.vue

@@ -19,6 +19,9 @@
           <h4 @click="infoswich=0" :class="infoswich == 0 ? 'h4active' : '' ">教师信息</h4>
         </div>
         <div v-if="infoswich == 0">
+          <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="">
@@ -52,6 +55,30 @@
                       </div>
                 </div>
           </div>
+          <!-- 编辑教师 -->
+           <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="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">
           <li><label class="label" style="width:32px">姓名</label><span class="info-text">{{form.name}}</span></li>
@@ -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 = '';