修改bug

src/api/account.js

@@ -20,7 +20,11 @@ export function getScore(params) {
 export function getCerts(params) {
   return httpRequest.get('/api/certs/v1/student/get-certificate', { params })
 }
-// // 登出
+// 登出
 export function logout() {
   return httpRequest.get('/api/passport/rest/logout')
 }
+// 更新邮箱
+export function updateInfo(data) {
+  return httpRequest.post('/api/certs/v1/student/update-info', data)
+}

src/pages/shms/score/index.vue

@@ -6,7 +6,7 @@
       :show-layout="false"
       :float-layout="false"
       :enable-download="true"
-      :preview-modal="true"
+      :preview-modal="false"
       :manual-pagination="true"
       :paginate-elements-by-height="500"
       filename="file"

src/pages/shms/status/components/profile.vue

 <template>
   <div>
     <div class="profile-title">{{ $t('shmsLang.status.proTitle') }}</div>
-    <div class="profile-content">
+    <div :class="isPdf ? 'profile-content is-pdf' : 'profile-content'">
       <div class="photo">
         <img :src="info.head_img" />
       </div>
@@ -16,6 +16,12 @@
         <div class="info-temp m-t33">
           <div class="name w120">{{ $t('shmsLang.status.email') }}</div>
           <div class="value">{{ info.email }}</div>
+          <div
+            @click="dialogVisible = true"
+            v-if="!isPdf"
+            class="email-icon el-icon-edit-outline"
+            style="color: #4eaeea"
+          ></div>
         </div>
       </div>
       <div class="info-box">
@@ -41,17 +47,31 @@
         </div>
       </div>
     </div>
+    <el-dialog title="email" :visible.sync="dialogVisible" width="30%">
+      <el-input v-model="emailValue" autocomplete="off"></el-input>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="updateInfo">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
+import * as api from '@/api/account.js'
 export default {
   props: {
     info: {
       type: Object
+    },
+    isPdf: {
+      type: Boolean
     }
   },
   data() {
-    return {}
+    return {
+      emailValue: '',
+      dialogVisible: false
+    }
   },
   computed: {
     setSex() {
@@ -78,9 +98,30 @@ export default {
     }
   },
   mounted() {
+    this.emailValue = this.info.email
     this.setDate()
   },
   methods: {
+    updateInfo() {
+      const reg = /^([a-zA-Z]|[0-9])(\w|-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
+      if (!reg.test(this.emailValue)) {
+        this.$message({
+          message: 'The email format is incorrect',
+          type: 'warning'
+        })
+        return false
+      }
+      api
+        .updateInfo({ email: this.emailValue })
+        .then(response => {
+          if (response.code === 0) {
+            this.dialogVisible = false
+            this.info.email = this.emailValue
+            this.$forceUpdate()
+          }
+        })
+        .finally(() => {})
+    },
     setDate() {
       const substringDate = '2021-01-01'.substring(0, '2021-01-01 01:01:00'.indexOf(' '))
       const splitDate = substringDate.split('-')
@@ -104,6 +145,16 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+// ::v-deep {
+//   .el-dialog__wrapper {
+//     background: rgba(0,0,0,0.3) !important;
+//   }
+// }
+.email-icon {
+  color: '#4EAEEA';
+  font-size: 20px;
+  margin-left: 10px;
+}
 .profile-title {
   font-size: 20px;
   line-height: 24px;
@@ -115,6 +166,11 @@ export default {
   border-bottom: 1px solid #e8e8e8;
   display: flex;
   justify-content: space-around;
+  &.is-pdf {
+    .value {
+      max-width: 100px !important;
+    }
+  }
   .photo {
     width: 146px;
     min-width: 146px;
@@ -165,7 +221,6 @@ export default {
         text-align: right;
       }
       .value {
-        max-width: 100px;
         font-size: 16px;
         color: #838383;
         margin-left: 19px;

src/pages/shms/status/index.vue

@@ -17,19 +17,24 @@
       </div>
       <div class="btn" @click="generateReport">{{ $t('shmsLang.downloadBtn') }}</div>
     </div>
+    <div class="pdf-down_box">
+      <profile :info="info" @changes="changes" />
+      <degrees :degreesItem="degreesItem" />
+    </div>
     <vue-html2pdf
       :show-layout="false"
-      :float-layout="false"
+      :float-layout="true"
       :enable-download="true"
-      :preview-modal="true"
+      :preview-modal="false"
       :paginate-elements-by-height="1000"
+      :manual-pagination="true"
       filename="file"
       pdf-content-width="100%"
       ref="html2Pdf"
     >
       <section slot="pdf-content">
         <div class="pdf-down_box">
-          <profile :info="info" @changes="changes" />
+          <profile :info="info" :isPdf="true" @changes="changes" />
           <degrees :degreesItem="degreesItem" />
         </div>
       </section>
@@ -85,6 +90,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+::v-deep {
+  .vue-html2pdf {
+    display: none;
+  }
+}
 .pdf-down_box {
   padding: 0 30px;
 }