feat(device): 实现设备与账号绑定管理机制

- 引入 ClientAccountDevice 表管理设备与账号绑定关系
- 重构设备注册逻辑，支持多账号绑定同一设备
- 新增设备配额检查，基于账号维度限制设备数量
-优化设备移除逻辑，仅解除绑定而非物理删除- 改进设备列表查询，通过账号ID关联获取设备信息
- 更新心跳任务，支持向设备绑定的所有账号发送心跳
- 调整设备API参数，增加username字段用于权限校验
-修复HTTP请求编码问题，统一使用UTF-8字符集
- 增强错误处理，携带错误码信息便于前端识别
- 移除设备表中的username字段，解耦设备与用户名关联

electron-vue-template/src/renderer/components/amazon/AmazonDashboard.vue

@@ -4,6 +4,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import { amazonApi } from '../../api/amazon'
 import { systemApi } from '../../api/system'
 import { handlePlatformFileExport } from '../../utils/settings'
+import { useFileDrop } from '../../composables/useFileDrop'
 
 const TrialExpiredDialog = defineAsyncComponent(() => import('../common/TrialExpiredDialog.vue'))
 
@@ -28,7 +29,6 @@ let abortController: AbortController | null = null // 请求取消控制器
 const currentPage = ref(1)
 const pageSize = ref(15)
 const amazonUpload = ref<HTMLInputElement | null>(null)
-const dragActive = ref(false)
 
 // 试用期过期弹框
 const showTrialExpiredDialog = ref(false)
@@ -88,17 +88,12 @@ async function handleExcelUpload(e: Event) {
   input.value = ''
 }
 
-function onDragOver(e: DragEvent) { e.preventDefault(); dragActive.value = true }
-function onDragLeave() { dragActive.value = false }
-async function onDrop(e: DragEvent) {
-  e.preventDefault()
-  dragActive.value = false
-  const file = e.dataTransfer?.files?.[0]
-  if (!file) return
-  const ok = /\.xlsx?$/i.test(file.name)
-  if (!ok) return showMessage('仅支持 .xls/.xlsx 文件', 'warning')
-  await processExcelFile(file)
-}
+// 拖拽上传
+const { dragActive, onDragEnter, onDragOver, onDragLeave, onDrop } = useFileDrop({
+  accept: /\.xlsx?$/i,
+  onFile: processExcelFile,
+  onError: (msg) => showMessage(msg, 'warning')
+})
 
 // 批量获取产品信息 - 核心数据处理逻辑
 async function batchGetProductInfo(asinList: string[]) {
@@ -347,7 +342,7 @@ onMounted(async () => {
                   <span class="sep">|</span>
                   <a class="link" @click.prevent="downloadAmazonTemplate">点击下载模板</a>
                 </div>
-                <div class="dropzone" @dragover.prevent="onDragOver" @dragleave="onDragLeave" @drop="onDrop" @click="openAmazonUpload">
+                <div class="dropzone" :class="{ active: dragActive }" @dragenter="onDragEnter" @dragover="onDragOver" @dragleave="onDragLeave" @drop="onDrop" @click="openAmazonUpload">
                   <div class="dz-el-icon">📤</div>
                   <div class="dz-text">点击或将文件拖拽到这里上传</div>
                   <div class="dz-sub">支持 .xls .xlsx</div>