FE_DQmini-code/guaranteePages/pages/letterSee/letterSee.vue

<template>
	<view class="letter-content">
		<view class="letter-header">
			<text>担保承诺函</text>
		</view>
		<view class="mat15 bank">
			<text>{{letterValue.bank}}</text>
		</view>
		<view class="letter-main mat15">
			<text v-show="operationType !== 2">
				根据<text class="letter-key">{{letterValue.name}}</text>的贷款申请，经我公司项目贷审会研究，同意为其在贵行申请的贷款提供担保，特向贵行提供承诺。本承诺系我公司同意与贵行签订保证合同的意向，一切权利义务以保证合同为准！
			</text>
			<!-- 查看担保函的文字 -->
			<text v-show="operationType === 2">
				根据<text class="letter-key">{{letterValue.name}}</text>的贷款申请，经我公司<text class="letter-key">{{letterValue.passingTime}}</text>项目贷审会研究，同意为其在贵行申请的贷款提供<text class="letter-key">{{letterValue.loanMoney}}</text>万元担保，期限<text class="letter-key">{{letterValue.loanTern}}</text>，特向贵行提供承诺。本承诺系我公司同意与贵行签订保证合同的意向，一切权利义务以保证合同为准！
			</text>
			<view v-show="operationType !== 2">
				<view class="mat15">
					<text>客户名称：{{letterValue.name}}</text>
				</view>
				<view class="mat15">
					<text>贷审会日期：{{letterValue.passingTime}}</text>
				</view>
				<view class="mat15">
					<text>担保金额(万元)：{{letterValue.loanMoney}} (大写：{{letterValue.guaranteeMoney}})</text>
				</view>
				<view class="mat15">
					<text>担保期限：{{letterValue.loanTern}}</text>
				</view>
			</view>
			
			<view class="mat40 letter-footer">
				<view class="mat15">
					<text>大庆市工商业融资担保有限公司</text>
				</view>
				<view class="mat15">
					<text>法定代表人：</text>
				</view>
				<view class="mat15">
					<text>或授权代理人：</text>
				</view>
				<view class="mat15">
					<text>&emsp;&emsp;年&emsp;&emsp;&emsp;月&emsp;&emsp;&emsp;日</text>
				</view>
			</view>
		</view>
		<!-- PC端仅能在确认和担保函查看此附件 -->
		<view class="bottom-border" v-show="operationType != 2">
			<view class="left-border"><text class="mgl10">附件</text></view>
		</view>
		<upload  v-show="operationType !== 2" @upload="uploadFile" :files="filesArray" :handle="false"></upload>
		
		<uni-forms v-show="operationType !== 2" :value="letterValue" ref="letterValue" validate-trigger="bind" err-show-type="toast">
			<uni-forms-item name="name" :label="operationType === 1 ? '审核' : '担保函确认'">
				<uni-easyinput :disabled="operationType == 2 " type="textarea" v-model="letterValue.auditOpinion" placeholder="请输入审核意见"></uni-easyinput>
			</uni-forms-item>
		</uni-forms>
		<view class="foot-btn btn-rig pad-bt margin-top" v-show="operationType == 1 || operationType == 3">
			<button v-show="operationType == 1" class="mini-btn round def-btn mar-lr" type="primary" size="mini" @tap="sumbitOpinion('提交',2)">提交</button>
			<button v-show="operationType == 3" class="mini-btn round suc-btn mar-lr" type="primary" size="mini" @tap="sumbitOpinion('确认',2)">确认</button> 
			<button class="mini-btn round refuse-btn mar-lr" type="primary" size="mini" @tap="sumbitOpinion('驳回',4)">驳回</button> 
			<button plain class="mini-btn round plain-btn" type="primary" size="mini" @tap="back()">返回</button>			
		</view>
		
		<timeline></timeline>
	</view>
</template>

