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.
839 lines
32 KiB
839 lines
32 KiB
<template>
|
|
<div class="app-container">
|
|
<div v-show="viewState == 1">
|
|
<div class="tab-header webtop">
|
|
<!--标题-->
|
|
<div>{{ viewTitle }}</div>
|
|
<!--start 添加修改按钮-->
|
|
<div>
|
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存
|
|
</el-button>
|
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<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.createByName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">发起部门</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">发起日期</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.saleDeptName }}</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.saleTypeValue }}</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.contractNo }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" class="tlineheightb">
|
|
<div class="span-sty">开票单位</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</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>
|
|
<div class="title titleOne">
|
|
<div>主车开票信息</div>
|
|
<div><el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="addVehicle">选择车辆</el-button></div>
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="6">
|
|
<div class="span-sty"><span class="icon">*</span>单台开票金额</div>
|
|
<el-form-item prop="oneBillMoney"><el-input disabled v-model="formobj.oneBillMoney" clearable placeholder="" class="addinputw"/></el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="span-sty">开票类型默认</div>
|
|
<el-form-item>
|
|
<el-select v-model="formobj.openTickTypeValue" placeholder="请选择" @change="changeOpenTickType" class="addinputInfo">
|
|
<el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">开票名称默认</div>
|
|
<el-form-item>
|
|
<el-select v-model="formobj.openTickName" placeholder="请选择" @change="changeOpenTick" filterable class="addinputInfo">
|
|
<el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<el-form-item>
|
|
<el-button type="primary" size="small" @click="handlePreserve">维护开票信息</el-button>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
|
|
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center"/>
|
|
<el-table-column label="操作" align="center" width="80">
|
|
<template slot-scope="scope">
|
|
<el-button type="danger" size="mini" @click="handleDelete(scope.row, scope.$index)">删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="车架号" align="center" width="100">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.vinNo }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="合格证状态" align="center" width="120">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.certificateStateValue }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="开票类型" align="center" width="250">
|
|
<template slot-scope="scope">
|
|
<el-select v-model="scope.row.billTypeValue" placeholder="请选择" @change="changeBillType($event, scope.row)">
|
|
<el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="开票名称" align="center" width="250">
|
|
<template slot-scope="scope">
|
|
<el-select v-model="scope.row.openTickName" placeholder="请选择" @change="changeOpenTickName($event, scope.row)" filterable>
|
|
<el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
|
|
</el-select>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="开票信息" align="center" min-width="300">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.openTickRemarks }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="span-sty">欠款金额</div>
|
|
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty">承诺回款日期</div>
|
|
<el-form-item>
|
|
<el-date-picker v-model="formobj.returnedMoneyDate" type="date" class="addinputInfo" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<div class="span-sty"><span class="icon">*</span>是否领取发票和合格证原件</div>
|
|
<el-form-item prop="isLQOrigInvoice">
|
|
<el-radio-group class="addinputw" style="font-size: 1px" v-model="formobj.isLQOrigInvoice">
|
|
<el-radio label="是">是</el-radio>
|
|
<el-radio label="否">否</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<div class="span-sty"><span class="icon">*</span>欠款开票原因</div>
|
|
<el-form-item prop="arrearsOpenYYValue">
|
|
<el-select v-model="formobj.arrearsOpenYYValue" placeholder="请选择" @change="changeArrearsOpenYY" filterable clearable class="addinputInfo">
|
|
<el-option v-for="item in arrearsOpenYY_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<el-form-item>
|
|
<el-input v-model="formobj.remarks" clearable placeholder="" class="addinputw" style="margin-left: 0px !important;"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
|
|
<el-table :key="billingKey" :data="formobj.finBillTrailers" :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">
|
|
<el-input v-model="scope.row.oneBillMoney" @keyup.native="UpNumber" clearable placeholder=""/>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<div class="title">证件(营业执照或身份证)</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">车辆买卖合同</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<upload ref="uploadImg" v-model="image_list2" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>
|
|
<upload ref="uploadImg" v-model="image_list4" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div v-show="formobj.isLQOrigInvoice == '是'">
|
|
<div class="title">《欠款承诺书》(欠款人、担保人同签)</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>
|
|
<upload ref="uploadImg" v-model="image_list5" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">《公司股东会对外担保决议》(公司担保)</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>
|
|
<upload ref="uploadImg" v-model="image_list6" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">《责任人担保承诺书》</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>
|
|
<upload ref="uploadImg" v-model="image_list7" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title">资方信审截图</div>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item>
|
|
<upload ref="uploadImg" v-model="image_list8" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
<selectVehicle v-show="viewState == 2" ref="divSelect" @backData="backData" @doback="resetState"/>
|
|
<weihukaipiaoxinxi v-show="viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="resetData"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { fetchDetailsBySid, saveOrUpdate, submit } from '@/api/anruifinmanagement/arrearsbilling'
|
|
import { selectAllDisList, typeValues } from '@/api/jichuxinxi/dictcommons'
|
|
import upload from '@/components/uploadFile/upload'
|
|
import selectVehicle from './relation/selectVehicle'
|
|
import weihukaipiaoxinxi from '../../workFlow/kaipiaoguanliFlow/relation/weihukaipiaoxinxi'
|
|
|
|
export default {
|
|
name: 'arrearsbillingEdit',
|
|
components: {
|
|
upload,
|
|
selectVehicle,
|
|
weihukaipiaoxinxi
|
|
},
|
|
data() {
|
|
return {
|
|
viewTitle: '',
|
|
viewState: 1,
|
|
submitdisabled: false,
|
|
diploma_list: [],
|
|
accept: '.jpg,.jpeg,.png,.JPG,.JPEG',
|
|
tableKey: 0,
|
|
billingKey: 1,
|
|
index: 0,
|
|
openTickType_list: [],
|
|
openTick_list: [],
|
|
arrearsOpenYY_list: [],
|
|
image_list1: [],
|
|
image_list2: [],
|
|
image_list3: [],
|
|
image_list4: [],
|
|
image_list5: [],
|
|
image_list6: [],
|
|
image_list7: [],
|
|
image_list8: [],
|
|
formobj: {
|
|
applyDate: '',
|
|
arrearsMoney: '',
|
|
arrearsOpenYYKey: '',
|
|
arrearsOpenYYValue: '',
|
|
billNo: '',
|
|
billStateKey: '',
|
|
billStateValue: '',
|
|
carBuyContractImages: [],
|
|
cldjhtApplicationAppendxs: [],
|
|
contractNo: '',
|
|
contractSid: '',
|
|
createByName: '',
|
|
customerName: '',
|
|
customerSid: '',
|
|
deptName: '',
|
|
deptSid: '',
|
|
finBillTrailers: [],
|
|
finBillVehicles: [],
|
|
isDelayBill: '',
|
|
isHighAndLowOpen: '',
|
|
isLQOrigInvoice: '',
|
|
khkpsqsApplicationAppendxs: [],
|
|
kpxxqrsApplicationAppendxs: [],
|
|
modelName: '',
|
|
modelSid: '',
|
|
nodeSid: '',
|
|
nodeState: '',
|
|
oneBillMoney: '',
|
|
openTickName: '',
|
|
openTickSid: '',
|
|
openTickTypeKey: '',
|
|
openTickTypeValue: '',
|
|
openTickUnitName: '',
|
|
openTickUnitSid: '',
|
|
orgSidPath: '',
|
|
pcgsgdhdwdbjy: [],
|
|
pczfxsjt: [],
|
|
pczrrdbcns: [],
|
|
procDefId: '',
|
|
procInstSid: '',
|
|
remarks: '',
|
|
returnedMoneyDate: '',
|
|
saleDeptName: '',
|
|
saleDeptSid: '',
|
|
saleTypeKey: '',
|
|
saleTypeValue: '',
|
|
sid: '',
|
|
staffName: '',
|
|
staffSid: '',
|
|
useOrgSid: '',
|
|
createBySid: '',
|
|
zjApplicationAppendxs: [],
|
|
arrearsCollectionAppendxs: []
|
|
},
|
|
rules: {
|
|
oneBillMoney: [{ required: true, message: '单台开票金额不能为空', trigger: 'blur' }],
|
|
isLQOrigInvoice: [{ required: true, message: '是否领取发票原件请选择是或否', trigger: 'change' }],
|
|
arrearsOpenYYValue: [{ required: true, message: '欠款开票原因不能为空', trigger: 'change' }]
|
|
}
|
|
}
|
|
},
|
|
created() {
|
|
console.log('url:' + window.location.href)
|
|
var one = window.location.href.indexOf('&data') + 6
|
|
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
|
|
const obj = JSON.parse(decodeURIComponent(data))
|
|
this.showInfo(obj.businessSid)
|
|
},
|
|
mounted() {
|
|
window.parent.postMessage({
|
|
cmd: 'returnHeight',
|
|
params: {
|
|
// 告诉父级页面，子页面的弹框高度。
|
|
code: 2,
|
|
data: 550 + 'px'
|
|
}
|
|
}, '*')
|
|
},
|
|
methods: {
|
|
init() {
|
|
typeValues({ type: 'qkCause' }).then((res) => {
|
|
if (res.success) {
|
|
this.arrearsOpenYY_list = res.data
|
|
}
|
|
})
|
|
typeValues({ type: 'invoiceType' }).then((res) => {
|
|
if (res.success) {
|
|
this.openTickType_list = res.data
|
|
}
|
|
})
|
|
},
|
|
UpNumber(e) {
|
|
e.target.value = e.target.value.replace(/[^\d]/g, '') // 清除“数字”和“.”"-"以外的字符
|
|
e.target.value = e.target.value.replace(/^00/, '0') // 开头不能有两个0
|
|
if (e.target.value.indexOf('.') < 0 && e.target.value !== '' && e.target.value !== '-') {
|
|
// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
|
|
console.log(e.target.value)
|
|
e.target.value = parseFloat(e.target.value)
|
|
}
|
|
},
|
|
showInfo(sid) {
|
|
this.init()
|
|
this.viewTitle = '【编辑】欠款开票申请'
|
|
this.$nextTick(() => {
|
|
this.$refs['form_obj'].clearValidate()
|
|
})
|
|
fetchDetailsBySid(sid).then((res) => {
|
|
if (res.success) {
|
|
this.formobj = res.data
|
|
selectAllDisList({ orgSid: this.formobj.useOrgSid, staffSid: this.formobj.staffSid }).then((resp) => {
|
|
if (resp.success) {
|
|
this.openTick_list = resp.data
|
|
}
|
|
})
|
|
this.formobj.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
|
|
this.formobj.instanceId = res.data.procInstSid
|
|
this.formobj.userSid = window.sessionStorage.getItem('userSid')
|
|
if (this.formobj.cldjhtApplicationAppendxs.length > 0) {
|
|
this.formobj.cldjhtApplicationAppendxs.forEach((e) => {
|
|
this.image_list4.push({
|
|
name: e.fileName,
|
|
url: e.fileUrl
|
|
})
|
|
})
|
|
}
|
|
if (this.formobj.carBuyContractImages.length > 0) {
|
|
this.formobj.carBuyContractImages.forEach((e) => {
|
|
this.image_list2.push({
|
|
name: e.fileName,
|
|
url: e.fileUrl
|
|
})
|
|
})
|
|
}
|
|
if (this.formobj.zjApplicationAppendxs.length > 0) {
|
|
this.formobj.zjApplicationAppendxs.forEach((e) => {
|
|
this.image_list1.push({
|
|
name: e.fileName,
|
|
url: e.fileUrl
|
|
})
|
|
})
|
|
}
|
|
if (this.formobj.arrearsCollectionAppendxs.length > 0) {
|
|
this.formobj.arrearsCollectionAppendxs.forEach((e) => {
|
|
this.image_list5.push({
|
|
name: e.fileName,
|
|
url: e.fileUrl
|
|
})
|
|
})
|
|
}
|
|
if (this.formobj.pcgsgdhdwdbjy.length > 0) {
|
|
this.formobj.pcgsgdhdwdbjy.forEach((e) => {
|
|
this.image_list6.push({
|
|
name: e.fileName,
|
|
url: e.fileUrl
|
|
})
|
|
})
|
|
}
|
|
if (this.formobj.pczrrdbcns.length > 0) {
|
|
this.formobj.pczrrdbcns.forEach((e) => {
|
|
this.image_list7.push({
|
|
name: e.fileName,
|
|
url: e.fileUrl
|
|
})
|
|
})
|
|
}
|
|
if (this.formobj.pczfxsjt.length > 0) {
|
|
this.formobj.pczfxsjt.forEach((e) => {
|
|
this.image_list8.push({
|
|
name: e.fileName,
|
|
url: e.fileUrl
|
|
})
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
changeOpenTickType(val) {
|
|
const choose = this.openTickType_list.filter((item) => item.dictValue === val)
|
|
if (choose !== null && choose.length > 0) {
|
|
this.formobj.openTickTypeKey = choose[0].dictKey
|
|
this.formobj.openTickName = ''
|
|
this.formobj.openTickSid = ''
|
|
if (this.formobj.finBillVehicles.length > 0) {
|
|
for (var i = 0; i < this.formobj.finBillVehicles.length; i++) {
|
|
this.formobj.finBillVehicles[i].billTypeValue = choose[0].dictValue
|
|
this.formobj.finBillVehicles[i].billTypeKey = choose[0].dictKey
|
|
}
|
|
}
|
|
if (this.formobj.finBillVehicles.length > 0) {
|
|
for (var k = 0; k < this.formobj.finBillVehicles.length; k++) {
|
|
this.formobj.finBillVehicles[k].openTickName = ''
|
|
this.formobj.finBillVehicles[k].openTickSid = ''
|
|
this.formobj.finBillVehicles[k].openTickRemarks = ''
|
|
}
|
|
}
|
|
}
|
|
},
|
|
changeOpenTick(val) {
|
|
if (this.formobj.openTickTypeValue === '') {
|
|
this.$message({ showClose: true, type: 'error', message: '请选择开票类型' })
|
|
return
|
|
}
|
|
const choose = this.openTick_list.filter((item) => item.name === val)
|
|
if (choose !== null && choose.length > 0) {
|
|
if (choose[0].openTickTypeValue !== this.formobj.openTickTypeValue && this.formobj.openTickTypeValue === '增值税专用发票') {
|
|
this.$message({ showClose: true, type: 'error', message: '因开票信息与所选开票类型不符，请维护开票信息' })
|
|
this.formobj.openTickName = ''
|
|
this.formobj.openTickSid = ''
|
|
} else {
|
|
this.formobj.openTickSid = choose[0].sid
|
|
if (this.formobj.finBillVehicles.length > 0) {
|
|
for (var i = 0; i < this.formobj.finBillVehicles.length; i++) {
|
|
this.formobj.finBillVehicles[i].openTickName = choose[0].name
|
|
this.formobj.finBillVehicles[i].openTickSid = choose[0].sid
|
|
this.formobj.finBillVehicles[i].openTickRemarks = choose[0].openTickRemarks
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
changeBillType(val, row) {
|
|
const choose = this.openTickType_list.filter((item) => item.dictValue === val)
|
|
if (choose !== null && choose.length > 0) {
|
|
row.billTypeKey = choose[0].dictKey
|
|
row.openTickName = ''
|
|
row.openTickSid = ''
|
|
row.openTickRemarks = ''
|
|
}
|
|
},
|
|
changeOpenTickName(val, row) {
|
|
if (row.billTypeValue === '') {
|
|
this.$message({ showClose: true, type: 'error', message: '请选择开票类型' })
|
|
return
|
|
}
|
|
const choose = this.openTick_list.filter((item) => item.name === val)
|
|
if (choose !== null && choose.length > 0) {
|
|
if (choose[0].openTickTypeValue !== row.billTypeValue && row.billTypeValue === '增值税专用发票') {
|
|
this.$message({ showClose: true, type: 'error', message: '因开票信息与所选开票类型不符，请维护开票信息' })
|
|
row.openTickName = ''
|
|
row.openTickSid = ''
|
|
row.openTickRemarks = ''
|
|
} else {
|
|
row.openTickSid = choose[0].sid
|
|
row.openTickRemarks = choose[0].openTickRemarks
|
|
}
|
|
}
|
|
},
|
|
changeArrearsOpenYY(val) {
|
|
const choose = this.arrearsOpenYY_list.filter((item) => item.dictValue === val)
|
|
this.formobj.arrearsOpenYYKey = choose[0].dictKey
|
|
},
|
|
addVehicle() {
|
|
this.viewState = 2
|
|
this.$refs['divSelect'].showData(this.formobj.finBillVehicles, this.formobj.contractNo)
|
|
},
|
|
backData(value) {
|
|
this.viewState = 1
|
|
value.forEach((e) => {
|
|
this.formobj.finBillVehicles.push({
|
|
vinNo: e.vinNo,
|
|
vehSid: e.vehSid,
|
|
billAppSid: '',
|
|
billName: '',
|
|
billNameSid: '',
|
|
billTypeKey: '',
|
|
billTypeValue: '',
|
|
certificateStateKey: e.certificateState,
|
|
certificateStateValue: e.certificateStateValue,
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
openTickName: '',
|
|
openTickRemarks: '',
|
|
openTickSid: '',
|
|
remarks: '',
|
|
sid: '',
|
|
useOrgSid: ''
|
|
})
|
|
if (e.trailers.length > 0) {
|
|
e.trailers.forEach((k) => {
|
|
this.formobj.finBillTrailers.push({
|
|
gcVinNo: k.gcVinNo,
|
|
vinNo: k.vinNo,
|
|
oneBillMoney: ''
|
|
})
|
|
})
|
|
}
|
|
})
|
|
},
|
|
handleDelete(row, index) {
|
|
if (this.formobj.finBillTrailers.length > 0) {
|
|
this.formobj.finBillTrailers.forEach((e, item) => {
|
|
if (e.vinNo === row.vinNo) {
|
|
this.formobj.finBillTrailers.splice(item, 1)
|
|
}
|
|
})
|
|
}
|
|
this.formobj.finBillVehicles.splice(index, 1)
|
|
},
|
|
handlePreserve() {
|
|
this.viewState = 3
|
|
this.$refs['divAdd'].showEdit(this.formobj.openTickName, this.formobj.useOrgSid, this.openTick_list, '欠款开票申请')
|
|
},
|
|
handleSave() {
|
|
this.$refs['form_obj'].validate((valid) => {
|
|
if (valid) {
|
|
this.getUrl()
|
|
this.submitdisabled = true
|
|
saveOrUpdate(this.formobj).then((res) => {
|
|
if (res.success) {
|
|
this.$message({ showClose: true, type: 'success', message: '保存成功' })
|
|
window.parent.postMessage({
|
|
cmd: 'returnHeight',
|
|
params: {
|
|
// 操作成功，告诉父级页面关闭弹框
|
|
code: 1
|
|
}
|
|
}, '*')
|
|
} else {
|
|
this.submitdisabled = false
|
|
}
|
|
}).catch(() => {
|
|
this.submitdisabled = false
|
|
})
|
|
}
|
|
})
|
|
},
|
|
handleSubmit() {
|
|
this.$refs['form_obj'].validate((valid) => {
|
|
if (valid) {
|
|
if (this.formobj.finBillVehicles.length === 0) {
|
|
this.$message({ showClose: true, type: 'error', message: '请选择车辆' })
|
|
return
|
|
}
|
|
for (var i = 0; i < this.formobj.finBillVehicles.length; i++) {
|
|
if (this.formobj.finBillVehicles[i].openTickName === '') {
|
|
this.$message({ showClose: true, type: 'error', message: this.formobj.finBillVehicles[i].vinNo + '的开票名称不能为空' })
|
|
return
|
|
}
|
|
if (this.formobj.finBillVehicles[i].openTickRemarks === '') {
|
|
this.$message({ showClose: true, type: 'error', message: this.formobj.finBillVehicles[i].vinNo + '的开票信息为空,请完善经销商信息或客户信息' })
|
|
return
|
|
}
|
|
}
|
|
if (this.formobj.isLQOrigInvoice === '是') {
|
|
if (this.image_list2.length === 0) {
|
|
this.$message({ showClose: true, type: 'error', message: '请上传车辆买卖合同' })
|
|
return
|
|
}
|
|
if (this.image_list5.length === 0) {
|
|
this.$message({ showClose: true, type: 'error', message: '请上传欠款承诺书' })
|
|
return
|
|
}
|
|
if (this.image_list7.length === 0) {
|
|
this.$message({ showClose: true, type: 'error', message: '请上传责任人担保承诺书' })
|
|
return
|
|
}
|
|
}
|
|
this.getUrl()
|
|
this.submitdisabled = true
|
|
submit(this.formobj).then((res) => {
|
|
if (res.success) {
|
|
this.$message({ showClose: true, type: 'success', message: '提交成功' })
|
|
window.parent.postMessage({
|
|
cmd: 'returnHeight',
|
|
params: {
|
|
// 操作成功，告诉父级页面关闭弹框
|
|
code: 1
|
|
}
|
|
}, '*')
|
|
} else {
|
|
this.submitdisabled = false
|
|
}
|
|
}).catch(() => {
|
|
this.submitdisabled = false
|
|
})
|
|
}
|
|
})
|
|
},
|
|
getUrl() {
|
|
if (this.image_list1.length > 0) {
|
|
const aa = []
|
|
for (var i = 0; i < this.image_list1.length; i++) {
|
|
aa.push({
|
|
attachType: '',
|
|
billAppSid: '',
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
fileSid: '',
|
|
fileName: this.image_list1[i].name,
|
|
fileType: this.image_list1[i].name.substr(this.image_list1[i].name.lastIndexOf('.')),
|
|
fileUrl: this.image_list1[i].url,
|
|
sid: ''
|
|
})
|
|
}
|
|
this.formobj.zjApplicationAppendxs = aa
|
|
} else {
|
|
this.formobj.zjApplicationAppendxs = []
|
|
}
|
|
if (this.image_list2.length > 0) {
|
|
const bb = []
|
|
for (var k = 0; k < this.image_list2.length; k++) {
|
|
bb.push({
|
|
attachType: '',
|
|
billAppSid: '',
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
fileSid: '',
|
|
fileName: this.image_list2[k].name,
|
|
fileType: this.image_list2[k].name.substr(this.image_list2[k].name.lastIndexOf('.')),
|
|
fileUrl: this.image_list2[k].url,
|
|
sid: ''
|
|
})
|
|
}
|
|
this.formobj.carBuyContractImages = bb
|
|
} else {
|
|
this.formobj.carBuyContractImages = []
|
|
}
|
|
if (this.image_list4.length > 0) {
|
|
const cc = []
|
|
for (var n = 0; n < this.image_list4.length; n++) {
|
|
cc.push({
|
|
attachType: '',
|
|
billAppSid: '',
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
fileSid: '',
|
|
fileName: this.image_list4[n].name,
|
|
fileType: this.image_list4[n].name.substr(this.image_list4[n].name.lastIndexOf('.')),
|
|
fileUrl: this.image_list4[n].url,
|
|
sid: ''
|
|
})
|
|
}
|
|
this.formobj.cldjhtApplicationAppendxs = cc
|
|
} else {
|
|
this.formobj.cldjhtApplicationAppendxs = []
|
|
}
|
|
if (this.image_list5.length > 0) {
|
|
const cc = []
|
|
for (var p = 0; p < this.image_list5.length; p++) {
|
|
cc.push({
|
|
attachType: '',
|
|
billAppSid: '',
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
fileSid: '',
|
|
fileName: this.image_list5[p].name,
|
|
fileType: this.image_list5[p].name.substr(this.image_list5[p].name.lastIndexOf('.')),
|
|
fileUrl: this.image_list5[p].url,
|
|
sid: ''
|
|
})
|
|
}
|
|
this.formobj.arrearsCollectionAppendxs = cc
|
|
} else {
|
|
this.formobj.arrearsCollectionAppendxs = []
|
|
}
|
|
if (this.image_list6.length > 0) {
|
|
const cc = []
|
|
for (var l = 0; l < this.image_list6.length; l++) {
|
|
cc.push({
|
|
attachType: '',
|
|
billAppSid: '',
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
fileSid: '',
|
|
fileName: this.image_list6[l].name,
|
|
fileType: this.image_list6[l].name.substr(this.image_list6[l].name.lastIndexOf('.')),
|
|
fileUrl: this.image_list6[l].url,
|
|
sid: ''
|
|
})
|
|
}
|
|
this.formobj.pcgsgdhdwdbjy = cc
|
|
} else {
|
|
this.formobj.pcgsgdhdwdbjy = []
|
|
}
|
|
if (this.image_list7.length > 0) {
|
|
const cc = []
|
|
for (var q = 0; q < this.image_list6.length; q++) {
|
|
cc.push({
|
|
attachType: '',
|
|
billAppSid: '',
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
fileSid: '',
|
|
fileName: this.image_list7[q].name,
|
|
fileType: this.image_list7[q].name.substr(this.image_list7[q].name.lastIndexOf('.')),
|
|
fileUrl: this.image_list7[q].url,
|
|
sid: ''
|
|
})
|
|
}
|
|
this.formobj.pczrrdbcns = cc
|
|
} else {
|
|
this.formobj.pczrrdbcns = []
|
|
}
|
|
if (this.image_list8.length > 0) {
|
|
const cc = []
|
|
for (var a = 0; a < this.image_list8.length; a++) {
|
|
cc.push({
|
|
attachType: '',
|
|
billAppSid: '',
|
|
createByName: window.sessionStorage.getItem('name'),
|
|
fileSid: '',
|
|
fileName: this.image_list8[a].name,
|
|
fileType: this.image_list8[a].name.substr(this.image_list8[a].name.lastIndexOf('.')),
|
|
fileUrl: this.image_list8[a].url,
|
|
sid: ''
|
|
})
|
|
}
|
|
this.formobj.pczfxsjt = cc
|
|
} else {
|
|
this.formobj.pczfxsjt = []
|
|
}
|
|
},
|
|
resetState() {
|
|
this.viewState = 1
|
|
},
|
|
resetData() {
|
|
this.viewState = 1
|
|
selectAllDisList({ orgSid: this.formobj.useOrgSid, staffSid: window.sessionStorage.getItem('staffSid') }).then((resp) => {
|
|
if (resp.success) {
|
|
this.openTick_list = resp.data
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.titwu {
|
|
font-size: 28px;
|
|
text-align: center;
|
|
padding: 30px 0 20px 0;
|
|
}
|
|
.titleOne {
|
|
padding: 7px !important;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.span-sty {
|
|
width: 190px !important;
|
|
}
|
|
.addinputInfo {
|
|
margin-left: 180px !important;
|
|
}
|
|
.addinputw {
|
|
margin-left: 180px !important;
|
|
}
|
|
/deep/ .el-form-item__error {
|
|
margin-left: 180px;
|
|
}
|
|
.tlineheightb {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
|
|
line-height: 15px !important;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
|