From 41fa2141371d63d301079b099c237e44857c3e38 Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Thu, 17 Oct 2024 10:30:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/locales/en-US.ts                     |  6 +--
 .../setting/components/change-home-index.vue  | 52 ++++++++++++++-----
 2 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/src/i18n/locales/en-US.ts b/src/i18n/locales/en-US.ts
index 4f03752d..c4ed59a6 100644
--- a/src/i18n/locales/en-US.ts
+++ b/src/i18n/locales/en-US.ts
@@ -1782,10 +1782,10 @@ export default {
         reset: "System Reset",
         resetInstruction: "A system reset will erase all data in the current system, please proceed with caution!!!!",
         resetTipContent: 'Are you sure you want to clear all data from the current system and insist on continuing?',
-        homeInstruction:'Set the system home page',
-        home: 'System home page',
+        homeInstruction:'Set the home page',
+        home: 'Home Page',
         homeTip:'Do you want to submit the current interface as the system interface?',
-        homeSet:'System home page Settings',
+        homeSet:'Home Page Settings',
       },
       role:{
         allScopeOptions:'All data permissions',
diff --git a/src/views/system/setting/components/change-home-index.vue b/src/views/system/setting/components/change-home-index.vue
index cf11ab29..a260c947 100644
--- a/src/views/system/setting/components/change-home-index.vue
+++ b/src/views/system/setting/components/change-home-index.vue
@@ -39,6 +39,7 @@ function fnSave() {
         .then(res => {
           if (res.code === RESULT_CODE_SUCCESS) {
             message.success(t('views.system.setting.saveSuccess'), 3);
+            fnEdit(false);
           } else {
             message.error(res.msg, 3);
           }
@@ -51,6 +52,12 @@ function fnSave() {
   });
 }
 
+/**进入可编辑 */
+function fnEdit(v: boolean) {
+  state.edite = v;
+  state.open = v;
+}
+
 onMounted(() => {
   listMenu(toRaw({ status: 1 })).then(res => {
     if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
@@ -78,25 +85,46 @@ onMounted(() => {
 <template>
   <a-row :gutter="16">
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
-      <a-form-item :label="t('views.system.setting.home')">
-        <a-select
-          ref="select"
-          v-model:value="state.default"
-          style="width: 240px"
-          :options="state.options"
-        ></a-select>
-      </a-form-item>
+      <template v-if="state.edite">
+        <a-form-item :label="t('views.system.setting.home')">
+          <a-select
+            ref="select"
+            v-model:value="state.default"
+            style="width: 240px"
+            :disabled="false"
+            :options="state.options"
+          ></a-select>
+        </a-form-item>
 
-      <a-button type="primary" @click="fnSave">
-        {{ t('views.system.setting.saveSubmit') }}
-      </a-button>
+        <a-button type="primary" @click="fnSave">
+          {{ t('views.system.setting.saveSubmit') }}
+        </a-button>
+        <a-button style="margin-left: 10px" @click="fnEdit(false)">
+          {{ t('common.cancel') }}
+        </a-button>
+      </template>
+      <template v-else>
+        <a-form-item :label="t('views.system.setting.home')">
+          <a-select
+            ref="select"
+            v-model:value="state.default"
+            style="width: 240px"
+            :disabled="true"
+            :options="state.options"
+          ></a-select>
+        </a-form-item>
+
+        <a-button type="dashed" @click="fnEdit(true)">
+          {{ t('common.editText') }}
+        </a-button>
+      </template>
     </a-col>
     <a-col :lg="12" :md="12" :xs="24">
       <a-typography>
         <a-typography-paragraph>
           {{ t('views.system.setting.homeInstruction') }}
         </a-typography-paragraph>
-      </a-typography>
+      </a-typography> 
     </a-col>
   </a-row>
 </template>