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 iframeUrl = "https://u-pre.boe.com/pc/iframe"
//二维码
const codeUrl = "https://u-pre.boe.com"
export {
throttle,
toDate,
@@ -285,4 +288,5 @@ export {
commonData,
organizationalTree,
iframeUrl,
codeUrl,
}

View File

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

View File

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

View File

@@ -16,14 +16,14 @@
<div class="close_exit" @click="closeModal"></div>
</div>
<div class="body">
<div class="tit">{{"时间管理面授课程"}}</div>
<div class="tit">{{ "时间管理面授课程" }}</div>
<div><img src="../../assets/images/taskpage/erweima.png" /></div>
</div>
<div class="footerr">
<div class="onload">下载二维码</div>
<div class="onloadpx">200*200</div>
<div class="onloadpx">400*400</div>
<div class="onloadpx">800*800</div>
<!-- <div class="onloadpx">400*400</div>
<div class="onloadpx">800*800</div> -->
</div>
</div>
</div>
@@ -31,32 +31,32 @@
</template>
<script>
import { reactive,toRefs } from '@vue/reactivity';
import { reactive, toRefs } from "@vue/reactivity";
export default {
name:"SignQR",
props:{
signQRvisible:{
type:Boolean,
default:false,
name: "SignQR",
props: {
signQRvisible: {
type: Boolean,
default: false,
},
},
setup(props,ctx){
setup(props, ctx) {
const state = reactive({
signQRvisible: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);
}
return{
};
return {
...toRefs(state),
closeModal,
afterVisibleChange,
}
}
};
},
};
</script>
<style lang="scss">
@@ -132,7 +132,7 @@ export default {
flex-direction: column;
justify-content: center;
align-items: center;
.tit{
.tit {
margin-bottom: 15px;
font-size: 16px;
font-weight: 500;

View File

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

View File

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

View File

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