Files
miniapp/pages/handlecase/component/confirmPayment.vue
T
2024-02-19 17:14:28 +08:00

89 lines
2.7 KiB
Vue

<template>
<view class="conent">
<view class="assignrbitrators">
<uni-forms ref="form" :modelValue="formData" :rules="rules">
<uni-forms-item label="案件编号:" name="caseNum" label-width="80px">
<uni-easyinput v-model="formData.caseNum" type="text" :disabled='true' placeholder="请输入案件编号" />
</uni-forms-item>
<uni-forms-item label="案件标的:" name="caseSubjectAmount" label-width="80px">
<uni-easyinput v-model="formData.caseSubjectAmount" type="text" :disabled='true' placeholder="请输入案件标的" />
</uni-forms-item>
<uni-forms-item label="缴费金额:" name="feePayable" label-width="80px">
<uni-easyinput v-model="formData.feePayable" type="text" :disabled='true' placeholder="请输入缴费金额" />
</uni-forms-item>
<uni-forms-item label="申请人缴费:" name="feePayable" label-width="90px">
<view v-for="item in formData.caseAttachList">
<uni-link v-if="item.annexType==4" :href="item.annexPath" color="#007BFF"
:text="item.annexName"></uni-link>
</view>
</uni-forms-item>
<uni-forms-item label="被申请人缴费:" name="feePayable" label-width="100px">
<view v-for="item in formData.caseAttachList">
<uni-link v-if="item.annexType==9" :href="item.annexPath" color="#007BFF"
:text="item.annexName"></uni-link>
</view>
</uni-forms-item>
</uni-forms>
<view class="determine" style="text-align: center;">
<button class="mini-btn"
type="primary" size="mini"
@tap="confirmPayment">确认缴费</button>
<button style="margin-left:30rpx;" class="mini-btn"
type="default" size="mini"
@tap="cencalBut">取消</button>
</view>
</view>
</view>
</template>
<script>
import {selectPaymentDetail,confirmPaid} from '../../../api/handlecase/index.js'
export default {
data() {
return {
formData:{},
rules:{},
paymentConfirm:{}
}
},
methods:{
// 确认缴费
confirmPayment(){
let vals = {
caseId:this.paymentConfirm.id,
batchNumber:"",
caseFlowId:this.paymentConfirm.caseFlowId
}
confirmPaid(vals).then(res =>{
uni.showToast({
title: '缴费确认成功',
icon: 'none',
duration: 1000
})
uni.navigateBack({
delta: 1
})
})
},
// 缴费详情
paymentDetails(val) {
selectPaymentDetail(val).then(res => {
this.formData = res.data;
})
},
},
onLoad(data) {
this.paymentConfirm = data
this.paymentDetails({id:data.id})
}
}
</script>
<style lang="scss">
page {
background-color: #ffffff;
}
.assignrbitrators{
margin: 30rpx;
}
</style>