From 92dd433eee9482859a8ec617756568cfb3b32291 Mon Sep 17 00:00:00 2001 From: chenhao <852066789@qq.com> Date: Thu, 28 Aug 2025 17:33:10 +0800 Subject: [PATCH] =?UTF-8?q?feat/ui:=20=E4=BC=98=E5=8C=96=E8=AE=A2=E5=8D=95?= =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=92=8C=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=EF=BC=8C=E6=9B=B4=E6=96=B0=E7=99=BB=E5=BD=95=E7=95=8C=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 移除 components.d.ts 中未使用的 VanCheckbox 组件引用 - 在 Detail 页面添加常用审批意见标签功能 - 调整 List 页面样式，优化搜索栏设计- 更新 Login 页面布局和样式，移除不必要的元素 --- components.d.ts | 2 +- src/views/Detail/index.vue | 120 ++++++++++++++++++++++++++--- src/views/List/index.vue | 151 ++++++++++++++++++++++++------------- src/views/Login/index.vue | 62 +++++++-------- 4 files changed, 236 insertions(+), 99 deletions(-) diff --git a/components.d.ts b/components.d.ts index 9109a6f..0b5f4eb 100644 --- a/components.d.ts +++ b/components.d.ts @@ -11,7 +11,6 @@ declare module 'vue' { RouterView: typeof import('vue-router')['RouterView'] VanButton: typeof import('vant/es')['Button'] VanCellGroup: typeof import('vant/es')['CellGroup'] - VanCheckbox: typeof import('vant/es')['Checkbox'] VanEmpty: typeof import('vant/es')['Empty'] VanField: typeof import('vant/es')['Field'] VanForm: typeof import('vant/es')['Form'] @@ -26,5 +25,6 @@ declare module 'vue' { VanSteps: typeof import('vant/es')['Steps'] VanTab: typeof import('vant/es')['Tab'] VanTabs: typeof import('vant/es')['Tabs'] + VanTag: typeof import('vant/es')['Tag'] } } diff --git a/src/views/Detail/index.vue b/src/views/Detail/index.vue index f8d8e22..cfdc373 100644 --- a/src/views/Detail/index.vue +++ b/src/views/Detail/index.vue @@ -372,7 +372,7 @@ v-model:show="approvalDialogVisible" position="bottom" round - :style="{ height: '40%' }" + :style="{ height: '50%' }" >
@@ -380,15 +380,35 @@
- + +
+
常用意见
+
+ + {{ tag }} + +
+
+ + +
+ +
(3) const submitting = ref(false) +const selectedTag = ref('') // Tab页签 const activeTab = ref('order') @@ -542,9 +563,48 @@ const previewFile = (file: AttachmentFile) => { const showApprovalDialog = (status: ApprovalStatus) => { currentApprovalStatus.value = status approvalOpinion.value = '' + selectedTag.value = '' approvalDialogVisible.value = true } +// 获取默认意见标签 +const getOpinionTags = () => { + if (currentApprovalStatus.value === 0) { + // 驳回常用意见 + return [ + '资料不齐全，请补充相关文件', + '订单金额需要重新核实', + '客户信息有误，请修正', + '产品配置不符合要求', + '需要提供更多技术细节', + '合同条款需要调整' + ] + } else { + // 通过常用意见 + return [ + '审核通过，订单信息完整', + '符合公司政策，同意执行', + '客户资质良好，建议通过', + '产品配置合理，批准发货', + '风险可控，同意此订单', + '经审查无误，予以批准' + ] + } +} + +// 选择标签 +const selectTag = (tag: string) => { + if (selectedTag.value === tag) { + // 如果点击的是已选中的标签，则取消选择并清空输入框 + selectedTag.value = '' + approvalOpinion.value = '' + } else { + // 选择新标签并填入输入框 + selectedTag.value = tag + approvalOpinion.value = tag + } +} + // 提交审批 const submitApproval = async () => { if (!currentOrder.value || !currentOrder.value.todo) { @@ -846,6 +906,7 @@ onMounted(async () => { .dialog-body { flex: 1; padding: var(--spacing-lg); + overflow-y: auto; } .dialog-footer { @@ -854,6 +915,45 @@ onMounted(async () => { } } +// 意见标签样式 +.opinion-tags { + margin-bottom: var(--spacing-lg); + + .tags-title { + font-size: 14px; + color: var(--text-color-secondary); + margin-bottom: var(--spacing-md); + font-weight: 500; + } + + .tags-container { + display: flex; + flex-wrap: wrap; + gap: var(--spacing-sm); + + .opinion-tag { + cursor: pointer; + transition: all 0.2s ease; + + &:hover { + transform: translateY(-1px); + } + + &:active { + transform: translateY(0); + } + } + } +} + +.opinion-input { + .van-field { + border: 1px solid var(--divider-color); + border-radius: var(--border-radius-sm); + background: var(--background-color-secondary); + } +} + :deep(.van-steps--vertical) { padding-left: 0; } diff --git a/src/views/List/index.vue b/src/views/List/index.vue index 35b5e5a..0a6efcb 100644 --- a/src/views/List/index.vue +++ b/src/views/List/index.vue @@ -1,12 +1,22 @@