挑战大秘境可选择层数

src/views/dungeon/battle.vue

@@ -81,12 +81,14 @@ const exploreDungeon = (monsterIdx) => {
                 return;
             } else if (dungeon.difficulty == difficultys[4]) {
                 //通关大秘境后记录已通过层数并回满血
-                commit('set_player_layer', dungeon.layer);
+                if (dungeon.layer > layer.value) {
+                    commit('set_player_layer', dungeon.layer);
+                }
                 commit('add_player_curhp', state.playerAttribute.attribute.hp);
             }
             if (state.battle.repeat) {
                 if (dungeon.difficulty == difficultys[4] && state.battle.upward) {
-                    dungeon.setLayer(layer.value + 1);
+                    dungeon.setLayer(dungeon.layer + 1);
                 }
                 playerMove(0, 0);
             } else {
@@ -123,7 +125,7 @@ watch(() => state.playerAttribute.attribute, (n) => {
 const battleWithMonster = (monster) => {
     return new Promise((resolve, reject) => {
         const battleTime = Math.ceil(player_battle_time * 100 / (100 + state.baseAttribute.battleSpeed))
-        const lvOrLayer = props.dungeon?.difficulty == 'dami' ? state.playerAttribute.layer + t('layer') : 'lv' + monster.lv;
+        const lvOrLayer = props.dungeon?.difficulty == 'dami' ? props.dungeon.layer + t('layer') : 'lv' + monster.lv;
         const monsterName = t('difficulty.' + props.dungeon?.difficulty) + t(monster.type);
         const msg = replace(t('battle'), [lvOrLayer, monsterName])
         commit("set_sys_info", { msg: msg, type: 'battle' });

src/views/dungeon/dungeonTips.vue

@@ -5,7 +5,10 @@
             {{ t('dungeonTips.0') }}:
             <span v-if="show_lv_df.includes(dungeon.difficulty)">lv_{{ dungeon.lv }}</span>
             {{ t('difficulty.' + dungeon.difficulty) }}
-            <span v-if="dungeon.difficulty == 'dami'">({{ layer }}{{ t('layer') }})</span>
+            <select v-if="dungeon.difficulty == 'dami'" class="select" v-model="layer1">
+                <option v-for="i in layer" :value="i">{{ i }}{{ t('layer') }}</option>
+            </select>
+            <!-- <span >({{ layer }}{{ t('layer') }})</span> -->
         </div>
         <div class="tip">
             <p>- {{ t('dungeonTips.2') }}</p>
@@ -36,7 +39,7 @@
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
-import { reactive, onMounted, ref, computed } from "vue";
+import { reactive, onMounted, ref, computed, watch } from "vue";
 import { useI18n } from "vue3-i18n";
 import { close_icon, qualitys, show_lv_df } from "@/config";
 
@@ -63,6 +66,12 @@ const battle = computed(() => {
 const layer = computed(() => {
     return state.playerAttribute.layer;
 })
+const layer1 = ref(layer.value)
+watch(() => layer1.value, (n) => {
+    if (n) {
+        props.dungeon.setLayer(n);
+    }
+})
 
 const props = defineProps({
     dungeon: {
@@ -96,6 +105,11 @@ onMounted(() => { });
         font-size: 1.2rem;
     }
 
+    .select {
+        font-size: 1.1rem;
+        background-color: rgba(0, 0, 0, 0.6);
+    }
+
     .tip {
         padding-left: 0.4rem;