diff --git a/src/components/rangeConfig.vue b/src/components/rangeConfig.vue
index be0a7b9..051ae02 100644
--- a/src/components/rangeConfig.vue
+++ b/src/components/rangeConfig.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="lineStore.selectedGraphics !== null">
+  <div v-if="showRangeConfig">
     <q-card class="q-gutter-sm q-pa-sm">
       <q-card-section>
         <div class="text-h6">{{ handleState }}</div>
@@ -88,6 +88,7 @@ defineExpose({ searchById });
 const route = useRoute();
 const lineStore = useLineStore();
 const $q = useQuasar();
+const showRangeConfig = ref(true);
 const rangeConfig = reactive<{
   areaName: string;
   deviceType: `${DeviceType}` | '';
@@ -209,11 +210,16 @@ async function onSubmit() {
           message: handle.value,
         });
         onReset();
+        showRangeConfig.value = false;
       } catch (err) {
         $q.notify({
           type: 'negative',
           message: handleError.value,
         });
+      } finally {
+        setTimeout(() => {
+          showRangeConfig.value = true;
+        }, 0);
       }
     }
   });