fix: 功能优化与完善。

This commit is contained in:
tianyongbao
2025-12-19 10:13:51 +08:00
parent c584880be8
commit 106f1cf117
16 changed files with 504 additions and 79 deletions

View File

@@ -39,6 +39,13 @@
<text class="info-value">{{ item.recentDealTime || '--' }}</text>
</view>
</view>
<view class="action-buttons">
<view class="action-btn" @click="handleAddDeal(item)">
<uni-icons type="cart" size="16" color="#1890ff"></uni-icons>
<text>交易</text>
</view>
</view>
</view>
</view>
</u-list-item>
@@ -246,6 +253,19 @@ function selectType(item) {
}
});
}
function handleAddDeal(item) {
// 构建URL参数账户ID、账户类型、储蓄卡类型如果有
let url = `/pages/work/accounts/accountDealRecord/addEdit?accountId=${item.id}&accountType=${item.type}`
// 如果是储蓄账户(type=1)且有储蓄卡类型,传递储蓄卡类型参数
if (item.type === '1' && item.debitType) {
url += `&debitType=${item.debitType}`
}
uni.navigateTo({ url })
isShow.value = true
}
</script>
@@ -516,6 +536,38 @@ page {
padding: 24rpx;
background: #fff;
}
.action-buttons {
margin-top: 20rpx;
padding-top: 20rpx;
border-top: 2rpx solid #f0f0f0;
display: flex;
justify-content: flex-end;
gap: 16rpx;
.action-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8rpx;
padding: 12rpx 32rpx;
background: rgba(24, 144, 255, 0.1);
border-radius: 12rpx;
border: 2rpx solid #1890ff;
transition: all 0.3s ease;
&:active {
transform: scale(0.95);
background: rgba(24, 144, 255, 0.15);
}
text {
color: #1890ff;
font-size: 26rpx;
font-weight: 600;
}
}
}
.info-row {
display: flex;

View File

@@ -156,6 +156,18 @@ const { form, queryAccountParams, rules} = toRefs(data)
onLoad((option) => {
form.value.id = option.id
flag.value = option.flag
// 接收从沉睡账户列表传递的参数
if (option.accountId) {
form.value.accountId = option.accountId
}
if (option.accountType) {
form.value.type = option.accountType
}
if (option.debitType) {
tempDebitType.value = option.debitType
}
if(flag.value==null){
if(form.value.id!=null){
title.value="账户交易记录-修改"
@@ -170,7 +182,8 @@ onLoad((option) => {
onReady(() => {
form.value.createTime = dayjs(new Date().getTime()).format("YYYY-MM-DD HH:mm:ss")
// 新增时默认显示储蓄账户类型筛选(因为默认就是储蓄卡)
if(form.value.id == null && flag.value == null) {
// 但如果是从其他页面跳转过来且指定了非储蓄账户类型,则不显示
if(form.value.id == null && flag.value == null && form.value.type === '1') {
debitTypeShow.value = true
}
getData()
@@ -198,9 +211,43 @@ onLoad((option) => {
childCategoryList.value =[res.data]
})
// 如果有储蓄卡类型,先设置查询参数
if (tempDebitType.value) {
queryAccountParams.value.debitType = tempDebitType.value
debitTypeShow.value = true
}
// 设置账户类型查询参数
if (form.value.type) {
queryAccountParams.value.type = form.value.type
}
listAccounts(queryAccountParams.value).then((response) => {
accountNameList.value = [response.rows]
})
accountNameList.value = [response.rows]
// 如果有预设的accountId自动填充账户名称
if (form.value.accountId && response.rows.length > 0) {
const selectedAccount = response.rows.find(item => item.id === form.value.accountId)
if (selectedAccount) {
form.value.accountName = selectedAccount.nameCodeAvailableLimit
}
}
})
// 如果有储蓄卡类型,回填储蓄卡类型名称
if (tempDebitType.value) {
getDicts('debit_type').then(result => {
tempDebitTypeName.value = dictStr(tempDebitType.value, result.data)
})
}
// 回填记账类型名称
if (form.value.type) {
getDicts('account_type').then(result => {
form.value.typeName = dictStr(form.value.type, result.data)
})
}
// 交易类别
getDicts('daily_expenses').then(result => {
form.value.childCategoryName=dictStr(form.value.childCategory, result.data)

View File

@@ -92,17 +92,6 @@
</view>
</view>
</view>
<view class="operate" @click.stop>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
<text>修改</text>
</view>
<view class="btn-delete" @click="handleDelete(item)">
<uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
<text>删除</text>
</view>
</view>
</view>
</u-list-item>
<view>

View File

@@ -159,6 +159,12 @@ const { form, queryDebitCardParams, queryBankCardLendParams, rules} = toRefs(dat
onLoad((option) => {
form.value.id = option.id
// 接收从信用卡列表传递的参数
if (option.creditCardId) {
form.value.inAccountId = option.creditCardId
}
if(form.value.id!=null){
title.value="信用卡还款-修改"
}else{
@@ -171,7 +177,15 @@ onLoad((option) => {
})
function getData() {
listAccounts(queryBankCardLendParams.value).then((response) => {
bankCardLendList.value = [response.rows]
bankCardLendList.value = [response.rows]
// 如果有传递creditCardId参数自动选中对应信用卡
if (form.value.inAccountId && response.rows.length > 0) {
const selectedCard = response.rows.find(item => item.id === form.value.inAccountId)
if (selectedCard) {
form.value.inAccountName = selectedCard.nameCodeAvailableLimit
}
}
})
listAccounts(queryDebitCardParams.value).then((response) => {
debitCardList.value = [response.rows]

View File

@@ -135,6 +135,12 @@ const { form, queryOutAccountParams, queryInAccountParams, rules} = toRefs(data)
onLoad((option) => {
form.value.id = option.id
// 接收从储蓄卡列表传递的参数
if (option.debitAccountId) {
form.value.outAccountId = option.debitAccountId
}
if(form.value.id!=null){
title.value="储蓄账户转账-修改"
}else{
@@ -150,7 +156,15 @@ onLoad((option) => {
inAccountList.value = [response.rows]
})
listAccounts(queryOutAccountParams.value).then((response) => {
outAccountList.value = [response.rows]
outAccountList.value = [response.rows]
// 如果有传递debitAccountId参数自动选中对应储蓄账户
if (form.value.outAccountId && response.rows.length > 0) {
const selectedAccount = response.rows.find(item => item.id === form.value.outAccountId)
if (selectedAccount) {
form.value.outAccountName = selectedAccount.nameCodeAvailableLimit
}
}
})
if(form.value.id!=null){
getAccountsTransferRecord(form.value.id).then(res => {

View File

@@ -122,6 +122,12 @@ const { form, queryAccountParams, rules} = toRefs(data)
onLoad((option) => {
form.value.id = option.id
// 接收从理财账户列表传递的参数
if (option.accountId) {
form.value.accountId = option.accountId
}
if(form.value.id!=null){
title.value="投资交易记录-修改"
}else{
@@ -139,8 +145,32 @@ onLoad((option) => {
dealTypeList.value =[res.data]
})
listAccounts(queryAccountParams.value).then((response) => {
accountNameList.value = [response.rows]
})
accountNameList.value = [response.rows]
// 如果有传递accountId参数自动选中对应账户
if (form.value.accountId && response.rows.length > 0) {
const selectedAccount = response.rows.find(item => item.id === form.value.accountId)
if (selectedAccount) {
form.value.accountName = selectedAccount.nameCodeAvailableLimit
// 触发账户选择逻辑
getFutureStocks(selectedAccount.id).then((accountRes) => {
const account = accountRes.data
accountType.value = account.type
if (account.type == '1') {
futuresShow.value = true
form.value.amount = 0
form.value.closedPosition = null
form.value.commission = null
} else {
futuresShow.value = false
form.value.amount = null
form.value.closedPosition = 0
form.value.commission = 0
}
})
}
}
})
if(form.value.id!=null){
getAccountDealRecord(form.value.id).then(res => {
form.value = res.data

View File

@@ -103,13 +103,10 @@
<text class="info-label">余额</text>
<text class="info-value balance">{{ item.currentBalance || 0 }}</text>
</view>
</view>
</view>
<view class="operate" @click.stop>
<view class="btn-delete" @click="handleDelete(item)">
<uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
<text>删除</text>
<view class="btn-delete" @click.stop="handleDelete(item)">
<uni-icons type="trash" size="16" color="#f5576c"></uni-icons>
<text>删除</text>
</view>
</view>
</view>
</view>
@@ -680,19 +677,19 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
justify-content: space-between;
align-items: center;
gap: 12rpx;
margin-bottom: 0;
.info-item {
flex: 0 0 calc(50% - 12rpx);
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
&.info-item-balance {
flex: 0 0 auto;
flex: 1;
}
.info-label {
@@ -711,26 +708,15 @@ page {
font-weight: 700;
flex: 1;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
.operate {
display: flex;
gap: 16rpx;
padding: 16rpx 24rpx 24rpx;
background: #fff;
justify-content: flex-end;
.btn-delete {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 0 24rpx;
padding: 0 20rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;
@@ -739,6 +725,7 @@ page {
background: rgba(245, 87, 108, 0.1);
color: #f5576c;
border: 1rpx solid rgba(245, 87, 108, 0.3);
flex-shrink: 0;
&:active {
transform: scale(0.95);

View File

@@ -115,6 +115,12 @@ const { form, queryFutruesStocksParams, rules} = toRefs(data)
onLoad((option) => {
form.value.id = option.id
flag.value = option.flag
// 接收从理财账户列表传递的参数
if (option.investAccountId) {
form.value.inAccountId = option.investAccountId
}
if(flag.value==null){
if(form.value.id!=null){
title.value="投资账户记账-修改"
@@ -131,7 +137,15 @@ onLoad((option) => {
})
function getData() {
listFutureStocks(queryFutruesStocksParams.value).then((response) => {
futruesStocksList.value = [response.rows]
futruesStocksList.value = [response.rows]
// 如果有传递investAccountId参数自动选中对应投资账户
if (form.value.inAccountId && response.rows.length > 0) {
const selectedAccount = response.rows.find(item => item.id === form.value.inAccountId)
if (selectedAccount) {
form.value.inAccountName = selectedAccount.nameDebitNameCode
}
}
})
// 类型
getDicts('in_out').then(res => {

View File

@@ -163,6 +163,12 @@ const { form, queryOutAccountParams, queryInAccountParams, rules} = toRefs(data)
onLoad((option) => {
form.value.id = option.id
// 接收从借贷账户列表传递的参数
if (option.lendAccountId) {
form.value.outAccountId = option.lendAccountId
}
if(form.value.id!=null){
title.value="借贷账户记账-修改"
}else{
@@ -178,7 +184,15 @@ onLoad((option) => {
inAccountList.value = [response.rows]
})
listAccounts(queryOutAccountParams.value).then((response) => {
outAccountList.value = [response.rows]
outAccountList.value = [response.rows]
// 如果有传递lendAccountId参数自动选中对应借贷账户
if (form.value.outAccountId && response.rows.length > 0) {
const selectedAccount = response.rows.find(item => item.id === form.value.outAccountId)
if (selectedAccount) {
form.value.outAccountName = selectedAccount.nameCodeAvailableLimit
}
}
})
// 类型
getDicts('record_lend_type').then(res => {

View File

@@ -84,6 +84,14 @@
<uni-icons type="list" size="16" color="#fa8c16"></uni-icons>
<text>调额记录</text>
</view>
<view class="btn-repay" @click="handleRepay(item)">
<uni-icons type="redo" size="16" color="#52c41a"></uni-icons>
<text>还款</text>
</view>
<view class="btn-deal" @click="handleAddDeal(item)">
<uni-icons type="cart" size="16" color="#1890ff"></uni-icons>
<text>交易</text>
</view>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
<text>修改</text>
@@ -279,6 +287,22 @@ function formatCardCode(code) {
}
});
}
function handleAddDeal(item) {
// 构建URL参数账户ID信用卡ID、账户类型信用卡type=2
let url = `/pages/work/accounts/accountDealRecord/addEdit?accountId=${item.id}&accountType=2`
uni.navigateTo({ url })
isShow.value = true
}
function handleRepay(item) {
// 跳转到信用卡还款页面传递信用卡ID
uni.navigateTo({
url: `/pages/work/accounts/creditTransferRecord/addEdit?creditCardId=${item.id}`
})
isShow.value = true
}
</script>
@@ -558,28 +582,48 @@ page {
.operate {
display: flex;
justify-content: flex-end;
gap: 16rpx;
gap: 8rpx;
padding: 16rpx 24rpx 24rpx;
flex-wrap: nowrap;
.btn-deal,
.btn-repay,
.btn-limit,
.btn-edit,
.btn-delete {
display: flex;
align-items: center;
gap: 6rpx;
padding: 0 24rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;
justify-content: center;
gap: 4rpx;
padding: 0 14rpx;
height: 60rpx;
border-radius: 10rpx;
font-size: 24rpx;
font-weight: 500;
border: 1rpx solid;
transition: all 0.3s ease;
white-space: nowrap;
flex-shrink: 0;
&:active {
transform: scale(0.95);
}
}
.btn-deal {
background: rgba(24, 144, 255, 0.1);
color: #1890ff;
border: 2rpx solid #1890ff;
font-weight: 600;
}
.btn-repay {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 2rpx solid #52c41a;
font-weight: 600;
}
.btn-limit {
background: rgba(250, 140, 22, 0.1);
color: #fa8c16;

View File

@@ -84,10 +84,18 @@
</view>
<view class="operate" @click.stop>
<view class="btn-limit" @click="handleLimitHistory(item)">
<view class="btn-limit" @click="handleLimitHistory(item)">
<uni-icons type="list" size="16" color="#fa8c16"></uni-icons>
<text>调额记录</text>
</view>
<view class="btn-transfer" @click="handleTransfer(item)">
<uni-icons type="loop" size="16" color="#52c41a"></uni-icons>
<text>转账</text>
</view>
<view class="btn-deal" @click="handleAddDeal(item)">
<uni-icons type="cart" size="16" color="#1890ff"></uni-icons>
<text>交易</text>
</view>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
<text>修改</text>
@@ -285,6 +293,27 @@ function selectStatus(item) {
}
});
}
function handleAddDeal(item) {
// 构建URL参数账户ID、账户类型储蓄卡type=1、储蓄卡类型
let url = `/pages/work/accounts/accountDealRecord/addEdit?accountId=${item.id}&accountType=1`
// 传递储蓄卡类型参数
if (item.debitType) {
url += `&debitType=${item.debitType}`
}
uni.navigateTo({ url })
isShow.value = true
}
function handleTransfer(item) {
// 跳转到储蓄账户转账页面传递储蓄账户ID
uni.navigateTo({
url: `/pages/work/accounts/debitTransferRecord/addEdit?debitAccountId=${item.id}`
})
isShow.value = true
}
</script>
@@ -645,27 +674,46 @@ page {
display: flex;
justify-content: flex-end;
padding: 16rpx 24rpx 24rpx;
gap: 16rpx;
gap: 8rpx;
flex-wrap: nowrap;
.btn-deal,
.btn-transfer,
.btn-edit,
.btn-limit,
.btn-delete {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 0 24rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;
gap: 4rpx;
padding: 0 14rpx;
height: 60rpx;
border-radius: 10rpx;
font-size: 24rpx;
font-weight: 500;
transition: all 0.3s ease;
white-space: nowrap;
flex-shrink: 0;
&:active {
transform: scale(0.95);
}
}
.btn-deal {
background: rgba(24, 144, 255, 0.1);
color: #1890ff;
border: 2rpx solid #1890ff;
font-weight: 600;
}
.btn-transfer {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 2rpx solid #52c41a;
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;

View File

@@ -56,6 +56,14 @@
</view>
<view class="operate" @click.stop>
<view class="btn-record" v-if="item.status === '1'" @click="handleRecord(item)">
<uni-icons type="compose" size="16" color="#52c41a"></uni-icons>
<text>账户记账</text>
</view>
<view class="btn-deal" v-if="item.status === '1'" @click="handleAddDeal(item)">
<uni-icons type="bars" size="16" color="#1890ff"></uni-icons>
<text>投资交易</text>
</view>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
<text>修改</text>
@@ -220,6 +228,22 @@ function dictStr(val, arr) {
}
});
}
function handleAddDeal(item) {
// 跳转到投资交易记录页面传递账户ID
uni.navigateTo({
url: `/pages/work/accounts/investAccountDeal/addEdit?accountId=${item.id}`
})
isShow.value = true
}
function handleRecord(item) {
// 跳转到投资账户记账页面传递账户ID
uni.navigateTo({
url: `/pages/work/accounts/investTransferRecord/addEdit?investAccountId=${item.id}`
})
isShow.value = true
}
</script>
@@ -415,26 +439,45 @@ page {
.operate {
display: flex;
justify-content: flex-end;
gap: 16rpx;
gap: 8rpx;
padding: 16rpx 24rpx 24rpx;
flex-wrap: nowrap;
.btn-deal,
.btn-record,
.btn-edit,
.btn-delete {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 0 24rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;
gap: 4rpx;
padding: 0 14rpx;
height: 60rpx;
border-radius: 10rpx;
font-size: 24rpx;
font-weight: 500;
transition: all 0.3s ease;
white-space: nowrap;
flex-shrink: 0;
&:active {
transform: scale(0.95);
}
}
.btn-deal {
background: rgba(24, 144, 255, 0.1);
color: #1890ff;
border: 2rpx solid #1890ff;
font-weight: 600;
}
.btn-record {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 2rpx solid #52c41a;
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);

View File

@@ -66,6 +66,14 @@
</view>
<view class="operate" @click.stop>
<view class="btn-record" v-if="item.status === '1'" @click="handleRecord(item)">
<uni-icons type="compose" size="16" color="#52c41a"></uni-icons>
<text>账户记账</text>
</view>
<view class="btn-deal" v-if="item.status === '1'" @click="handleAddDeal(item)">
<uni-icons type="bars" size="16" color="#1890ff"></uni-icons>
<text>投资交易</text>
</view>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
<text>修改</text>
@@ -220,6 +228,22 @@ function dictStr(val, arr) {
}
});
}
function handleAddDeal(item) {
// 跳转到投资交易记录页面传递账户ID
uni.navigateTo({
url: `/pages/work/accounts/investAccountDeal/addEdit?accountId=${item.id}`
})
isShow.value = true
}
function handleRecord(item) {
// 跳转到投资账户记账页面传递账户ID
uni.navigateTo({
url: `/pages/work/accounts/investTransferRecord/addEdit?investAccountId=${item.id}`
})
isShow.value = true
}
</script>
@@ -422,26 +446,45 @@ page {
.operate {
display: flex;
justify-content: flex-end;
gap: 16rpx;
gap: 8rpx;
padding: 16rpx 24rpx 24rpx;
flex-wrap: nowrap;
.btn-deal,
.btn-record,
.btn-edit,
.btn-delete {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 0 24rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;
gap: 4rpx;
padding: 0 14rpx;
height: 60rpx;
border-radius: 10rpx;
font-size: 24rpx;
font-weight: 500;
transition: all 0.3s ease;
white-space: nowrap;
flex-shrink: 0;
&:active {
transform: scale(0.95);
}
}
.btn-deal {
background: rgba(24, 144, 255, 0.1);
color: #1890ff;
border: 2rpx solid #1890ff;
font-weight: 600;
}
.btn-record {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 2rpx solid #52c41a;
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);

View File

@@ -63,6 +63,10 @@
</view>
<view class="operate" @click.stop>
<view class="btn-deal" v-if="item.status === '1'" @click="handleAddDeal(item)">
<uni-icons type="link" size="16" color="#1890ff"></uni-icons>
<text>借贷记账</text>
</view>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
<text>修改</text>
@@ -244,6 +248,14 @@ function selectType(value) {
}
});
}
function handleAddDeal(item) {
// 跳转到借贷账户记账页面传递借贷账户ID
uni.navigateTo({
url: `/pages/work/accounts/lendTransferRecord/addEdit?lendAccountId=${item.id}`
})
isShow.value = true
}
</script>
@@ -504,14 +516,16 @@ page {
display: flex;
justify-content: flex-end;
padding: 0 24rpx 24rpx;
gap: 16rpx;
gap: 12rpx;
flex-wrap: wrap;
.btn-deal,
.btn-edit,
.btn-delete {
display: flex;
align-items: center;
gap: 6rpx;
padding: 12rpx 24rpx;
padding: 12rpx 20rpx;
border-radius: 8rpx;
font-size: 26rpx;
transition: all 0.3s ease;
@@ -521,6 +535,13 @@ page {
}
}
.btn-deal {
background: rgba(24, 144, 255, 0.1);
color: #1890ff;
border: 2rpx solid #1890ff;
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);
color: #667eea;

View File

@@ -55,6 +55,14 @@
</view>
<view class="operate" @click.stop>
<view class="btn-record" v-if="item.status === '1'" @click="handleRecord(item)">
<uni-icons type="compose" size="16" color="#52c41a"></uni-icons>
<text>账户记账</text>
</view>
<view class="btn-deal" v-if="item.status === '1'" @click="handleAddDeal(item)">
<uni-icons type="bars" size="16" color="#1890ff"></uni-icons>
<text>投资交易</text>
</view>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
<text>修改</text>
@@ -209,6 +217,22 @@ function dictStr(val, arr) {
}
});
}
function handleAddDeal(item) {
// 跳转到投资交易记录页面传递账户ID
uni.navigateTo({
url: `/pages/work/accounts/investAccountDeal/addEdit?accountId=${item.id}`
})
isShow.value = true
}
function handleRecord(item) {
// 跳转到投资账户记账页面传递账户ID
uni.navigateTo({
url: `/pages/work/accounts/investTransferRecord/addEdit?investAccountId=${item.id}`
})
isShow.value = true
}
</script>
@@ -412,26 +436,45 @@ page {
.operate {
display: flex;
justify-content: flex-end;
gap: 16rpx;
gap: 8rpx;
padding: 16rpx 24rpx 24rpx;
flex-wrap: nowrap;
.btn-deal,
.btn-record,
.btn-edit,
.btn-delete {
display: flex;
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 0 24rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;
gap: 4rpx;
padding: 0 14rpx;
height: 60rpx;
border-radius: 10rpx;
font-size: 24rpx;
font-weight: 500;
transition: all 0.3s ease;
white-space: nowrap;
flex-shrink: 0;
&:active {
transform: scale(0.95);
}
}
.btn-deal {
background: rgba(24, 144, 255, 0.1);
color: #1890ff;
border: 2rpx solid #1890ff;
font-weight: 600;
}
.btn-record {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;
border: 2rpx solid #52c41a;
font-weight: 600;
}
.btn-edit {
background: rgba(102, 126, 234, 0.1);

View File

@@ -86,9 +86,14 @@
</view>
<view class="operate" @click.stop>
<view class="btn-detail" @click="enterDetails(item)">
<uni-icons type="list" size="16" color="#52c41a"></uni-icons>
<text>账单明细</text>
</view>
<view class="btn-deal" @click="handleAddDeal(item)">
<uni-icons type="cart" size="16" color="#1890ff"></uni-icons>
<text>交易</text>
</view>
<view class="btn-edit" @click="handleEdit(item)">
<uni-icons type="compose" size="16" color="#667eea"></uni-icons>
@@ -290,6 +295,14 @@ function selectStatus(value) {
}
});
}
function handleAddDeal(item) {
// 构建URL参数账户ID信用卡ID、账户类型信用卡type=2
let url = `/pages/work/accounts/accountDealRecord/addEdit?accountId=${item.creditCardId}&accountType=2`
uni.navigateTo({ url })
isShow.value = true
}
</script>
@@ -656,8 +669,10 @@ page {
display: flex;
justify-content: flex-end;
padding: 16rpx 24rpx 24rpx;
gap: 16rpx;
gap: 12rpx;
flex-wrap: wrap;
.btn-deal,
.btn-detail,
.btn-edit,
.btn-delete {
@@ -665,7 +680,7 @@ page {
align-items: center;
justify-content: center;
gap: 6rpx;
padding: 0 24rpx;
padding: 0 20rpx;
height: 64rpx;
border-radius: 12rpx;
font-size: 26rpx;
@@ -677,6 +692,13 @@ page {
}
}
.btn-deal {
background: rgba(24, 144, 255, 0.1);
color: #1890ff;
border: 2rpx solid #1890ff;
font-weight: 600;
}
.btn-detail {
background: rgba(82, 196, 26, 0.1);
color: #52c41a;