From 04c3ecf77518003c8dbf705d15079486f0714506 Mon Sep 17 00:00:00 2001
From: Your Name <2479021563@qq.com>
Date: Sat, 26 Jun 2021 22:00:56 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BE=83=E7=A8=B3=E5=AE=9A=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/page/check/display/index.vue | 82 +++--
src/page/check/learn/details.vue | 356 ++++++++++---------
src/page/content/display/content/add.vue | 2 +-
src/page/content/display/content/details.vue | 12 +-
src/page/content/display/content/index.vue | 3 +-
src/page/content/video/content/add.vue | 4 +-
6 files changed, 241 insertions(+), 218 deletions(-)
diff --git a/src/page/check/display/index.vue b/src/page/check/display/index.vue
index 6016bd1..e4f7dbf 100644
--- a/src/page/check/display/index.vue
+++ b/src/page/check/display/index.vue
@@ -170,11 +170,11 @@
</el-form-item>
<el-form-item label="å®£ä¼ å›¾" :label-width="formLabelWidth">
<img v-if="editForm.cover !== ''" class="imgSize" :src="editForm.cover" alt />
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
<el-form-item label="二维ç " :label-width="formLabelWidth">
<img v-if="editForm.qrcodeUrl !== ''" class="imgSize" :src="editForm.qrcodeUrl" alt />
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
<el-form-item label="简介" :label-width="formLabelWidth">
<el-input type="textarea" v-model="editForm.remarks"></el-input>
@@ -188,7 +188,7 @@
</div>
</template>
<template v-else>
- <div>æš‚æ— æ•°æ®</div>
+ <div> æš‚æ— æ•°æ®</div>
</template>
</div>
</el-form-item>
@@ -201,30 +201,58 @@
</div>
</template>
<template v-else>
- <div>æš‚æ— æ•°æ®</div>
+ <div> æš‚æ— æ•°æ®</div>
</template>
</div>
</el-form-item>
<el-form-item label="å‚考资料" :label-width="formLabelWidth">
- <div class="audio-box">
- <template v-if="this.editForm.datumList && this.editForm.datumList.length >0">
- <div class="audio-item ckzl" v-for="(item, index) in editForm.datumList" :key="index">
- <div>
- <iframe class="imgSize" v-if="item.fileExtName === 'pdf'" :src="item.fileUrl" controls controlsList='nodownload' oncontextmenu="return false"/>
- <img :src="item.fileUrl" v-else-if="item.fileExtName === 'jpg' || item.fileExtName === 'png'" class="imgSize"/>
- <img v-else-if="item.fileExtName === 'docx'" src="data:image/png;base64,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"/>
- <video :src="item.fileUrl" v-else="item.fileExtName === 'mp4'" class="imgSize" controls />
- </div>
- <div>
- <a v-if="item.fileExtName === 'docx'" :href="item.fileUrl">{{item.fileName}}</a>
- <span v-else>{{ item.fileName }}</span>
+
+ <div v-if="this.editForm.datumList && this.editForm.datumList.length >0">
+ <span class="audio-item ckzl" v-for="(item, index) in editForm.datumList" :key="index">
+ <img v-if="item.fileExtName === 'png' || item.fileExtName === 'jpg'"
+ class="imgSize"
+ :src="item.fileUrl"
+ alt=""
+ />
+ <img
+ class="imgSize"
+ v-if="item.fileExtName === 'pdf'"
+ src="@/assets/pdf-icon.png"
+ alt=""
+ />
+ <img
+ class="imgSize"
+ v-if="item.fileExtName === 'pptx'"
+ src="@/assets/ppt-icon.png"
+ alt=""
+ />
+ <img
+ v-if="item.fileExtName === 'docx'"
+ src="@/assets/doc-icon.png"
+ alt=""
+ />
+ <img
+ class="imgSize"
+ v-if="item.fileExtName === 'mp4'"
+ src="@/assets/video-icon.png"
+ alt=""
+ />
+ <img
+ class="imgSize"
+ v-if="item.fileExtName === 'mp3'"
+ src="@/assets/audio-icon.png"
+ alt=""
+ />
+ <img
+ class="imgSize"
+ v-if="item.fileExtName === 'xls'"
+ src="@/assets/excel-icon.png"
+ alt=""
+ />
+ <span><a target="_blank" :href="item.fileUrl">{{ item.fileName }}</a></span>
+ </span>
</div>
- </div>
- </template>
- <template v-else>
- <div>æš‚æ— æ•°æ®</div>
- </template>
- </div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
</el-form>
</div>
@@ -588,11 +616,6 @@ export default {
}
this.editForm = resData;
this.editForm.videoList = videos
- console.log(this.editForm.videoList)
-
-
-
-
})
.catch(function(err) {
console.log(err);
@@ -741,13 +764,10 @@ export default {
</script>
<style lang="less">
-.ckzl {
- display: flex;
- flex-direction: column;
-}
.imgSize {
width: 160px;
height: 100px;
+ margin-left: 0px;
}
.iconImg {
height: 32px;
diff --git a/src/page/check/learn/details.vue b/src/page/check/learn/details.vue
index e0a1f38..969ec12 100644
--- a/src/page/check/learn/details.vue
+++ b/src/page/check/learn/details.vue
@@ -1,178 +1,180 @@
-<template>
- <div class="info">
- <div class="info-header">å¦ä¹ 内容详情</div>
- <div class="info-container">
- <div class="info-wrapper">
- <el-form
- class="demo-form-inline"
- :inline="true"
- :model="formInline"
- label-position="top"
- >
- <el-form-item label="å¦ä¹ 内容å称" class="w50">
- <span>{{ formInline.name }}</span>
- </el-form-item>
- <el-form-item label="å¦ä¹ å†…å®¹å®£ä¼ å›¾" class="w50">
- <img class="imgSize" :src="formInline.cover" alt />
- </el-form-item>
- </el-form>
- <el-collapse v-model="activeNames" @change="handleChange">
- <el-collapse-item
- v-for="(item, index) in formInline.exhibitionBoardList"
- :key="index"
- :title="item.name"
- >
- <el-form
- class="demo-form-inline"
- :inline="true"
- :model="formInline"
- label-position="top"
- >
- <el-form-item label="展æ¿å®£ä¼ 图" class="w100">
- <img class="imgSize" :src="item.cover" alt />
- </el-form-item>
- <el-form-item label="展æ¿ç‰ˆæƒæ–¹" class="w50" >
- <span>{{ item.boardCopyrightOwnerName }}</span>
- </el-form-item>
- <el-form-item label="展æ¿å称">
- <span>{{ item.name }}</span>
- </el-form-item>
-
- <el-form-item label="展æ¿ç®€ä»‹" class="w100">
- <span>{{ item.remarks }}</span>
- </el-form-item>
- <el-form-item label="展æ¿è§†é¢‘" class="w100">
- <div class="video-box" >
-
- <div
- @contextmenu.prevent
- class="video-item"
- v-for="vi in item.videoList"
- :key="vi.id"
- >
- <video
- :poster="vi.thumbnail"
- controls controlsList='nodownload noremote footbar'
- >
- <source :src="vi.fileUrl" />
-
- </video>
- <span> </span>
- <span> {{ vi.fileName }}</span>
- </div>
- </div>
- </el-form-item>
- <el-form-item label="展æ¿éŸ³é¢‘">
- <div class="audio-box">
- <div
- class="audio-item"
- v-for="(au, index) in item.audioList"
- :key="index"
- >
- <audio :src="au.fileUrl" controls />
- <span>{{ au.fileName }}</span>
- </div>
- </div>
- </el-form-item>
- </el-form>
- </el-collapse-item>
- </el-collapse>
- </div>
- </div>
- <div class="info-footer">
- <div class="btn-group">
- <el-button
- size="mini"
- type="primary"
- class="btn_form_search"
- @click="close"
- >å…³é—</el-button
- >
- </div>
- </div>
- </div>
-</template>
-
-<script>
-let Base64 = require('js-base64').Base64
-export default {
- data() {
- return {
- activeNames: [1],
- formInline: {},
- };
- },
- mounted() {
- this.init();
- },
- methods: {
- init() {
- if(this.$route.query.id){
- this.getInfo(this.$route.query.id,'learningContent/get/');
- }else if(this.$route.query.auditId){
- this.getInfo(this.$route.query.auditId,'learningContent/getAudit/');
- }
-
- },
- // 获å–版æƒæ–¹è¯¦æƒ…
- getInfo(id,url) {
- let vm = this;
- vm.$https(
- {
- url: url + id,
- method: "get",
- authType: this.backToken,
- }
- // param
- )
- .then((res) => {
- let data = res.data.data;
- vm.formInline = data;
- const boardList = data.exhibitionBoardList
- for(var i=0;i<boardList.length;i++){
- for(var j=0;j<boardList[i].videoList.length;j++){
- boardList[i].videoList[j].fileUrl = Base64.decode(boardList[i].videoList[j].intro)
- }
- }
- // console.log(boardList)
- vm.formInline.exhibitionBoardList = boardList
- // console.log(this.formInline.exhibitionBoardList[0].videoList);
- })
- .catch(function (err) {
- console.log(err);
- });
- },
- close() {
- history.go(-1);
- },
- handleChange(val) {
- console.log(val);
- },
- },
-};
-</script>
-
-<style lang="less">
-.video-box {
- width: 100%;
- .video-item {
- width: 100%;
- video {
- width: 300px;
- height: 200px;
- }
- }
-
-}
-audio:focus {
- outline: none;
-}
-.audio-item{
- padding-bottom:10px;
- display: flex;
- align-items: center;
- span{
- margin-left: 30px;
- }
-}
+<template>
+ <div class="info">
+ <div class="info-header">å¦ä¹ 内容详情</div>
+ <div class="info-container">
+ <div class="info-wrapper">
+ <el-form
+ class="demo-form-inline"
+ :inline="true"
+ :model="formInline"
+ label-position="top"
+ >
+ <el-form-item label="å¦ä¹ 内容å称" class="w50">
+ <span>{{ formInline.name }}</span>
+ </el-form-item>
+ <el-form-item label="å¦ä¹ å†…å®¹å®£ä¼ å›¾" class="w50">
+ <img class="imgSize" :src="formInline.cover" alt />
+ </el-form-item>
+ </el-form>
+ <el-collapse v-model="activeNames" @change="handleChange">
+ <el-collapse-item
+ v-for="(item, index) in formInline.exhibitionBoardList"
+ :key="index"
+ :title="item.name"
+ >
+ <el-form
+ class="demo-form-inline"
+ :inline="true"
+ :model="formInline"
+ label-position="top"
+ >
+ <el-form-item label="展æ¿å®£ä¼ 图" class="w100">
+ <img v-if="item.cover && item.cover !== ''" class="imgSize" :src="item.cover" alt />
+ <div v-else> æš‚æ— æ•°æ®</div>
+ </el-form-item>
+ <el-form-item label="展æ¿ç‰ˆæƒæ–¹" class="w50" >
+ <span>{{ item.boardCopyrightOwnerName }}</span>
+ </el-form-item>
+ <el-form-item label="展æ¿å称">
+ <span v-if="item.name && item.name !== ''">{{ item.name }}</span>
+ <div v-else> æš‚æ— æ•°æ®</div>
+ </el-form-item>
+
+ <el-form-item label="展æ¿ç®€ä»‹" class="w100">
+ <span v-if="item.remarks && item.remarks !== ''">{{ item.remarks }}</span>
+ <div v-else> æš‚æ— æ•°æ®</div>
+ </el-form-item>
+ <el-form-item label="展æ¿è§†é¢‘" class="w100">
+ <div class="video-box" v-if="item.videoList && item.videoList.length >0 ">
+
+ <div
+ @contextmenu.prevent
+ class="video-item"
+ v-for="vi in item.videoList"
+ :key="vi.id"
+ >
+ <video :poster="vi.thumbnail" controls controlsList='nodownload noremote footbar'>
+ <source :src="vi.fileUrl" />
+ </video>
+ <span> </span>
+ <span> {{ vi.fileName }}</span>
+ </div>
+ </div>
+ <div v-else> æš‚æ— æ•°æ®</div>
+ </el-form-item>
+ <el-form-item label="展æ¿éŸ³é¢‘">
+ <div class="audio-box" v-if="item.audioList &&item.audioList.length>0">
+ <div
+ class="audio-item"
+ v-for="(au, index) in item.audioList"
+ :key="index"
+ >
+ <audio :src="au.fileUrl" controls />
+ <span>{{ au.fileName }}</span>
+ </div>
+ </div>
+ <div v-else> æš‚æ— æ•°æ®</div>
+ </el-form-item>
+ </el-form>
+ </el-collapse-item>
+ </el-collapse>
+ </div>
+ </div>
+ <div class="info-footer">
+ <div class="btn-group">
+ <el-button
+ size="mini"
+ type="primary"
+ class="btn_form_search"
+ @click="close"
+ >å…³é—</el-button
+ >
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+let Base64 = require('js-base64').Base64
+export default {
+ data() {
+ return {
+ activeNames: [1],
+ formInline: {},
+ };
+ },
+ mounted() {
+ this.init();
+ },
+ methods: {
+ init() {
+ if(this.$route.query.id){
+ this.getInfo(this.$route.query.id,'learningContent/get/');
+ }else if(this.$route.query.auditId){
+ this.getInfo(this.$route.query.auditId,'learningContent/getAudit/');
+ }
+
+ },
+ // 获å–版æƒæ–¹è¯¦æƒ…
+ getInfo(id,url) {
+ let vm = this;
+ vm.$https(
+ {
+ url: url + id,
+ method: "get",
+ authType: this.backToken,
+ }
+ // param
+ )
+ .then((res) => {
+ let data = res.data.data;
+ vm.formInline = data;
+ const boardList = data.exhibitionBoardList
+ for(var i=0;i<boardList.length;i++){
+ for(var j=0;j<boardList[i].videoList.length;j++){
+ boardList[i].videoList[j].fileUrl = Base64.decode(boardList[i].videoList[j].intro)
+ }
+ }
+ // console.log(boardList)
+ vm.formInline.exhibitionBoardList = boardList
+ console.log(1111,vm.formInline.exhibitionBoardList)
+ // console.log(this.formInline.exhibitionBoardList[0].videoList);
+ })
+ .catch(function (err) {
+ console.log(err);
+ });
+ },
+ close() {
+ history.go(-1);
+ },
+ handleChange(val) {
+ console.log(val);
+ },
+ },
+};
+</script>
+
+<style lang="less">
+.video-box {
+ width: 100%;
+ .video-item {
+ width: 100%;
+ video {
+ width: 300px;
+ height: 200px;
+ }
+ }
+
+}
+audio:focus {
+ outline: none;
+}
+.audio-item{
+ padding-bottom:10px;
+ display: flex;
+ align-items: center;
+ span{
+ margin-left: 30px;
+ }
+}
</style>
\ No newline at end of file
diff --git a/src/page/content/display/content/add.vue b/src/page/content/display/content/add.vue
index bf8ee0d..a34b17e 100644
--- a/src/page/content/display/content/add.vue
+++ b/src/page/content/display/content/add.vue
@@ -67,7 +67,7 @@
<upload-qrcode :fileList="ruleForm.qrcodeList" @qrcodeUrl="qrcodeUrl" ></upload-qrcode>
</el-form-item>
<el-form-item label="展æ¿ç®€ä»‹" style="width:100%" prop="remarks">
- <el-input type="textarea" v-model="ruleForm.remarks" class="indet"></el-input>
+ <el-input type="textarea" v-model="ruleForm.remarks"></el-input>
<!-- @keyup.enter.native="onSubmit" -->
</el-form-item>
</el-form>
diff --git a/src/page/content/display/content/details.vue b/src/page/content/display/content/details.vue
index a11ef9c..ad0dff2 100644
--- a/src/page/content/display/content/details.vue
+++ b/src/page/content/display/content/details.vue
@@ -61,11 +61,11 @@
}}</el-form-item>
<el-form-item label="展æ¿å›¾ç‰‡" class="w50">
<img v-if="contentData.cover !== ''" class="imgSize" :src="contentData.cover" alt/>
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
<el-form-item label="展æ¿äºŒç»´ç " class="">
<img v-if="contentData.qrcodeUrl !== ''" class="imgSize" :src="contentData.qrcodeUrl" alt />
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
<el-form-item label="展æ¿ç®€ä»‹" class="w100">{{
contentData.remarks
@@ -98,7 +98,7 @@
<span>{{ s.fileName }}</span>
</span>
</div>
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
<el-form-item label="展æ¿éŸ³é¢‘">
<div v-if="contentData.audioList.length">
@@ -121,7 +121,7 @@
<span style="float:left;display:inline-block;margin:10px 0px 20px 20px;">{{ s.fileName }}</span>
</span>
</div>
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
<el-form-item label="展æ¿å›¾ç‰‡" class="w100">
<div v-if="contentData.imagesList.length">
@@ -134,7 +134,7 @@
<span>{{ s.fileName }}</span>
</span>
</div>
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
<el-form-item label="展æ¿æ–‡æ¡£(å¯ç‚¹å‡»æŸ¥çœ‹æˆ–下载查看)" class="w100">
<div v-if="contentData.dirList.length">
@@ -177,7 +177,7 @@
<span><a target="_blank" :href="s.fileUrl">{{ s.fileName }}</a></span>
</span>
</div>
- <div v-else>æš‚æ— æ•°æ®</div>
+ <div v-else> æš‚æ— æ•°æ®</div>
</el-form-item>
</el-form>
</el-collapse-item>
diff --git a/src/page/content/display/content/index.vue b/src/page/content/display/content/index.vue
index b97d1b8..e3e5c40 100644
--- a/src/page/content/display/content/index.vue
+++ b/src/page/content/display/content/index.vue
@@ -195,7 +195,7 @@ export default {
});
},
onSearch() {
- this.page._index = 1;
+ // this.page._index = 1;
this.getTableData();
},
// 获得数æ®æŽ¥å£
@@ -220,6 +220,7 @@ export default {
)
.then(res => {
let data = res.data.data;
+ vm.page._index = data.current;
vm.page.total = data.total;
vm.tableData = data.records;
})
diff --git a/src/page/content/video/content/add.vue b/src/page/content/video/content/add.vue
index be1e124..6f11dd1 100644
--- a/src/page/content/video/content/add.vue
+++ b/src/page/content/video/content/add.vue
@@ -186,7 +186,7 @@ export default {
rule:{
name: [
// { required: true, message: "请输入视频分类å称", trigger: "blur" },
- { min: 1, max: 20, message: "请输入1到20个å—" },
+ { min: 1, max: 30, message: "请输入1到20个å—" },
],
remarks: [
{ min: 1, max: 100, message: "请输入1到100个å—" },
@@ -195,7 +195,7 @@ export default {
rules: {
name: [
{ required: true, message: "请输入视频å称", trigger: "blur" },
- { min: 1, max: 20, message: "请输入1到20个å—" },
+ { min: 1, max: 20, message: "请输入1到30个å—" },
],
videoContentCopyrightOwnerId:[
{ required: true, message: "请选择视频版æƒæ–¹", trigger: "change" }
--
2.18.1