1

frontend/src/pages/Dnfhelper/bind.vue

@@ -10,11 +10,16 @@
         @keyup.enter="onSubmit"
       />
       <div class="flex justify-between w-64 mt-4">
-        <calc-button class="w-20 !h-8" @click="onSubmit">绑定</calc-button>
+        <calc-button class="w-20 !h-8" @click="onSubmit" :disabled="!isChecking">绑定</calc-button>
         <calc-button class="w-20 !h-8" @click="onSeletRole">选择角色</calc-button>
       </div>
       <span class="text-white/50 mt-4"
-        >助手识别基于OCR，存在一定误差，导入后建议进行手动校对。</span
+        >助手识别基于后台模拟器图片识别，存在一定误差，导入后建议进行手动校对。</span
+      >
+      <calc-checkbox v-model="isChecking" class="mt-2 w-64"
+        ><span>
+          我已同意计算器通过截图的方式<br />从DNF助手截图识别到助手ID公开的职业列表、角色打造信息
+        </span></calc-checkbox
       >
     </div>
   </div>
@@ -34,4 +39,6 @@ const onSubmit = async (e: Event) => {
 const onSeletRole = async () => {
   await router.push({ path: '/' })
 }
+
+const isChecking = ref(false)
 </script>

frontend/src/router/index.ts

@@ -9,11 +9,11 @@ const routes: RouteRecordRaw[] = [
     name: 'home',
     component: () => import('@/pages/Home/Index.vue'),
   },
-  // {
-  //   path: '/dnfhelper',
-  //   name: 'dnfhelper',
-  //   component: () => import('@/pages/Dnfhelper/index.vue'),
-  // },
+  {
+    path: '/dnfhelper',
+    name: 'dnfhelper',
+    component: () => import('@/pages/Dnfhelper/index.vue'),
+  },
   {
     path: '/character/:alter',
     redirect: (to) => {