From ff7b8b63f62aa1a5c13663a185d8e5141d6584bb Mon Sep 17 00:00:00 2001
From: mengyxu <kekeningxiaobai@sina.com>
Date: Wed, 21 May 2025 15:45:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=B3=BB=E7=BB=9F=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=EF=BC=8C=E5=8F=AF=E8=AE=BE=E7=BD=AE=E5=AE=8C=E5=85=A8?=
 =?UTF-8?q?=E6=97=A0=E9=9F=B3=E4=B9=90=E5=92=8C=E9=9A=90=E8=97=8F=E6=88=98?=
 =?UTF-8?q?=E6=96=97=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/img/menu/settings.png          | Bin 0 -> 11931 bytes
 src/components/dialog.vue             |  21 ++--
 src/config/assets.ts                  |   1 +
 src/config/i18n/zh/index.ts           |   4 +
 src/config/i18n/zh/setting.ts         |   4 +
 src/store/state.ts                    |   1 +
 src/tool/IndexedDB.ts                 |   7 +-
 src/views/archive.vue                 |   2 +-
 src/views/backpack/backpack.vue       |   2 +-
 src/views/illustrated/illustrated.vue |   2 +-
 src/views/menu.vue                    |   4 +-
 src/views/message/sys-info.vue        |  13 ++-
 src/views/point/point.vue             |   3 +-
 src/views/setting.vue                 | 134 ++++++++++++++++++++++++++
 src/views/shop/shop.vue               |   2 +-
 src/views/version/update-log.vue      |   1 +
 src/views/version/version.vue         |   2 +-
 17 files changed, 185 insertions(+), 18 deletions(-)
 create mode 100644 public/img/menu/settings.png
 create mode 100644 src/config/i18n/zh/setting.ts
 create mode 100644 src/views/setting.vue

diff --git a/public/img/menu/settings.png b/public/img/menu/settings.png
new file mode 100644
index 0000000000000000000000000000000000000000..47ffef004061df48319b5be8157ccb5e54f40beb
GIT binary patch
literal 11931
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

literal 0
HcmV?d00001

diff --git a/src/components/dialog.vue b/src/components/dialog.vue
index 993e65b..0e0dd57 100644
--- a/src/components/dialog.vue
+++ b/src/components/dialog.vue
@@ -7,7 +7,7 @@
                     <span>{{ title }}</span>
                 </div>
                 <slot />
-                <img v-if="showHeader" :src="close_icon" class="close" @click="show = false; emit('close')"></img>
+                <img v-if="showHeader" :src="close_icon" class="close" @click="show = false; emit('close');"></img>
             </div>
         </div>
     </teleport>
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
-import { watch, onMounted, ref } from "vue";
+import { watch, onMounted, ref, onBeforeUnmount } from "vue";
 import { useI18n } from "vue3-i18n";
 import { close_icon } from "@/config";
 
@@ -77,13 +77,15 @@ watch(() => prop.modelValue, (n, o) => {
     show.value = n;
 })
 
