diff --git a/src/assets/img/ach1.png b/src/assets/img/ach1.png
new file mode 100644
index 0000000..b855a97
Binary files /dev/null and b/src/assets/img/ach1.png differ
diff --git a/src/assets/img/ach2.png b/src/assets/img/ach2.png
new file mode 100644
index 0000000..23df370
Binary files /dev/null and b/src/assets/img/ach2.png differ
diff --git a/src/router/index.js b/src/router/index.js
index dc41d9e..a766c71 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -125,6 +125,10 @@ let router = new Router({
           path: '/trialReport',
           component: () => import('../views/match/manage/trialReport'),
         },
+        {
+          path: '/theoryArchList',
+          component: () => import('../views/match/manage/theoryArchList'),
+        },
         {
           path: '/theoryReport',
           component: () => import('../views/match/manage/theoryReport'),
diff --git a/src/views/match/list/index.vue b/src/views/match/list/index.vue
index f115bbf..a9a998a 100644
--- a/src/views/match/list/index.vue
+++ b/src/views/match/list/index.vue
@@ -29,17 +29,35 @@
     <div class="tool mul">
       <ul class="filter">
         <li>
-          <label>大赛来源：</label>
-          <el-select v-model="form.platformSource" clearable @change="sourceChange">
+          <label>竞赛来源：</label>
+          <el-select v-model="form.platformSource" clearable @change="initData">
             <el-option v-for="(item, i) in sourceList" :key="i" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </li>
         <li>
-          <label>大赛范围：</label>
-          <el-select v-model="form.competitionScope" clearable @change="initData">
+          <label>发布类型：</label>
+          <el-select v-model="form.releaseType" clearable @change="initData">
+            <el-option v-for="(item, i) in releaseTypes" :key="i" :label="item.name" :value="item.id"></el-option>
+          </el-select>
+        </li>
+        <li>
+          <label>竞赛范围：</label>
+          <el-select v-model="form.competitionScope" @change="initData">
             <el-option v-for="(item, i) in rangeList" :key="i" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </li>
+        <li>
+          <label>竞赛类型：</label>
+          <el-select v-model="form.competitionType" clearable @change="initData">
+            <el-option v-for="(item, i) in competitionTypes" :key="i" :label="item.name" :value="item.id"></el-option>
+          </el-select>
+        </li>
+        <li>
+          <label>状态：</label>
+          <el-select v-model="form.publishStatus" clearable @change="initData">
+            <el-option v-for="(item, i) in publishStatus" :key="i" :label="item.name" :value="item.id"></el-option>
+          </el-select>
+        </li>
       </ul>
       <div>
         <el-button type="primary" round @click="add" v-auth>创建竞赛</el-button>
@@ -56,34 +74,39 @@
         </template>
       </el-table-column>
       <el-table-column prop="competitionName" label="竞赛名称" align="center"></el-table-column>
-      <el-table-column prop="name" label="竞赛类型" width="90" align="center">
+      <el-table-column prop="name" label="竞赛来源" width="90" align="center">
         <template slot-scope="scope">
-          {{ scope.row.competitionType ? '团队赛' : '个人赛' }}
+          {{ sourceList.find(e => e.id === scope.row.platformSource).name }}
         </template>
       </el-table-column>
-      <el-table-column prop="founderName" label="创建人" align="center"></el-table-column>
-      <el-table-column prop="name" label="大赛来源" width="110" align="center">
+      <el-table-column prop="name" label="发布类型" width="110" align="center">
         <template slot-scope="scope">
-          {{ sourceList.find(e => e.id === scope.row.platformSource).name }}
+          {{ scope.row.releaseType ? '设置完整比赛' : '练习赛' }}
         </template>
       </el-table-column>
-      <el-table-column prop="name" label="大赛范围" align="center">
+      <el-table-column prop="name" label="竞赛范围" width="100" align="center">
         <template slot-scope="scope">
           {{ rangeList.find(e => e.id === scope.row.competitionScope).name }}
         </template>
       </el-table-column>
+      <el-table-column prop="name" label="竞赛类型" width="90" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.competitionType ? '团队赛' : '个人赛' }}
+        </template>
+      </el-table-column>
       <el-table-column prop="applicantNum" label="报名人数" align="center" width="100"></el-table-column>
       <el-table-column prop="status" label="状态" align="center" width="80">
         <template slot-scope="scope">
           {{ scope.row.publishStatus ? '已发布' : '未发布' }}
         </template>
       </el-table-column>
