yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善欠款开票--增加查看款票情况、查看销售订单

zhanglei
yunuo970428 2 years ago
parent
9302b2a2bb
commit
9589fb56c5
4 changed files with 867 additions and 694 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 392
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingByDivisionDaiBanInfo.vue
  2. 387
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingByFileDaiBanInfo.vue
  3. 393
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingDaiBanInfo.vue
  4. 389
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingYiBanInfo.vue

392
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingByDivisionDaiBanInfo.vue
View File

@ -1,142 +1,97 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
<div v-show="viewState == 1">
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--end 添加修改按钮-->
</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">销售类型</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">
<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">主车开票信息</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<!--按钮部分结束-->
<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">销售类型</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">
<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" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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">
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
@ -144,60 +99,115 @@
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<el-table-column label="款、票情况" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<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_list1" :key="index" :src="item" :preview-src-list="image_list1"></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_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-form-item>
<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-form-item>
</el-col>
</el-row>
<div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</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">欠款领票相关附件</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>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<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" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<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_list1" :key="index" :src="item" :preview-src-list="image_list1"></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_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-form-item>
<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-form-item>
</el-col>
</el-row>
<div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</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">欠款领票相关附件</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>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
@ -229,16 +239,28 @@
</div>
</el-form>
</el-dialog>
<!-- 查看销售订单详情 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid, completeByDivision, complete, breakProcess, reject, getNextNodesForSubmit, getPreviousNodesForReject } from '@/api/anruifinmanagement/arrearsbilling'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
export default {
name: 'arrearsbillingByDivisionDaiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
billingKey: 1,
index: 0,
@ -392,6 +414,21 @@ export default {
this.dialogVisible = true
this.srcList = row
},
handleLookByDingDan() {
this.viewState = 2
this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
},
// 查看款、票情况
lookPayment(row) {
this.viewState = 3
const params = {
vinSid: row.vehSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
resetState() {
this.viewState = 1
},
// 同意
openAgree(val) {
this.operation = val
@ -545,6 +582,13 @@ export default {
text-align: center;
padding: 30px 0 20px 0;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.span-sty {
width: 100px !important;
}

387
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingByFileDaiBanInfo.vue
View File

@ -1,142 +1,97 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
<div v-show="viewState == 1">
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--end 添加修改按钮-->
</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">销售类型</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">
<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">主车开票信息</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<!--按钮部分结束-->
<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">销售类型</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">
<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" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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">
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
@ -144,58 +99,113 @@
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<el-table-column label="款、票情况" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="title"><span class="icon">*</span>证件(营业执照或身份证)</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"><span class="icon">*</span>客户开票申请书</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">
<upload ref="uploadImg" v-model="image_list3" :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 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>
</el-form>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<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" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="title"><span class="icon">*</span>证件(营业执照或身份证)</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"><span class="icon">*</span>客户开票申请书</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">
<upload ref="uploadImg" v-model="image_list3" :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 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>
</el-form>
</div>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
@ -227,21 +237,30 @@
</div>
</el-form>
</el-dialog>
<!-- 查看销售订单详情 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid, completeBy, breakProcess, reject, getNextNodesForSubmit, getPreviousNodesForReject } from '@/api/anruifinmanagement/arrearsbilling'
import upload from '@/components/uploadFile/upload'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
export default {
name: 'arrearsbillingByFileDaiBanInfo',
components: {
upload
upload,
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
billingKey: 1,
index: 0,
@ -416,6 +435,21 @@ export default {
this.dialogVisible = true
this.srcList = row
},
handleLookByDingDan() {
this.viewState = 2
this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
},
// 查看款、票情况
lookPayment(row) {
this.viewState = 3
const params = {
vinSid: row.vehSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
resetState() {
this.viewState = 1
},
getUrl() {
if (this.image_list1.length > 0) {
const aa = []
@ -648,6 +682,13 @@ export default {
text-align: center;
padding: 30px 0 20px 0;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.span-sty {
width: 100px !important;
}

393
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingDaiBanInfo.vue
View File

@ -1,142 +1,97 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
<div v-show="viewState == 1">
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--end 添加修改按钮-->
</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">销售类型</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">
<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">主车开票信息</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<!--按钮部分结束-->
<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">销售类型</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">
<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" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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">
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
@ -144,60 +99,115 @@
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<el-table-column label="款、票情况" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<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_list1" :key="index" :src="item" :preview-src-list="image_list1"></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_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-form-item>
<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-form-item>
</el-col>
</el-row>
<div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</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">欠款领票相关附件</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>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<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" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<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_list1" :key="index" :src="item" :preview-src-list="image_list1"></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_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-form-item>
<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-form-item>
</el-col>
</el-row>
<div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</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">欠款领票相关附件</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>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
@ -228,16 +238,29 @@
</div>
</el-form>
</el-dialog>
<!-- 查看销售订单详情 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid, complete, breakProcess, reject, getNextNodesForSubmit, getPreviousNodesForReject } from '@/api/anruifinmanagement/arrearsbilling'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
import upload from "@/components/uploadFile/upload";
export default {
name: 'arrearsbillingDaiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
billingKey: 1,
index: 0,
@ -391,6 +414,21 @@ export default {
this.dialogVisible = true
this.srcList = row
},
handleLookByDingDan() {
this.viewState = 2
this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
},
// 查看款、票情况
lookPayment(row) {
this.viewState = 3
const params = {
vinSid: row.vehSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
resetState() {
this.viewState = 1
},
// 同意
openAgree(val) {
this.operation = val
@ -522,6 +560,13 @@ export default {
text-align: center;
padding: 30px 0 20px 0;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.span-sty {
width: 100px !important;
}

389
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingYiBanInfo.vue
View File

@ -1,141 +1,96 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="handlePrint()">打印</el-button>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
<div v-show="viewState == 1">
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="handlePrint()">打印</el-button>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--end 添加修改按钮-->
</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">销售类型</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">
<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">主车开票信息</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<!--按钮部分结束-->
<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">销售类型</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">
<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" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">是否领取发票原件</div>
<el-form-item><span class="addinputInfo">{{ formobj.isLQOrigInvoice }}</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-row>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :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">
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<el-table-column label="合格证状态" align="center" width="110">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center" width="160">
@ -143,77 +98,143 @@
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<el-table-column label="开票信息" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<el-table-column label="款、票情况" align="center" width="200">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<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_list1" :key="index" :src="item" :preview-src-list="image_list1"></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_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-form-item>
<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-form-item>
</el-col>
</el-row>
<div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</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">欠款领票相关附件</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>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</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.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.finBillTrailers !== null">
<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" width="160">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center" width="100">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
</div>
<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_list1" :key="index" :src="item" :preview-src-list="image_list1"></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_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-form-item>
<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-form-item>
</el-col>
</el-row>
<div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</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">欠款领票相关附件</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>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
<!-- 查看销售订单详情 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid, revokeProcess, createPdf } from '@/api/anruifinmanagement/arrearsbilling'
import { getStorage } from '@/utils/auth'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
export default {
name: 'arrearsbillingYiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
billingKey: 1,
index: 0,
@ -379,6 +400,21 @@ export default {
this.dialogVisible = true
this.srcList = row
},
handleLookByDingDan() {
this.viewState = 2
this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
},
// 查看款、票情况
lookPayment(row) {
this.viewState = 3
const params = {
vinSid: row.vehSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
resetState() {
this.viewState = 1
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {
@ -426,6 +462,13 @@ export default {
text-align: center;
padding: 30px 0 20px 0;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.span-sty {
width: 100px !important;
}

Write Preview
Loading…
Cancel
Save