From 71230e00725b8c7a5fa2b177ae073b4870abeab8 Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Tue, 4 Mar 2025 16:01:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=BC=94=E7=A4=BA=E7=8E=AF=E5=A2=83=E4=B8=8D?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E4=BF=AE=E6=94=B9=E5=AF=86=E7=A0=81/?=
 =?UTF-8?q?=E6=89=8B=E6=9C=BA/=E9=82=AE=E7=AE=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/sub/SettingSecurity.vue | 33 ++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/views/setting/sub/SettingSecurity.vue b/src/views/setting/sub/SettingSecurity.vue
index df7c61d..25e4f52 100644
--- a/src/views/setting/sub/SettingSecurity.vue
+++ b/src/views/setting/sub/SettingSecurity.vue
@@ -5,12 +5,15 @@ import { maskPhoneNum } from '@/js/utils/common'
 import EditEmail from '@/views/setting/components/EditEmail.vue'
 import EditPassword from '@/views/setting/components/EditPassword.vue'
 import EditPhone from '@/views/setting/components/EditPhone.vue'
+import { ElMessage } from 'element-plus'
 
 const userData = userStore()
 const isShowEditPassword = ref(false)
 const isShowEditPhone = ref(false)
 const isShowEditEmail = ref(false)
 
+const demoFlag = import.meta.env.VITE_DEMO_FLAG === 'true'
+
 const phoneDesc = computed(() => {
   if (!userData.user.phoneNum) {
     return '未绑定手机'
@@ -30,6 +33,30 @@ const emailDesc = computed(() => {
 const onUpdateUser = () => {
   userData.updateUser()
 }
+
+const onShowEditPassword = () => {
+  if (demoFlag) {
+    ElMessage.warning('演示环境不支持修改密码')
+    return
+  }
+  isShowEditPassword.value = true
+}
+
+const onShowEditPhone = () => {
+  if (demoFlag) {
+    ElMessage.warning('演示环境不支持修改手机号码')
+    return
+  }
+  isShowEditPhone.value = true
+}
+
+const onShowEditEmail = () => {
+  if (demoFlag) {
+    ElMessage.warning('演示环境不支持修改邮箱')
+    return
+  }
+  isShowEditEmail.value = true
+}
 </script>
 
 <template>
@@ -43,7 +70,7 @@ const onUpdateUser = () => {
             <div class="desc">当前密码强度 ：低</div>
           </div>
           <div class="modify">
-            <el-button type="primary" text @click="isShowEditPassword = true"> 修改 </el-button>
+            <el-button type="primary" text @click="onShowEditPassword"> 修改 </el-button>
           </div>
         </div>
 
@@ -53,7 +80,7 @@ const onUpdateUser = () => {
             <div class="desc">{{ phoneDesc }}</div>
           </div>
           <div class="modify">
-            <el-button type="primary" text @click="isShowEditPhone = true">
+            <el-button type="primary" text @click="onShowEditPhone">
               {{ userData.user.phoneNum ? '修改' : '绑定' }}
             </el-button>
           </div>
@@ -65,7 +92,7 @@ const onUpdateUser = () => {
             <div class="desc">{{ emailDesc }}</div>
           </div>
           <div class="modify">
-            <el-button type="primary" text @click="isShowEditEmail = true">
+            <el-button type="primary" text @click="onShowEditEmail">
               {{ userData.user.email ? '修改' : '绑定' }}
             </el-button>
           </div>