-      <el-table-column prop="time" label="竞赛时间" align="center" width="290">
+      <el-table-column prop="time" label="比赛时间" align="center" width="290">
         <template slot-scope="scope">
           {{ scope.row.playStartTime }} ~ {{ scope.row.playEndTime }}
         </template>
       </el-table-column>
       <el-table-column prop="createTime" label="创建时间" align="center" width="160"></el-table-column>
+      <el-table-column prop="founderName" label="创建人" width="130" align="center"></el-table-column>
       <el-table-column label="操作" align="center" width="280">
         <template slot-scope="scope">
           <el-button type="text" @click="copy(scope.row)">复制</el-button>
@@ -150,11 +173,25 @@ export default {
           name: "院校创建"
         }
       ],
-      rangeList: [
+      releaseTypes: [
         {
           id: '',
           name: "不限"
         },
+        {
+          id: 0,
+          name: '发布信息'
+        },
+        {
+          id: 1,
+          name: '完整比赛'
+        }
+      ],
+      rangeList: [
+        {
+          id: null,
+          name: "不限"
+        },
         {
           id: 1,
           name: "全平台"
@@ -168,14 +205,45 @@ export default {
           name: "校内"
         }
       ],
+      competitionTypes: [
+        {
+          id: '',
+          name: '不限'
+        },
+        {
+          id: 0,
+          name: '个人赛'
+        },
+        {
+          id: 1,
+          name: '团队赛'
+        }
+      ],
+      publishStatus: [
+        {
+          id: '',
+          name: '不限'
+        },
+        {
+          id: 0,
+          name: '未发布'
+        },
+        {
+          id: 1,
+          name: '已发布'
+        }
+      ],
       matchData: [],
       form: {
-        keyWord: this.$route.query.keyWord || null,
-        month: +this.$route.query.month || '',
-        startTime: this.$route.query.startTime || '',
-        endTime: this.$route.query.endTime || '',
-        platformSource: this.$route.query.platformSource === 'null' ? null : (+this.$route.query.platformSource || 0), // 大赛来源(0中台，1职站)
-        competitionScope: this.$route.query.competitionScope ? +this.$route.query.competitionScope : '', // 大赛范围(0:本校内 1:全平台 2.指定区域、院校)
+        keyWord: null,
+        month: '',
+        startTime: null,
+        endTime: null,
+        releaseType: '',
+        publishStatus: '',
+        competitionType: '',
+        platformSource: 0, // 大赛来源(0中台，1职站)
+        competitionScope: null, // 大赛范围(0:本校内 1:全平台 2.指定区域、院校)
       },
       multipleSelection: [],
       dateList: [
@@ -246,6 +314,18 @@ export default {
   mounted () {
     const { query } = this.$route
     if (query.page) {
+      const { keyWord, month, startTime, endTime, platformSource, competitionScope, competitionType, publishStatus, releaseType } = query
+      this.form = {
+        keyWord: keyWord || null,
+        month: +month || '',
+        startTime: startTime || null,
+        endTime: endTime || null,
+        competitionType: competitionType || '',
+        publishStatus: publishStatus || '',
+        releaseType: releaseType || '',
+        platformSource: platformSource === 'null' ? null : (+platformSource || 0), // 大赛来源(0中台，1职站)
+        competitionScope: competitionScope ? +competitionScope : null, // 大赛范围(0:本校内 1:全平台 2.指定区域、院校)
+      }
       this.$router.push('/match').catch(() => { })
     }
 
@@ -266,11 +346,7 @@ export default {
       this.$post(this.api.CompetitionPageConditionQueryByNakadai, {
         pageNum: this.page,
         pageSize: this.pageSize,
-        competitionScope: form.competitionScope === '' ? null : form.competitionScope,
-        endTime: form.endTime || null,
-        keyWord: form.keyWord,
-        platformSource: form.platformSource,
-        startTime: form.startTime || null,
+        ...form
       }).then(({ data }) => {
         const list = data.records
         // 定时处理是否要显示修改结束时间按钮
diff --git a/src/views/match/manage/matchArch.vue b/src/views/match/manage/matchArch.vue
index 5aefa95..66cc1c6 100644
--- a/src/views/match/manage/matchArch.vue
+++ b/src/views/match/manage/matchArch.vue
@@ -1,53 +1,29 @@
 <template>
   <!-- 报名人员 -->
-  <div class="page-content"
-       style="padding: 24px">
-    <el-table ref="table"
-              :data="list"
-              class="table"
-              stripe
-              header-align="center"
-              row-key="stageId">
-      <el-table-column type="index"
-                       width="60"
-                       label="序号"
-                       align="center">
+  <div class="page-content" style="padding: 24px">
+    <el-table ref="table" :data="list" class="table" stripe header-align="center" row-key="stageId">
+      <el-table-column type="index" width="60" label="序号" align="center">
         <template slot-scope="scope">
           {{ scope.$index + 1 }}
         </template>
       </el-table-column>
-      <el-table-column prop="stageName"
-                       label="阶段名称"
-                       align="center"></el-table-column>
-      <el-table-column prop="methodName"
-                       label="比赛方式"
-                       align="center"></el-table-column>
-      <el-table-column prop="founderName"
-                       label="比赛形式"
-                       align="center">
+      <el-table-column prop="stageName" label="阶段名称" align="center"></el-table-column>
+      <el-table-column prop="methodName" label="比赛方式" align="center"></el-table-column>
+      <el-table-column prop="founderName" label="比赛形式" align="center">
         <template slot-scope="scope">
           {{ scope.row.competitionType ? '团队赛' : '个人赛' }}
         </template>
       </el-table-column>
-      <el-table-column prop="ruleName"
-                       label="赛制"
-                       align="center"></el-table-column>
-      <el-table-column prop="status"
-                       label="状态"
-                       align="center"></el-table-column>
-      <el-table-column label="竞赛起止时间"
-                       width="290"
-                       align="center">
+      <el-table-column prop="ruleName" label="赛制" align="center"></el-table-column>
+      <el-table-column prop="status" label="状态" align="center"></el-table-column>
+      <el-table-column label="竞赛起止时间" width="290" align="center">
         <template slot-scope="scope">
           {{ scope.row.startTime + ' ~ ' + scope.row.endTime }}
         </template>
       </el-table-column>
-      <el-table-column label="操作"
-                       align="center"
-                       width="260">
+      <el-table-column label="操作" align="center" width="260">
         <template slot-scope="scope">
-          <el-button type="primary"
-                     @click="toRank(scope.row, scope.$index)">排名</el-button>
+          <el-button type="primary" @click="toRank(scope.row, scope.$index)">排名</el-button>
           <el-button @click="toArch(scope.row, scope.$index)">成绩管理</el-button>
         </template>
       </el-table-column>
@@ -125,7 +101,7 @@ export default {
       this.$store.commit('setInnerReferrer', this.$route.fullPath)
       const cur = this.form.competitionStage[i]
       const showFile = !!(cur.method === 2 && cur.competitionStageContentSetting && cur.competitionStageContentSetting.whetherToUploadFiles)
-      this.$router.push(`/matchArchList?id=${this.id}&stageId=${row.stageId}&method=${row.method}&competitionType=${row.competitionType}&showFile=${showFile}`)
+      this.$router.push(`/${cur.method === 2 ? 'matchArchList' : 'theoryArchList'}?id=${this.id}&stageId=${row.stageId}&method=${row.method}&competitionType=${row.competitionType}&showFile=${showFile}`)
     }
   }
 };
@@ -133,15 +109,17 @@ export default {
 
 <style lang="scss" scoped>
 /deep/.el-collapse-item__header {
-    font-size: 16px;
-    color: #333;
+  font-size: 16px;
+  color: #333;
 }
+
 .line {
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-    span {
-        margin-right: 30px;
-    }
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+
+  span {
+    margin-right: 30px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/match/manage/theoryArchList.vue b/src/views/match/manage/theoryArchList.vue
new file mode 100644
index 0000000..230cb58
--- /dev/null
+++ b/src/views/match/manage/theoryArchList.vue
@@ -0,0 +1,554 @@
+<template>
+  <div>
+    <el-card shadow="hover" class="m-b-20 head-card">
+      <div class="flex-between m-b-20">
+        <el-page-header @back="back" content="成绩管理"></el-page-header>
+      </div>
+
+    </el-card>
+
+    <div v-loading="loading">
+      <el-card v-if="method != 2" shadow="hover" class="m-b-20">
+        <div class="stat">
+          <div class="nums">
+            <div class="item">
+              <p class="name">已参加/应参加人数</p>
+              <p class="val">{{ isNaN(statData.totalNumber) ? '' : statData.attendance + '/' + statData.totalNumber }}
+              </p>
+            </div>
+            <div class="item">
+              <p class="name">平均分</p>
+              <p class="val">{{ (+statData.avgScore).toFixed(2) }}</p>
+            </div>
+            <div class="item">
+              <p class="name">最高分</p>
+              <p class="val">{{ statData.maxScore }}
+              </p>
+            </div>
+            <div class="item">
+              <p class="name">最低分</p>
+              <p class="val">{{ statData.minScore }}</p>
+            </div>
+          </div>
+          <div class="chart" id="chart"></div>
+        </div>
+      </el-card>
+
+      <el-card shadow="hover" class="m-b-20">
+        <div class="tabs m-b-20">
+          <a class="item" v-for="(item, i) in tabs" :key="i" :class="{ active: item.id === active }"
+            @click="tabChange(item.id)">{{ item.name }}</a>
+        </div>
+
+        <div class="flex-between m-b-20">
+          <div>
+            <el-input size="small" placeholder="请输入学校/学生姓名" prefix-icon="el-icon-search" v-model="keyword" clearable
+              style="width: 300px"></el-input>
+          </div>
+          <div v-if="!active">
+            <el-button v-if="method == 2" type="primary" @click="batchImport">上传成绩</el-button>
+            <el-button type="primary" :disabled="!!multipleSelection.find(e => method != 2 && !e.reportId)"
+              @click="delAllData">批量删除</el-button>
+            <el-button type="primary" :loading="exporting" @click="exportData">{{ exporting ? '正在导出' : '批量导出'
+              }}</el-button>
+          </div>
+          <div v-else>
+            <el-button type="primary" :loading="exporting1" @click="exportData1">{{ exporting1 ? '正在导出' : '批量导出'
+              }}</el-button>
+          </div>
+        </div>
+        <el-table :data="list" class="table" :key="1" ref="table" stripe header-align="center"
+          @selection-change="handleSelectionChange" row-key="id">
+          <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
+          <el-table-column type="index" width="60" label="序号" align="center">
+            <template slot-scope="scope">
+              {{ scope.$index + (page - 1) * pageSize + 1 }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="schoolName" label="学生账号归属" min-width="100" align="center"></el-table-column>
+          <el-table-column prop="realSchool" label="学生所在院校" min-width="100" align="center"></el-table-column>
+          <el-table-column v-if="competitionType" prop="teamName" label="团队名称" min-width="100"
+            align="center"></el-table-column>
+          <el-table-column prop="userName" label="学生姓名" min-width="100" align="center"></el-table-column>
+          <el-table-column prop="workNumber" label="学号" min-width="100" align="center"></el-table-column>
+          <el-table-column prop="score" label="分数" width="90" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.submitTime ? scope.row.score : '--' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="timeSum" label="耗时" width="90" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.timeSum ? scope.row.timeSum + 'min' : '--' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="submitTime" label="提交时间" min-width="150" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.submitTime || '--' }}
+            </template>
+          </el-table-column>
+          <el-table-column label="状态" width="100" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.reportId || method == 2 ? '已参加' : '未参加' }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center" width="160">
+            <template slot-scope="scope">
+              <el-button v-if="method != 2 && scope.row.reportId" type="text"
+                @click="show(scope.row)">查看成绩报告</el-button>
+              <el-button v-if="scope.row.reportId" type="text" @click="handleDelete(scope.row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="pagination">
+          <el-pagination background layout="total, prev, pager, next" :total="total"
+            @current-change="handleCurrentChange" :current-page="page">
+          </el-pagination>
+        </div>
+      </el-card>
+    </div>
+    <el-dialog title="批量导入" :visible.sync="importVisible" width="24%" :close-on-click-modal="false"
+      @close="cancelUpload">
+      <div style="text-align: center">
+        <template v-if="!uploadFaild">
+          <div style="margin-bottom: 10px;">
+            <el-button type="primary" @click="download">模板下载<i class="el-icon-download el-icon--right"></i></el-button>
+          </div>
+          <el-upload ref="upload" name="file" accept=".xls,.xlsx" class="import-file" :before-upload="beforeUpload"
+            :on-remove="handleRemove" :on-error="uploadError" :on-success="uploadSuccess" :before-remove="beforeRemove"
+            :limit="1" :on-exceed="handleExceed" :action="this.api.batchImportGrades" :file-list="uploadList"
+            :headers="headers" :disabled="uploading" :data="{
+              competitionId: this.id,
+              stageId: this.stageId,
+              systemId: 0
+            }">
+            <el-button type="primary" :loading="uploading" class="ml20">上传文件<i
+                class="el-icon-upload2 el-icon--right"></i></el-button>
+          </el-upload>
+        </template>
+        <template v-else>
+          <p style="margin: -10px 0 13px;font-size: 14px;color: #e90000;">{{ faildData.tip }}</p>
+          <p type="primary"
+            style="margin-bottom: 10px;font-size: 14px;color: #9076FF;text-decoration: underline;cursor: pointer;"
+            @click="showFaild">部分数据导入失败，查看失败原因</p>
+        </template>
+      </div>
+      <span v-if="uploading" slot="footer" class="dialog-footer">
+        <el-button @click="cancelUpload">停止导入</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import util from "@/libs/util";
+import * as echarts from "echarts";
+import axios from 'axios';
+import Zip from '@/libs/zip'
+export default {
+  data () {
+    return {
+      id: +this.$route.query.id,
+      stageId: +this.$route.query.stageId,
+      method: +this.$route.query.method,
+      competitionType: +this.$route.query.competitionType,
+      isCompress: util.isCompress,
+      keyword: this.$route.query.keyword || '',
+      searchTimer: null,
+      list: [],
+      multipleSelection: [],
+      page: +this.$route.query.page || 1,
+      pageSize: 10,
+      total: 0,
+
+      list1: [],
+      multipleSelection1: [],
+      page1: 1,
+      total1: 0,
+
+      avgScore: 0, // 平均分
+      importVisible: false,
+      uploadList: [],
+      uploadFaild: false,
+      uploading: false,
+      faildData: null,
+      headers: {
+        token: sessionStorage.getItem("token")
+      },
+      statData: {
+        avgScore: 0,
+        maxScore: 0,
+        minScore: 0,
+      },
+      tabs: [
+        {
+          id: 1,
+          name: '成绩报告'
+        },
+        {
+          id: 0,
+          name: '未完成竞赛'
+        }
+      ],
+      active: 1,
+      loading: false,
+      exporting: false,
+      exporting1: false,
+    };
+  },
+  watch: {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        this.$router.push({
+          path: '/theoryArchList',
+          query: {
+            ...this.$route.query,
+            keyword: val
+          }
+        })
+        this.initData();
+      }, 500);
+    }
+  },
+  mounted () {
+    this.getData()
+  },
+  methods: {
+    async getData () {
+      this.loading = true
+      const { data, page } = await this.$post(this.api.stageGradeManagementList, {
+        pageNum: this.page,
+        pageSize: this.pageSize,
+        competitionId: this.id,
+        keyWord: this.keyword,
+        stageId: this.stageId,
+        isNakadai: 1,
+        participatingState: this.active,
+      })
+      this.loading = false
+      this.total = page.total
+      this.list = page.records
+      this.statData = data
+      this.getChart()
+    },
+    initData () {
+      this.page = 1
+      this.getData()
+    },
+    // 查看成绩报告
+    show (row) {
+      this.$router.push(`/${row.paperId ? 'theoryReport' : 'trialReport'}?reportId=${row.reportId}`)
+    },
+    // 导出(有勾选：就导勾选中的；没有勾选：就导全部)
+    async exportData () {
+      if (this.list.length) {
+        this.exporting = true
+        // 有选择数据，则导出已选择的，否则导出全部
+        if (this.multipleSelection.length) {
+          const res = await axios.post(this.api.exportExperimentalResultsInBatch, this.multipleSelection, {
+            headers: this.headers,
+            responseType: 'blob'
+          })
+          util.downloadFileDirect(`赛事成绩.xls`, new Blob([res.data]))
+          this.exporting = false
+        } else if (this.list.length) {
+          const res = await axios.post(this.api.allExperimentalResultsAreDerived, {
+            pageNum: 1,
+            pageSize: 10000,
+            competitionId: this.id,
+            isNakadai: 1,
+            stageId: this.stageId,
+          }, {
+            headers: this.headers,
+            responseType: 'blob'
+          })
+          util.downloadFileDirect(`赛事成绩.xls`, new Blob([res.data]))
+          this.exporting = false
+        }
+      }
+    },
+    // 导出(有勾选：就导勾选中的；没有勾选：就导全部)
+    exportData1 () {
+      this.exporting1 = true
+      let list = this.list1
+      if (this.multipleSelection1.length) {
+        list = this.multipleSelection1
+      }
+      Zip('批量导出', list, () => {
+        this.exporting1 = false
+      })
+    },
+    handleDelete (row) { // 删除
+      this.$confirm("确定要删除吗？", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.$post(this.api.batchDeleteContestGrade, {
+          ids: [this.method == 2 ? row.scoreId : row.reportId],
+          competitionId: this.id,
+          stageId: this.stageId
+        }).then(res => {
+          util.successMsg("删除成功");
+          this.getData();
+        }).catch(res => {
+        });
+      }).catch(() => { });
+    },
+    delAllData () { // 批量删除
+      const list = this.multipleSelection
+      this.$confirm(list.length ? '该项目下的所有成绩报告将会删除，是否继续？' : '是否确定删除列表所有成绩数据？', "提示", {
+        type: "warning"
+      }).then(async () => {
+        let ids = []
+        if (list.length) {
+          ids = list.map(item => {
+            return this.method == 2 ? item.scoreId : item.reportId
+          });
+          ids = ids.filter(e => e)
+        }
+        const data = {
+          competitionId: this.id,
+          stageId: this.stageId
+        }
+        if (list.length) data.ids = ids
+        await this.$post(this.api.batchDeleteContestGrade, data)
+        this.multipleSelection = [];
+        this.$refs.table.clearSelection();
+        util.successMsg("删除成功");
+        this.getData();
+      }).catch(() => { });
+    },
+    handleSelectionChange (val) { // 多选
+      this.multipleSelection = val;
+    },
+    handleCurrentChange (val) { // 切换分页
+      this.$router.push({
+        path: '/matchArchList',
+        query: {
+          ...this.$route.query,
+          page: val
+        }
+      })
+      this.page = val;
+      this.getData();
+    },
+
+    handleSelectionChange1 (val) { // 多选
+      this.multipleSelection1 = val;
+    },
+    handleCurrentChange1 (val) { // 切换分页
+      this.page1 = val;
+      this.getData();
+    },
+    getChart () { // 初始化折线图
+      const { fractionalSegmentCounts: data } = this.statData
+      let myChart = echarts.init(document.getElementById("chart"));
+      myChart.setOption({
+        title: { text: "实验分数分布图" },
+        tooltip: {},
+        xAxis: {
+          name: "分数",
+          type: "category",
+          boundaryGap: false,
+          interval: 10,
+          data: data.map(e => e.range)
+        },
+        yAxis: {
+          name: "人数",
+          type: "value",
+          minInterval: 10
+        },
+        series: [{
+          data: data.map(e => e.count),
+          type: "line",
+          areaStyle: {},
+          color: ["#8191fd"]
+        }]
+      });
+    },
+    // 批量导入
+    batchImport () {
+      this.importVisible = true
+      this.uploadList = []
+      this.uploadFaild = false
+    },
+    // 模板下载
+    download () {
+      axios.get(`${this.api.gradeDownloadExcel}?competitionId=${this.id}&stageId=${this.stageId}`, {
+        headers: this.headers,
+        responseType: 'blob'
+      }).then((res) => {
+        util.downloadFileDirect('赛事成绩导入模板.xlsx', new Blob([res.data]))
+      }).catch(res => { })
+    },
+    // 上传文件
+    handleExceed (files, fileList) {
+      util.warningMsg(
+        `当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！`
+      )
+    },
+    // 下载失败文件
+    showFaild () {
+      axios.get(`${this.api.performanceExportFailure}?exportCode=${this.faildData.exportCode}&competitionType=${this.faildData.competitionType}`, {
+        headers: this.headers,
+        responseType: 'blob'
+      }).then((res) => {
+        util.downloadFileDirect(`批量导入成绩管理失败数据导出.xls`, new Blob([res.data]))
+      }).catch(res => { })
+    },
+    uploadSuccess (res) {
+      this.uploading = false
+      this.uploadFaild = false
+      if (res.status === 200) {
+        this.initData()
+        const { data } = res
+        if (data.exportCode) {
+          this.faildData = data
+          this.uploadFaild = true
+        } else {
+          util.successMsg(data.tip, 3000)
+          this.importVisible = false
+        }
+      } else {
+        util.errorMsg(res.message || '上传失败，请检查数据')
+      }
+    },
+    uploadError (err, file, fileList) {
+      this.uploading = false
+      this.$message({
+        message: "上传出错，请重试！",
+        type: "error",
+        center: true
+      })
+    },
+    beforeUpload (file) {
+      this.uploading = true
+    },
+    beforeRemove (file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`)
+    },
+    handleRemove (file, fileList) {
+      this.uploadList = fileList
+      this.uploadFaild = false
+    },
+    cancelUpload () {
+      this.uploading = false
+      if (this.$refs.upload) this.$refs.upload.abort()
+      this.keyword = ''
+      this.initData()
+      this.importVisible = false
+    },
+    // tab回调
+    tabChange (i) {
+      this.active = i
+      this.getData()
+    },
+    // 预览附件
+    preview (item) {
+      window.open((util.isDoc(item.fileFormat) ? 'https://view.officeapps.live.com/op/view.aspx?src=' : '') + item.filePath)
+    },
+    // 导出文件
+    exportFile (item) {
+      item.loading = true
+      const url = item.filePath
+      var x = new XMLHttpRequest()
+      x.open("GET", url, true)
+      x.responseType = "blob"
+      x.onload = function (e) {
+        var url = window.URL.createObjectURL(x.response)
+        var a = document.createElement("a")
+        a.href = url
+        a.download = item.userName + '-' + item.fileName
+        a.click()
+        item.loading = false
+      }
+      x.send()
+    },
+    back () {
+      this.$router.push(this.$store.state.innerReferrer)
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+/deep/ .head-card {
+  .el-card__body {
+    padding-bottom: 0px;
+
+    .el-tabs__header {
+      margin-bottom: 1px;
+
+      .el-tabs__nav-wrap::after {
+        display: none;
+      }
+
+      .el-tabs__item {
+        font-size: 18px;
+      }
+    }
+  }
+}
+
+.stat {
+  display: flex;
+
+  .nums {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    width: 640px;
+    margin-right: 20px;
+
+    .item:nth-child(1) {
+      background-image: url('../../../assets/img/total.png');
+    }
+
+    .item:nth-child(2) {
+      background-image: url('../../../assets/img/avg.png');
+    }
+
+    .item:nth-child(3) {
+      background-image: url('../../../assets/img/ach1.png');
+    }
+
+    .item:nth-child(4) {
+      background-image: url('../../../assets/img/ach2.png');
+    }
+
+    .item {
+      width: 300px;
+      min-height: 145px;
+      padding: 30px 30px;
+      margin: 0 10px;
+      box-sizing: border-box;
+      border-radius: 8px;
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+
+      p {
+        font-size: 18px;
+        color: #ffffff;
+      }
+
+      .val {
+        margin-top: 10px;
+        color: #ffffff;
+        font-size: 36px;
+      }
+    }
+  }
+
+  .chart {
+    flex: 1;
+    height: 300px;
+  }
+}
+
+/deep/.import-file {
+  .el-progress__text,
+  .el-progress,
+  .el-upload-list__item-status-label {
+    display: none !important;
+  }
+}
+</style>
\ No newline at end of file