dev

frontend/src/pages/Character/Config/import.vue

@@ -11,16 +11,16 @@ export default defineComponent({
     const configStore = useConfigStore()
     const uid = ref('')
 
-    const { state, execute } = useAsyncState(
+    const { state, execute, isLoading } = useAsyncState(
       async () => {
         const res = await api.getConfigFromHelper(uid.value)
         configStore.config.equips = res.equips
         configStore.config.avatar = res.avatars
         const { alert } = useDialog()
+        visible.value = false
         await alert({
           content: '导入成功',
         })
-        visible.value = false
         return res
       },
       undefined,
@@ -68,21 +68,21 @@ export default defineComponent({
     return () => {
       return (
         <>
-          <div class="h-40 w-80 py-2 px-4 text-hex-e9c556">
+          <div class="h-30 w-80 py-2 px-4 text-hex-e9c556">
             <div class="flex justify-around items-center">
               助手社区ID
               <calc-input class="!w-60" v-model={uid.value} />
             </div>
             <div>
               <p class="text-hex-e9c556/80">
-                * 请输入助手社区ID，点击导入后会从助手社区通过OCR获取主角色打造
+                * 点击导入后会从助手通过文字识别获取主角色打造
               </p>
               <p class="text-hex-e9c556/80">
-                * 由于通过文字识别，部分打造无法完全获取，此处仅做快捷导入
+                * 部分打造无法获取，此处仅做快捷导入
               </p>
             </div>
             <div class="flex justify-around items-center">
-              <calc-button onClick={execute}>导入</calc-button>
+              <calc-button onClick={execute} disabled={isLoading.value}>导入</calc-button>
               <calc-button onClick={() => (visible.value = false)}>取消</calc-button>
             </div>
           </div>