From 80889e7f32480ae76896f3bd042baa82a0fc9e9e Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期四, 14 十一月 2024 11:39:07 +0800
Subject: [PATCH] 班级成绩图表分析
---
src/views/education/resource/list.vue | 103 ++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 81 insertions(+), 22 deletions(-)
diff --git a/src/views/education/resource/list.vue b/src/views/education/resource/list.vue
index cde0a54..c446ec6 100644
--- a/src/views/education/resource/list.vue
+++ b/src/views/education/resource/list.vue
@@ -4,16 +4,26 @@
<el-form :inline="true" :model="searchForm" class="demo-form-inline">
<el-form-item label="涓婚">
<el-input v-model="searchForm.introduction" size="small" placeholder="涓婚鍐呭" clearable
- @clear="page"></el-input>
+ @clear="page" @input="page"></el-input>
</el-form-item>
<el-form-item label="鐝骇">
- <el-select v-model="searchForm.classId" clearable @clear="page" @change="page" placeholder="鐝骇">
+ <el-select v-model="searchForm.classId" size="small" clearable @clear="page" @change="page" placeholder="鐝骇">
<el-option v-for="item in classesIds" :key="item.id" :label="item.className" :value="item.id"/>
</el-select>
</el-form-item>
<el-form-item label="绉戠洰">
- <el-select v-model="searchForm.subjectId" clearable @clear="page" @change="page" placeholder="绉戠洰">
+ <el-select v-model="searchForm.subjectId" size="small" clearable @clear="page" @change="page" placeholder="绉戠洰">
<el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏂囦欢绫诲瀷">
+ <el-select v-model="searchForm.contentType" size="small" clearable @clear="page" @change="page" placeholder="鏂囦欢绫诲瀷">
+ <el-option
+ v-for="item in contentTypeList"
+ :key="item.value"
+ :label="item.name"
+ :value="item.value">
</el-option>
</el-select>
</el-form-item>
@@ -23,7 +33,9 @@
</el-form>
<div>
<el-button type="primary" @click="handlerAdd" size="small">娣诲姞</el-button>
- <el-button type="danger" @click="batchRemove" size="small" style="margin-left: 5px">鍒犻櫎</el-button>
+ <el-popconfirm title="纭鎵归噺鍒犻櫎鍚楋紵" @confirm="batchRemove">
+ <el-button slot="reference" type="danger" size="small" style="margin-left: 5px">鍒犻櫎</el-button>
+ </el-popconfirm>
</div>
</div>
@@ -46,8 +58,14 @@
class="showContent"></el-image>
<!-- <img v-if="scope.row.contentType === 'img'" :src="'/api/files/' + scope.row.contentUrl.url"
class="showContent" /> -->
- <el-link type="primary" v-if="scope.row.contentType === 'pdf'" class="showContent"
- @click="checkPdf('/api/files/' + scope.row.contentUrl.url)">鐐瑰嚮鏌ョ湅
+ <audio controls v-if="scope.row.contentType === 'audio'"
+ class="showContent">
+ <source :src="'/api/files/' + scope.row.contentUrl.url">
+ </audio>
+ <el-link type="primary"
+ v-if="scope.row.contentType !== 'video' && scope.row.contentType !== 'audio' && scope.row.contentType !== 'img'"
+ class="showContent"
+ @click="check(scope.row)">鐐瑰嚮鏌ョ湅
</el-link>
</template>
</el-table-column>
@@ -57,6 +75,13 @@
<el-link type="primary" :href="'/api/upload/download?url=' + item.url +'&fileName=' + item.name">
{{ item.name }}
</el-link>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="visitUrl" label="璁块棶閾炬帴">
+ <template slot-scope="scope">
+ <div v-if="scope.row.contentType === 'video'">
+ {{ scope.row.visitUrl }}
</div>
</template>
</el-table-column>
@@ -81,7 +106,7 @@
<el-form-item label="涓婚绠�浠�" prop="introduction">
<el-input v-model="form.introduction" placeholder="涓婚鍐呭"></el-input>
</el-form-item>
- <el-form-item label="鐝骇" >
+ <el-form-item label="鐝骇" prop="classId">
<el-select
v-model="form.classId"
placeholder="鐝骇"
@@ -98,9 +123,12 @@
</el-form-item>
<el-form-item label="鏂囦欢绫诲瀷" prop="contentType">
<el-select v-model="form.contentType" placeholder="涓嶅悓绫诲瀷鐨勬枃浠堕槄瑙堟柟寮忎笉鍚岋紝澶氫綑鏂囦欢璇蜂互闄勪欢褰㈠紡涓婁紶" @change="fileChange">
- <el-option label="瑙嗛" value="video"></el-option>
- <el-option label="PDF" value="pdf"></el-option>
- <el-option label="鍥剧墖" value="img"></el-option>
+ <el-option
+ v-for="item in contentTypeList"
+ :key="item.value"
+ :label="item.name"
+ :value="item.value">
+ </el-option>
</el-select>
</el-form-item>
<el-form-item label="涓婁紶鏂囦欢(涓�涓�)" prop="contentUrl">
@@ -147,12 +175,22 @@
dialogTitle: '娣诲姞瀛︿範鍐呭',
ids: [],
typeList: [],
+ contentTypeList: [
+ { name: '瑙嗛', value: 'video' },
+ { name: '鍥剧墖', value: 'img' },
+ { name: '闊抽', value: 'audio' },
+ { name: 'PDF', value: 'pdf' },
+ { name: 'EXCEL', value: 'excel' },
+ { name: 'WORD', value: 'word' },
+ { name: 'PPT', value: 'ppt' }
+ ],
classesIds: [],
searchForm: {
pageNum: 1,
pageSize: 5,
subjectId: null,
- introduction: null
+ introduction: null,
+ contentType: null
},
total: 0,
tableData: [],
@@ -169,10 +207,16 @@
},
rules: {
contentUrl: [
- { required: true, message: '璇蜂笂浼犳枃浠�', trigger: 'blur' },
+ { required: true, message: '璇蜂笂浼犳枃浠�', trigger: 'blur' }
],
introduction: [
- { required: true, message: '璇疯緭鍏ヤ富棰樺唴瀹�', trigger: 'blur' },
+ { required: true, message: '璇疯緭鍏ヤ富棰樺唴瀹�', trigger: 'blur' }
+ ],
+ classId: [
+ { required: true, message: '璇烽�夋嫨鐝骇', trigger: 'blur' }
+ ],
+ subjectId: [
+ { required: true, message: '璇烽�夋嫨绉戠洰', trigger: 'blur' }
],
belongType: [
{ required: true, message: '璇烽�夋嫨瀛︿範鍒嗙被', trigger: 'change' }
@@ -190,9 +234,10 @@
this.classesIds = re.data.data
})
},
- checkPdf (url) {
- this.pdf = url
- this.pdfDialog = true
+ check (row) {
+ // this.pdf = url
+ // this.pdfDialog = true
+ window.open(row.visitUrl)
},
closePdfDialog () {
this.pdfDialog = false
@@ -213,8 +258,20 @@
if (row.contentType === 'img') {
return '鍥剧墖'
}
+ if (row.contentType === 'audio') {
+ return '闊抽'
+ }
if (row.contentType === 'pdf') {
return 'PDF'
+ }
+ if (row.contentType === 'excel') {
+ return 'EXCEL'
+ }
+ if (row.contentType === 'word') {
+ return 'WORD'
+ }
+ if (row.contentType === 'ppt') {
+ return 'PPT'
}
},
clearFile () {
@@ -244,13 +301,15 @@
batchRemove () {
if (this.ids.length < 1) {
this.$message.warning('璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁')
+ } else {
+ EducationResourceAPI.remove(this.ids).then(res => {
+ if (res.code === 1) {
+ this.$message.success('鍒犻櫎鎴愬姛')
+ this.ids = []
+ }
+ this.page()
+ })
}
- EducationResourceAPI.remove(this.ids).then(res => {
- if (res.code === 1) {
- this.$message.success('鍒犻櫎鎴愬姛')
- this.ids = []
- }
- })
},
getTitle (typeName) {
return '纭畾瑕佸垹闄�' + typeName + '杩欎釜鏂囦欢鍚楋紵'
--
Gitblit v1.8.0