<script>
	import upload from '../../../components/pretty-uploadFile/pretty-uploadFile.vue'
	export default {
		components: {
			upload
		},
		data() {
			return {
				fileList: [],
				operationType: '',
				letterValue: {},
			};
		},
		destroyed() {// 销毁组件操作
			uni.removeStorageSync('copyData')
		},
		onLoad(option) {
			// 判断来自待处理否
			if(uni.getStorageSync('decideIndex')){
				let data = JSON.parse(uni.getStorageSync('decideIndex'))
				this.letterDetail(data)
				if(data.btn==='担保函'){
					this.operationType = 1
				}else{// 确认
					this.operationType = 3
				}
				uni.removeStorageSync('decideIndex')
			}else if(uni.getStorageSync('copyData')){// 抄送判断
				let data =JSON.parse(uni.getStorageSync('copyData')) 
				this.operationType = 2
				// 非抄送的逻辑，调接口进行赋值详情
				if(uni.getStorageSync('notCopy')){
					this.letterDetail(data)
				}else{
					this.letterValue = {
						name:data.clientName,
						passingTime:data.passingTime,
						loanMoney:data.loanMoney,
						loanTern:data.loanTern
					}
				}
			}else{
				if(option){				
					this.fileList = option.fileList
					this.operationType = option.operationType
					// operationType 状态：1 确认担保函 ， 2 查看 ，3 审核
					this.letterValue = JSON.parse(option.letterValue)
				}				
			}
		},
		methods: {
			// 详情--个人效率专用
			letterDetail(data){
				this.$http.get('/api-guarantee/dg-guarantee-letter-assign-user/guaranteeLetterDetail',{id:data.detailId}).then(res=>{
					let that = this,data = res.data.data
					this.letterValue = {
						businessId: data.businessId,//业务id
						bank: data.bank,//银行
						name: data.clientName,//客户名称
						passingTime: data.passingTime,//贷审会日期
						loanMoney: data.loanMoney,//担保金额
						guaranteeMoney: that.core.fMoney3(data.loanMoney),//担保金额转格式
						file: '',//会议纪要
						loanTern: data.loanTern,//担保期限
						auditOpinion: '',//审核意见
						roleId: ''//角色id
					}
				})
			},
			
			// 提交审核意见
			sumbitOpinion(text,type){
				let _this = this
				uni.showModal({
				    title: '提示',
				    content: `确定要${text}该审核意见吗？`,
				    success: function (res) {
				        if (res.confirm) {
							if(type == 4 && _this.letterValue.auditOpinion == ''){
								return uni.showToast({title: '请先填写审核意见！',icon:'none'})
							}						
							_this.$http.post('/api-guarantee/dg-guarantee-letter-assign-user/updateStatus',{
								auditOpinion: _this.letterValue.auditOpinion?_this.letterValue.auditOpinion:"",
								businessId: _this.letterValue.businessId,
								status: type
							}).then(res => {
								uni.showToast({title: `${text}成功`,icon:'none'})
								_this.back()
							}).catch(()=>{
								
							})				       
				        } else if (res.cancel) {}
				    }
				});
			},
			/* 上传文件 */
			uploadFile(e) {
				let fileList = e.map(r => r.url)
				this.complianceSurveyFrom.fileUrls = fileList
			},
		}
	}
</script>

<style lang="scss" scoped>
.letter-content{
	padding: 40rpx 40rpx;
	.letter-header{
		text-align: center;
		font-size: 32rpx;
		font-weight: 500;
		padding-bottom: 40rpx;
		border-bottom: 2rpx solid #e5e5e5;
	}
	.bank{
		font-weight: 700;
	}
	.letter-main{
		letter-spacing: 4rpx;
		text-indent: 60rpx;
	}
	.letter-key{
		font-weight: bold;
		margin: 0 10px;
	}
	.letter-footer{
		text-align: right;
		margin-right: 20rpx;
	}
}
</style>