hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 05:46:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style：修改二维码弹窗

Browse Source
This commit is contained in:
songwc
2022-10-25 16:26:29 +08:00
parent 86e552b253
commit b0eb77870b
4 changed files with 222 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/views/learningpath/LevelAdd.vue
View File

@@ -423,6 +423,10 @@
@click="
item.course === '面授'
? showCopyModal(item.course)
: item.course === '直播'
? showzhibModal(item.course)
: item.course === '活动'
? showhuodModal(item.course)
: null
"
>
@@ -541,8 +545,9 @@
</div>
</div>
</div>
<div class="pad"></div></div>
</a-tab-pane>
<div class="pad"></div>
</div>
</a-tab-pane>
<a-tab-pane key="4" tab="设置">
<div class="split"></div>
<div class="sametab">
@@ -552,7 +557,9 @@
<div class="headone">
<div class="box"></div>
<div class="onetitle">关卡内容可见可学设置</div>
<div class="oneedi" @click="showbtn" v-show="twobtn">编辑</div>
<div class="oneedi" @click="showbtn" v-show="twobtn">
编辑
</div>
<div v-show="twobtnn" class="twobtn">
<div class="btnone" @click="closebtn">取消</div>
<div class="btntwo" @click="closebtn">确定</div>
@@ -568,17 +575,27 @@
/>
<span class="yulan">预览其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex;align-items: center;">
<span class="yulan2">学员可预览第</span
>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number v-model:value="nubvalue" v-show="inputbox" :controls="false" :autofocus="true" :min="1" />
<span>关-第</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number v-model:value="nubvalue1" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<span>关内容</span>
<div style="display: flex; align-items: center">
<span class="yulan2">学员可预览第</span>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number
v-model:value="nubvalue"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>关-第</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number
v-model:value="nubvalue1"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>关内容</span>
</div>
</div>
<div class="checkcon" style="margin-top: 20px">
<input
@@ -589,15 +606,26 @@
/>
<span class="yulan">学习其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex;align-items: center;">
<span class="yulan2">学员可预览第</span
>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number v-model:value="nubvalue2" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<span>关-第</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number v-model:value="nubvalue3" v-show="inputbox" :controls="false" :autofocus="true" :min="1"/>
<span>关内容</span>
<div style="display: flex; align-items: center">
<span class="yulan2">学员可预览第</span>
<span style="color: #4ea6ff" v-show="number">1</span>
<a-input-number
v-model:value="nubvalue2"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>关-第</span
><span style="color: #4ea6ff" v-show="number">4</span>
<a-input-number
v-model:value="nubvalue3"
v-show="inputbox"
:controls="false"
:autofocus="true"
:min="1"
/>
<span>关内容</span>
</div>
</div>
<br />
@@ -779,6 +807,62 @@
</div>
</div>
</a-modal>
<!-- 直播管理二维码 -->
<a-modal
v-model:visible="zhibModal"
:footer="null"
:closable="closeCopy"
wrapClassName="facemanageModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>直播管理</span>
<div class="close_exit" @click="closezhibModal"></div>
</div>
<div class="body">
<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>
</div>
</div>
</a-modal>
<!-- 活动管理二维码 -->
<a-modal
v-model:visible="huodModal"
:footer="null"
:closable="closeCopy"
wrapClassName="facemanageModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>活动管理</span>
<div class="close_exit" @click="closehuodModal"></div>
</div>
<div class="body">
<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>
</div>
</div>
</a-modal>
<!-- 添加学员抽屉 -->
<add-stu v-model:AddSvisible="AddSvisible" />
<!-- 导入学员抽屉 -->
@@ -838,6 +922,8 @@ export default {
twobtnn: false,
inputbox: false,
Wvisible: false, //作业管理
huodModal: false,
zhibModal: false,
projectNameListt: [
{
id: 1,
@@ -1293,13 +1379,13 @@ export default {
state.twobtnn = true;
state.number = false;
state.inputbox = true;
}
};
const closebtn = () => {
state.twobtnn = false;
state.twobtn = true;
state.number = true;
state.inputbox = false;
}
};
const showCopyModal = () => {
state.copyModal = true;
};
@@ -1336,6 +1422,18 @@ export default {
const showWork = () => {
state.Wvisible = true;
};
const showzhibModal = () => {
state.zhibModal = true;
};
const showhuodModal = () => {
state.huodModal = true;
};
const closezhibModal = () => {
state.zhibModal = false;
};
const closehuodModal = () => {
state.huodModal = false;
};
return {
...toRefs(state),
selectProjectName,
@@ -1361,6 +1459,10 @@ export default {
showTest,
showFace,
showWork,
showzhibModal,
showhuodModal,
closehuodModal,
closezhibModal,
};
},
};
@@ -2819,9 +2921,9 @@ export default {
height: 24px;
border: 1px solid rgba(64, 158, 255, 1);
border-radius: 4px;
color: #FFFFFF;
color: #ffffff;
margin-left: 20px;
background: #409EFF;
background: #409eff;
cursor: pointer;
}
}
@@ -2852,13 +2954,13 @@ export default {
width: 24px;
margin: 10px;
border-radius: 4px;
border: 1px solid #6D7584;
border: 1px solid #6d7584;
.ant-input-number-input {
width: 100%;
height: 100%;
font-size: 14px;
padding: 0;
color: #409EFF;
color: #409eff;
text-align: center;
}
}