miniapp/pages/handlecase/component/confirmPayment.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" v-if="annexTypeS">
					<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" v-if="annexTypeB">
					<view v-for="item in formData.resCaseAttachList">
						<uni-link v-if="item.annexType==9" :href="item.annexPath" color="#007BFF"
							:text="item.annexName"></uni-link>
					</view>
				</uni-forms-item>
				<uni-forms-item label="是否缴费通过" label-width="120px" name="yesOrNo">
					<uni-data-checkbox class='checkbox' :localdata="yesOrNoObject" v-model="yesOrNo"
						@change='clearValidate'></uni-data-checkbox>
				</uni-forms-item>
				<uni-forms-item label="驳回原因:" name="reason" label-width="120px" required v-if="refusedisabled"
				:rules="[{required: true,errorMessage: '驳回原因不能为空'}]"
				>
					<uni-easyinput  v-model="formData.reason" type="textarea" placeholder="请输入驳回原因" />
				</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,
		resConfirmPaid
	} from '../../../api/handlecase/index.js'
	export default {
		data() {
			return {
				yesOrNo: 1,
				formData: {
					reason: ""
				},
				rules: {},
				paymentConfirm: {},
				annexTypeS: false,
				annexTypeB: false,
				yesOrNoObject: [{
					text: '同意',
					value: 1
				}, {
					text: '拒绝',
					value: 0
				}],
				refusedisabled: false
			}
		},
		methods:{
			confirmPayment(){
				this.$refs.form.validate().then(res=>{
						if(this.paymentConfirm.caseFlowId==3){
							this.confirmPaymentApplicant()
						}else if(this.paymentConfirm.caseFlowId==45){
							this.confirmPaymentRespondent()
						}
						console.log(this.paymentConfirm.caseFlowId)
					}).catch(err =>{
						
				})
			},
			// 申请人确认缴费
			confirmPaymentApplicant() {
				let vals = {
					caseId: this.paymentConfirm.id,
					batchNumber: "",
					caseFlowId: this.paymentConfirm.caseFlowId,
					yesOrNo: this.yesOrNo,
					reason: this.formData.reason
				}
				confirmPaid(vals).then(res => {
					uni.showToast({
						title: '申请人缴费确认成功',
						icon: 'none',
						duration: 1000
					})
					uni.navigateTo({
						url:'/pages/handlecase/index'
					})
				})
			},
			// 被申请人缴费确认
			confirmPaymentRespondent() {
				let vals = {
					caseId: this.paymentConfirm.id,
					batchNumber: "",
					caseFlowId: this.paymentConfirm.caseFlowId,
					yesOrNo: this.yesOrNo,
					reason: this.formData.reason
				}
				resConfirmPaid(vals).then(res => {
					uni.showToast({
						title: '被申请人缴费确认成功',
						icon: 'none',
						duration: 1000
					})
					uni.navigateTo({
						url:'/pages/handlecase/index'
					})
				})
			},
			// 缴费详情
			paymentDetails(val) {
				selectPaymentDetail(val).then(res => {
					this.formData = res.data;
					this.formData.caseAttachList.forEach(res => {
						if (res.annexType == 4) {
							this.annexTypeS = true
						}
					})
					this.formData.resCaseAttachList.forEach(res => {
						if (res.annexType == 9) {
							this.annexTypeB = true
						}
					})
				})
			},
			clearValidate(val) {
				this.yesOrNo = val.detail.value
				if (val.detail.value == 0) {
					this.refusedisabled = true
				} else {
					this.refusedisabled = false
				}
			}
		},
		onLoad(data) {
			this.paymentConfirm = data
			this.paymentDetails({
				id: data.id
			})
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #ffffff;
	}

	.assignrbitrators {
		margin: 30rpx;
	}
</style>