From 2bddfa78e65f351d6cb81f670775e79620f684a6 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 24 五月 2024 10:43:51 +0800
Subject: [PATCH] feat:分数统计

---
 src/views/exam/question/list.vue |  150 +++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 125 insertions(+), 25 deletions(-)

diff --git a/src/views/exam/question/list.vue b/src/views/exam/question/list.vue
index 68ba786..c333b0b 100644
--- a/src/views/exam/question/list.vue
+++ b/src/views/exam/question/list.vue
@@ -1,42 +1,69 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParam" ref="queryForm" :inline="true">
-      <el-form-item label="棰樼洰ID锛�">
-        <el-input v-model="queryParam.id" clearable></el-input>
-      </el-form-item>
-      <el-form-item label="棰樼洰鍐呭锛�">
-        <el-input v-model="queryParam.content" clearable></el-input>
-      </el-form-item>
 
-      <el-form-item label="閮ㄩ棬锛�">
-        <el-select v-model="queryParam.level" placeholder="閮ㄩ棬"  @change="levelChange" clearable>
-          <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="璇剧洰锛�">
-        <el-select v-model="queryParam.subjectId" clearable>
-          <el-option v-for="item in subjectFilter" :key="item.id" :value="item.id"
-                     :label="item.name+' ( '+item.levelName+' )'"></el-option>
-        </el-select>
-      </el-form-item>
+<!--      <el-form-item label="閮ㄩ棬锛�">-->
+<!--        <el-select v-model="queryParam.level" placeholder="閮ㄩ棬"  @change="levelChange" clearable>-->
+<!--          <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+
       <el-form-item label="棰樺瀷锛�">
         <el-select v-model="queryParam.questionType" clearable>
           <el-option v-for="item in questionType" :key="item.key" :value="item.key" :label="item.value"></el-option>
         </el-select>
       </el-form-item>
+      <el-form-item label="棰樼洰鍚嶏細">
+            <el-input v-model="queryParam.questionName" clearable></el-input>
+          </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="submitForm">鏌ヨ</el-button>
-        <el-popover placement="bottom" trigger="click">
-          <el-button type="warning" size="mini" v-for="item in editUrlEnum" :key="item.key"
+      <div style="display: flex">
+        <el-button class="op-item" type="primary" @click="submitForm">鏌ヨ</el-button>
+        <el-popover class="op-item" placement="bottom" trigger="click">
+          <el-button  type="warning" size="mini" v-for="item in editUrlEnum" :key="item.key"
                      @click="$router.push({path:item.value})">{{item.name}}
           </el-button>
-          <el-button slot="reference" type="primary" class="link-left">娣诲姞</el-button>
+          <el-button slot="reference" type="primary">娣诲姞</el-button>
+
         </el-popover>
+        <el-popover
+          placement="right"
+          width="400"
+          trigger="click">
+          <el-form
+            label-position="top"
+          >
+            <el-form-item label="璇剧洰锛�">
+              <el-select v-model="exportForm.subjectIds" clearable filterable multiple>
+                <el-option v-for="item in subjectIdList" :key="item.id" :value="item.id" :label="item.name"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="exportQuestion">瀵煎嚭</el-button>
+            </el-form-item>
+          </el-form>
+          <el-button slot="reference" class="op-item" type="success">瀵煎嚭</el-button>
+        </el-popover>
+        <el-button class="op-item" type="danger" @click="downloadImportTemplate">涓嬭浇瀵煎叆妯℃澘</el-button>
+        <el-upload
+          class="op-item"
+          :action="upLoadUrl"
+          :with-credentials="true"
+          :on-success="handlePreview"
+          multiple
+          :show-file-list="false"
+          :file-list="fileList"
+          :before-upload="beforeAvatarUpload">
+          <el-button type="primary">瀵煎叆</el-button>
+          <!--          <div slot="tip" class="el-upload__tip">鍙兘涓婁紶Excel鏂囦欢</div>-->
+        </el-upload>
+      </div>
+
       </el-form-item>
     </el-form>
     <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
-      <el-table-column prop="id" label="Id" width="90px"/>
-      <el-table-column prop="subjectId" label="璇剧洰" :formatter="subjectFormatter" width="120px"/>
+      <el-table-column prop="subjectId" label="璇剧洰" :formatter="subjectIdFormatte" width="120px"/>
+      <el-table-column prop="deptNames" label="鎵�灞為儴闂�" width="150px"/>
       <el-table-column prop="questionType" label="棰樺瀷" :formatter="questionTypeFormatter" width="70px"/>
       <el-table-column prop="shortTitle" label="棰樺共" show-overflow-tooltip/>
       <el-table-column prop="score" label="鍒嗘暟" width="60px"/>
