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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/drawers/UnlockMode.vue
View File

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

33
src/views/learningpath/LevelAddDetail.vue
View File

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