From aa1bf8cfeb2014eb2f1610ef9b2d1ea98968ad9c Mon Sep 17 00:00:00 2001
From: xyc <3422692813@qq.com>
Date: Wed, 4 Jun 2025 12:35:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../officialWebsite/Components/header.vue     | 64 +++++++++++++++++--
 1 file changed, 59 insertions(+), 5 deletions(-)

diff --git a/ruoyi-ui/src/views/officialWebsite/Components/header.vue b/ruoyi-ui/src/views/officialWebsite/Components/header.vue
index a697e41..8b9c4a5 100644
--- a/ruoyi-ui/src/views/officialWebsite/Components/header.vue
+++ b/ruoyi-ui/src/views/officialWebsite/Components/header.vue
@@ -77,9 +77,9 @@
         <el-button type="primary" @click="submitLogin">登 录</el-button>
       </span>
     </el-dialog>
-    <el-dialog title="网站注册" :close-on-click-modal="false" :visible.sync="registerDialog" width="30%" :modal="false">
+    <el-dialog title="网站注册" style="z-index: 5" :close-on-click-modal="false" :visible.sync="registerDialog" width="30%" :modal="false">
       <div>
-        <el-form :model="registerForm" :rules="registerRules" ref="registerForm">
+        <el-form :model="registerForm" label-position="top" :rules="registerRules" ref="registerForm">
           <el-form-item prop="userType">
             <el-radio-group v-model="registerForm.userType">
               <el-radio label="01">学生</el-radio>
@@ -142,8 +142,25 @@
             <el-input placeholder="职务" v-model="registerForm.hitRegistrationTeachInfo.teacherJob" type="text"
             ></el-input>
           </el-form-item>
-          <el-form-item label="批准盖章文件" prop="hitRegistrationTeachInfo.file" label-width="130px" v-if="registerForm.userType === '03'">
-            <image-upload :limit="1" v-model="registerForm.hitRegistrationTeachInfo.file"></image-upload>
+          <el-form-item label="批准盖章文件"  prop="hitRegistrationTeachInfo.file" label-width="130px" v-if="registerForm.userType === '03'">
+<!--            <image-upload :limit="1" v-model="registerForm.hitRegistrationTeachInfo.file"></image-upload>-->
+            <el-upload
+              ref="upload"
+              :limit="1"
+              :headers="upload.headers"
+              :action="upload.url + '?updateSupport=' + upload.updateSupport"
+              :disabled="upload.isUploading"
+              :on-progress="handleFileUploadProgress"
+              :on-success="handleFileSuccess"
+              :auto-upload="true"
+              drag
+            >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              <div class="el-upload__tip text-center" slot="tip">
+                <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
+              </div>
+            </el-upload>
           </el-form-item>
 
 
@@ -163,7 +180,7 @@
           <el-form-item></el-form-item>
         </el-form>
       </div>
-      <span slot="footer" class="dialog-footer">
+      <span slot="footer" class="dialog-footer" style="z-index: 5">
         <el-button @click="showRegisterDialog = false">取 消</el-button>
         <el-button type="primary" @click="submitRegister">注 册</el-button>
       </span>
@@ -245,6 +262,20 @@ export default {
 
         }
       },
+      upload: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/common/upload"
+      },
       registerRules: {
         username: [
           { required: true, trigger: 'blur', message: '请输入您的账号' },
@@ -316,6 +347,17 @@ export default {
   },
 
   methods: {
+    /** 下载模板操作 */
+    importTemplate() {
+      const url = 'https://meevexp.oberyun.com/hgdWebsite/profile/upload/2025/06/04/第七届全国大学生市政环境AI+创新实践能力大赛领队授权模板(1)_20250604120443A157.docx';
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = ''; // 设置 download 可以避免打开新窗口
+      link.style.display = 'none';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
 
     //用户信息
     loadUserInfo() {
@@ -348,6 +390,18 @@ export default {
         rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
       }
     },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+      this.upload.isUploading = false;
+      this.$refs.upload.clearFiles();
+      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
+      this.registerForm.hitRegistrationTeachInfo.file = response.fileName
+      console.log('上传',response)
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
     // 登录
     submitLogin() {
       this.$refs.loginForm.validate(valid => {