fix: 账号有效期交互优化 (#1394)

TencentBlueKing · Nov 16, 2023 · f4445a3 · f4445a3
1 parent 6156a05
commit f4445a3
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/pages/src/views/setting/AccountSetting.vue b/src/pages/src/views/setting/AccountSetting.vue
@@ -2,7 +2,7 @@
   <bk-loading :loading="isLoading" :z-index="9" class="account-setting-wrapper user-scroll-y">
     <bk-form class="account-setting-content" form-type="vertical" :model="formData" ref="formRef">
       <bk-form-item label="账号有效期开启">
-        <bk-switcher v-model="formData.enabled" theme="primary" size="large" @change="handleChange" />
+        <bk-switcher v-model="formData.enabled" theme="primary" size="large" @change="changeEnabled" />
       </bk-form-item>
       <div v-if="formData.enabled">
         <bk-form-item label="账号有效期">
@@ -70,7 +70,7 @@
 </template>
 
 <script setup lang="ts">
-import { Message } from 'bkui-vue';
+import { InfoBox, Message } from 'bkui-vue';
 import { AngleDown, AngleUp } from 'bkui-vue/lib/icon';
 import { onMounted, ref } from 'vue';
 
@@ -135,6 +135,19 @@ const changeApplication = async () => {
     console.warn(e);
   }
 };
+
+const changeEnabled = (value) => {
+  if (!value) {
+    InfoBox({
+      title: '确认要关闭账号有效期吗？',
+      subTitle: '关闭后，存量账号有效期不变，新账号有效期永久。',
+      onClosed() {
+        formData.value.enabled = !value;
+      },
+    });
+  }
+  window.changeInput = true;
+};
 </script>
 
 <style lang="less" scoped>