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

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

master
yunuo970428 2 years ago
parent
e482fa586a
commit
9302b2a2bb
4 changed files with 843 additions and 669 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. 378
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByDivisionDaiBanInfo.vue
  2. 382
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByFileDaiBanInfo.vue
  3. 378
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionDaiBanInfo.vue
  4. 374
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionYiBanInfo.vue

378
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByDivisionDaiBanInfo.vue
View File

@ -1,175 +1,186 @@
<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>
<!--按钮部分结束-->
<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-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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<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="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</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_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</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-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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</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_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</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>
@ -199,17 +210,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, reject, breakProcess, getPreviousNodesForReject, getNextNodesForSubmit } from '@/api/anruifinmanagement/arrearscollection'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
export default {
name: 'ArrearsScollectionByDivisionDaiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
srcList: [],
tableKey: 0,
@ -339,6 +361,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
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
@ -477,6 +514,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: 130px !important;
}

382
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByFileDaiBanInfo.vue
View File

@ -1,177 +1,188 @@
<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>
<!--按钮部分结束-->
<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-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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<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="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></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_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</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-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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></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_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</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>
@ -201,21 +212,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, breakProcess, completeBy, getNextNodesForSubmit, getPreviousNodesForReject, reject } from '@/api/anruifinmanagement/arrearscollection'
import upload from '@/components/uploadFile/upload'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
export default {
name: 'ArrearsScollectionByFileDaiBanInfo',
components: {
upload
upload,
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
srcList: [],
tableKey: 0,
@ -360,6 +380,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 = []
@ -512,6 +547,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: 130px !important;
}

378
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionDaiBanInfo.vue
View File

@ -1,175 +1,186 @@
<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>
<!--按钮部分结束-->
<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-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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<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="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</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_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</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-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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</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_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</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>
@ -199,17 +210,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, complete, breakProcess, reject, getNextNodesForSubmit, getPreviousNodesForReject } from '@/api/anruifinmanagement/arrearscollection'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
export default {
name: 'ArrearsScollectionDaiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
srcList: [],
tableKey: 0,
@ -346,6 +368,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
@ -477,6 +514,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: 130px !important;
}

374
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionYiBanInfo.vue
View File

@ -1,186 +1,208 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<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="danger" size="small" @click="openRevoke()">撤回</el-button>
</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 titleOne">
<div>主车开票信息</div>
<div><el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
</div>
<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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<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="200">
<template slot-scope="scope">
<span class="bluezi" @click="lookPayment(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</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_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</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-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">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<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 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">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<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">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</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_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</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 } from '@/api/anruifinmanagement/arrearscollection'
import xiaoshoudingdanInfo from '../../workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo'
import paymentticket from '../../workFlow/kaipiaoguanliFlow/relation/paymentticket'
export default {
name: 'ArrearsScollectionYiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
srcList: [],
tableKey: 0,
@ -303,6 +325,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('是否确认执行撤回操作', '提示', {
@ -350,6 +387,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: 130px !important;
}

Write Preview
Loading…
Cancel
Save