evepraisal id

src/reprocess/ReprocessInput.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { evepraisalAxiosInstance } from '@/service';
 import { useVModel } from '@vueuse/core';
 
 interface Props {
@@ -16,11 +17,28 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<Emits>();
 
 const value = useVModel(props, 'modelValue', emit);
+
+const loadFromId = async (e: Event) => {
+    const input = e.target as HTMLInputElement;
+    const id = input.value;
+
+    if (!id) {
+        return;
+    }
+    const response = await evepraisalAxiosInstance.get(`/a/${id}.json`);
+
+    if (response.status !== 200) {
+        return;
+    }
+
+    value.value = JSON.stringify(response.data);
+    input.value = '';
+}
 </script>
 
 <template>
     <div class="flex-1 mx-1">
-        <span>{{ name }}</span>
-        <textarea class="w-full border rounded" v-model="value" />
+        <span>{{ name }}</span><input type="text" class="border rounded ms-2 px-1" @change="loadFromId" placeholder="id evepraisal" />
+        <textarea class="w-full border rounded mt-1" v-model="value" />
     </div>
 </template>