From f4b0366a39a170b1d08f24c626ba5ce8873c2d53 Mon Sep 17 00:00:00 2001 From: tianyongbao Date: Thu, 13 Nov 2025 02:05:38 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E7=95=8C=E9=9D=A2=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=8C=E5=AE=8C=E6=88=90=E5=9F=BA=E7=A1=80?= =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=92=8C=E5=BF=83=E8=B7=AF=E5=8E=86=E7=A8=8B?= =?UTF-8?q?=E4=BC=98=E5=8C=96=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/calendar/index.vue | 23 +- src/pages/mine.vue | 19 +- src/pages/work/base/creditCard/addEdit.vue | 33 +- src/pages/work/base/creditCard/details.vue | 349 ++++++++++++-- src/pages/work/base/creditCard/list.vue | 429 +++++++++++++----- src/pages/work/base/debitCard/addEdit.vue | 33 +- src/pages/work/base/debitCard/details.vue | 270 +++++++++-- src/pages/work/base/debitCard/list.vue | 427 +++++++++++------ src/pages/work/base/financials/addEdit.vue | 32 +- src/pages/work/base/financials/details.vue | 223 +++++++-- src/pages/work/base/financials/list.vue | 340 ++++++++------ src/pages/work/base/futures/addEdit.vue | 32 +- src/pages/work/base/futures/details.vue | 224 +++++++-- src/pages/work/base/futures/list.vue | 421 ++++++++++------- src/pages/work/base/lend/addEdit.vue | 33 +- src/pages/work/base/lend/details.vue | 279 ++++++++++-- src/pages/work/base/lend/list.vue | 398 +++++++++++----- src/pages/work/base/posmachine/addEdit.vue | 33 +- src/pages/work/base/posmachine/details.vue | 304 +++++++++++-- src/pages/work/base/posmachine/list.vue | 402 +++++++++------- src/pages/work/base/stocks/addEdit.vue | 32 +- src/pages/work/base/stocks/details.vue | 212 +++++++-- src/pages/work/base/stocks/list.vue | 402 ++++++++++------ src/pages/work/heartJourney/addEdit.vue | 36 +- src/pages/work/heartJourney/details.vue | 146 ++++-- src/pages/work/heartJourney/list.vue | 306 ++++++++----- .../work/product/productInfor/addEdit.vue | 32 +- .../work/product/productInfor/details.vue | 161 +++++-- src/pages/work/product/productInfor/list.vue | 347 +++++++++----- 29 files changed, 4327 insertions(+), 1651 deletions(-) diff --git a/src/pages/calendar/index.vue b/src/pages/calendar/index.vue index 9090424..a27409c 100644 --- a/src/pages/calendar/index.vue +++ b/src/pages/calendar/index.vue @@ -26,7 +26,6 @@ - 当日事项 @@ -412,22 +411,30 @@ const handleSelectDate = (info) => { margin: 16rpx; background: #ffffff; border-radius: 16rpx; - padding: 16rpx; + padding: 24rpx 16rpx 16rpx; box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06); } .section-title { display: flex; align-items: center; - margin-bottom: 12rpx; + margin-bottom: 16rpx; + padding-left: 16rpx; + position: relative; + + &::before { + content: ''; + position: absolute; + left: 0; + width: 6rpx; + height: 24rpx; + background: linear-gradient(135deg, #667eea, #764ba2); + border-radius: 3rpx; + } } .title-bar { - width: 6rpx; - height: 24rpx; - background: linear-gradient(135deg, #667eea, #764ba2); - border-radius: 3rpx; - margin-right: 10rpx; + display: none; } .title-text { diff --git a/src/pages/mine.vue b/src/pages/mine.vue index 9061fed..740cc90 100644 --- a/src/pages/mine.vue +++ b/src/pages/mine.vue @@ -58,7 +58,10 @@ - 账户管理 + + + 账户管理 + @@ -83,7 +86,10 @@ - 帮助与支持 + + + 帮助与支持 + @@ -408,8 +414,7 @@ page { display: flex; align-items: center; - &::before { - content: ''; + .title-bar { width: 6rpx; height: 28rpx; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); @@ -417,6 +422,12 @@ page { margin-right: 12rpx; flex-shrink: 0; } + + .title-text { + color: #7f8c8d; + font-size: 28rpx; + font-weight: 600; + } } .menu-card { diff --git a/src/pages/work/base/creditCard/addEdit.vue b/src/pages/work/base/creditCard/addEdit.vue index 3980a37..09d8563 100644 --- a/src/pages/work/base/creditCard/addEdit.vue +++ b/src/pages/work/base/creditCard/addEdit.vue @@ -86,7 +86,7 @@ - + @@ -319,24 +319,37 @@ onLoad((option) => { \ No newline at end of file + + .remark-content { + padding: 20rpx; + background: #f8f9fa; + border-radius: 8rpx; + + text { + color: #2c3e50; + font-size: 26rpx; + line-height: 1.6; + } + } +} + \ No newline at end of file diff --git a/src/pages/work/base/creditCard/list.vue b/src/pages/work/base/creditCard/list.vue index f9fb725..6136a24 100644 --- a/src/pages/work/base/creditCard/list.vue +++ b/src/pages/work/base/creditCard/list.vue @@ -5,62 +5,93 @@ - + + + 新增 + - - - + + + + + + + + {{ item.name }} + {{ item.code }} + + + + {{ dictStr(item.status, statusList) }} + - - - 信用卡额度： - {{ item.creditLimit }} + + + + + 信用额度 + {{ item.creditLimit }}元 + + + + 可用额度 + {{ item.availableLimit }}元 + + + + + + 账单日 + {{ item.billDateName }} + + + 还款日 + {{ item.payDateName }} + + + + + + 延缓期限 + {{ item.delayPeriod }} + + + 开户日期 + {{ item.activationDate }} + + + + + + 有效期 + {{ item.effectiveDate }} + + + 账单日消费 + {{ dictStr(item.isNextBillDate, isNextBillDateList) }} + + + + + + 0账单操作 + {{ dictStr(item.isZeroBill, isZeroBillList) }} + + - - 可用额度： - {{ item.availableLimit }} - - - 账户状态： - {{ dictStr(item.status, statusList) }} - - - 账单日： - {{ item.billDateName }} - - - 还款日： - {{ item.payDateName }} - - - 延缓期限： - {{ item.delayPeriod }} - - - 开户日期： - {{ item.activationDate }} - - - 有效期： - {{ item.effectiveDate }} - - - 账单日消费： - {{ dictStr(item.isNextBillDate, isNextBillDateList) }} - - - 0账单操作： - {{ dictStr(item.isZeroBill, isZeroBillList) }} - - - - 修改 - 删除 + + + + + 修改 + + + + 删除 + @@ -166,6 +197,27 @@ function dictStr(val, arr) { }) return str } + +function getStatusClass(status, statusText) { + // 根据状态文字判断（更可靠） + if (statusText && statusText.includes('正常')) { + return 'status-normal' + } + if (statusText && (statusText.includes('销卡') || statusText.includes('销户'))) { + return 'status-error' + } + + // 备用：根据状态值判断 + const statusStr = String(status) + if (statusStr === '2') { + return 'status-normal' + } + if (statusStr === '0' || statusStr === '3' || statusStr === '4') { + return 'status-error' + } + + return 'status-default' + } function searchBlur() { pageNum.value = 1 listData.value = [] @@ -226,9 +278,35 @@ function dictStr(val, arr) { margin-bottom: 24rpx; .search-input { - background: #F5F5F5; + background: #f5f7fa; color: #333333; - margin-right: 36rpx; + flex: 1; + margin-right: 16rpx; + border-radius: 24rpx; + border: 1rpx solid #e8edf3; + } + + .add-btn { + display: flex; + align-items: center; + gap: 6rpx; + padding: 12rpx 24rpx; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + border-radius: 24rpx; + box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3); + transition: all 0.3s ease; + flex-shrink: 0; + + &:active { + transform: scale(0.95); + box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.3); + } + + text { + color: #ffffff; + font-size: 28rpx; + font-weight: 600; + } } .filter-panel { @@ -284,97 +362,208 @@ function dictStr(val, arr) { .list-item { margin: 0 24rpx 24rpx; - padding: 32rpx; - background-color: #fff; + background: #ffffff; + border-radius: 16rpx; + box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); + overflow: hidden; + transition: all 0.3s ease; + + &:active { + transform: scale(0.99); + } .item-header { display: flex; justify-content: space-between; align-items: center; - padding-bottom: 16rpx; - - .status { - .status-item { - width: 120rpx; - height: 44rpx; - text-align: center; - line-height: 44rpx; - border-radius: 4rpx; - font-size: 24rpx; + padding: 24rpx; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + + .card-name-section { + display: flex; + align-items: center; + flex: 1; + + .card-icon { + width: 56rpx; + height: 56rpx; + background: rgba(255, 255, 255, 0.2); + border-radius: 16rpx; + display: flex; + align-items: center; + justify-content: center; + margin-right: 16rpx; + backdrop-filter: blur(10rpx); } - - .status1 { - background: #F0F0F0; - color: #8C8C8C; + + .card-info { + display: flex; + align-items: center; + gap: 12rpx; + line-height: 1; + + .card-name { + color: #ffffff; + font-size: 32rpx; + font-weight: 600; + line-height: 1; + } + + .card-code { + color: rgba(255, 255, 255, 0.8); + font-size: 28rpx; + line-height: 1; + } } - - .status2 { - background: rgba(38, 129, 255, 0.2); - color: #2681FF; + } + + .status-badge { + padding: 12rpx 28rpx; + border-radius: 24rpx; + font-size: 26rpx; + font-weight: 600; + letter-spacing: 0.5rpx; + + // 默认：灰色 + &.status-default { + background: #f0f0f0; + color: #666666; } - - .status3 { - background: #F7F7F7; - color: #2681FF; + + // 正常使用 - 橙色实底白字 + &.status-normal { + background: #fa8c16 !important; + color: #ffffff !important; + box-shadow: 0 2rpx 8rpx rgba(250, 140, 22, 0.3) !important; } - - .status4 { - background: rgba(255, 85, 51, 0.2); - color: #FF5533; - } - - .status5 { - background: #F7F7F7; - color: rgba(0, 0, 0, 0.85); - } - - .status7 { - background: rgba(255, 129, 51, 0.2); - color: #FF8133; - } - - .status8 { - background: rgba(65, 217, 165, 0.2); - color: #41D9A5; + + // 销卡销户 - 醒目的红色实底 + &.status-error { + background: #ff4d4f; + color: #ffffff; + box-shadow: 0 2rpx 8rpx rgba(255, 77, 79, 0.3); } } } - - .item-row { - padding: 16rpx 0; - - .row-label { - color: rgba(0, 0, 0, 0.55); + + .card-body { + padding: 24rpx; + + .credit-info { + display: flex; + padding: 20rpx 24rpx; + background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%); + border-radius: 12rpx; + margin-bottom: 20rpx; + + .credit-item { + flex: 1; + display: flex; + align-items: center; + justify-content: flex-start; + gap: 8rpx; + min-width: 0; + + .credit-label { + color: #7f8c8d; + font-size: 26rpx; + flex-shrink: 0; + } + + .credit-value { + font-size: 28rpx; + font-weight: 600; + + &.primary { + color: #667eea; + } + + &.success { + color: #fa8c16; + } + } + } + + .credit-divider { + width: 1rpx; + background: rgba(0, 0, 0, 0.1); + margin: 0 24rpx; + } } - - .row-value { - color: rgba(0, 0, 0, 0.85) + + .info-row { + display: flex; + margin-bottom: 12rpx; + gap: 12rpx; + + &:last-child { + margin-bottom: 0; + } + + .info-item { + flex: 1; + display: flex; + align-items: center; + justify-content: space-between; + padding: 16rpx 20rpx; + background: #f8f9fa; + border-radius: 8rpx; + min-height: 72rpx; + + .info-label { + color: #7f8c8d; + font-size: 26rpx; + flex-shrink: 0; + } + + .info-value { + color: #2c3e50; + font-size: 28rpx; + font-weight: 500; + text-align: right; + flex: 1; + margin-left: 16rpx; + } + } } } .operate { display: flex; justify-content: flex-end; + gap: 16rpx; + padding: 0 24rpx 24rpx; - .btn { - width: 146rpx; - height: 56rpx; - line-height: 56rpx; + .btn-edit, + .btn-delete { + display: flex; + align-items: center; + gap: 8rpx; + padding: 12rpx 24rpx; border-radius: 8rpx; - margin-left: 5rpx; - text-align: center; + font-size: 26rpx; + border: 1rpx solid; + transition: all 0.2s ease; } - - .circulation { - background: rgba(0, 0, 0, 0.04); - margin-right: 24rpx; - color: rgba(0, 0, 0, 0.85); + + .btn-edit { + background: #ffffff; + color: #667eea; + border-color: #667eea; + + &:active { + background: rgba(102, 126, 234, 0.1); + } } - - .filling { - background: #2681FF; - border-radius: 8rpx; - color: #FFFFFF; + + .btn-delete { + background: #ffffff; + color: #f5576c; + border-color: #f5576c; + + &:active { + background: rgba(245, 87, 108, 0.1); + } } } } diff --git a/src/pages/work/base/debitCard/addEdit.vue b/src/pages/work/base/debitCard/addEdit.vue index fc22d7f..76cfb35 100644 --- a/src/pages/work/base/debitCard/addEdit.vue +++ b/src/pages/work/base/debitCard/addEdit.vue @@ -51,7 +51,7 @@ - + @@ -245,24 +245,37 @@ onLoad((option) => { \ No newline at end of file + + .remark-content { + padding: 20rpx; + background: #f8f9fa; + border-radius: 8rpx; + + text { + color: #2c3e50; + font-size: 26rpx; + line-height: 1.6; + } + } +} + \ No newline at end of file diff --git a/src/pages/work/base/debitCard/list.vue b/src/pages/work/base/debitCard/list.vue index 1ccfe83..1822d18 100644 --- a/src/pages/work/base/debitCard/list.vue +++ b/src/pages/work/base/debitCard/list.vue @@ -5,10 +5,13 @@ - - + + + + 新增 + @@ -19,8 +22,10 @@ - - + + @@ -28,43 +33,62 @@ - - - + + + + + + + + {{ item.name }} + {{ item.code }} + + + + {{ dictStr(item.status, statusList) }} + - - 储蓄账户类型： - {{ dictStr(item.debitType, debitTypeList) }} + + + + + 账户类型 + {{ dictStr(item.debitType, debitTypeList) }} + + + 余额 + {{ item.balance }}元 + + + + + + 开户日期 + {{ item.activationDate }} + + + 有效期 + {{ item.effectiveDate }} + + + + + + 开户行 + {{ item.openingBank || '-' }} + + - - 账户状态： - {{ dictStr(item.status, statusList) }} - - - 余额： - {{ item.balance }} - - - - 开户行： - {{ item.openingBank }} - - - 开户日期： - {{ item.activationDate }} - - - 有效期： - {{ item.effectiveDate }} - - - - 修改 - 删除 + + + + + 修改 + + + + 删除 + @@ -156,6 +180,16 @@ function settingConfirm(e) { function settingCancel() { settingPickShow.value = false } +function getStatusClass(status, statusText) { + if (statusText && statusText.includes('正常')) { + return 'status-normal' + } + if (statusText && (statusText.includes('销卡') || statusText.includes('销户'))) { + return 'status-error' + } + return 'status-default' +} + function dictStr(val, arr) { let str = '' arr.map(item => { @@ -224,15 +258,6 @@ function selectStatus(item) { \ No newline at end of file + + .remark-content { + padding: 20rpx; + background: #f8f9fa; + border-radius: 8rpx; + + text { + color: #2c3e50; + font-size: 26rpx; + line-height: 1.6; + } + } +} + \ No newline at end of file diff --git a/src/pages/work/base/lend/list.vue b/src/pages/work/base/lend/list.vue index 6ee4cf7..a9ac1e4 100644 --- a/src/pages/work/base/lend/list.vue +++ b/src/pages/work/base/lend/list.vue @@ -5,10 +5,13 @@ - - + + + + 新增 + @@ -19,8 +22,10 @@ - - + + @@ -28,31 +33,50 @@ - - - + + + + + + + + {{ dictStr(item.lendType, lendTypeList) }} - {{ item.name }} + + + + {{ dictStr(item.status, statusList) }} + - - - 账户状态： - {{ dictStr(item.status, statusList) }} + + + + + 账号 + {{ item.code }} + + + 余额 + {{ item.balance }}元 + + + + + + 备注 + {{ item.remark }} + + - - 余额： - {{ item.balance }} - - - 备注： - {{ item.remark }} - - - - 修改 - 删除 + + + + + 修改 + + + + 删除 + @@ -143,6 +167,16 @@ function settingConfirm(e) { function settingCancel() { settingPickShow.value = false } +function getStatusClass(status, statusText) { + if (statusText && statusText.includes('正常')) { + return 'status-normal' + } + if (statusText && (statusText.includes('销卡') || statusText.includes('销户'))) { + return 'status-error' + } + return 'status-default' +} + function dictStr(val, arr) { let str = '' arr.map(item => { @@ -211,15 +245,6 @@ function selectStatus(item) {