From 3b7181ccc8f3e9c233de96fc1221d8ffe73ac001 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 17 五月 2024 10:10:28 +0800
Subject: [PATCH] 张先强改文件
---
src/views/exam/question/list.vue | 157 +++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 130 insertions(+), 27 deletions(-)
diff --git a/src/views/exam/question/list.vue b/src/views/exam/question/list.vue
index 0dd4ffd..bb4d189 100644
--- a/src/views/exam/question/list.vue
+++ b/src/views/exam/question/list.vue
@@ -1,48 +1,77 @@
<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+' '"></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.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-date-picker
+ v-model="timeRange"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡">
+ </el-date-picker>
+ <el-form-item style="text-align: center;margin-top: 5px">
+ <el-button type="primary" @click="exportQuestion">瀵煎嚭</el-button>
+ </el-form-item>
+ </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="subjectIdFormatte" width="120px"/>
-<!-- <el-table-column prop="subjectId" label="璇剧洰">-->
-<!-- <template slot-scope="scope">-->
-<!--<!– <span>{{this.subjectIdFormatte}}</span>–>-->
-<!-- <span>{{scope.row.questionSubjects.forEach(item=>{ return item.subName})}}</span>-->
-<!-- </template>-->
-<!-- </el-table-column>-->
<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"/>
@@ -69,11 +98,20 @@
import Pagination from '@/components/Pagination'
import QuestionShow from './components/Show'
import questionApi from '@/api/question'
+import { downloadExcel } from '@/utils/download'
export default {
components: { Pagination, QuestionShow },
data () {
return {
+ timeRange: [],
+ exportForm: {
+ questionType: null,
+ start: null,
+ end: null
+ },
+ upLoadUrl: '/api/admin/question/import',
+ fileList: [],
queryParam: {
id: null,
questionType: null,
@@ -94,6 +132,7 @@
}
}
},
+
created () {
this.initSubject()
this.search()
@@ -101,6 +140,53 @@
this.subjectFilter = this.subjects
},
methods: {
+ // 瀵煎嚭棰樼洰
+ exportQuestion () {
+ if (this.timeRange && this.timeRange.length > 1) {
+ this.exportForm.startStr = this.timeRange[0]
+ this.exportForm.endStr = this.timeRange[1]
+ }
+ 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
+ }
+ // console.log(file)
+ // const isJPG = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+ // // const isLt2M = file.size / 1024 / 1024 < 2;
+ //
+ // if (!isJPG) {
+ // this.$message.error('涓婁紶鏂囦欢鍙兘鏄疎xcel!');
+ // }
+ // // if (!isLt2M) {
+ // // this.$message.error('涓婁紶澶村儚鍥剧墖澶у皬涓嶈兘瓒呰繃 2MB!');
+ // // }
+ // return isJPG ;
+ },
submitForm () {
this.queryParam.pageIndex = 1
this.search()
@@ -150,13 +236,13 @@
questionTypeFormatter (row, column, cellValue, index) {
return this.enumFormat(this.questionType, cellValue)
},
- subjectIdFormatte(row, column, cellValue, index){
+ subjectIdFormatte (row, column, cellValue, index) {
console.log(row, column, cellValue, index)
let str = ''
- row.questionSubjects.forEach(item=>{
- str+=item.subName+','
+ row.questionSubjects.forEach(item => {
+ str += item.subName + ','
})
- return str = str.slice(0,str.length-1)
+ return str = str.slice(0, str.length - 1)
},
subjectFormatter (row, column, cellValue, index) {
return this.subjectEnumFormat(cellValue)
@@ -164,6 +250,15 @@
...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,
@@ -175,3 +270,11 @@
}
}
</script>
+<style scoped lang="scss">
+.op-item {
+ margin-left: 5px;
+}
+.upload-demo{
+ margin-left: 5px;
+}
+</style>
--
Gitblit v1.8.0