From 080d62621e8eec04d394682455ad6ac0b2e376a8 Mon Sep 17 00:00:00 2001 From: YGXB_net Date: Tue, 7 Jul 2026 23:38:23 +0800 Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E9=87=8D=E6=9E=84UI=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=AF=B9=E8=AF=9D=E6=A1=86?= =?UTF-8?q?=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将 AddDataDialog 组件的布局改为 flex 布局并移除自定义 CSS 类 - 更新 TokenDetailView 的整体布局结构，使用 Tailwind CSS 类替换原生样式 - 优化 TokenManageView 的表单和表格界面，调整响应式设计 - 移除 Element Plus ElContainer 组件的引用 - 合并多个编辑对话框为统一的数据编辑对话框 - 优化进度条和标签的显示样式 - 调整按钮和表单项的间距和对齐方式 --- web/components.d.ts | 1 - web/src/components/AddDataDialog.vue | 41 +- web/src/views/admin/TokenDetailView.vue | 465 +++++++-------------- web/src/views/admin/TokenManageView.vue | 532 +++++++++--------------- 4 files changed, 344 insertions(+), 695 deletions(-) diff --git a/web/components.d.ts b/web/components.d.ts index 9e84f56..caa19f4 100644 --- a/web/components.d.ts +++ b/web/components.d.ts @@ -16,7 +16,6 @@ declare module 'vue' { ElCard: typeof import('element-plus/es')['ElCard'] ElCollapse: typeof import('element-plus/es')['ElCollapse'] ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem'] - ElContainer: typeof import('element-plus/es')['ElContainer'] ElDialog: typeof import('element-plus/es')['ElDialog'] ElDivider: typeof import('element-plus/es')['ElDivider'] ElDropdown: typeof import('element-plus/es')['ElDropdown'] diff --git a/web/src/components/AddDataDialog.vue b/web/src/components/AddDataDialog.vue index 06e3fe1..52fccea 100644 --- a/web/src/components/AddDataDialog.vue +++ b/web/src/components/AddDataDialog.vue @@ -70,7 +70,7 @@ const handleUpload = async () => { {{ props.token }} -
+
{ class="textarea-input" /> -
-
+
+
- 已上传 {{ uploadedCount }}/{{ totalCount }} 行 + 已上传 {{ uploadedCount }}/{{ totalCount }} 行
{ \ No newline at end of file + diff --git a/web/src/views/admin/TokenDetailView.vue b/web/src/views/admin/TokenDetailView.vue index 85ad322..5fe53f4 100644 --- a/web/src/views/admin/TokenDetailView.vue +++ b/web/src/views/admin/TokenDetailView.vue @@ -142,354 +142,175 @@ const statCards = [ - - \ No newline at end of file diff --git a/web/src/views/admin/TokenManageView.vue b/web/src/views/admin/TokenManageView.vue index 2505ea1..d6031bb 100644 --- a/web/src/views/admin/TokenManageView.vue +++ b/web/src/views/admin/TokenManageView.vue @@ -9,16 +9,16 @@ const router = useRouter() const tableData = ref([]) const loading = ref(false) const input = ref('') -const value = ref('') -const dataFormat = ref('') + +const inputDedupObject = ref('') +const inputDataFormat = ref('') const inputNotes = ref('') + const activeNames = ref(['1']) const rowOut = ref(null) const addDataDialogVisible = ref(false) -const dedupObjectVisible = ref(false) -const dataFormatVisible = ref(false) -const inputNotesVisible = ref(false) +const dataDialogVisible = ref(false) const options = [ {value: 'uid', label: 'uid'}, @@ -46,32 +46,26 @@ const fetchTokens = async () => { } } -onMounted(() => { - if (store.isAdmin) { - fetchTokens() - } -}) - const addToken = async () => { - if (!input.value || !value.value || !dataFormat.value) { + if (!input.value || !inputDedupObject.value || !inputDataFormat.value) { ElMessage.warning('请填写完整信息') return } try { await api.createToken({ token: input.value, - dedup_object: value.value, - data_format: dataFormat.value, + dedup_object: inputDedupObject.value, + data_format: inputDataFormat.value, notes: inputNotes.value, }) ElMessage({message: '添加成功', type: 'success'}) input.value = '' - value.value = '' - dataFormat.value = '' + inputDedupObject.value = '' + inputDataFormat.value = '' inputNotes.value = '' fetchTokens() } catch (error: any) { - ElMessage.error(error.response?.data?.error || '添加失败') + ElMessage.error('添加失败' + error.response?.data?.error) } } @@ -80,75 +74,38 @@ const viewDetails = (row: any) => { router.push({name: "TokenDetail"}) } -const dialogDedupObjectVisible = (row: any) => { - rowOut.value = row - value.value = row.dedup_object - dedupObjectVisible.value = true -} - -const dialogDataFormatVisible = (row: any) => { - rowOut.value = row - dataFormat.value = row.data_format - dataFormatVisible.value = true -} - -const dialogNotesVisible = (row: any) => { - rowOut.value = row - inputNotes.value = row.notes - inputNotesVisible.value = true -} - const dialogDataADDVisible = (row: any) => { rowOut.value = row + addDataDialogVisible.value = true } -const updateDedupObject = async () => { - try { - await api.updateToken({ - token: rowOut.value.token, - dedup_object: value.value, - data_format: rowOut.value.data_format, - notes: rowOut.value.notes, - }) - ElMessage({message: '更新成功', type: 'success'}) - dedupObjectVisible.value = false - fetchTokens() - } catch (error: any) { - ElMessage.error(error.response?.data?.error || '更新失败') - } +const displayDataVisible = (row: any) => { + rowOut.value = row + + inputDedupObject.value = row.dedup_object + inputDataFormat.value = row.data_format + inputNotes.value = row.notes + + dataDialogVisible.value = true } -const updateDataFormat = async () => { +const updateData = async () => { try { await api.updateToken({ token: rowOut.value.token, - dedup_object: rowOut.value.dedup_object, - data_format: dataFormat.value, - notes: rowOut.value.notes, - }) - ElMessage({message: '更新成功', type: 'success'}) - dataFormatVisible.value = false - fetchTokens() - } catch (error: any) { - ElMessage.error(error.response?.data?.error || '更新失败') - } -} - -const updateNotes = async () => { - try { - await api.updateToken({ - token: rowOut.value.token, - dedup_object: rowOut.value.dedup_object, - data_format: rowOut.value.data_format, + dedup_object: inputDedupObject.value, + data_format: inputDataFormat.value, notes: inputNotes.value, }) - ElMessage({message: '更新成功', type: 'success'}) - inputNotesVisible.value = false - fetchTokens() } catch (error: any) { - ElMessage.error(error.response?.data?.error || '更新失败') + ElMessage.error('更新失败' + error.response?.data?.error) + dataDialogVisible.value = false + return } + ElMessage({message: '更新成功', type: 'success'}) + fetchTokens() + dataDialogVisible.value = false } const deleteToken = async (row: any) => { @@ -157,282 +114,183 @@ const deleteToken = async (row: any) => { ElMessage({message: '删除成功', type: 'success'}) fetchTokens() } catch (error: any) { - ElMessage.error(error.response?.data?.error || '删除失败') + ElMessage.error('删除失败' + error.response?.data?.error) } } + +onMounted(() => { + if (store.isAdmin) { + fetchTokens() + } +}) - - \ No newline at end of file