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.
352 lines
13 KiB
352 lines
13 KiB
<template>
|
|
<div class="app-container">
|
|
<div>
|
|
<div class="tab-header webtop">
|
|
<!--标题-->
|
|
<div>{{ viewTitle }}</div>
|
|
<!--start 添加修改按钮-->
|
|
<div>
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="listconadd">
|
|
<div class="titwu">欠款提车申请单</div>
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
|
|
<el-row style="border-top: 1px solid #E0E3EB">
|
|
<el-col :span="8">
|
|
<div class="span-sty">发起人</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.applyName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">发起部门</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.applyDept }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">发起日期</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="span-sty">销售专员</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">销售部门</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.staffDept }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty"><span class="icon">*</span>销售类型</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="span-sty">合同编号</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">开票单位</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">客户名称</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="span-sty">车型</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">是否金融部复核</div>
|
|
<el-form-item>
|
|
<span class="addinputInfo">{{ formobj.isFinance == '1' ? '是' : '否' }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty" v-if="formobj.isFinance == '1'">金融部经理</div>
|
|
<el-form-item v-if="formobj.isFinance == '1'">
|
|
<span class="addinputInfo">{{ formobj.financeName }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title titleOne">
|
|
<div>车辆信息</div>
|
|
</div>
|
|
<el-table :key="tableKey" :data="formobj.vinList" :index="index" border style="width: 100%">
|
|
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
|
|
<el-table-column label="车架号" align="center">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.vin }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="成交价" align="center">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.price }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="平台已收款" align="center">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.subscribedAll }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<div v-show="formobj.trailersList !== null && formobj.trailersList.length > 0">
|
|
<div class="title">挂车信息</div>
|
|
<el-table :key="billingKey" :data="formobj.trailersList" :index="index" border style="width: 100%">
|
|
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
|
|
<el-table-column label="挂车车架号" align="center">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.gcVinNo }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="主车车架号" align="center">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.vinNo }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="成交价" align="center">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.price }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="平台已收款" align="center">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.subscribedAll }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="span-sty"><span class="icon">*</span>欠款提车原因</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.reasonValue }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.reason }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="span-sty">合同总金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.contractMoney }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">平台收款总金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.contractCollectionMoney }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty"><span class="icon">*</span>承诺回款日期</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.commitmentMoneyDate }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title"><span class="icon">*</span>车辆买卖合同(欠款)</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title"><span class="icon">*</span>欠款提车担保承诺书</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list2" :key="index" :src="item" :preview-src-list="image_list2"></el-image>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">股东会对外担保决议</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list3" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title"><span class="icon">*</span>总经理担保书</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>
|
|
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list4" :key="index" :src="item" :preview-src-list="image_list4"></el-image>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title"><span class="icon">*</span>其他附件(含资方信审照片)</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>
|
|
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list5" :key="index" :src="item" :preview-src-list="image_list5"></el-image>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { fetchSid } from '@/api/tesheshenpi/qiankuantiche'
|
|
|
|
export default {
|
|
name: 'QianKuanTiCheInfo',
|
|
data() {
|
|
return {
|
|
viewTitle: '',
|
|
tableKey: 0,
|
|
billingKey: 1,
|
|
index: 0,
|
|
image_list1: [],
|
|
image_list2: [],
|
|
image_list3: [],
|
|
image_list4: [],
|
|
image_list5: [],
|
|
formobj: {
|
|
applyDept: '',
|
|
applyDeptSid: '',
|
|
applyName: '',
|
|
applyUserSid: '',
|
|
carContract: [],
|
|
carContractDownloadUrl: '',
|
|
commitmentMoneyDate: '',
|
|
configSid: '',
|
|
contractCollectionMoney: '',
|
|
contractId: '',
|
|
contractMoney: '',
|
|
createDate: '',
|
|
customerName: '',
|
|
customerSid: '',
|
|
fileList: [],
|
|
financeName: '',
|
|
financeUserSid: '',
|
|
gdLetter: [],
|
|
gdLetterDownloadUrl: '',
|
|
guaranteeLetter: [],
|
|
guaranteeLetterDownloadUrl: '',
|
|
isFinance: '',
|
|
modelName: '',
|
|
modelSid: '',
|
|
openTickName: '',
|
|
orgPath: '',
|
|
paymentMethod: '',
|
|
paymentMethodKey: '',
|
|
procInsId: '',
|
|
reason: '',
|
|
reasonKey: '',
|
|
reasonValue: '',
|
|
sid: '',
|
|
staffDept: '',
|
|
staffDeptSid: '',
|
|
staffName: '',
|
|
staffUserSid: '',
|
|
taskId: '',
|
|
trailersList: [],
|
|
userSid: '',
|
|
vinList: [],
|
|
zjlLetter: [],
|
|
zjlLetterDownloadUrl: ''
|
|
},
|
|
rules: {}
|
|
}
|
|
},
|
|
methods: {
|
|
showInfo(row) {
|
|
this.viewTitle = '欠款提车申请详情'
|
|
this.$nextTick(() => {
|
|
this.$refs['form_obj'].clearValidate()
|
|
})
|
|
fetchSid({ contractNo: '', orgPath: '', sid: row.sid, userSid: '' }).then((res) => {
|
|
if (res.success) {
|
|
this.formobj = res.data
|
|
this.formobj.instanceId = res.data.procInstSid
|
|
if (this.formobj.zjlLetter.length > 0) {
|
|
this.formobj.zjlLetter.forEach((e) => {
|
|
this.image_list4.push(e)
|
|
})
|
|
}
|
|
if (this.formobj.gdLetter.length > 0) {
|
|
this.formobj.gdLetter.forEach((e) => {
|
|
this.image_list3.push(e)
|
|
})
|
|
}
|
|
if (this.formobj.guaranteeLetter.length > 0) {
|
|
this.formobj.guaranteeLetter.forEach((e) => {
|
|
this.image_list2.push(e)
|
|
})
|
|
}
|
|
if (this.formobj.carContract.length > 0) {
|
|
this.formobj.carContract.forEach((e) => {
|
|
this.image_list1.push(e)
|
|
})
|
|
}
|
|
if (this.formobj.fileList.length > 0) {
|
|
this.formobj.fileList.forEach((e) => {
|
|
this.image_list5.push(e)
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
handleReturn() {
|
|
this.formobj = {
|
|
applyDept: '',
|
|
applyDeptSid: '',
|
|
applyName: '',
|
|
applyUserSid: '',
|
|
carContract: [],
|
|
carContractDownloadUrl: '',
|
|
commitmentMoneyDate: '',
|
|
configSid: '',
|
|
contractCollectionMoney: '',
|
|
contractId: '',
|
|
contractMoney: '',
|
|
createDate: '',
|
|
customerName: '',
|
|
customerSid: '',
|
|
fileList: [],
|
|
financeName: '',
|
|
financeUserSid: '',
|
|
gdLetter: [],
|
|
gdLetterDownloadUrl: '',
|
|
guaranteeLetter: [],
|
|
guaranteeLetterDownloadUrl: '',
|
|
isFinance: '',
|
|
modelName: '',
|
|
modelSid: '',
|
|
openTickName: '',
|
|
orgPath: '',
|
|
paymentMethod: '',
|
|
paymentMethodKey: '',
|
|
procInsId: '',
|
|
reason: '',
|
|
reasonKey: '',
|
|
reasonValue: '',
|
|
sid: '',
|
|
staffDept: '',
|
|
staffDeptSid: '',
|
|
staffName: '',
|
|
staffUserSid: '',
|
|
taskId: '',
|
|
trailersList: [],
|
|
userSid: '',
|
|
vinList: [],
|
|
zjlLetter: [],
|
|
zjlLetterDownloadUrl: ''
|
|
}
|
|
this.image_list1 = []
|
|
this.image_list2 = []
|
|
this.image_list3 = []
|
|
this.image_list4 = []
|
|
this.image_list5 = []
|
|
this.$refs['form_obj'].resetFields()
|
|
this.$emit('doback')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.span-sty {
|
|
width: 130px !important;
|
|
}
|
|
.addinputInfo {
|
|
margin-left: 120px !important;
|
|
}
|
|
</style>
|
|
|