qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 功能优化完善，样式相关。

Browse Source
This commit is contained in:
tianyongbao
2025-11-16 23:15:45 +08:00
parent 9d6e505697
commit 0e8db750d9
65 changed files with 6498 additions and 4216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/work/accounts/investAccountDeal/details.vue
View File

@@ -92,16 +92,16 @@ onLoad((option) => {
<style lang="scss" scoped>
.header-card {
margin: 24rpx;
padding: 32rpx;
padding: 24rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 24rpx;
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.3);
border-radius: 16rpx;
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3);
display: flex;
gap: 24rpx;
gap: 16rpx;
.header-icon {
width: 72rpx;
height: 72rpx;
width: 48rpx;
height: 48rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
@@ -114,7 +114,7 @@ onLoad((option) => {
flex: 1;
display: flex;
flex-direction: column;
gap: 16rpx;
gap: 6rpx;
.info-row {
display: flex;
@@ -122,15 +122,17 @@ onLoad((option) => {
align-items: center;
.label {
font-size: 24rpx;
font-size: 20rpx;
color: rgba(255, 255, 255, 0.8);
font-weight: 400;
line-height: 1;
}
.value {
font-size: 28rpx;
font-size: 24rpx;
color: #ffffff;
font-weight: 600;
line-height: 1;
}
}
@@ -138,18 +140,20 @@ onLoad((option) => {
display: flex;
justify-content: space-between;
align-items: baseline;
padding-top: 12rpx;
padding-top: 8rpx;
border-top: 1rpx solid rgba(255, 255, 255, 0.2);
.amount-label {
font-size: 24rpx;
font-size: 20rpx;
color: rgba(255, 255, 255, 0.8);
font-weight: 400;
line-height: 1;
}
.amount-value {
font-size: 40rpx;
font-size: 32rpx;
font-weight: 700;
line-height: 1;
&.profit {
color: #52c41a;

130
src/pages/work/accounts/investAccountDeal/list.vue
View File

@@ -57,10 +57,14 @@
</view>
</view>
<view class="btn-box">
<u-button text="重置" @click="resetQuery()"
customStyle="flex: 1; background: #f5f7fa; color: #666666; border: none; border-radius: 12rpx; font-size: 30rpx; height: 88rpx;"></u-button>
<u-button type="primary" text="确定" @click="searchSubmit()"
customStyle="flex: 2; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border: none; border-radius: 12rpx; font-size: 30rpx; font-weight: 600; height: 88rpx; box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3); margin-left: 16rpx;"></u-button>
<view class="btn-reset" @click="resetQuery()">
<uni-icons type="reload" size="16" color="#909399"></uni-icons>
<text>重置</text>
</view>
<view class="btn-confirm" @click="searchSubmit()">
<uni-icons type="checkmarkempty" size="16" color="#ffffff"></uni-icons>
<text>确定</text>
</view>
</view>
<u-datetime-picker
:closeOnClickOverlay="true"
@@ -304,17 +308,26 @@ function selectAccountType(item) {
}
function handleDelete(item) {
uni.showModal({
title: '提示',
content: '你确定要删除吗',
success: function (res) {
if (res.confirm) {
delAccountDealRecord(item.id)
uni.navigateTo({ url: `/pages/work/accounts/investAccountDeal/list` })
} else if (res.cancel) {
console.log('取消');
}
}
});
title: '确认删除',
content: '确定要删除这条记录吗？',
confirmText: '删除',
cancelText: '取消',
confirmColor: '#f5576c',
cancelColor: '#909399',
success: function (res) {
if (res.confirm) {
delAccountDealRecord(item.id).then(() => {
uni.showToast({
title: '删除成功',
icon: 'success'
})
pageNum.value = 1
listData.value = []
getList()
})
}
}
});
}
</script>
@@ -418,10 +431,53 @@ function selectAccountType(item) {
.btn-box {
display: flex;
gap: 16rpx;
gap: 20rpx;
padding: 24rpx 30rpx;
background-color: #fff;
box-shadow: 0rpx -4rpx 16rpx rgba(0, 0, 0, 0.08);
box-shadow: 0rpx -10rpx 20rpx #EEEEEE;
.btn-reset,
.btn-confirm {
display: flex;
align-items: center;
justify-content: center;
gap: 8rpx;
height: 88rpx;
border-radius: 12rpx;
font-size: 30rpx;
font-weight: 600;
transition: all 0.3s ease;
&:active {
transform: scale(0.98);
opacity: 0.9;
}
text {
line-height: 1;
}
}
.btn-reset {
flex: 1;
background: #f5f7fa;
border: 2rpx solid #dcdfe6;
text {
color: #606266;
}
}
.btn-confirm {
flex: 1;
background: #667eea;
box-shadow: 0 2rpx 8rpx rgba(102, 126, 234, 0.2);
border: none;
text {
color: #ffffff;
}
}
}
}
}
@@ -436,19 +492,19 @@ function selectAccountType(item) {
.item-header {
display: flex;
flex-direction: column;
gap: 16rpx;
padding: 24rpx;
gap: 12rpx;
padding: 16rpx 24rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
.header-row {
display: flex;
align-items: center;
gap: 12rpx;
gap: 8rpx;
}
.card-icon {
width: 44rpx;
height: 44rpx;
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
display: flex;
@@ -458,10 +514,10 @@ function selectAccountType(item) {
}
.account-name {
font-size: 26rpx;
font-weight: 500;
font-size: 28rpx;
font-weight: 600;
color: #ffffff;
line-height: 1.3;
line-height: 1.2;
flex: 1;
min-width: 0;
overflow: hidden;
@@ -474,32 +530,32 @@ function selectAccountType(item) {
justify-content: space-between;
align-items: center;
gap: 12rpx;
padding-top: 12rpx;
padding-top: 6rpx;
border-top: 1rpx solid rgba(255, 255, 255, 0.2);
}
.time-text {
font-size: 28rpx;
font-size: 26rpx;
color: rgba(255, 255, 255, 0.9);
font-weight: 500;
line-height: 1.3;
line-height: 1;
flex-shrink: 0;
}
.type-text {
font-size: 26rpx;
font-weight: 600;
color: #ffffff;
line-height: 1.3;
font-size: 24rpx;
font-weight: 500;
color: rgba(255, 255, 255, 0.85);
line-height: 1;
flex: 1;
min-width: 0;
text-align: center;
}
.amount-value {
font-size: 36rpx;
font-size: 32rpx;
font-weight: 700;
line-height: 1.2;
line-height: 1;
flex-shrink: 0;
&.profit {
@@ -540,8 +596,8 @@ function selectAccountType(item) {
.operate {
display: flex;
gap: 12rpx;
padding: 24rpx;
gap: 16rpx;
padding: 16rpx 24rpx 24rpx;
background: #fff;
justify-content: flex-end;
@@ -550,7 +606,7 @@ function selectAccountType(item) {
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 0 32rpx;
padding: 0 24rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;