+const keydown = (e) => {
+    if (e.keyCode == 27) {
+        show.value = false;
+        emit('close');
+    }
+}
+
 onMounted(() => {
-    document.addEventListener('keydown', (e) => {
-        if (e.keyCode == 27) {
-            show.value = false;
-            emit('close');
-        }
-    })
+    document.addEventListener('keydown', keydown);
     if (prop.obscured) {
         style.value = {
             height: '100%'
@@ -92,6 +94,9 @@ onMounted(() => {
         style.value = {};
     }
 });
+onBeforeUnmount(() => {
+    document.removeEventListener('keydown', keydown)
+})
 </script>
 <style lang="scss" scoped>
 .dialog {
diff --git a/src/config/assets.ts b/src/config/assets.ts
index a88b327..df4882b 100644
--- a/src/config/assets.ts
+++ b/src/config/assets.ts
@@ -20,6 +20,7 @@ export const menu_icons = {
   illustrated: root + '/img/menu/illustrated.png',
   extras: root + '/img/menu/extras.png',
   setting: root + '/img/menu/setting.png',
+  settings: root + '/img/menu/settings.png',
 };
 
 export const attr_icon_urls = {
diff --git a/src/config/i18n/zh/index.ts b/src/config/i18n/zh/index.ts
index ed67681..15a4428 100644
--- a/src/config/i18n/zh/index.ts
+++ b/src/config/i18n/zh/index.ts
@@ -1,6 +1,7 @@
 import { weapon, armor, neck, ring, jewelry, pants, shoes, bracers, quality, extraQuality } from './euips';
 import * as skills from './skills';
 import * as point from './point';
+import * as setting from './setting';
 
 export default class Zh {
   title = '挂机放置游戏';
@@ -169,4 +170,7 @@ export default class Zh {
   update = ['版本更新通知', '检测到有服务器有新版本，是否刷新刷新页面更新版本？', '刷新页面', '暂时不管'];
 
   login = ['登录', '用户名', '密码', '登录/注册', '请输入用户名', '请输入密码', '登录成功'];
+
+  setting = setting;
+
 }
diff --git a/src/config/i18n/zh/setting.ts b/src/config/i18n/zh/setting.ts
new file mode 100644
index 0000000..8507983
--- /dev/null
+++ b/src/config/i18n/zh/setting.ts
@@ -0,0 +1,4 @@
+export const title = '系统设置';
+export const action = ['保存设置', '取消'];
+export const music = ['背景音乐', '完全关闭', '最小音量', '正常音量'];
+export const battle = ['战斗日志', '显示', '隐藏'];
diff --git a/src/store/state.ts b/src/store/state.ts
index a061781..d5dbfe4 100644
--- a/src/store/state.ts
+++ b/src/store/state.ts
@@ -7,6 +7,7 @@ export default {
     { type: 'win', msg: t('welcome.0') },
     { type: 'win', msg: t('welcome.1') },
   ],
+  battleLog: 1, //是否显示战斗日志
   mobile: window.innerWidth < 768,
   curMenu: null,
   equipTip: {
diff --git a/src/tool/IndexedDB.ts b/src/tool/IndexedDB.ts
index 75e227a..dea12c0 100644
--- a/src/tool/IndexedDB.ts
+++ b/src/tool/IndexedDB.ts
@@ -3,8 +3,10 @@ import { deepCopy } from './caller';
 const db_name = 'transmigration_game';
 export const store_name_archive = 'archive';
 export const key_name_archive = 'version';
+export const store_name_config = 'config';
+export const key_name_config = 'type';
 
-const version = 1;
+const version = 2;
 let db;
 /**
  * 打开数据库
@@ -45,6 +47,9 @@ const createStore = () => {
     // 创建索引，在后面查询数据的时候可以根据索引查
     // objectStore.createIndex(index_name_equip, index_name_equip, { unique: false });
   }
+  if (!db.objectStoreNames.contains(store_name_config)) {
+    db.createObjectStore(store_name_config, { keyPath: key_name_config });
+  }
 };
 
 await openDB();
diff --git a/src/views/archive.vue b/src/views/archive.vue
index 3799996..252865c 100644
--- a/src/views/archive.vue
+++ b/src/views/archive.vue
@@ -3,7 +3,7 @@
         <img class="menu-img" :src="menu_icons.exportGame" @click="showMenu">
     </Tooltip>
 
-    <Dialog :title="t('archive.0')" v-model="showArchive" top="4rem" left='8%'>
+    <Dialog :title="t('archive.0')" v-model="showArchive" top="4rem" left='8%' @close="state.curMenu = null">
         <div class="archive">
             <span class="tip">* {{ t('archive.1') }}</span>
             <textarea class="textarea" v-model="archive"></textarea>
diff --git a/src/views/backpack/backpack.vue b/src/views/backpack/backpack.vue
index 5fee51d..2c78106 100644
--- a/src/views/backpack/backpack.vue
+++ b/src/views/backpack/backpack.vue
@@ -3,7 +3,7 @@
         <img class="menu-img" :src="menu_icons.backpack" @click="showMenu">
     </Tooltip>
 
-    <Dialog :title="t('backpack')" v-model="show" top="4rem" left='8%'>
+    <Dialog :title="t('backpack')" v-model="show" top="4rem" left='8%' @close="state.curMenu = null">
         <Player />
         <Grid @openEquipMenu="openEquipMenu" />
     </Dialog>
diff --git a/src/views/illustrated/illustrated.vue b/src/views/illustrated/illustrated.vue
index 47b1ef9..abb297d 100644
--- a/src/views/illustrated/illustrated.vue
+++ b/src/views/illustrated/illustrated.vue
@@ -3,7 +3,7 @@
         <img class="menu-img" :src="menu_icons.illustrated" @click="showMenu">
     </Tooltip>
 
-    <Drawer :title="t('illustrated.0')" v-model="showIllustrated" :width="state.mobile ? '100%' : ''">
+    <Drawer :title="t('illustrated.0')" v-model="showIllustrated" :width="state.mobile ? '100%' : ''" @close="state.curMenu = null">
         <Tabs :tabs="tabs">
             <tab v-for="item in tabs" :name="item.name">
                 <Equips :type="item.name" quality="colorful" extraQuality="taigu" :samples="taigu[item.name]" />
diff --git a/src/views/menu.vue b/src/views/menu.vue
index 4f54911..1640158 100644
--- a/src/views/menu.vue
+++ b/src/views/menu.vue
@@ -6,9 +6,10 @@
         <SaveGame />
         <Archive />
         <Dungeon />
-        <Music />
+        <!-- <Music /> -->
         <Illustrated />
         <Version />
+        <Setting />
     </div>
 </template>
 
@@ -25,6 +26,7 @@ import Archive from "./archive.vue";
 import Music from "./music.vue";
 import Illustrated from "./illustrated";
 import Version from "./version";
+import Setting from "./setting.vue";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
diff --git a/src/views/message/sys-info.vue b/src/views/message/sys-info.vue
index 59b73f6..6376d30 100644
--- a/src/views/message/sys-info.vue
+++ b/src/views/message/sys-info.vue
@@ -1,6 +1,6 @@
 <template>
     <div class='sysInfo' ref="sysInfo">
-        <div :class="['info', v.type]" v-for="(v, k) in state.sysInfo" :key="k">
+        <div :class="['info', v.type]" v-for="(v, k) in infos" :key="k">
             <span>{{ t('sys') }}</span>
             <i class="time" v-if="v.time">({{ v.time }})</i>：
             <span class="msg">{{ v.msg }}</span>
@@ -24,7 +24,7 @@
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
-import { watch, nextTick, onMounted, ref } from "vue";
+import { watch, nextTick, onMounted, ref, computed } from "vue";
 import { useI18n } from "vue3-i18n";
 import { qualitys } from "@/config";
 import { Drawer, Tooltip } from "@/components";
@@ -32,6 +32,15 @@ import Bouts from "./bouts.vue";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
+const infos = computed(() => {
+    if (state.battleLog === 1) {
+        return state.sysInfo;
+    } else {
+        return state.sysInfo.filter(info => {
+            return info.type.indexOf('_') === -1;
+        })
+    }
+})
 const sysInfo = ref();
 const showBouts = ref(false)
 const bouts = ref<any>([])
diff --git a/src/views/point/point.vue b/src/views/point/point.vue
index 0f7b186..83231d5 100644
--- a/src/views/point/point.vue
+++ b/src/views/point/point.vue
@@ -3,7 +3,8 @@
         <img class="menu-img" :src="menu_icons.reborn" @click="showMenu">
     </Tooltip>
 
-    <Dialog :title="t('menu')" v-model="showReborn" top="4rem" :left="state.mobile ? '4%' : '8%'" padding="0.7rem">
+    <Dialog :title="t('menu')" v-model="showReborn" top="4rem" :left="state.mobile ? '4%' : '8%'" padding="0.7rem"
+        @close="state.curMenu = null">
         <div class="message">
             <div class="tips">
                 <p>- {{ t('desc.0') }}</p>
diff --git a/src/views/setting.vue b/src/views/setting.vue
new file mode 100644
index 0000000..f0c7a4f
--- /dev/null
+++ b/src/views/setting.vue
@@ -0,0 +1,134 @@
+<template>
+    <Tooltip :infos="[t('title')]" width="10rem">
+        <img class="menu-img" :src="menu_icons.settings" @click="showMenu">
+    </Tooltip>
+
+    <Dialog :title="t('title')" v-model="show" top="4rem" :left="state.mobile ? '4%' : '8%'" padding="0.7rem" :z="49"
+        @close="state.curMenu = null">
+        <div class="setting">
+            <div class="item">
+                <div class="label">{{ t('music.0') }}：</div>
+                <div class="options">
+                    <input type="radio" id="none" :value="0" v-model="settings.music"> {{ t('music.1') }}
+                    <input type="radio" id="min" :value="0.01" v-model="settings.music"> {{ t('music.2') }}
+                    <input type="radio" id="normal" :value="0.2" v-model="settings.music"> {{ t('music.3') }}
+                </div>
+            </div>
+            <div class="item">
+                <div class="label">{{ t('battle.0') }}：</div>
+                <div class="options">
+                    <input type="radio" :value="1" v-model="settings.battle"> {{ t('battle.1') }}
+                    <input type="radio" :value="0" v-model="settings.battle"> {{ t('battle.2') }}
+                </div>
+            </div>
+        </div>
+        <div class="footer">
+            <button class="button" @click="saveSettings">{{ t('action.0') }}</button>
+            <button class="button" @click="showMenu">{{ t('action.1') }}</button>
+        </div>
+    </Dialog>
+
+</template>
+
+<script lang="ts" setup>
+import { useStore } from "vuex";
+import { computed, onBeforeUnmount, onMounted, reactive, ref } from "vue";
+import { Tooltip, Dialog } from "@/components"
+import { menu_icons } from "@/config";
+import { createt } from "@/config/i18n";
+import { store_name_config, key_name_config, getFromStore, insertToStore } from "@/tool";
+
+const t = createt('setting.');
+const { state, commit, dispatch } = useStore();
+const show = computed(() => {
+    return state.curMenu == 'setting';
+});
+const settings = ref({
+    type: 'setting',
+    music: 0.01,
+    battle: 1
+})
+
+const saveSettings = () => {
+    insertToStore(store_name_config, settings.value);
+    set();
+    showMenu();
+}
+
+const set = () => {
+    dispatch('set_music_volume', settings.value.music);
+    state.battleLog = settings.value.battle;
+}
+
+const readSetting = () => {
+    getFromStore(store_name_config, settings.value.type).then((rsp: any) => {
+        if (rsp) {
+            settings.value = rsp
+            set();
+        };
+    });
+}
+
+const showMenu = () => {
+    state.curMenu = show.value ? null : 'setting';
+}
+
+const keydown = (e) => {
+    if (state.curMenu != null) {
+        return;
+    }
+    if (e.keyCode == 27 && !e.ctrlKey) {
+        setTimeout(() => {
+            showMenu();
+        }, 50);
+    }
+}
+
+onMounted(() => {
+    document.addEventListener('keydown', keydown, true)
+    readSetting();
+});
+onBeforeUnmount(() => {
+    document.removeEventListener('keydown', keydown)
+})
+
+</script>
+<style lang="scss" scoped>
+.setting {
+    width: 32rem;
+    font-size: 1rem;
+    padding-top: 1rem;
+
+    .label {
+        float: left;
+        width: 20%;
+        text-align: right;
+    }
+
+    .options {
+        float: right;
+        width: 78%;
+        text-align: left;
+    }
+
+    .item {
+        height: 2rem;
+    }
+
+    .footer {
+        padding-top: 1rem;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+    .setting {
+        width: 23.5rem;
+        margin-top: 0.5rem;
+
+        .footer {
+            margin-top: 0.5rem;
+        }
+
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/shop/shop.vue b/src/views/shop/shop.vue
index 28d42be..b79124f 100644
--- a/src/views/shop/shop.vue
+++ b/src/views/shop/shop.vue
@@ -3,7 +3,7 @@
         <img class="menu-img" :src="menu_icons.shop" @click="showMenu">
     </Tooltip>
 
-    <Dialog :title="t('shop')" v-model="showShop" top="4rem" left='8%'>
+    <Dialog :title="t('shop')" v-model="showShop" top="4rem" left='8%' @close="state.curMenu = null">
         <div class="coins">
             {{ t('coins.0') }}:{{ coins }}
         </div>
diff --git a/src/views/version/update-log.vue b/src/views/version/update-log.vue
index d8ef36b..23dfc65 100644
--- a/src/views/version/update-log.vue
+++ b/src/views/version/update-log.vue
@@ -43,6 +43,7 @@ const updateLogs: any = [{
         '流血伤害不再是真实伤害,受护甲减伤影响',
         '修复武器青光被动异常减伤BUG',
         '自动出售可勾选神话品质',
+        '新增系统设置，可设置完全无音乐和隐藏战斗信息',
     ],
     bug: [
         '修复一些UI显示BUG',
diff --git a/src/views/version/version.vue b/src/views/version/version.vue
index fe38722..9f3fb34 100644
--- a/src/views/version/version.vue
+++ b/src/views/version/version.vue
@@ -4,7 +4,7 @@
         <img class="menu-img" :src="menu_icons.extras" @click="showMenu">
     </Tooltip>
 
-    <Drawer v-model="showVersion" :width="state.mobile ? '100%' : '35%'">
+    <Drawer v-model="showVersion" :width="state.mobile ? '100%' : '35%'" @close="state.curMenu = null">
         <UpdateLog />
     </Drawer>