承诺书，和成绩查询

src/assets/css/base.css

@@ -280,10 +280,10 @@ button:focus {
   margin: 0 auto;
 }
 .mh500 {
-    min-height: 500px;
+   min-height: 500px;
 }
 .mh576{
-	min-height: 576px;
+	min-height: 746px;
 }
 
 .rs {

src/components/httpServer/request.js

@@ -1,6 +1,28 @@
 import axios from 'axios'
 import { MessageBox, Message } from 'element-ui'
 
+let acitveAxios = 0
+let timer
+const showLoading = () => {
+  acitveAxios++
+  if (timer) {
+      clearTimeout(timer)
+  }
+  timer = setTimeout(() => {
+      if (acitveAxios > 0) {
+          context.$bus.emit("showLoading")
+      }
+  }, 400);
+}
+
+const closeLoading = () => {
+  acitveAxios--
+  if (acitveAxios <= 0) {
+      clearTimeout(timer)
+      context.$bus.emit("closeLoading")
+  }
+}
+
 // create an axios instance
 const service = axios.create({
   baseURL: '/', // url = base url + request url
@@ -42,10 +64,9 @@ service.interceptors.response.use(
     if (res.code == 200 || res.code == 20000) {
       return Promise.resolve(res  )
     } else if( res.code == 401){
-      localStorage.removeItem('token')
-      localStorage.removeItem('uid')
+      // localStorage.removeItem('token')
+      // localStorage.removeItem('paperId')
       // return Promise.reject( res )
-      window.reload()
       return Promise.resolve( res )
     }else {
       Message({

src/containers/center/components/menu/index.css

@@ -4,7 +4,7 @@
 }
 .m-left-list {
   margin-top: 20px;
-  min-height: 460px;
+  min-height: 400px;
   border-top: 1px solid #f8f8f8;
 }
 .m-left-list a {

src/containers/center/components/menu/menu.js

@@ -40,10 +40,24 @@ const menu = [
      icon: 'ico-order'
    },
    {
-     path: '/center/seat',
-     name: '打印准考证',
-     icon: 'ico-files'
-   }
+     path: '/center/exam',
+     name: '考试培训',
+     icon: 'ico-files',
+     children: [
+       {
+         path: '/center/examSeat',
+         name: '打印准考证'
+       },
+       {
+         path: '/center/examDownload',
+         name: '承诺书下载'
+       },
+       {
+         path: '/center/examScore',
+         name: '成绩查询'
+       }
+     ]
+    }
  ]
 
  export default menu

src/containers/center/exam/download.vue

@@ -0,0 +1,27 @@
+<template>
+    <div class="m-right-block fr mh576" style="position: relative;">
+      <div class="tc mt10">
+        <el-button type="primary" @click="download">
+          下载原件
+        </el-button>
+      </div>
+
+      <div class="right-block-bd" >
+         <img ref="print" src="../../../assets/promise.png" style="with:700px;margin: 0 auto;"/>
+      </div>
+
+    </div>
+</template>
+
+<script>
+export default {
+  methods:{
+    download(){
+      window.open( '/cdn/考生健康申明卡及安全考试承诺书（2022.5更新）.docx', '_blank' )
+    }
+  }
+}
+</script>
+
+<style>
+</style>

src/containers/center/exam/index.vue

@@ -1,5 +1,5 @@
 <template lang="html">
-  <div class="m-right-block fr">
+  <div class="main">
     <div class="exam-card">
         <el-row :gutter="20">
           <el-col :span="16"  >

src/containers/center/exam/score.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="m-right-block fr mh576" style="position: relative;">
+    <div class="right-block-bd">
+      <div class="mb10 tc mt20">
+        <span class="p-ico2 worm-ico-o"></span>
+         <span style="color: red;"> 注：考试完成，若未查到成绩，请及时联系管理员</span>
+      </div>
+      <el-table v-loading="listLoading" :data="list" border fit highlight-current-row>
+        <el-table-column label="准考号" align="center" min-width="140" prop="username"/>
+        <el-table-column label="考试科目" prop="courseName" align="center" min-width="140"/>
+        <el-table-column label="考试时间" prop="useTime" align="center" min-width="150">
+          <template slot-scope="{row}">
+            <span> {{row.startTime}}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="考试时长" prop="useTime" align="center" width="140">
+          <template slot-scope="{row}">
+            <span> {{row.useTime|sec2Time}}</span>
+          </template>
+         </el-table-column>
+
+        <el-table-column label="考试成绩" prop="score" align="center" width="110"/>
+
+        <el-table-column label="考试结果" prop="score" align="center" width="110">
+          <template slot-scope="{row}">
+            <span v-if="row.score>=60" style="color: #006400;"> 成绩合格</span>
+            <span v-else style="color: red;"> 不合格</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {httpServer} from "@/components/httpServer/httpServer.js";
+  import { mapGetters } from "vuex";
+  import {sec2Time} from "@/components/util.js";
+  export default {
+    name: "Index",
+    data() {
+      return {
+        page:1,
+        size:10,
+        total: 20,
+        info:{},
+        list: []
+      };
+    },
+    filters:{
+      sec2Time
+    },
+    beforeMount() {
+      this.getData()
+    },
+    methods: {
+      getData() {
+        this.listLoading = true
+        httpServer('User.GetExamUserScoreList', {}).then( res=>{
+            if( res.code == 200){
+              this.list = res.data||[]
+            }
+            this.listLoading = false
+        })
+      },
+      handleCurrentChange: function(page) {
+        this.page = page
+        this.getData()
+      }
+    }
+  }
+</script>
+
+<style>
+
+</style>

src/router/index.js

@@ -37,6 +37,8 @@ import CenterMarket from '@/containers/center/market/index'
 import CenterTrainMarket from '@/containers/center/market/trainIndex'
 import CenterExam from '@/containers/center/exam/index'
 import CenterExamTest from '@/containers/center/exam/indexTest'
+import CenterExamScore from '@/containers/center/exam/score'
+import CenterExamDownload from '@/containers/center/exam/download'
 
 import CenterUserSeat from '@/containers/center/userSeat/index'
 
@@ -171,10 +173,18 @@ export default new Router({
           path: 'setting',
           component: CenterSetting,
         },
-		{
-		  path: 'seat',
-		  component: CenterUserSeat,
-		},
+        {
+          path: 'examSeat',
+          component: CenterUserSeat,
+        },
+        {
+          path: 'examScore',
+          component: CenterExamScore,
+        },
+        {
+          path: 'examDownload',
+          component: CenterExamDownload,
+        }
       ],
     }
   ]