学生管理-显示班级基站信息

梁保满
1 parent 5fb1f184
Showing 2 changed files with 64 additions and 0 deletions
src/views/standard/device/index.vue
src/views/standard/setUp/student.vue
@@ -386,6 +386,16 @@
           >
           </el-pagination>
         </div>
+        <!-- <p class="down" v-if="tableData.length">
+          <el-button
+            type="primary"
+            plain
+            round
+            icon="fa fa-cloud-download"
+            @click="downExl"
+            >导出报表</el-button
+          >
+        </p> -->
       </div>
     </div>
     <el-dialog title="设备导入" :visible.sync="diaUp" width="400">
@@ -506,6 +516,7 @@ export default {
   },
   data() {
     return {
+      exportLoading: false,
       isAdd: false, //添加还是修改基站
       role: "",
       code: "",
@@ -794,6 +805,33 @@ export default {
         this.$message.error("下载失败");
       }
     },
+    async downExl() {
+      //报表到处
+      if (this.exportLoading == true) return;
+      const exportPhaseExamReport =
+        this.type == 1
+          ? this.$request.cTExportPhaseExamReport
+          : this.type == 1
+          ? this.$request.exportPhaseExamReport
+          : this.$request.exportPhaseExamReport;
+      this.exportLoading = true;
+      const data = await exportPhaseExamReport({ ...this.query });
+      this.exportLoading = false;
+      if (data && !data.code) {
+        let blob = new Blob([data], {
+          type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+        });
+        let txt =
+          this.type == 1
+            ? "基站管理报表.xlsx"
+            : this.type == 2
+            ? "答题器报表.xlsx"
+            : "授课端报表.xlsx";
+        downloadFile(txt, blob);
+      } else {
+        this.$message.error(data.info);
+      }
+    },
     // 修改基站
     setAnswerEqu() {
@@ -1075,6 +1113,9 @@ export default {
 .tab-box {
   padding: 20px 0 12px;
 }
+.down {
+  padding:0 0 16px 20px;
+}
 .content {
   background: #f8f8f8;
   border: 1px solid #e2e2e2;
@@ -70,6 +70,11 @@
           </ul>
         </div>
         <div class="stu-detail">
+          <div class="clazz-detail">
+            <p>基站SN：{{ clazzDetail.stationSn }}</p>
+            <p>配对码：{{ clazzDetail.pairingCode }}</p>
+            <p>频点：{{ clazzDetail.frequency }}</p>
+          </div>
           <div class="answer-header">
             <div class="sel-box">
               <el-input
@@ -239,6 +244,7 @@ export default {
       url: "/api_html/school/manager/importStudentClicker",
       diaStu: false,
       diaClass: false,
+      clazzDetail: { stationSn: "", pairingCode: "", frequency: "" },
       query: {
         gradeName: "",
         classId: "",
@@ -305,6 +311,9 @@ export default {
       this.diaStu = true;
     },
     classDetail(obj) {
+      this.clazzDetail.stationSn = obj.stationSn;
+      this.clazzDetail.pairingCode = obj.pairingCode;
+      this.clazzDetail.frequency = obj.frequency;
       this.query.classId = obj.id;
       this.formStu.className = obj.className;
       this._QueryData(3);
@@ -455,6 +464,9 @@ export default {
         this.classList = [...data.list] || [];
         this.query.classId = this.classList[0]?.id;
         this.formStu.className = this.classList[0]?.className;
+        this.clazzDetail.stationSn = this.classList[0]?.stationSn;
+        this.clazzDetail.pairingCode = this.classList[0]?.pairingCode;
+        this.clazzDetail.frequency = this.classList[0]?.frequency;
       } else {
         this.$message.error(info);
       }
@@ -487,6 +499,9 @@ export default {
   background: #f8f8f8;
   border-radius: 10px;
   overflow: hidden;
+  .answer-header {
+    padding-top: 0;
+  }
   .stu-list {
     max-height: 80vh;
     .h-title {
@@ -581,5 +596,13 @@ export default {
       }
     }
   }
+  .clazz-detail {
+    display: flex;
+    padding: 12px 12px 10px 20px;
+    p {
+      margin-right: 16px;
+      color: #666;
+    }
+  }
 }
 </style>
 \ No newline at end of file