修改

src/router/routes/routes-file-temp.js

@@ -929,6 +929,5 @@ export default [
   transferRoutes,
   arrivalRoutes,
   departureRoutes,
-  advanceRoutes,
-  previewRoutes
+  advanceRoutes
 ]

src/views/login/index.vue

@@ -224,7 +224,11 @@ export default {
           "event": "0"
         })
         if (code == 0) {
-          this.$message.success('信息已提交,如验证通过,则新密码发送至注册邮箱');
+          this.$message({
+            type: 'success',
+            duration: 10000,
+            message: '信息已提交,如验证通过,则新密码发送至注册邮箱'
+          });
           this.pwdflag = false,
             this.$refs[formName].resetFields()
         } else {

src/views/previewPage/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-loading="loading" class="home">
     <div v-if="fileType == 'xlsx'" style="overflow-y: scroll;" class="home_content">
-      <div v-html="tableau"></div>
+      <div class="home_content_xlsx" v-html="tableau"></div>
     </div>
     <div v-else-if="fileType == 'pdf'" style="overflow-y: scroll;" class="home_content">
       <pdf v-for="i in numPages" :key="i" :src="pdfSrc" :page="i"></pdf>
@@ -43,7 +43,7 @@ export default {
         const workbook = XLSX.read(new Uint8Array(data), { type: "array" }); // 解析数据
         const sheet = workbook.Sheets[workbook.SheetNames[0]]; // workbook.SheetNames 下存的是该文件每个工作表名字,这里取出第一个工作表
         const csv = XLSX.utils.sheet_to_html(sheet)
-        this.tableau = this.csv2table(csv)
+        this.tableau = this.apendTable(this.csv2table(csv, fileName))
         this.loading = false
       }).catch(err => {
         this.loading = false
@@ -85,15 +85,28 @@ export default {
         console.error(err)
       })
     },
-    csv2table (csv) {
+    csv2table (csv, fileName) {
       var html = '';
-      let str = csv
+      let str = csv;
       let startNo = str.indexOf(`<table>`);
       let endNo = str.indexOf(`</table>`);
       str = str.substring(startNo, endNo + `</table>`.length);
-
       str = str.replace(/(\b(?:id|t|v)=".*?")/g, '');
-      str = str.replace('<table>', `<table border="1" style="border-collapse:collapse; width: 100%; border:1px solid #666666;line-height: 2;">`);
+      if (fileName == './航站三字码对应表.xlsx') {
+        str = str.replace('<table>', `<table border="1" style="border-collapse:collapse; width: 100%; border:1px solid #666666;line-height: 2;">`);
+      } else {
+        str = str.replace('<table>', `<table class="table" border="1" style="border-collapse:collapse; width: 100%; border:1px solid #666666;line-height: 2;">`);
+      }
+      html += str;
+      return html;
+    },
+    apendTable (str) {
+      let html = '';
+      let startNo = str.indexOf(`<tr>`);
+      let endNo = str.indexOf(`</tr>`);
+      let thead = str.substring(startNo, endNo);
+      let theadh = thead.replaceAll('td', 'th')
+      str = str.replace(`${thead}</tr>`, `<thead>${theadh}</tr></thead>`)
       html += str;
       return html;
     }
@@ -109,6 +122,40 @@ export default {
     height: 100%;
     width: 100%;
     overflow: hidden;
+    background-color: #fff;
+    ::v-deep &_xlsx {
+      .table {
+        tr {
+          th {
+            &:last-child {
+              display: none;
+            }
+          }
+          td {
+            &:last-child {
+              display: none;
+            }
+          }
+        }
+      }
+      table {
+        table-layout: fixed;
+        thead {
+          text-align: center;
+          tr {
+            // height: 50px;
+            th {
+              position: sticky;
+              top: 0;
+              background: #fff;
+            }
+          }
+        }
+        tbody {
+          text-align: center;
+        }
+      }
+    }
   }
 }
-</style>
+</style>