@@ -63,11 +90,19 @@
 import Pagination from '@/components/Pagination'
 import QuestionShow from './components/Show'
 import questionApi from '@/api/question'
-
+import SubjectApi from '@/api/subject'
+import { downloadExcel } from '@/utils/download'
 export default {
   components: { Pagination, QuestionShow },
   data () {
     return {
+      subjectIdList: [],
+      timeRange: [],
+      exportForm: {
+        subjectIds: [],
+      },
+      upLoadUrl: '/api/admin/question/import',
+      fileList: [],
       queryParam: {
         id: null,
         questionType: null,
@@ -88,11 +123,47 @@
       }
     }
   },
+
   created () {
     this.initSubject()
     this.search()
+    this.getSubjectIds()
+    this.queryParam.subjectId = null
+    this.subjectFilter = this.subjects
   },
   methods: {
+    // 瀵煎嚭棰樼洰
+    exportQuestion () {
+      questionApi.exportQuestion(this.exportForm).then(res => {
+        downloadExcel(res, '棰樼洰瀵煎嚭')
+      })
+    },
+    // 涓嬭浇瀵煎叆妯℃澘
+    downloadImportTemplate () {
+      questionApi.downloadImportTemplate().then(res => {
+        downloadExcel(res, '棰樼洰瀵煎叆妯℃澘')
+      })
+    },
+    handlePreview (e) {
+      console.log(e)
+      if (e.code === 1) {
+        this.search()
+        this.$message.success(e.message)
+      } else {
+        this.$message.error(e.message)
+      }
+    },
+    beforeAvatarUpload (file) {
+      let legalName = ['xlsx', 'xls']
+      // 鎷垮埌鍚庣紑鍚�
+      let name = file.name.substring(file.name.lastIndexOf('.') + 1, file.name.length)
+      if (legalName.includes(name)) {
+        // console.log(legalName.includes(name));
+      } else {
+        this.$message.warning('鏂囦欢鏍煎紡涓嶅锛屼粎闄恱ls鍜寈lsx')
+        return false
+      }
+    },
     submitForm () {
       this.queryParam.pageIndex = 1
       this.search()
@@ -109,7 +180,7 @@
     },
     levelChange () {
       this.queryParam.subjectId = null
-      this.subjectFilter = this.subjects.filter(data => data.level === this.queryParam.level)
+      this.subjectFilter = this.subjects
     },
     addQuestion () {
       this.$router.push('/exam/question/edit/singleChoice')
@@ -123,6 +194,11 @@
         _this.questionShow.question = re.response
         _this.questionShow.loading = false
       })
+    },
+    getSubjectIds() {
+       SubjectApi.list().then(res => {
+         this.subjectIdList = res.response
+      });
     },
     editQuestion (row) {
       let url = this.enumFormat(this.editUrlEnum, row.questionType)
@@ -142,12 +218,28 @@
     questionTypeFormatter (row, column, cellValue, index) {
       return this.enumFormat(this.questionType, cellValue)
     },
+    subjectIdFormatte (row, column, cellValue, index) {
+      console.log(row, column, cellValue, index)
+      let str = ''
+      row.questionSubjects.forEach(item => {
+        str += item.subName + ','
+      })
+      return str = str.slice(0, str.length - 1)
+    },
     subjectFormatter (row, column, cellValue, index) {
       return this.subjectEnumFormat(cellValue)
     },
     ...mapActions('exam', { initSubject: 'initSubject' })
   },
   computed: {
+    headers: function () {
+      // console.log(store.getters.Admin-Token)
+      // const tenantId = store.getters.userInfo.tenantId
+      return {
+        // 'Authorization': "Bearer " + store.getters.Admin-Token,
+        'Cookie': 'JSESSIONID=shpHmjIK1ysHPDyAQB4-M-N3WytgJ3UIwYrfcA2t; adminUserName=admin'
+      }
+    },
     ...mapGetters('enumItem', ['enumFormat']),
     ...mapState('enumItem', {
       questionType: state => state.exam.question.typeEnum,
@@ -159,3 +251,11 @@
   }
 }
 </script>
+<style scoped lang="scss">
+.op-item {
+  margin-left: 5px;
+}
+.upload-demo{
+  margin-left: 5px;
+}
+</style>

--
Gitblit v1.8.0