You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

200 lines
6.9 KiB

<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>