From 1f872254cc4b4c2c9f678f14216c2e29f1b3b858 Mon Sep 17 00:00:00 2001 From: "pikachu1995@126.com" Date: Mon, 26 Oct 2026 17:01:08 +0800 Subject: [PATCH] =?UTF-8?q?style(member):=20=E4=BC=98=E5=8C=96=E7=94=B3?= =?UTF-8?q?=E8=AF=89=E8=AF=A6=E6=83=85=E3=80=81=E4=BC=9A=E5=91=98=E7=AD=89?= =?UTF-8?q?=E7=BA=A7=E3=80=81=E4=BC=98=E6=83=A0=E5=88=B8=E3=80=81=E7=A4=BC?= =?UTF-8?q?=E5=93=81=E5=8D=A1=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../home/memberCenter/ComplainDetail.vue | 533 +++++++++++------- .../pages/home/memberCenter/MemberGrade.vue | 192 ++++--- buyer/src/pages/home/userCenter/Coupons.vue | 65 ++- .../src/pages/home/userCenter/MyGiftCards.vue | 72 ++- 4 files changed, 550 insertions(+), 312 deletions(-) diff --git a/buyer/src/pages/home/memberCenter/ComplainDetail.vue b/buyer/src/pages/home/memberCenter/ComplainDetail.vue index c3dfb2e0c..145e4af6b 100644 --- a/buyer/src/pages/home/memberCenter/ComplainDetail.vue +++ b/buyer/src/pages/home/memberCenter/ComplainDetail.vue @@ -1,185 +1,224 @@ + + diff --git a/buyer/src/pages/home/memberCenter/MemberGrade.vue b/buyer/src/pages/home/memberCenter/MemberGrade.vue index 0dcf4697b..d2c71f714 100644 --- a/buyer/src/pages/home/memberCenter/MemberGrade.vue +++ b/buyer/src/pages/home/memberCenter/MemberGrade.vue @@ -9,63 +9,74 @@ {{ b.benefitName || '-' }}
当前经验值：{{ currentExperience || 0 }}
-
- 距 {{ nextGrade.gradeName }} 还差 {{ diffExperience }} 经验值 -
+
已达最高等级
-
-
获取经验值方式
-
经验值记录
-
- -
- -
-
-
-
{{ row.ruleName || row.ruleKey || '-' }}
- {{ row.completed === true ? '已完成' : '未完成' }} -
-
{{ getRuleDesc(row.ruleKey) }}
-
- 单次获得 +{{ row.value == null ? 0 : row.value }} - 限额 {{ row.maxValue }} - 已获得 {{ row.gainedExperience == null ? 0 : row.gainedExperience }} -
-
+
+
+
获取经验值方式
+
经验值记录
-
{{ rulesDescription }}
-
-
- -
-
- 时间 - 规则 - 变动值 -
-
-
{{ row.createTime }}
-
{{ getRuleName(row.ruleKey) }}
-
- {{ getLogDeltaSign(row) }}{{ getLogDeltaAbsValue(row) }} +
+ +
+
+
+
{{ row.ruleName || row.ruleKey || '-' }}
+ {{ row.completed === true ? '已完成' : '未完成' }} +
+
{{ getRuleDesc(row.ruleKey) }}
+
+ 单次获得 +{{ row.value == null ? 0 : row.value }} + 限额 {{ row.maxValue }} + 已获得 {{ row.gainedExperience == null ? 0 : row.gainedExperience }} +
+
{{ rulesDescription }}
-
- + +
+ +
+
+ 时间 + 规则 + 变动值 +
+
+
{{ row.createTime }}
+
{{ getRuleName(row.ruleKey) }}
+
+ {{ getLogDeltaSign(row) }}{{ getLogDeltaAbsValue(row) }} +
+
+
+
+ +
@@ -92,7 +103,6 @@ const currentGradeId = ref('') const selectedRuleKey = ref('') const activeGradeTab = ref('rules') const logLoading = ref(false) -const gradeLoading = ref(false) const params = reactive({ pageNumber: 1, pageSize: 20 @@ -137,6 +147,15 @@ const diffExperience = computed(() => { return diff > 0 ? diff : 0 }) +/** 当前经验占下一级所需经验的百分比（无下一级时视为 100%） */ +const progressPercent = computed(() => { + if (!nextGrade.value || !nextGrade.value.requiredExperience) return 100 + const required = Number(nextGrade.value.requiredExperience) + if (!required || required <= 0) return 100 + const percent = Math.round((Number(currentExperience.value || 0) / required) * 100) + return Math.min(100, Math.max(0, percent)) +}) + /** 当前等级在列表详情中对应的启用权益（顺序与后台 benefits 一致） */ const currentGradeBenefits = computed(() => { const id = currentGradeId.value @@ -174,7 +193,6 @@ function loadRules () { } function loadGradeList () { - gradeLoading.value = true memberGradeList() .then(res => { if (res && res.success) { @@ -197,9 +215,6 @@ function loadGradeList () { gradeList.value = [] } }) - .finally(() => { - gradeLoading.value = false - }) } function loadCurrent () { @@ -223,12 +238,6 @@ function loadCurrent () { }) } -function selectRule (ruleKey) { - selectedRuleKey.value = ruleKey || '' - params.pageNumber = 1 - loadCurrent() -} - function changePage (val) { params.pageNumber = val loadCurrent() @@ -283,30 +292,31 @@ function getLogDeltaAbsValue (row) { const num = getLogDeltaRaw(row) return Math.abs(num) } - -function getLogDeltaColor (row) { - return getLogDeltaRaw(row) >= 0 ? 'green' : 'red' -}