From f356590c3d2d10238078742b5627013cf9497923 Mon Sep 17 00:00:00 2001
From: 阿宝 <liangbaoman210@sina.com>
Date: Tue, 13 Dec 2022 18:29:18 +0800
Subject: [PATCH] 即时测列表，分析页面

---
 src/views/ask/index.vue              |  48 ++++++++++++++++++++++++++++++++----------------
 src/views/examinationPaper/add.vue   |   4 ++--
 src/views/examinationPaper/index.vue |   4 ++--
 src/views/test/analysis.vue          | 431 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----
 src/views/test/index.vue             | 593 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----
 5 files changed, 1050 insertions(+), 30 deletions(-)

diff --git a/src/views/ask/index.vue b/src/views/ask/index.vue
index c79d8a5..92c5c48 100644
--- a/src/views/ask/index.vue
+++ b/src/views/ask/index.vue
@@ -77,10 +77,13 @@
             >今天</span
           >
           <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']"
-            >昨天</span
+            >本周</span
           >
           <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']"
-            >本周</span
+            >本月</span
+          >
+          <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']"
+            >本季度</span
           >
         </p>
         <el-button type="primary" round @click="_QueryData()">筛选</el-button>
@@ -460,9 +463,11 @@ export default {
       });
     },
     
-    setDate(index) {
+   setDate(index) {
       const that = this;
       this.date = index == this.date ? "" : index;
+      let aYear = new Date().getFullYear();
+      let aMonth = new Date().getMonth() + 1;
       that.query.day = "";
       that.query.startDay = "";
       that.query.endDay = "";
@@ -472,25 +477,36 @@ export default {
           that.query.startDay = that.query.day;
           that.query.endDay = that.query.day;
           break;
-        case 2: {
-          let times = new Date().getTime() - 24 * 60 * 60 * 1000;
-          that.query.day = formatDate(new Date(times), "yyyy-MM-dd");
-          that.query.startDay = that.query.day;
-          that.query.endDay = that.query.day;
-          break;
-        }
-        case 3: {
+        case 2:
           let day = new Date().getDay();
           if (day == 0) {
             //中国式星期天是一周的最后一天
             day = 7;
           }
-          let times1 = new Date().getTime() - 24 * 60 * 60 * 1000 * (day - 1);
-          let times2 = new Date().getTime() - 24 * 60 * 60 * 1000 * (day - 7);
-          that.query.startDay = formatDate(new Date(times1), "yyyy-MM-dd");
-          that.query.endDay = formatDate(new Date(times2), "yyyy-MM-dd");
+          let aTime = new Date().getTime() - 24 * 60 * 60 * 1000 * day;
+          that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd");
+          that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
+          break;
+        case 3:
+          aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
+          that.query.startDay = `${aYear}-${aMonth}-01`;
+          that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
+          break;
+        case 4:
+          if (aMonth > 1 && aMonth < 4) {
+            aMonth = "01";
+          } else if (aMonth > 3 && aMonth < 7) {
+            aMonth = "04";
+          } else if (aMonth > 6 && aMonth < 10) {
+            aMonth = "07";
+          } else {
+            aMonth = "10";
+          }
+
+          aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
+          that.query.startDay = `${aYear}-${aMonth}-01`;
+          that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
           break;
-        }
       }
       this.page = 1;
       this._QueryData();
diff --git a/src/views/examinationPaper/add.vue b/src/views/examinationPaper/add.vue
index 75ecbff..226ca94 100644
--- a/src/views/examinationPaper/add.vue
+++ b/src/views/examinationPaper/add.vue
@@ -95,8 +95,8 @@
           </el-form-item>
           <el-form-item label="分享范围：" prop="sharingType">
             <el-radio-group v-model="form.sharingType">
-              <el-radio :label="1">任课班级分享</el-radio>
-              <el-radio :label="2">全年级分享</el-radio>
+              <el-radio :label="0">任课班级分享</el-radio>
+              <el-radio :label="1">全年级分享</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-form>
diff --git a/src/views/examinationPaper/index.vue b/src/views/examinationPaper/index.vue
index 7fdfd8c..0e71d6c 100644
--- a/src/views/examinationPaper/index.vue
+++ b/src/views/examinationPaper/index.vue
@@ -381,8 +381,8 @@ export default {
       const { data, status, info } = await this.$request.fetchPaperList({
         ...query,
         status: 1,
-        // page: this.page,
-        // size: this.size,
+        page: this.page,
+        size: this.size,
       });
       this.loading = false;
       if (status === 0) {
diff --git a/src/views/test/analysis.vue b/src/views/test/analysis.vue
index 89c9741..2d69710 100644
--- a/src/views/test/analysis.vue
+++ b/src/views/test/analysis.vue
@@ -1,13 +1,434 @@
 <template>
-  <div>报表分析</div>
+  <div>
+    <back-box>
+      <template slot="title">
+        <span>单卷分析</span>
+      </template>
+    </back-box>
+    <div class="tips" v-if="paperModifyLog.modifiedTime">
+      <p class="tips-p">
+        <i class="fa fa-bell-o"></i>
+        {{
+          `${paperModifyLog.modifiedTime} ${paperModifyLog.realName}`
+        }}修改了答案，是否重新记分？
+      </p>
+      <div class="btn-box">
+        <el-button type="danger" round size="mini">重新计分</el-button>
+        <el-button type="danger" round plain size="mini">暂时不计</el-button>
+      </div>
+    </div>
+    <div class="page-content">
+      <div class="tab-box">
+        <span
+          class="tab-item"
+          :class="type == 1 ? 'active' : ''"
+          @click="type = 1"
+          >试题分析</span
+        >
+        <span
+          class="tab-item"
+          :class="type == 2 ? 'active' : ''"
+          @click="type = 2"
+          >成绩排名</span
+        >
+        <span
+          class="tab-item"
+          :class="type == 3 ? 'active' : ''"
+          @click="type = 3"
+          >小题分报表</span
+        >
+        <span
+          class="tab-item"
+          :class="type == 4 ? 'active' : ''"
+          @click="type = 4"
+          >作答明细表</span
+        >
+      </div>
+      <el-table
+        v-if="type == 1"
+        :data="tableData"
+        border
+        style="width: 100%"
+        :default-sort="{ prop: 'dadui', order: 'descending' }"
+      >
+        <el-table-column prop="questionIndex" label="题号" align="center"
+          ><template slot-scope="scoped"
+            >Q{{ scoped.row.questionIndex }}</template
+          ></el-table-column
+        >
+        <el-table-column
+          prop="questionType"
+          label="题型"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="manfen"
+          label="满分值"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="zuigao"
+          label="班最高分"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="zuidi"
+          label="班最低分"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="pingjun"
+          label="班平均分"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="defenlv"
+          sortable
+          label="班级得分率"
+          align="center"
+          ><template slot-scope="scoped"
+            >{{ scoped.row.defenlv }}%</template
+          ></el-table-column
+        >
+        <el-table-column
+          prop="correctAnswer"
+          label="答案"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="x1"
+          label="选项1"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="x2"
+          label="选项1"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="weida"
+          label="未答"
+          align="center"
+        ></el-table-column>
+      </el-table>
+      <el-table
+        v-if="type == 2"
+        :data="tableData2"
+        border
+        style="width: 100%"
+        :default-sort="{ prop: 'dadui', order: 'descending' }"
+      >
+        <el-table-column
+          prop="xuehao"
+          label="学号"
+          align="center"
+          fixed
+        ></el-table-column>
+        <el-table-column
+          prop="xingming"
+          label="姓名"
+          fixed
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="totalScore"
+          label="总分"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="defenlv"
+          label="得分率"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="rank"
+          label="班名"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column label="客观题" align="center">
+          <el-table-column
+            prop="defen1"
+            label="得分"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="defenlv1"
+            label="得分率"
+            align="center"
+          ></el-table-column>
+        </el-table-column>
+        <el-table-column label="主观题" align="center">
+          <el-table-column
+            prop="defen2"
+            label="得分"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="defenlv2"
+            label="得分率"
+            align="center"
+          ></el-table-column>
+        </el-table-column>
+      </el-table>
+      <el-table
+        v-if="type == 3"
+        :data="tableData3"
+        border
+        style="width: 100%"
+        :default-sort="{ prop: '', order: 'descending' }"
+      >
+        <el-table-column
+          prop="xuehao"
+          label="学号"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="xingming"
+          label="姓名"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="totalScore"
+          label="总分"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column label="分数组成" align="center">
+          <el-table-column
+            prop="keguan"
+            label="客观题分"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="zhuguan"
+            label="主观题分"
+            align="center"
+          ></el-table-column>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          v-for="(item, index) in questionList"
+          :key="index"
+          :label="item.title"
+
+        >
+          <template v-for="items in item.subQuestions">
+            <el-table-column
+              :key="items.questionIndex"
+              :prop="'score' + items.questionIndex"
+              :label="`${items.questionIndex}`"
+              align="center"
+            ></el-table-column>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-table
+        v-if="type == 4"
+        :data="tableData4"
+        border
+        style="width: 100%"
+        :default-sort="{ prop: '', order: 'descending' }"
+      >
+        <el-table-column
+          prop="xuehao"
+          label="学号"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="xingming"
+          label="姓名"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="banji"
+          label="班级"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="totalScore"
+          label="总分"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          v-for="(item, index) in questionList"
+          :key="index"
+          :label="item.title"
+        >
+          <template v-for="items in item.subQuestions">
+            <el-table-column
+              :key="items.questionIndex"
+              :prop="'daan' + items.questionIndex"
+              :label="`${items.questionIndex}`"
+              align="center"
+            ></el-table-column>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-
-}
+  data() {
+    return {
+      id: "",
+      type: 1,
+      paperModifyLog: {
+        realName: "张老师",
+        modifiedTime: "12-20",
+      },
+      tableData: [
+        {
+          questionIndex: 1,
+          questionType: "单选题",
+          manfen: 100,
+          zuigao: 100,
+          zuidi: 20,
+          pingjun: 80,
+          defenlv: 90,
+          correctAnswer: "A",
+          x1: "A",
+          x2: "B",
+          weida: "",
+        },
+        {
+          questionIndex: 2,
+          questionType: "单选题",
+          manfen: 100,
+          zuigao: 99,
+          zuidi: 50,
+          pingjun: 90,
+          defenlv: 100,
+          correctAnswer: "B",
+          x1: "A",
+          x2: "B",
+          weida: "",
+        },
+      ],
+      tableData2: [
+        {
+          xuehao: 1,
+          xingming: "丁芳菲",
+          totalScore: 5,
+          defenlv: 50,
+          rank: 1,
+          defen1: 1,
+          defenlv1: 1,
+          defen2: 1,
+          defenlv2: 1,
+        },
+      ],
+      tableData3: [
+        {
+          xuehao: 1,
+          xingming: "丁芳菲",
+          totalScore: 5,
+          rank: 1,
+          keguan: 20,
+          zhuguan: 20,
+          score1: 1,
+          score2: 2,
+          score3: 3,
+          score4: 4,
+        },
+      ],
+      tableData4: [
+        {
+          xuehao: 1,
+          xingming: "丁芳菲",
+          banji: 'xx',
+          totalScore: 5,
+          daan1: 1,
+          daan2: 2,
+          daan3: 3,
+          daan4: 4,
+        },
+      ],
+      questionList: [{
+        title:'大题1',
+        subQuestions:[
+          {questionIndex:1, daan:1},
+          {questionIndex:2, daan:1},
+        ]
+      },{
+        title:'大题2',
+        subQuestions:[
+          {questionIndex:3, daan:2},
+          {questionIndex:4, daan:2},
+        ]
+      }],
+    };
+  },
+  created() {
+    this.id = this.$route.query.id;
+    // this._QueryData()
+  },
+  methods: {
+    async _QueryData() {
+      let { data, info, status } = this.$request.quizDetail({
+        id: this.id,
+      });
+    },
+  },
+};
 </script>
 
-<style>
-
+<style lang="scss" scoped>
+.page-content {
+  padding: 20px 20px 0;
+}
+.tips {
+  height: 48px;
+  box-sizing: border-box;
+  line-height: 48px;
+  padding: 0 16px;
+  border: 1px solid #fac7cc;
+  border-radius: 5px;
+  background-color: #ffebec;
+  font-size: 14px;
+  color: #fd9795;
+  margin: 10px 20px 20px 20px;
+  display: flex;
+  &-p {
+    flex: 1;
+  }
+  .fa-bell-o {
+    font-size: 18px;
+    margin-right: 5px;
+  }
+}
+.tab-box {
+  width: 800px;
+  margin: 0 auto 12px;
+  background: #f8f8f8;
+  border-radius: 20px;
+  display: flex;
+  user-select: none;
+  .tab-item {
+    flex: 1;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    font-size: 16px;
+    color: #666;
+    font-weight: 500;
+    background: transparent;
+    border-radius: 20px;
+    cursor: pointer;
+    &.active {
+      background: #667ffd;
+      color: #fff;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/test/index.vue b/src/views/test/index.vue
index 2d65aed..3f37020 100644
--- a/src/views/test/index.vue
+++ b/src/views/test/index.vue
@@ -1,16 +1,599 @@
 <template>
-  <div>即时测报表
-  <router-link to="/TestAnalysis">报表分析</router-link>
-
+  <div>
+    <back-box>
+      <template slot="title">
+        <span>即时测-数据报表</span>
+      </template>
+    </back-box>
+    <div class="answer-header">
+      <div class="sel-box">
+        <el-select
+          class="sel"
+          v-model="query.classId"
+          placeholder="选择班级"
+          @change="changClazz"
+        >
+          <el-option
+            v-for="item in classList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+        <el-select
+          v-if="role == 'ROLE_BANZHUREN'"
+          class="sel"
+          multiple
+          collapse-tags
+          v-model="query.subjectId"
+          placeholder=""
+          @change="_QueryData"
+        >
+          <el-option
+            v-for="item in subjectList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+        <el-select
+          v-else
+          class="sel"
+          v-model="query.subjectId"
+          placeholder=""
+          @change="_QueryData"
+        >
+          <el-option
+            v-for="item in subjectList"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+        <div class="d1">
+          <el-date-picker
+            v-model="query.startDay"
+            type="date"
+            @change="handleChangeTimeStart"
+            placeholder="选择日期时间"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          ~
+          <el-date-picker
+            v-model="query.endDay"
+            type="date"
+            placeholder="选择日期时间"
+            @change="handleChangeTimeEnd"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+        </div>
+        <p class="p1">
+          <span @click="setDate(1)" :class="[date == 1 ? 'active' : '', 's1']"
+            >今天</span
+          >
+          <span @click="setDate(2)" :class="[date == 2 ? 'active' : '', 's1']"
+            >本周</span
+          >
+          <span @click="setDate(3)" :class="[date == 3 ? 'active' : '', 's1']"
+            >本月</span
+          >
+          <span @click="setDate(4)" :class="[date == 4 ? 'active' : '', 's1']"
+            >本季度</span
+          >
+        </p>
+        <el-button type="primary" round @click="_QueryData()">筛选</el-button>
+      </div>
+    </div>
+    <div class="table-box">
+      <el-radio-group v-model="tabIndex" style="margin-bottom: 20px">
+        <el-radio-button :label="1">单卷测练报表</el-radio-button>
+        <el-radio-button :label="2">阶段测练报表</el-radio-button>
+      </el-radio-group>
+      <div v-if="tabIndex == 1">
+        <el-table
+          :data="tableData"
+          border
+          style="width: 100%"
+          :default-sort="{ prop: '', order: 'descending' }"
+        >
+          <el-table-column
+            prop="title"
+            label="试卷名称"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="totalScore"
+            label="卷面分"
+            align="center"
+            width="100"
+          ></el-table-column>
+          <el-table-column
+            prop="ceyan"
+            label="测验人数"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="shijian"
+            label="测验时间"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="pingjun"
+            label="班平均分"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="zuigao"
+            label="班最高分"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="zuidi"
+            label="班最低分"
+            align="center"
+          ></el-table-column>
+          <el-table-column
+            prop="youxiu"
+            label="优秀数（率）"
+            sortable
+            align="center"
+            ><template slot-scope="scoped"
+              >{{ scoped.row.youxiu }}%</template
+            ></el-table-column
+          >
+          <el-table-column
+            prop="lianghao"
+            label="良好数（率）"
+            sortable
+            align="center"
+            ><template slot-scope="scoped"
+              >{{ scoped.row.lianghao }}%</template
+            ></el-table-column
+          >
+          <el-table-column
+            prop="jige"
+            label="及格数（率）"
+            sortable
+            align="center"
+            ><template slot-scope="scoped"
+              >{{ scoped.row.jige }}%</template
+            ></el-table-column
+          >
+          <el-table-column
+            prop="bujige"
+            label="不及格数（率）"
+            sortable
+            align="center"
+            ><template slot-scope="scoped"
+              >{{ scoped.row.bujige }}%</template
+            ></el-table-column
+          >
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scoped">
+              <el-tooltip effect="dark" content="详情" placement="left">
+                <el-button
+                  type="primary"
+                  circle
+                  size="mini"
+                  icon="fa fa-arrow-right"
+                  @click="linkTo(scoped.row)"
+                ></el-button>
+              </el-tooltip>
+              <el-tooltip effect="dark" content="修改答案" placement="right">
+                <el-button
+                  type="primary"
+                  circle
+                  size="mini"
+                  icon="fa fa-file-text"
+                  @click="edit(scoped.row)"
+                ></el-button>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div v-if="tabIndex == 2">
+        <el-table
+          :data="tableStage"
+          border
+          style="width: 100%"
+          :default-sort="{ prop: '', order: 'descending' }"
+        >
+          <el-table-column
+            prop="xuehao"
+            label="学号"
+            align="center"
+            fixed
+          ></el-table-column>
+          <el-table-column
+            prop="xingming"
+            label="姓名"
+            fixed
+            align="center"
+          ></el-table-column>
+          <el-table-column label="阶段汇总" align="center">
+            <el-table-column
+              prop="totalScore"
+              label="总分"
+              align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="rank"
+              label="排名"
+              align="center"
+            ></el-table-column>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            v-for="(item, index) in answerList"
+            :key="index"
+            :label="item.title"
+          >
+            <el-table-column
+              :prop="item.title + 'totalScore'"
+              label="成绩"
+              align="center"
+            ></el-table-column>
+            <el-table-column
+              :prop="item.title + 'rank'"
+              label="班名"
+              align="center"
+            ></el-table-column>
+          </el-table-column>
+        </el-table>
+      </div>
+      <p class="down" v-if="tabIndex == 2">
+        <el-button type="info" plain round icon="fa fa-cloud-download"
+          >导出报表</el-button
+        >
+      </p>
+    </div>
+    <set-answer
+      :diaVisible="dialogVisible"
+      :questionList="form.questionList"
+      :paperId="form.id"
+      @saveSuccess="handleSuccess"
+      @cancel="cancel"
+    />
   </div>
 </template>
 
 <script>
+import { formatDate, deepClone, checkAnswer } from "utils";
 export default {
+  data() {
+    return {
+      role: "",
+      loading: false,
+      dialogVisible: false,
+      form: { questionList: [] },
+      date: "", //今天-昨天-本周
+      query: {
+        //搜索条件
+        classId: "",
+        subjectId: "",
+        startDay: "",
+        endDay: "",
+        day: "",
+      },
+      classList: [], //班级
+      subjectList: [], //科目
+      tabIndex: 1, //选项卡
+      tableData: [
+        {
+          title: "试卷一",
+          totalScore: 10,
+          ceyan: "40/50",
+          shijian: "2022-11-9 21:30至22:30",
+          pingjun: 60,
+          zuigao: 90,
+          zuidi: 50,
+          youxiu: 50,
+          lianghao: 40,
+          jige: 30,
+          bujige: 20,
+        },
+        {
+          title: "试卷二",
+          totalScore: 20,
+          ceyan: "30/50",
+          shijian: "2022-11-9 21:30至22:30",
+          pingjun: 80,
+          zuigao: 92,
+          zuidi: 53,
+          youxiu: 45,
+          lianghao: 56,
+          jige: 20,
+          bujige: 30,
+        },
+      ],
+      tableStage: [
+        {
+          xuehao: 1,
+          xingming: "丁芳菲",
+          totalScore: 5,
+          rank: 1,
+          周测卷20221130totalScore:10,
+          周测卷20221130rank:0,
+          周测卷20221131totalScore:11,
+          周测卷20221131rank:1,
+          周测卷20221132totalScore:12,
+          周测卷20221132rank:2,
+          周测卷20221132totalScore:13,
+          周测卷20221132rank:3,
+        },
+        {
+          xuehao: 2,
+          xingming: "丁芳",
+          totalScore: 4,
+          rank: 2,
+          周测卷20221130totalScore:20,
+          周测卷20221130rank:3,
+          周测卷20221131totalScore:21,
+          周测卷20221131rank:4,
+          周测卷20221132totalScore:22,
+          周测卷20221132rank:5,
+          周测卷20221132totalScore:22,
+          周测卷20221132rank:5,
+        },
+      ],
+      answerList: [//设置多卷内容供tabel表格数据用
+        {
+          title: "周测卷20221130",
+          totalScore: 6,
+          rank: 2,
+        },
+        {
+          title: "周测卷20221131",
+          totalScore: 7,
+          rank: 3,
+        },
+        {
+          title: "周测卷20221132",
+          totalScore: 8,
+          rank: 4,
+        },
+      ],
+    };
+  },
+  async created() {
+    this.role = this.$store.getters.info.permissions[0]?.role || "";
+    if (this.role == "ROLE_BANZHUREN") {
+      this.query.subjectId = [];
+    }
+    await this._QueryClassList();
+    await this._QuerySubjectList();
+    // await this.setDate(1);
+    let startDay = this.query?.startDay;
+    if (!startDay) {
+      this.query.startDay = new Date();
+      this.query.endDay = new Date();
+    }
+  },
+  methods: {
+    linkTo(obj) {
+      //去详情
+      this.$router.push({
+        path: "/testAnalysis",
+        query: {
+          id: obj.id,
+        },
+      });
+    },
 
-}
+    setDate(index) {
+      const that = this;
+      this.date = index == this.date ? "" : index;
+      let aYear = new Date().getFullYear();
+      let aMonth = new Date().getMonth() + 1;
+      that.query.day = "";
+      that.query.startDay = "";
+      that.query.endDay = "";
+      switch (index) {
+        case 1:
+          that.query.day = formatDate(new Date(), "yyyy-MM-dd");
+          that.query.startDay = that.query.day;
+          that.query.endDay = that.query.day;
+          break;
+        case 2:
+          let day = new Date().getDay();
+          if (day == 0) {
+            //中国式星期天是一周的最后一天
+            day = 7;
+          }
+          let aTime = new Date().getTime() - 24 * 60 * 60 * 1000 * day;
+          that.query.startDay = formatDate(new Date(aTime), "yyyy-MM-dd");
+          that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
+          break;
+        case 3:
+          aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
+          that.query.startDay = `${aYear}-${aMonth}-01`;
+          that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
+          break;
+        case 4:
+          if (aMonth > 1 && aMonth < 4) {
+            aMonth = "01";
+          } else if (aMonth > 3 && aMonth < 7) {
+            aMonth = "04";
+          } else if (aMonth > 6 && aMonth < 10) {
+            aMonth = "07";
+          } else {
+            aMonth = "10";
+          }
+
+          aMonth = aMonth < 10 ? "0" + aMonth : aMonth;
+          that.query.startDay = `${aYear}-${aMonth}-01`;
+          that.query.endDay = formatDate(new Date(), "yyyy-MM-dd");
+          break;
+      }
+      this.page = 1;
+      this._QueryData();
+    },
+    handleChangeTimeStart(val) {
+      this.query.day = "";
+      this.date = "";
+      if (this.query.endDay) {
+        if (new Date(val).getTime() > new Date(this.query.endDay).getTime()) {
+          this.$message.error("任务结束时间不能任务开始时间前面，请重新设置");
+          this.query.startDay = "";
+        }
+      }
+    },
+    handleChangeTimeEnd(val) {
+      this.query.day = "";
+      this.date = "";
+      if (this.query.startDay) {
+        if (new Date(val).getTime() < new Date(this.query.startDay).getTime()) {
+          this.$message.error("任务结束时间不能任务开始时间前面，请重新设置");
+          this.query.endDay = "";
+        }
+      }
+    },
+    edit(item) {
+      this.form = deepClone(item);
+      this.dialogVisible = true;
+    },
+    cancel() {
+      this.dialogVisible = false;
+    },
+    handleSuccess() {
+      this.dialogVisible = false;
+      this._QueryData();
+    },
+    async changClazz() {
+      await this._QuerySubjectList();
+      await this.setDate(1);
+    },
+    async _QueryClassList() {
+      const { data, status, info } = await this.$request.fetchClassList();
+      if (status === 0) {
+        this.classList = data.list.map((item) => {
+          return {
+            value: item.classId,
+            label: item.clazzName,
+          };
+        });
+        this.query.classId = this.classList[0]?.value;
+      } else {
+        this.$message.error(info);
+      }
+    },
+    async _QuerySubjectList() {
+      const { data, status, info } = await this.$request.fetchSubjectList({
+        classId: this.query.classId,
+      });
+      if (status === 0) {
+        this.subjectList =
+          data.list?.map((item) => {
+            return {
+              value: item.subjectId,
+              label: item.subjectName,
+            };
+          }) || [];
+        if (this.role == "ROLE_BANZHUREN") {
+          this.subjectList.unshift({
+            value: "",
+            label: "全部",
+          });
+        }
+        this.query.subjectId = this.subjectList[0]?.value;
+      } else {
+        this.$message.error(info);
+      }
+    },
+    async _QueryData() {
+      this.loading = true;
+      //多课时对比
+      let query = {};
+      for (let key in this.query) {
+        if (this.query[key] != "") {
+          query[key] = this.query[key];
+        }
+      }
+      const { data, status, info } = await this.$request.fetchQuizList({
+        ...query,
+      });
+      this.loading = false;
+      if (status === 0) {
+      } else {
+        this.$message.error(info);
+      }
+    },
+  },
+};
 </script>
 
-<style>
+<style lang="scss" scoped>
+.table-box {
+  margin: 0 20px;
+  padding: 16px;
+  background: #f8f8f8;
+  border-radius: 5px;
+  :deep(.fa-arrow-right) {
+    padding-left: 2px;
+  }
+  :deep(.fa-file-text) {
+    padding-left: 2px;
+  }
+}
 
+.fa-exchange {
+  color: #667ffd;
+  cursor: pointer;
+  font-size: 16px;
+  margin-left: 10px;
+}
+.dia-btn {
+  border-radius: 20px;
+  margin: 0 20px;
+  padding: 10px 20px;
+}
+.dia-tips {
+  padding-bottom: 10px;
+}
+.dia-question-box {
+  padding: 16px 16px 1px;
+  background: #f8f8f8;
+  border-radius: 10px;
+
+  .answer-s {
+    width: 36px;
+    height: 28px;
+    cursor: pointer;
+  }
+}
+.set-questions {
+  display: flex;
+  margin-bottom: 12px;
+  width: 100%;
+  .qs-num {
+    flex-shrink: 0;
+    margin-right: 10px;
+  }
+  .qs-options {
+    flex: 1;
+    .ipt {
+      margin-bottom: 5px;
+    }
+  }
+  .delButton {
+    border-color: #ff6868;
+    background: #ff6868 url("../../assets/images/arrow.png") no-repeat center;
+    background-size: 19px;
+    color: transparent;
+  }
+  .ac {
+    border-color: #ff6868;
+    background: #ff6868;
+    color: #fff;
+  }
+}
+.down {
+  padding-top: 16px;
+}
 </style>
\ No newline at end of file
--
libgit2 0.21.4