'学习模式处改成下拉框'

This commit is contained in:
fooperage
2023-02-02 22:36:21 +08:00
parent 4c1d917570
commit 9e03c2db7c
2 changed files with 27 additions and 23 deletions

View File

@@ -95,15 +95,6 @@ export default {
type: Object
}
},
// watch:{
// unlockModeVisible(val){
// if(val){
// for(let key in this.formData){
// this.formData[key] = this.routerInfo[key]
// }
// }
// }
// },
setup(props, ctx) {
console.log("获取属性",props)
const state = reactive({
@@ -112,12 +103,12 @@ export default {
type: 1,
text: "自由学习模式",
},
// {
// type: 2,
// text: "按学习时间解锁",
// },
{
type: 2,
text: "按学习时间解锁",
},
{
type: 3,
text: "闯关模式",
},
],

View File

@@ -194,12 +194,17 @@
<!-- 2022-11-30注释 后面放开 -->
<div class="select" style="margin-right:90px;">
<span>学习模式</span>
<div class="inputbox">
<input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'按学习时间解锁':''" />
<div class="bottonbox" @click="showModeVisible">
<!-- <div class="inputbox"> -->
<!-- <input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'闯关模式':''" /> -->
<a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px" disabled>
<a-select-option :value="1">自由学习模式</a-select-option>
<a-select-option :value="2">闯关模式</a-select-option>
</a-select>
<a-button type="primary" size="large" style="border-radius: 8px;" @click="showModeVisible">切换模式</a-button>
<!-- <div class="bottonbox" @click="showModeVisible">
<div class="btnText">切换模式</div>
</div>
</div>
</div> -->
<!-- </div> -->
<unlock-mode ref="unlockModeModal" v-model:unlockModeVisible="unlockModeVisible" :routerInfo="routerInfo" @successA="successA"/>
</div>
<div class="line"></div>
@@ -783,12 +788,18 @@
<!-- 2022-11-30注释 后面放开 -->
<div class="select">
<span>学习模式</span>
<div class="inputbox">
<input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'按学习时间解锁':''" />
<div class="bottonbox" @click="showModeVisible">
<!-- <div class="inputbox"> -->
<!-- <input type="text" :placeholder="unlockMode === 1?'自由学习模式':unlockMode === 2?'闯关模式':''" /> -->
<a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px" disabled>
<a-select-option :value="1">自由学习模式</a-select-option>
<a-select-option :value="2">闯关模式</a-select-option>
</a-select>
<a-button type="primary" size="large" style="border-radius: 8px;" @click="showModeVisible">切换模式</a-button>
<!-- <div class="bottonbox" @click="showModeVisible">
<div class="btnText">切换模式</div>
</div>
</div>
</div> -->
<!-- </div> -->
<unlock-mode ref="unlockModeModal" v-model:unlockModeVisible="unlockModeVisible" :routerInfo="routerInfo" @successA="successA"/>
</div>
<div class="line"></div>
@@ -1482,6 +1493,8 @@ export default {
state.creTime = res.data.data.routerInfo.createTime;
state.picUrl = res.data.data.routerInfo.picUrl;
state.unlockMode = res.data.data.routerInfo.unlockMode
state.unlockMode = state.unlockMode ? state.unlockMode: 1
console.log('学习模式',state.unlockMode)
state.routerInfo = res.data.data.routerInfo
//增加两个字段
state.level.forEach((item) => {