111

02/18 22:10

src/views/businessManager/shopManager/shopOperation.vue

@@ -71,6 +71,7 @@
                       prop="image">
           <el-upload class="avatar-uploader"
                      action="/api-web/uploadFile"
+                     accept=".jpg, .jpeg, .png"
                      :headers="headers"
                      :show-file-list="false"
                      :on-success="handleAvatarSuccess"

src/views/contentManager/contentOperation.vue

@@ -28,6 +28,7 @@
                      action="/api-web/uploadFile"
                      :headers="headers"
                      :show-file-list="false"
+                     accept=".jpg, .jpeg, .png"
                      :on-success="handleAvatarSuccess"
                      :before-upload="beforeAvatarUpload">
             <img v-if="form.coverImage"
@@ -52,11 +53,11 @@
                      :show-upload-list="false"
                      :headers="headers"
                      :on-success="handleSuccess"
-                     :format="['jpg','jpeg','png','gif']"
+                     accept=".jpg, .jpeg, .png"
                      :max-size="2048"
                      multiple
                      action="/api-web/uploadFile">
-            <Button icon="ios-cloud-upload-outline"></Button>
+            <Button icon="ios-cloud-upload-outline"></Button> 
           </el-upload>
         </el-form-item>
         <el-form-item>

src/views/teacherManager/teacherOperation/components/teacherOperation.vue

@@ -254,24 +254,38 @@
         <el-upload
           class="ivu-upload"
           :show-upload-list="false"
-          :show-file-list='false'
+          :show-file-list="false"
           :headers="headers"
           :on-success="handleSuccess"
-          :format="['jpg','jpeg','png','gif']"
+          accept=".jpg, .jpeg, .png"
           :max-size="2048"
           multiple
           action="/api-web/uploadFile"
         >
-          <el-button icon="ios-cloud-upload-outline" v-if="pageType != 'create'"v-permission="{child: 'resetTeacher/uploadFile', parent: '/teacherUpdate/baseInfo'}">修改头像</el-button>
-          <el-button icon="ios-cloud-upload-outline" v-if="pageType == 'create'" v-permission="{child: 'createTeacher/uploadFile', parent: '/teacherAdd/baseInfo'}">新增头像</el-button>
+          <el-button
+            icon="ios-cloud-upload-outline"
+            v-if="pageType != 'create'"
+            v-permission="{child: 'resetTeacher/uploadFile', parent: '/teacherUpdate/baseInfo'}"
+          >修改头像</el-button>
+          <el-button
+            icon="ios-cloud-upload-outline"
+            v-if="pageType == 'create'"
+            v-permission="{child: 'createTeacher/uploadFile', parent: '/teacherAdd/baseInfo'}"
+          >新增头像</el-button>
         </el-upload>
+        <p class="iconP">
+          推荐图片尺寸：200x200；
+          <br />支持的格式：jpg，jpeg，png；
+          <br />*头像修改后，需要点击页面
+          <br />下方「立即修改」保存生效；
+        </p>
       </div>
     </div>
   </div>
 </template>
 <script>
 // import { queryByOrganId } from '@/api/systemManage'
-import { getToken } from '@/utils/auth'
+import { getToken } from "@/utils/auth";
 import { branchQueryPage, subjectListTree } from "@/api/specialSetting";
 import { teacherAdd, teacherUpdate, teacherGet } from "@/api/teacherManager";
 import store from "@/store";
@@ -291,7 +305,7 @@ export default {
   name: "teacherOperation",
   data() {
     return {
-       headers: {
+      headers: {
         Authorization: getToken()
       },
       jobNature: jobNature,
@@ -352,7 +366,7 @@ export default {
             trigger: "change"
           }
         ],
-        isAvatar:null
+        isAvatar: null
       }
     };
   },
@@ -541,15 +555,15 @@ export default {
         query: { rules: this.Frules, search: this.Fsearch }
       });
     },
-    handleSuccess (res) {
+    handleSuccess(res) {
       // 获取富文本组件实例
       // let quill = this.editor
       // 如果上传成功
       if (res.code == 200) {
         // 获取光标所在位置
-       this.topForm.avatar = res.data.url
+        this.topForm.avatar = res.data.url;
       }
-    },
+    }
   }
 };
 </script>
@@ -652,5 +666,12 @@ export default {
       }
     }
   }
+  .iconP {
+    margin-top: 10px;
+    font-size: 14px;
+    color: red;
+    width: 260px;
+    text-align: center;
+  }
 }
 </style>