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

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

@@ -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) => {