feat:修改直播封面

This commit is contained in:
lixg
2022-12-06 21:59:37 +08:00
parent 1d50c6932a
commit 7ea979bc43
7 changed files with 105 additions and 74 deletions

View File

@@ -271,7 +271,10 @@ const commonData = {
//组织树 //组织树
const organizationalTree = [] const organizationalTree = []
//嵌套页面
const iframeUrl = "https://u-pre.boe.com/pc/iframe" const iframeUrl = "https://u-pre.boe.com/pc/iframe"
//二维码
const codeUrl = "https://u-pre.boe.com"
export { export {
throttle, throttle,
toDate, toDate,
@@ -285,4 +288,5 @@ export {
commonData, commonData,
organizationalTree, organizationalTree,
iframeUrl, iframeUrl,
codeUrl,
} }

View File

@@ -242,6 +242,8 @@ export default {
color: #333333; color: #333333;
line-height: 25px; line-height: 25px;
margin-bottom: 20px; margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
} }
} }
.codeUrl { .codeUrl {

View File

@@ -1052,6 +1052,9 @@ export default {
} }
} }
} }
.ant-upload.ant-upload-select-picture-card {
border: 0px !important;
}
} }
} }
} }

View File

@@ -1,62 +1,62 @@
<template> <template>
<a-modal <a-modal
:visible="signQRvisible" :visible="signQRvisible"
:footer="null" :footer="null"
:closable="closeCopy" :closable="closeCopy"
wrapClassName="signQRModal" wrapClassName="signQRModal"
centered="true" centered="true"
@cancel="closeModal" @cancel="closeModal"
> >
<div class="delete"> <div class="delete">
<div class="del_header"></div> <div class="del_header"></div>
<div class="del_main"> <div class="del_main">
<div class="header"> <div class="header">
<div class="icon"></div> <div class="icon"></div>
<span>签到二维码</span> <span>签到二维码</span>
<div class="close_exit" @click="closeModal"></div> <div class="close_exit" @click="closeModal"></div>
</div> </div>
<div class="body"> <div class="body">
<div class="tit">{{"时间管理面授课程"}}</div> <div class="tit">{{ "时间管理面授课程" }}</div>
<div><img src="../../assets/images/taskpage/erweima.png" /></div> <div><img src="../../assets/images/taskpage/erweima.png" /></div>
</div> </div>
<div class="footerr"> <div class="footerr">
<div class="onload">下载二维码</div> <div class="onload">下载二维码</div>
<div class="onloadpx">200*200</div> <div class="onloadpx">200*200</div>
<div class="onloadpx">400*400</div> <!-- <div class="onloadpx">400*400</div>
<div class="onloadpx">800*800</div> <div class="onloadpx">800*800</div> -->
</div>
</div> </div>
</div> </div>
</a-modal> </div>
</a-modal>
</template> </template>
<script> <script>
import { reactive,toRefs } from '@vue/reactivity'; import { reactive, toRefs } from "@vue/reactivity";
export default { export default {
name:"SignQR", name: "SignQR",
props:{ props: {
signQRvisible:{ signQRvisible: {
type:Boolean, type: Boolean,
default:false, default: false,
},
}, },
setup(props,ctx){ },
const state = reactive({ setup(props, ctx) {
signQRvisible:false, const state = reactive({
closeCopy: false, //二维码关闭图标 signQRvisible: false,
}) closeCopy: false, //二维码关闭图标
const closeModal = ()=> { });
ctx.emit("update:signQRvisible",false) const closeModal = () => {
} ctx.emit("update:signQRvisible", false);
const afterVisibleChange = (bool) => { };
console.log(bool); const afterVisibleChange = (bool) => {
} console.log(bool);
return{ };
...toRefs(state), return {
closeModal, ...toRefs(state),
afterVisibleChange, closeModal,
} afterVisibleChange,
} };
},
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
@@ -132,11 +132,11 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.tit{ .tit {
margin-bottom: 15px; margin-bottom: 15px;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
} }
} }
.footerr { .footerr {

View File

@@ -2753,12 +2753,12 @@
<div class="qrmbtn"> <div class="qrmbtn">
<div class="btntext">200*200</div> <div class="btntext">200*200</div>
</div> </div>
<div class="qrmbtn"> <!-- <div class="qrmbtn">
<div class="btntext">400*400</div> <div class="btntext">400*400</div>
</div> </div>
<div class="qrmbtn"> <div class="qrmbtn">
<div class="btntext">800*800</div> <div class="btntext">800*800</div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>

View File

@@ -10,7 +10,11 @@
<div class="fort">创建时间{{ cretime }}</div> <div class="fort">创建时间{{ cretime }}</div>
</div> </div>
<div class="right"> <div class="right">
<img class="img1" src="../../assets/images/leveladd/ma.png" /> <img
class="img1"
src="../../assets/images/leveladd/ma.png"
@click="showCodeModel2()"
/>
<div v-if="action == 1 || action == 0" class="line"></div> <div v-if="action == 1 || action == 0" class="line"></div>
<img <img
v-if="action == 1 || action == 0" v-if="action == 1 || action == 0"
@@ -510,15 +514,7 @@
<div <div
class="operation" class="operation"
style="cursor: pointer" style="cursor: pointer"
@click=" @click="showCodeModel(item)"
item.type === 2
? showCopyModal(item.type)
: item.type === 6
? showzhibModal(item.type)
: item.type === 9
? showhuodModal(item.type)
: null
"
> >
二维码 二维码
</div> </div>
@@ -958,8 +954,8 @@
<div class="footerr"> <div class="footerr">
<div class="onload">下载二维码</div> <div class="onload">下载二维码</div>
<div class="onloadpx">200*200</div> <div class="onloadpx">200*200</div>
<div class="onloadpx">400*400</div> <!-- <div class="onloadpx">400*400</div>
<div class="onloadpx">800*800</div> <div class="onloadpx">800*800</div> -->
</div> </div>
</div> </div>
</div> </div>
@@ -986,8 +982,8 @@
<div class="footerr"> <div class="footerr">
<div class="onload">下载二维码</div> <div class="onload">下载二维码</div>
<div class="onloadpx">200*200</div> <div class="onloadpx">200*200</div>
<div class="onloadpx">400*400</div> <!-- <div class="onloadpx">400*400</div>
<div class="onloadpx">800*800</div> <div class="onloadpx">800*800</div> -->
</div> </div>
</div> </div>
</div> </div>
@@ -1014,8 +1010,8 @@
<div class="footerr"> <div class="footerr">
<div class="onload">下载二维码</div> <div class="onload">下载二维码</div>
<div class="onloadpx">200*200</div> <div class="onloadpx">200*200</div>
<div class="onloadpx">400*400</div> <!-- <div class="onloadpx">400*400</div>
<div class="onloadpx">800*800</div> <div class="onloadpx">800*800</div> -->
</div> </div>
</div> </div>
</div> </div>
@@ -1259,7 +1255,7 @@ import { getRouterOverview } from "@/api/indexLearningPath";
import { handleLearnPath } from "../../api/index1"; import { handleLearnPath } from "../../api/index1";
import { GetRouterDetail } from "@/api/indexTask"; import { GetRouterDetail } from "@/api/indexTask";
import * as api from "../../api/index1"; import * as api from "../../api/index1";
import { toDate } from "../../api/method"; import { toDate, codeUrl } from "../../api/method";
import { editRoutered } from "../../api/indexLearningPath"; import { editRoutered } from "../../api/indexLearningPath";
import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue"; import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
export default { export default {
@@ -1428,6 +1424,9 @@ export default {
authClassify: 3, authClassify: 3,
addAuthList: [], addAuthList: [],
codevisible: false, //二维码是否显示
codeInfo: null, //二维码标题
}); });
const levelList = reactive({ const levelList = reactive({
@@ -2186,6 +2185,27 @@ export default {
getStudent(); getStudent();
// state.activeKey1 = "8"; // state.activeKey1 = "8";
}; };
//显示二维码弹窗
const showCodeModel = (item) => {
state.codevisible = true;
let obj = {
title: "[" + checkType(item.type) + "]二维码",
name: item.name,
url: codeUrl,
};
state.codeInfo = obj;
};
//显示二维码弹窗
const showCodeModel2 = () => {
state.codevisible = true;
let obj = {
title: "[学习路径]二维码",
name: state.styTitle,
url: codeUrl,
};
state.codeInfo = obj;
};
return { return {
...toRefs(state), ...toRefs(state),
...toRefs(levelList), ...toRefs(levelList),
@@ -2240,6 +2260,8 @@ export default {
totask, totask,
tostudent, tostudent,
checkedClose, checkedClose,
showCodeModel,
showCodeModel2,
}; };
}, },
}; };

View File

@@ -86,8 +86,8 @@
></qrcode-vue> ></qrcode-vue>
</div> </div>
<div @click="downloadQr(200)">下载200</div> <div @click="downloadQr(200)">下载200</div>
<div @click="downloadQr(400)">下载400</div> <!-- <div @click="downloadQr(400)">下载400</div>
<div @click="downloadQr(800)">下载800</div> <div @click="downloadQr(800)">下载800</div> -->
</div> </div>
<div @click="changeCodevisible">显示二维码弹窗</div> <div @click="changeCodevisible">显示二维码弹窗</div>