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

修改问题

master
yunuo970428 2 years ago
parent
1353916fe3
commit
da5d5952ff
18 changed files with 992 additions and 1230 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. 14
      anrui-buscenter/anrui-buscenter-ui/src/api/chukuguanli/chukubanli.js
  2. 522
      anrui-buscenter/anrui-buscenter-ui/src/components/publicPage/dingdanInfo.vue
  3. 244
      anrui-buscenter/anrui-buscenter-ui/src/components/publicPage/paymentticket.vue
  4. 4
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/chukuDaiBanInfo.vue
  5. 4
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/chukuYiBanInfo.vue
  6. 6
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/publicPage/dingdanInfo.vue
  7. 4
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheByDivisionDaiBanInfo.vue
  8. 4
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheDaiBanByFileAndQiTaInfo.vue
  9. 4
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheDaiBanByFileInfo.vue
  10. 4
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheDaiBanInfo.vue
  11. 4
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheYiBanInfo.vue
  12. 354
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialscheme.vue
  13. 828
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialschemeEdit.vue
  14. 41
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdantuicheFlow/salesorderbycarDaiBanInfo.vue
  15. 49
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdantuicheFlow/salesorderbycarEdit.vue
  16. 41
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdantuicheFlow/salesorderbycarYiBanInfo.vue
  17. 53
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdantuiche/salesorderbycarAdd.vue
  18. 42
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdantuiche/salesorderbycarInfo.vue

14
anrui-buscenter/anrui-buscenter-ui/src/api/chukuguanli/chukubanli.js
View File

@ -173,10 +173,16 @@ export function deliveredFinSelect(data) {
return request({
url: '/buscenter/v1/busdeliveredapply/deliveredFinSelect',
method: 'get',
params: data,
headers: {
'Content-Type': 'application/json'
}
params: data
})
}
// 查看款、票情况详情(只适用于销售订单退车)
export function deliveredFinSelecByBusVinSidPC(data) {
return request({
url: '/buscenter/v1/busdeliveredapply/deliveredFinSelecByBusVinSidPC',
method: 'get',
params: data
})
}

522
anrui-buscenter/anrui-buscenter-ui/src/components/publicPage/dingdanInfo.vue
View File

@ -0,0 +1,522 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<div class="titwu">销售订单</div>
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8" class="tlineheightb">
<div class="span-sty">订单编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">制单日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售机构</div>
<el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">客户信息</div>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">挂靠公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">开票类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">是否包牌</div>
<el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">车型信息</div>
<el-row>
<el-col :span="24" class="tlineheightb">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="tlineheightb">
<div class="span-sty">常用配置</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="tlineheightb">
<div class="span-sty">更多配置</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="tlineheightb">
<div class="span-sty">特殊配置说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">合格证公告型号</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
</el-col>
<el-col :span="16" class="tlineheightb">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
<el-col :span="24" class="tlineheightb">
<div class="span-sty">上装</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.type == '1'">
<el-col :span="24" class="tlineheightb">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.type == '2'">
<el-col :span="24" class="tlineheightb">
<div class="span-sty">采购订单编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.type == '3'">
<el-col :span="24">
<div class="span-sty">需采购</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
</el-col>
</el-row>
<!-- <div class="title">挂车信息</div>-->
<!-- <el-row>-->
<!-- <el-col :span="24">-->
<!-- <el-form-item><span></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.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">主车单台成交价</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">单台整体成交价</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</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.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">台数</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车价合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</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.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">预计提车地点</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">保险说明</div>
<el-row>
<el-col :span="24">
<el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">订金信息</div>
<el-row>
<el-col :span="12">
<div class="span-sty">单台订金</div>
<el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">订金合计</div>
<el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.depositAll }}</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.busSalesOrderDeposit.depositType }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">需补交订金</div>
<el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div>
<el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">订金备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositRemarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
<el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column label="优惠名称" align="left" header-align="center">
<template slot-scope="scope">
{{ scope.row.name }}
</template>
</el-table-column>
<el-table-column label="价值" align="left" header-align="center">
<template slot-scope="scope">
{{ scope.row.price }}
</template>
</el-table-column>
<el-table-column label="优惠项目说明" header-align="center">
<template slot-scope="scope">
{{ scope.row.discountExplain }}
</template>
</el-table-column>
<el-table-column label="数量" header-align="center">
<template slot-scope="scope">
{{ scope.row.num }}
</template>
</el-table-column>
<el-table-column prop="totalValue" label="小计" header-align="center">
<template slot-scope="scope">
{{ scope.row.totalValue }}
</template>
</el-table-column>
</el-table>
<div v-show="formobj.finPlanState" class="jinrong">
<div>金融方案</div>
<div>
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
</div>
</div>
<div class="title">补充说明</div>
<el-row>
<el-col :span="24">
<el-form-item><span>{{ formobj.notes }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
</el-col>
</el-row>
<div class="title">其它信息</div>
<el-row>
<el-col :span="12">
<div class="span-sty">内部引荐人</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">返利备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">中介人1</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">单车中介服务费</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">中介服务费合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">中介人2</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">单车中介服务费</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">中介服务费合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<financialschemeInfo ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid } from '@/api/salesManagement/orderManagement'
import financialschemeInfo from './financialschemeInfo'
export default {
name: 'XiaoShouDingDanInfo',
components: {
financialschemeInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
sid: '',
affiliatedCompany: '',
affiliatedCompanySid: '',
billNo: '',
billingType: '',
billingTypeKey: '',
busDepositFictitiousList: [],
busSalesOrderDeposit: [],
busSalesOrderDiscountList: [],
busSalesOrderInsurance: [],
busSalesOrderMakeup: [],
busSalesOrderModel: [],
busSalesOrderPrice: [],
busSalesOrderVehicleList: [],
busSalesOrderotherMessageDetailsVo: [],
busSalesVehicleOrderList: [],
concatNo: '',
createDate: '',
customerName: '',
customerSid: '',
images: [],
insuranceInfo: '',
insuranceInfoMessage: '',
isInsurance: '',
isTop: '',
licensePlateKey: '',
licensePlateValue: '',
mobile: '',
nodeState: '',
notes: '',
orgName: '',
orgSid: '',
payType: '',
payTypeKey: '',
procInstId: '',
remarks: '',
staffName: '',
staffSid: '',
taskId: '',
type: '',
useOrgName: '',
useOrgSid: '',
finPlanState: false
}
}
},
methods: {
showInfo(row) {
this.viewTitle = '销售订单'
fetchDetailsBySid(row.sid).then((resp) => {
if (resp.success) {
this.formobj = resp.data
if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
} else {
this.formobj.busSalesOrderModel.linkNo = ''
}
if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
} else {
this.formobj.busSalesOrderModel.vinNo = ''
}
}
})
},
handleLook() {
this.viewState = 2
this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
},
// 合计
getSummaries(param) {
const { columns, data } = param
const sums = []
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = ''
return
}
const values = data.map(item => Number(item[column.property]))
if (column.property === 'totalValue') {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
} else {
if (!values.every(value => isNaN(value))) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
this.amount = sums[index] += ''
} else {
sums[index] = ''
}
}
})
return sums
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {
sid: '',
affiliatedCompany: '',
affiliatedCompanySid: '',
billNo: '',
billingType: '',
billingTypeKey: '',
busDepositFictitiousList: [],
busSalesOrderDeposit: [],
busSalesOrderDiscountList: [],
busSalesOrderInsurance: [],
busSalesOrderMakeup: [],
busSalesOrderModel: [],
busSalesOrderPrice: [],
busSalesOrderVehicleList: [],
busSalesOrderotherMessageDetailsVo: [],
busSalesVehicleOrderList: [],
concatNo: '',
createDate: '',
customerName: '',
customerSid: '',
images: [],
insuranceInfo: '',
insuranceInfoMessage: '',
isInsurance: '',
isTop: '',
licensePlateKey: '',
licensePlateValue: '',
mobile: '',
nodeState: '',
notes: '',
orgName: '',
orgSid: '',
payType: '',
payTypeKey: '',
procInstId: '',
remarks: '',
staffName: '',
staffSid: '',
taskId: '',
type: '',
useOrgName: '',
useOrgSid: '',
finPlanState: false
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.jinrong {
padding: 7px;
font-weight: bold;
font-size: 16px;
background-color: #0294d7;
text-align: left;
color: #ffffff;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 1px;
}
.tlineheightb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
line-height: 15px !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
</style>

244
anrui-buscenter/anrui-buscenter-ui/src/components/publicPage/paymentticket.vue
View File

@ -0,0 +1,244 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>款票详情</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="12">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</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.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">车型</div>
<el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
</el-col>
</el-row>
<!--Start 预订车辆信息-->
<div class="title">
<div>款项情况(平台收款)</div>
</div>
<el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.finSelectVoList" border style="width: 100%" :index="index">
<el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
<el-table-column label="款项名称" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.receivablesName }}</span>
</template>
</el-table-column>
<el-table-column label="应收金额" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.reveivableMoney }}</span>
</template>
</el-table-column>
<el-table-column label="已收款" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.subscriptionMoneyAll }}</span>
</template>
</el-table-column>
<el-table-column label="未收款" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.notSubscriptionMoney }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<span>{{ scope.row.remark }}</span>
</template>
</el-table-column>
</el-table>
<div class="title">发票情况</div>
<el-row>
<el-col :span="16">
<div class="span-sty">开票名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoicingName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">税号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty">地址</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.address }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.telPhone }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty">开户行</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.openingBank }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">银行账号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.bankNum }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceTitle }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceType }}</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.vinInvoiceVo.billingState }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceAmount }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceDate }}</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.vinInvoiceVo.transferState }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">接收人</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.recipient }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">移交日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.transferTime }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import { deliveredFinSelect } from '@/api/chukuguanli/chukubanli'
export default {
name: 'PaymentTicket',
data() {
return {
tableKey: 0,
index: 0,
// --按钮菜单-------
listLoading: false,
formobj: {
vinNo: '',
paymentMethod: '',
contractNo: '',
customerName: '',
modelName: '',
finSelectVoList: [],
vinInvoiceVo: {
invoicingName: '',
invoiceNo: '',
invoiceTitle: '',
invoiceType: '',
billingState: '',
invoiceAmount: '',
invoiceDate: '',
transferState: '',
address: '',
telPhone: '',
openingBank: '',
bankNum: '',
recipient: '',
transferTime: ''
}
},
rules: {}
}
},
methods: {
// ------------ 页面初始化 ------------
showInfo(contractId, row) {
this.$nextTick(() => {
this.$refs['dataForm'].clearValidate()
})
deliveredFinSelect({ contractNo: contractId, vinSid: row.vinSid }).then((response) => {
if (response.success) {
console.log(response.data)
this.formobj = response.data
}
})
},
// ------------ 功能实现 ------------
// 返回
handleReturn() {
this.$refs['dataForm'].resetFields()
this.formobj = {
vinNo: '',
paymentMethod: '',
contractNo: '',
customerName: '',
modelName: '',
finSelectVoList: [],
vinInvoiceVo: {
invoicingName: '',
invoiceNo: '',
invoiceTitle: '',
invoiceType: '',
billingState: '',
invoiceAmount: '',
invoiceDate: '',
transferState: '',
address: '',
telPhone: '',
openingBank: '',
bankNum: '',
recipient: '',
transferTime: ''
}
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 120px !important;
}
.addinputInfo {
margin-left: 110px !important;
}
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed {
height: 100% !important;
}
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed-right {
height: 100% !important;
}
</style>

4
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/chukuDaiBanInfo.vue
View File

@ -205,8 +205,8 @@ import { getRetrievalApplyInfoBySid, trailerList, complete, breakProcess, reject
import userInfo from './relation/userInfo'
import guacheInfo from './relation/guacheInfo'
import shangzhuangInfo from './relation/shangzhuangInfo'
import paymentticket from './relation/paymentticket'
import xiaoshoudingdanInfo from './relation/dingdanInfo'
import paymentticket from '../../publicPage/paymentticket'
import xiaoshoudingdanInfo from '../../publicPage/dingdanInfo'
export default {
name: 'chukuDaiBanInfo',

4
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/chukuYiBanInfo.vue
View File

@ -177,8 +177,8 @@ import { getRetrievalApplyInfoBySid, trailerList, revokeProcess } from '@/api/ch
import userInfo from './relation/userInfo'
import guacheInfo from './relation/guacheInfo'
import shangzhuangInfo from './relation/shangzhuangInfo'
import paymentticket from './relation/paymentticket'
import xiaoshoudingdanInfo from './relation/dingdanInfo'
import paymentticket from '../../publicPage/paymentticket'
import xiaoshoudingdanInfo from '../../publicPage/dingdanInfo'
export default {
name: 'chukuYiBanInfo',

6
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/dingdanInfo.vue → anrui-buscenter/anrui-buscenter-ui/src/views/workflow/publicPage/dingdanInfo.vue
View File

@ -304,17 +304,17 @@
</el-form>
</div>
</div>
<financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
<financialschemeInfo ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid } from '@/api/salesManagement/orderManagement'
import financialscheme from '../../../xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialscheme'
import financialschemeInfo from './financialschemeInfo'
export default {
name: 'XiaoShouDingDanInfo',
components: {
financialscheme
financialschemeInfo
},
data() {
return {

4
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheByDivisionDaiBanInfo.vue
View File

@ -221,8 +221,8 @@
<script>
import { fetchSid, getNextNodesForSubmit, getPreviousNodesForReject, initiatorToAnswerInfo, breakProcess, reject } from '@/api/tesheshenpi/qiankuantiche'
import dingdanInfo from '../../chukuguanliFlow/chukuguanli/relation/dingdanInfo'
import paymentticket from '../../chukuguanliFlow/chukuguanli/relation/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
import paymentticket from '../../publicPage/paymentticket'
export default {
name: 'qiankuanticheByDivisionDaiBanInfo',

4
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheDaiBanByFileAndQiTaInfo.vue
View File

@ -223,8 +223,8 @@
<script>
import { fetchSid, getNextNodesForSubmit, getPreviousNodesForReject, completeBy, breakProcess, reject } from '@/api/tesheshenpi/qiankuantiche'
import dingdanInfo from '../../chukuguanliFlow/chukuguanli/relation/dingdanInfo'
import paymentticket from '../../chukuguanliFlow/chukuguanli/relation/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
import paymentticket from '../../publicPage/paymentticket'
import upload from '@/components/uploadFile/upload'
export default {

4
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheDaiBanByFileInfo.vue
View File

@ -241,8 +241,8 @@
<script>
import { fetchSid, getNextNodesForSubmit, getPreviousNodesForReject, completeBy, breakProcess, reject } from '@/api/tesheshenpi/qiankuantiche'
import upload from '@/components/uploadFile/upload'
import paymentticket from '../../chukuguanliFlow/chukuguanli/relation/paymentticket'
import dingdanInfo from '../../chukuguanliFlow/chukuguanli/relation/dingdanInfo'
import paymentticket from '../../publicPage/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
export default {
name: 'qiankuanticheDaiBanByFileInfo',

4
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheDaiBanInfo.vue
View File

@ -221,8 +221,8 @@
<script>
import { fetchSid, getNextNodesForSubmit, getPreviousNodesForReject, complete, breakProcess, reject } from '@/api/tesheshenpi/qiankuantiche'
import dingdanInfo from '../../chukuguanliFlow/chukuguanli/relation/dingdanInfo'
import paymentticket from '../../chukuguanliFlow/chukuguanli/relation/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
import paymentticket from '../../publicPage/paymentticket'
export default {
name: 'qiankuanticheDaiBanInfo',

4
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/teshushenpiFlow/qiankuanticheguanli/qiankuanticheYiBanInfo.vue
View File

@ -195,8 +195,8 @@
<script>
import { fetchSid, revokeProcess, createPdf } from '@/api/tesheshenpi/qiankuantiche'
import dingdanInfo from '../../chukuguanliFlow/chukuguanli/relation/dingdanInfo'
import paymentticket from '../../chukuguanliFlow/chukuguanli/relation/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
import paymentticket from '../../publicPage/paymentticket'
import { getStorage } from '@/utils/auth'
export default {

354
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialscheme.vue
View File

@ -1,354 +0,0 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="">
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="6">
<div class="span-sty">单车主车销售合同价</div>
<el-form-item><span class="addinputInfo">{{ formobj.finalPrice }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">单车挂车销售合同价</div>
<el-form-item><span class="addinputInfo">{{ formobj.gcPrice }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">单车上装销售合同价</div>
<el-form-item><span class="addinputInfo">{{ formobj.szPrice }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.typeKey !== '02'">
<el-row>
<el-col :span="6">
<div class="span-sty">是否打包</div>
<el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
</el-col>
<el-col :span="18">
<div class="span-sty">资方及产品政策</div>
<el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">融资项目</div>
<el-form-item>
<div class="addinputInfo">
<span>主车发票价{{ formobj.mainVehicleAmount }}元</span>
<span>融资票据{{ formobj.accessoriesAmount }}元</span>
<span>挂车{{ formobj.trailerAmount }} 元</span>
<span>保险{{ formobj.premium }} 元</span>
<span>购置税{{ formobj.purchaseTax }} 元</span>
<span>车损上浮{{ formobj.vehDamageFloat }} 元</span>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="span-sty">融资项目总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">首付比例</div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">首付金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">产品贷款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">产品期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">贷款保证金比例</div>
<el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">贷款保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">厂家贴息</div>
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">年利率</div>
<el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">月还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">利息总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">厂家贴息用途</div>
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
</el-col>
</el-row>
<div v-show="formobj.otherPolicyState">
<div class="title">其它融</div>
<el-row>
<el-col :span="12">
<div class="span-sty">其它融名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">贷款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">月还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">利息总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">年利率</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
</el-col>
</el-row>
</div>
<div class="title">方案汇总</div>
<el-row>
<el-col :span="6">
<div class="span-sty">融资首付</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">实际首付比例</div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmountsRatio }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">总贷款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">月还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">利息总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">预计首款还款日</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">应收明细</div>
<el-row>
<el-col :span="6">
<div class="span-sty">融资首付</div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">贷款保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">保险保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">落户保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">服务费</div>
<el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">代收意外险</div>
<el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">上牌费</div>
<el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">运管费</div>
<el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">补车价</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">其它费用</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">其它费用说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">办理方式选择</div>
<el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">代收首年保险费</div>
<el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">代收购置税</div>
<el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">应收合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">抵顶费用合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">抵顶首年保险费</div>
<el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">抵顶购置税</div>
<el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">实收合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.realTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">车辆总价</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehTotalPrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">名义(留购)价</div>
<el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
</el-col>
<el-col :span="18">
<el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
</el-col>
</el-row>
</div>
<div v-if="formobj.typeKey == '02'">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="24">
<div class="span-sty">资方及产品政策</div>
<el-form-item><span class="addinputInfo">{{ formobj.policyName }}</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.factoryDiscount }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">厂家贴息用途</div>
<el-form-item>
<span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>服务费</div>
<el-form-item>
<span class="addinputInfo">{{ formobj.serviceAmount }}</span>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</div>
</template>
<script>
export default {
name: 'JinRongFangAnInfo',
data() {
return {
viewTitle: '',
tableKey: 0,
index: 0,
formobj: {
otherPolicyState: false
}
}
},
methods: {
showInfo(value) {
this.viewTitle = '单车金融方案'
this.formobj = value
},
handleReturn() {
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 140px !important;
}
.addinputInfo {
margin-left: 130px !important;
}
.tlineheightb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
line-height: 15px !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
</style>

828
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialschemeEdit.vue
View File

@ -1,828 +0,0 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" @click="handleSave()">保存</el-button>
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="">
<el-form ref="form_obj" :model="formobj" label-position="top" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="6">
<div class="span-sty">单车主车销售合同价</div>
<el-form-item><span class="addinputInfo">{{ formobj.finalPrice }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">单车挂车销售合同价</div>
<el-form-item><span class="addinputInfo">{{ formobj.gcPrice }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">单车上装销售合同价</div>
<el-form-item><span class="addinputInfo">{{ formobj.szPrice }}</span></el-form-item>
</el-col>
</el-row>
<div v-if="formobj.typeKey !== '02'">
<el-row>
<el-col :span="6">
<div class="span-sty">是否打包</div>
<el-form-item>
<el-radio-group class="addinputw" v-model="formobj.isPack">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="18">
<div class="span-sty">资方及产品政策</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.policyName" placeholder="" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">融资项目</div>
<el-form-item prop="mainVehicleAmount">
<div class="addinputInfo">
<span><span class="icon">*</span>主车发票价<el-input v-model="formobj.mainVehicleAmount" clearable style="width: 100px" placeholder="" @keyup.native="formobj.mainVehicleAmount = oninput(formobj.mainVehicleAmount, 2)"/>元</span>
<span style="padding-left: 5px"><el-checkbox v-model="formobj.accessoriesAmountCb" style="padding-right: 5px"/>融资票据<el-input :disabled="!formobj.accessoriesAmountCb" v-model="formobj.accessoriesAmount" clearable style="width: 100px" placeholder="" @keyup.native="formobj.accessoriesAmount = oninput(formobj.accessoriesAmount, 2)"/>元</span>
<span style="padding-left: 5px"><el-checkbox v-model="formobj.trailerAmountCb" style="padding-right: 5px"/>挂车<el-input :disabled="!formobj.trailerAmountCb" v-model="formobj.trailerAmount" clearable style="width: 100px" placeholder="" @keyup.native="formobj.trailerAmount = oninput(formobj.trailerAmount, 2)"/>元</span>
<span style="padding-left: 5px"><el-checkbox v-model="formobj.premiumCb" style="padding-right: 5px"/>保险<el-input :disabled="!formobj.premiumCb" v-model="formobj.premium" clearable style="width: 100px" placeholder="" @keyup.native="formobj.premium = oninput(formobj.premium, 2)"/>元</span>
<span style="padding-left: 5px"><el-checkbox v-model="formobj.purchaseTaxCb" style="padding-right: 5px"/>购置税<el-input :disabled="!formobj.purchaseTaxCb" v-model="formobj.purchaseTax" clearable style="width: 100px" placeholder="" @keyup.native="formobj.purchaseTax = oninput(formobj.purchaseTax, 2)"/>元</span>
<span style="padding-left: 5px"><el-checkbox v-model="formobj.vehDamageFloatCb" style="padding-right: 5px"/>车损上浮<el-input :disabled="!formobj.vehDamageFloatCb" v-model="formobj.vehDamageFloat" clearable style="width: 100px" placeholder="" @keyup.native="formobj.vehDamageFloat = oninput(formobj.vehDamageFloat, 2)"/>元</span>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="span-sty">融资项目总额</div>
<el-form-item>
<span class="addinputInfo">{{ loanTotal() }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">首付比例</div>
<el-form-item><span class="addinputInfo">{{ downPayRatio() }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>首付金额</div>
<el-form-item prop="downPayAmount">
<el-input class="addinputw" v-model="formobj.downPayAmount" placeholder="" clearable @keyup.native="formobj.downPayAmount = oninput(formobj.downPayAmount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">产品贷款金额</div>
<el-form-item>
<span class="addinputInfo">{{ loanAmount() }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>产品期数</div>
<el-form-item prop="loanPeriod">
<el-input class="addinputw" v-model="formobj.loanPeriod" placeholder="" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">贷款保证金比例</div>
<el-form-item>
<span class="addinputInfo">{{ bondRatio() }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>贷款保证金</div>
<el-form-item prop="bondAmount">
<el-input class="addinputw" v-model="formobj.bondAmount" placeholder="" clearable @keyup.native="formobj.bondAmount = oninput(formobj.bondAmount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>厂家贴息</div>
<el-form-item prop="factoryDiscount">
<el-input class="addinputw" v-model="formobj.factoryDiscount" placeholder="" clearable @keyup.native="formobj.factoryDiscount = oninput(formobj.factoryDiscount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">年利率</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.policyYearRatio" placeholder="" clearable @keyup.native="formobj.policyYearRatio = oninput(formobj.policyYearRatio, 2)"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>月还金额</div>
<el-form-item prop="loanPayMoney">
<el-input class="addinputw" v-model="formobj.loanPayMoney" placeholder="" clearable @keyup.native="formobj.loanPayMoney = oninput(formobj.loanPayMoney, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">利息总额</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.loanInterest" placeholder="" clearable @keyup.native="formobj.loanInterest = oninput(formobj.loanInterest, 2)"/>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">厂家贴息用途</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.factoryDiscountUse" placeholder="" clearable/>
</el-form-item>
</el-col>
</el-row>
<div class="title"><el-checkbox v-model="formobj.otherPolicyState" style="padding-right: 5px"/>其它融</div>
<div v-if="formobj.otherPolicyState">
<el-row>
<el-col :span="12">
<div class="span-sty">其它融名称</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.otherPolicyName" placeholder="" clearable/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>贷款金额</div>
<el-form-item prop="otherPolicyAmount">
<el-input class="addinputw" v-model="formobj.otherPolicyAmount" placeholder="" clearable @keyup.native="formobj.otherPolicyAmount = oninput(formobj.otherPolicyAmount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>期数</div>
<el-form-item prop="otherPolicyPeriod">
<el-input class="addinputw" v-model="formobj.otherPolicyPeriod" placeholder="" clearable @keyup.native="formobj.otherPolicyPeriod = oninput(formobj.otherPolicyPeriod, 2)"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>月还金额</div>
<el-form-item prop="otherPolicyMonthlyRepay">
<el-input class="addinputw" v-model="formobj.otherPolicyMonthlyRepay" placeholder="" clearable @keyup.native="formobj.otherPolicyMonthlyRepay = oninput(formobj.otherPolicyMonthlyRepay, 2)"/>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">利息总额</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.otherPolicyInterest" placeholder="" clearable @keyup.native="formobj.otherPolicyInterest = oninput(formobj.otherPolicyInterest, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">年利率</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.otherPolicyYearRatio" placeholder="" clearable @keyup.native="formobj.otherPolicyYearRatio = oninput(formobj.otherPolicyYearRatio, 2)"/>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="title">方案汇总</div>
<el-row>
<el-col :span="6">
<div class="span-sty">融资首付</div>
<el-form-item>
<span class="addinputInfo">{{ loanDownPay() }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">实际首付比例</div>
<el-form-item>
<span class="addinputInfo">{{ downPayAmountsRatio() }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">总贷款金额</div>
<el-form-item>
<span class="addinputInfo">{{ loanAmountTotal() }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">期数</div>
<el-form-item>
<span class="addinputInfo">{{ period() }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">月还金额</div>
<el-form-item><span class="addinputInfo">{{ monthlyRepay() }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">利息总额</div>
<el-form-item>
<span class="addinputInfo">{{ interest() }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>预计首款还款日</div>
<el-form-item prop="returnTime">
<el-date-picker value-format="yyyy-MM-dd" v-model="formobj.returnTime" clearable class="addinputw" type="date" placeholder=""/>
</el-form-item>
</el-col>
</el-row>
<div class="title">应收明细</div>
<el-row>
<el-col :span="6">
<div class="span-sty">融资首付</div>
<el-form-item>
<span class="addinputInfo">{{ downPayAmounts() }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">贷款保证金</div>
<el-form-item><span class="addinputInfo">{{ bondAmounts() }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">保险保证金</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.depositPremium" placeholder="" clearable @keyup.native="formobj.depositPremium = oninput(formobj.depositPremium, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">落户保证金</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.depositSettle" placeholder="" clearable @keyup.native="formobj.depositSettle = oninput(formobj.depositSettle, 2)"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>服务费</div>
<el-form-item prop="serviceAmount">
<el-input class="addinputw" v-model="formobj.serviceAmount" placeholder="" clearable @keyup.native="formobj.serviceAmount = oninput(formobj.serviceAmount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">代收意外险</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.proxyAccidentPremium" placeholder="" clearable @keyup.native="formobj.proxyAccidentPremium = oninput(formobj.proxyAccidentPremium, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">上牌费</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.registerAmount" placeholder="" clearable @keyup.native="formobj.registerAmount = oninput(formobj.registerAmount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">运管费</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.operationAmount" placeholder="" clearable @keyup.native="formobj.operationAmount = oninput(formobj.operationAmount, 2)"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">补车价</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.vehOtherPrice" placeholder="" clearable @keyup.native="formobj.vehOtherPrice = oninput(formobj.vehOtherPrice, 2)"/>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">其它费用</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.otherAmount" placeholder="" clearable @keyup.native="formobj.otherAmount = oninput(formobj.otherAmount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">其它费用说明</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.otherAmountRemark" placeholder="" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">办理方式选择</div>
<el-form-item>
<el-select v-model="formobj.dealWay" placeholder="请选择" @change="changeDealWay" clearable class="addinputw">
<el-option v-for="item in dealWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">代收首年保险费</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.proxyPremium" placeholder="" clearable @keyup.native="formobj.proxyPremium = oninput(formobj.proxyPremium, 2)"/>
</el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">代收购置税</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.proxyPurchasetax" placeholder="" clearable @keyup.native="formobj.proxyPurchasetax = oninput(formobj.proxyPurchasetax, 2)"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">应收合计</div>
<el-form-item>
<span class="addinputInfo">{{ receivableTotal() }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">抵顶费用合计</div>
<el-form-item>
<span class="addinputInfo">{{ offsetTotal() }}</span>
</el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">抵顶首年保险费</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.offsetPremium" placeholder="" clearable @keyup.native="formobj.offsetPremium = oninput(formobj.offsetPremium, 2)"/>
</el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">抵顶购置税</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.offsetPurchasetax" placeholder="" clearable @keyup.native="formobj.offsetPurchasetax = oninput(formobj.offsetPurchasetax, 2)"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">实收合计</div>
<el-form-item>
<span class="addinputInfo">{{ realTotal() }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">车辆总价</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.vehTotalPrice" placeholder="" clearable @keyup.native="formobj.vehTotalPrice = oninput(formobj.vehTotalPrice, 2)"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">名义(留购)价</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.nominalPrice" placeholder="" clearable @keyup.native="formobj.nominalPrice = oninput(formobj.nominalPrice, 2)"/>
</el-form-item>
</el-col>
<el-col :span="18">
<el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
</el-col>
</el-row>
</div>
<div v-if="formobj.typeKey == '02'">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="24">
<div class="span-sty">资方及产品政策</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.policyName" placeholder="" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>厂家贴息</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.factoryDiscount" placeholder="" clearable @keyup.native="formobj.factoryDiscount = oninput(formobj.factoryDiscount, 2)"/>
</el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>厂家贴息用途</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.factoryDiscountUse" placeholder="" clearable/>
</el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>服务费</div>
<el-form-item>
<el-input class="addinputw" v-model="formobj.serviceAmount" placeholder="" clearable @keyup.native="formobj.serviceAmount = oninput(formobj.serviceAmount, 2)"/>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</div>
</template>
<script>
import { typeValues } from '@/api/dictcommons/dictcommons'
import {saveJinRong, selectDetailss } from '@/api/salesManagement/orderManagement'
export default {
name: 'JinRongFangAnEdit',
data() {
return {
viewTitle: '',
tableKey: 0,
index: 0,
dealWay_list: [],
formobj: {
saleOrderSid: '',
type: '',
isPack: '',
policyName: '',
mainVehicleAmount: '',
accessoriesAmount: '',
trailerAmount: '',
purchaseTax: '',
premium: '',
vehDamageFloat: '',
loanTotal: '',
accessoriesAmountCb: false,
trailerAmountCb: false,
purchaseTaxCb: false,
premiumCb: false,
vehDamageFloatCb: false,
downPayRatio: '',
downPayAmount: '',
loanAmount: '',
loanPeriod: '',
bondRatio: '',
bondAmount: '',
factoryDiscount: '',
factoryDiscountUse: '',
policyYearRatio: '',
loanPayMoney: '',
loanInterest: '',
otherPolicyState: false,
otherPolicyName: '',
otherPolicyAmount: '',
otherPolicyPeriod: '',
otherPolicyMonthlyRepay: '',
otherPolicyInterest: '',
otherPolicyYearRatio: '',
loanDownPay: '',
downPayAmountsRatio: '',
loanAmountTotal: '',
period: '',
monthlyRepay: '',
interest: '',
returnTime: '',
downPayAmounts: '',
bondAmounts: '',
depositPremium: '',
depositSettle: '',
serviceAmount: '',
proxyAccidentPremium: '',
registerAmount: '',
operationAmount: '',
vehOtherPrice: '',
otherAmount: '',
otherAmountRemark: '',
dealWay: '',
dealWayKey: '',
proxyPremium: '',
proxyPurchasetax: '',
offsetPremium: '',
offsetPurchasetax: '',
offsetTotal: '',
receivableTotal: '',
realTotal: '',
vehTotalPrice: '',
nominalPrice: ''
},
rules: {
mainVehicleAmount: [{ required: true, message: '主车发票价不能为空', trigger: 'blur' }],
downPayAmount: [{ required: true, message: '首付金额不能为空', trigger: 'blur' }],
loanPeriod: [{ required: true, message: '产品期数不能为空', trigger: 'blur' }],
bondAmount: [{ required: true, message: '贷款保证金不能为空', trigger: 'blur' }],
factoryDiscount: [{ required: true, message: '厂家贴息不能为空', trigger: 'blur' }],
loanPayMoney: [{ required: true, message: '月还金额不能为空', trigger: 'blur' }],
otherPolicyAmount: [{ required: true, message: '贷款金额不能为空', trigger: 'blur' }],
otherPolicyPeriod: [{ required: true, message: '期数不能为空', trigger: 'blur' }],
otherPolicyMonthlyRepay: [{ required: true, message: '月还金额不能为空', trigger: 'blur' }],
returnTime: [{ required: true, message: '预计首期还款日不能为空', trigger: 'blur' }],
serviceAmount: [{ required: true, message: '服务费不能为空', trigger: 'blur' }],
factoryDiscountUse: [{ required: true, message: '厂家贴息用途不能为空', trigger: 'blur' }]
}
}
},
methods: {
showInfo(val) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '单车金融方案'
// vue将一个data/DataSource对象变量赋值给另一个，结果两个对象变量同时变化的解决办法
// this.formobj = JSON.parse(JSON.stringify(value))
selectDetailss({ businessSid: val }).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.saleOrderSid = res.data.salesOrderSid
}
})
typeValues({ type: 'dealWay' }).then((resp) => {
if (resp.success) {
this.dealWay_list = resp.data
}
})
},
// 输入数字正则
oninput(val, limit = 0) {
val = val.replace(/[^\d.]/g, '') // 保留数字
val = val.replace(/^00/, '0.') // 开头不能有两个0
val = val.replace(/^\./g, '0.') // 开头为小数点转换为0.
val = val.replace(/\.{2,}/g, '.') // 两个以上的小数点转换成一个
val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留一个小数点
/^0\d+/.test(val) ? val = val.slice(1) : '' // 两位以上数字开头不能为0
const str = '^(\\d+)\\.(\\d{' + limit + '}).*$'
const reg = new RegExp(str)
if (limit === 0) {
// 不需要小数点
val = val.replace(reg, '$1')
} else {
// 通过正则保留小数点后指定的位数
val = val.replace(reg, '$1.$2')
}
return val
},
// 主方案 —— 融资项目总额
loanTotal() {
this.formobj.loanTotal = (parseFloat(this.arguments(this.formobj.mainVehicleAmount)) + parseFloat(this.arguments(this.formobj.accessoriesAmount)) + parseFloat(this.arguments(this.formobj.trailerAmount)) + parseFloat(this.arguments(this.formobj.premium)) + parseFloat(this.arguments(this.formobj.purchaseTax)) + parseFloat(this.arguments(this.formobj.vehDamageFloat))).toFixed(2)
return this.formobj.loanTotal
},
// 主方案 —— 首付比例
downPayRatio() {
if (this.formobj.loanTotal !== '' && this.formobj.downPayAmount !== '') {
this.formobj.downPayRatio = (parseFloat(this.arguments(this.formobj.downPayAmount)) / parseFloat(this.arguments(this.formobj.loanTotal)) * 100).toFixed(2) + '%'
}
return this.formobj.downPayRatio
},
// 主方案 —— 产品贷款金额
loanAmount() {
if (this.formobj.loanTotal !== '' && this.formobj.downPayAmount !== '') {
this.formobj.loanAmount = (parseFloat(this.arguments(this.formobj.loanTotal)) - parseFloat(this.arguments(this.formobj.downPayAmount))).toFixed(2)
}
return this.formobj.loanAmount
},
// 主方案 —— 贷款保证金比例
bondRatio() {
if (this.formobj.bondAmount !== '' && this.formobj.loanAmount !== '') {
this.formobj.bondRatio = (parseFloat(this.arguments(this.formobj.bondAmount)) / parseFloat(this.arguments(this.formobj.loanAmount)) * 100).toFixed(2) + '%'
}
return this.formobj.bondRatio
},
// 方案汇总 —— 融资首付
loanDownPay() {
if (this.formobj.downPayAmount !== '') {
if (this.formobj.otherPolicyAmount !== '') {
this.formobj.loanDownPay = (parseFloat(this.arguments(this.formobj.downPayAmount)) - parseFloat(this.arguments(this.formobj.otherPolicyAmount))).toFixed(2)
} else {
this.formobj.loanDownPay = this.formobj.downPayAmount
}
}
return this.formobj.loanDownPay
},
// 方案汇总 —— 实际首付比例
downPayAmountsRatio() {
if (this.formobj.loanDownPay !== '' && this.formobj.loanTotal !== '') {
this.formobj.downPayAmountsRatio = (parseFloat(this.formobj.loanDownPay) / parseFloat(this.formobj.loanTotal) * 100).toFixed(2) + '%'
}
return this.formobj.downPayAmountsRatio
},
// 方案汇总 —— 总贷款金额
loanAmountTotal() {
if (this.formobj.loanAmount !== '') {
if (this.formobj.otherPolicyAmount !== '') {
this.formobj.loanAmountTotal = (parseFloat(this.arguments(this.formobj.loanAmount)) + parseFloat(this.arguments(this.formobj.otherPolicyAmount))).toFixed(2)
} else {
this.formobj.loanAmountTotal = this.formobj.loanAmount
}
}
return this.formobj.loanAmountTotal
},
// 方案汇总 —— 期数
period() {
if (this.formobj.loanPeriod !== '') {
if (this.formobj.otherPolicyPeriod !== '') {
if (parseFloat(this.arguments(this.formobj.loanPeriod)) - parseFloat(this.arguments(this.formobj.otherPolicyPeriod)) < 0) {
this.formobj.period = '-' + '/' + this.formobj.loanPeriod
} else {
const aa = (parseFloat(this.arguments(this.formobj.loanPeriod)) - parseFloat(this.arguments(this.formobj.otherPolicyPeriod))).toFixed(2)
this.formobj.period = this.formobj.otherPolicyPeriod + '/' + aa
}
} else {
this.formobj.period = '-' + '/' + this.formobj.loanPeriod
}
}
return this.formobj.period
},
// 方案汇总 —— 月还金额
monthlyRepay() {
if (this.formobj.loanPayMoney !== '') {
if (this.formobj.otherPolicyMonthlyRepay !== '') {
if (parseFloat(this.arguments(this.formobj.loanPayMoney)) - parseFloat(this.arguments(this.formobj.otherPolicyMonthlyRepay)) === 0) {
const aa = (parseFloat(this.arguments(this.formobj.loanPayMoney)) + parseFloat(this.arguments(this.formobj.otherPolicyMonthlyRepay))).toFixed(2)
this.formobj.monthlyRepay = aa + '/' + '-'
} else {
const bb = (parseFloat(this.arguments(this.formobj.loanPayMoney)) + parseFloat(this.arguments(this.formobj.otherPolicyMonthlyRepay))).toFixed(2)
this.formobj.monthlyRepay = bb + '/' + this.formobj.loanPayMoney
}
} else {
this.formobj.monthlyRepay = this.formobj.loanPayMoney + '/' + '-'
}
}
return this.formobj.monthlyRepay
},
// 方案汇总 —— 利息总额
interest() {
if (this.formobj.loanInterest !== '' && this.formobj.otherPolicyInterest !== '') {
this.formobj.interest = (parseFloat(this.arguments(this.formobj.loanInterest)) + parseFloat(this.arguments(this.formobj.otherPolicyInterest))).toFixed(2)
} else if (this.formobj.loanInterest === '' && this.formobj.otherPolicyInterest !== '') {
this.formobj.interest = this.formobj.otherPolicyInterest
} else if (this.formobj.loanInterest !== '' && this.formobj.otherPolicyInterest === '') {
this.formobj.interest = this.formobj.loanInterest
} else {
this.formobj.interest = ''
}
return this.formobj.interest
},
// 应收明细 —— 融资首付
downPayAmounts() {
if (this.formobj.downPayAmount !== '') {
if (this.formobj.otherPolicyAmount !== '') {
this.formobj.downPayAmounts = (parseFloat(this.arguments(this.formobj.downPayAmount)) - parseFloat(this.arguments(this.formobj.otherPolicyAmount))).toFixed(2)
} else {
this.formobj.downPayAmounts = this.formobj.downPayAmount
}
}
return this.formobj.downPayAmounts
},
// 应收明细 —— 贷款保证金
bondAmounts() {
if (this.formobj.bondAmount !== '') {
this.formobj.bondAmounts = this.formobj.bondAmount
}
return this.formobj.bondAmount
},
changeDealWay(value) {
const choose = this.dealWay_list.filter((item) => item.dictValue === value)
this.formobj.dealWayKey = choose[0].dictKey
},
// 应收明细 —— 应收合计
receivableTotal() {
if (this.formobj.serviceAmount !== '') {
this.formobj.receivableTotal = (parseFloat(this.arguments(this.formobj.downPayAmounts)) + parseFloat(this.arguments(this.formobj.bondAmounts)) + parseFloat(this.arguments(this.formobj.depositPremium)) + parseFloat(this.arguments(this.formobj.depositSettle)) + parseFloat(this.arguments(this.formobj.serviceAmount)) + parseFloat(this.arguments(this.formobj.proxyAccidentPremium)) + parseFloat(this.arguments(this.formobj.registerAmount)) + parseFloat(this.arguments(this.formobj.operationAmount)) + parseFloat(this.arguments(this.formobj.vehOtherPrice)) + parseFloat(this.arguments(this.formobj.otherAmount)) + parseFloat(this.arguments(this.formobj.proxyPremium)) + parseFloat(this.arguments(this.formobj.proxyPurchasetax))).toFixed(2)
}
return this.formobj.receivableTotal
},
// 应收明细 —— 抵顶费用合计
offsetTotal() {
if (this.formobj.offsetPremium !== '' && this.formobj.offsetPurchasetax !== '') {
this.formobj.offsetTotal = (parseFloat(this.arguments(this.formobj.offsetPremium)) + parseFloat(this.arguments(this.formobj.offsetPurchasetax))).toFixed(2)
} else if (this.formobj.offsetPremium === '' && this.formobj.offsetPurchasetax !== '') {
this.formobj.offsetTotal = this.formobj.offsetPurchasetax
} else if (this.formobj.offsetPremium !== '' && this.formobj.offsetPurchasetax === '') {
this.formobj.offsetTotal = this.formobj.offsetPremium
} else {
this.formobj.offsetTotal = ''
}
return this.formobj.offsetTotal
},
// 应收明细 —— 实收合计
realTotal() {
if (this.formobj.offsetTotal !== '') {
this.formobj.realTotal = (parseFloat(this.arguments(this.formobj.receivableTotal)) - parseFloat(this.arguments(this.formobj.offsetTotal))).toFixed(2)
} else {
this.formobj.realTotal = this.formobj.receivableTotal
}
return this.formobj.realTotal
},
arguments(val) {
if (val === '') {
val = 0
return val
} else {
return val
}
},
handleSave() {
if (this.formobj.typeKey === '02') {
if (this.formobj.factoryDiscount === '') {
this.$message({ showClose: true, type: 'error', message: '厂家贴息不能为空' })
return
}
if (this.formobj.factoryDiscountUse === '') {
this.$message({ showClose: true, type: 'error', message: '厂家贴息用途不能为空' })
return
}
if (this.formobj.serviceAmount === '') {
this.$message({ showClose: true, type: 'error', message: '服务费不能为空' })
return
}
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
saveJinRong(this.formobj).then((resp) => {
if (resp.success) {
this.$message({ showClose: true,type: 'success', message: '保存成功' })
this.handleReturn()
}
})
}
})
},
handleReturn() {
this.formobj = {
saleOrderSid: '',
type: '',
typeKey: '',
isPack: '',
policyName: '',
mainVehicleAmount: '',
accessoriesAmount: '',
trailerAmount: '',
purchaseTax: '',
premium: '',
vehDamageFloat: '',
loanTotal: '',
accessoriesAmountCb: false,
trailerAmountCb: false,
purchaseTaxCb: false,
premiumCb: false,
vehDamageFloatCb: false,
downPayRatio: '',
downPayAmount: '',
loanAmount: '',
loanPeriod: '',
bondRatio: '',
bondAmount: '',
factoryDiscount: '',
factoryDiscountUse: '',
policyYearRatio: '',
loanPayMoney: '',
loanInterest: '',
otherPolicyState: false,
otherPolicyName: '',
otherPolicyAmount: '',
otherPolicyPeriod: '',
otherPolicyMonthlyRepay: '',
otherPolicyInterest: '',
otherPolicyYearRatio: '',
loanDownPay: '',
downPayAmountsRatio: '',
loanAmountTotal: '',
period: '',
monthlyRepay: '',
interest: '',
returnTime: '',
downPayAmounts: '',
bondAmounts: '',
depositPremium: '',
depositSettle: '',
serviceAmount: '',
proxyAccidentPremium: '',
registerAmount: '',
operationAmount: '',
vehOtherPrice: '',
otherAmount: '',
otherAmountRemark: '',
dealWay: '',
dealWayKey: '',
proxyPremium: '',
proxyPurchasetax: '',
offsetPremium: '',
offsetPurchasetax: '',
offsetTotal: '',
receivableTotal: '',
realTotal: '',
vehTotalPrice: '',
nominalPrice: ''
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 140px !important;
}
.addinputInfo {
margin-left: 130px !important;
}
.addinputw {
margin-left: 130px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important;
width: calc(100% - 125px);
}
/deep/ .el-form-item__error {
margin-left: 120px !important;
}
</style>

41
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdantuicheFlow/salesorderbycarDaiBanInfo.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div>
<div v-show="viewState == 1">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
@ -82,8 +82,9 @@
<el-form-item><span>{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
<div class="title titleOne">
<div>车辆列表</div>
<div><el-button type="primary" size="mini" class="btntopblueline" @click="lookSale">查看销售订单</el-button></div>
</div>
<el-table :key="tableKey" :data="formobj.busSalesOrderReturnVehs" :index="index" border style="width: 100%">
<el-table-column fixed label="序号" width="60" type="index" :index="index + 1" align="center" />
@ -117,11 +118,20 @@
<span>{{ scope.row.stockStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="款票情况" align="center" width="120">
<template slot-scope="scope">
<span class="bluezi" @click="lookPay(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
<!-- 查看销售订单 -->
<dingdanInfo v-show="viewState == 2" ref="divSale" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
@ -152,12 +162,19 @@
<script>
import req from '@/api/salesManagement/salesorderbycar'
import paymentticket from '../../publicPage/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
export default {
name: 'XiaoShouDingDanTuiCheDaiBanInfo',
components: {
paymentticket,
dingdanInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
index: 0,
tableKey: 0,
// 表单数据
@ -173,6 +190,7 @@ export default {
modelName: '', // 车型小名
modelSid: '', // 车型sid
orderNum: '', // 台数
orderSid: '',
salePrice: '', // 成交价
saleTypeKey: '', // 销售类型key
saleTypeValue: '', // 销售类型Value
@ -248,6 +266,18 @@ export default {
this.formobj = {}
})
},
// 查看销售订单
lookSale() {
this.viewState = 2
this.$refs['divSale'].showInfo({ sid: this.formobj.orderSid })
},
lookPay(row) {
this.viewState = 3
const params = {
busVinSid: row.busVinSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
// 同意
openAgree(val) {
this.operation = val
@ -376,5 +406,12 @@ export default {
.rowClass{
border-top: 1px solid #E0E3EB;
}
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

49
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdantuicheFlow/salesorderbycarEdit.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div>
<div v-show="viewState == 1">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
@ -83,8 +83,9 @@
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<div class="title">
<div class="title titleOne">
<div>车辆列表</div>
<div><el-button type="primary" size="mini" class="btntopblueline" @click="lookSale">查看销售订单</el-button></div>
</div>
<el-table :key="tableKey" :data="formobj.busSalesOrderReturnVehs" :index="index" border style="width: 100%">
<el-table-column fixed label="序号" width="60" type="index" :index="index + 1" align="center"/>
@ -124,23 +125,38 @@
<span>{{ scope.row.stockStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="款票情况" align="center" width="120">
<template slot-scope="scope">
<span class="bluezi" @click="lookPay(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
<!-- 查看销售订单 -->
<dingdanInfo v-show="viewState == 2" ref="divSale" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/salesManagement/salesorderbycar'
import { getOrgSidByPath, fetchBySid } from '@/api/dictcommons/dictcommons'
import paymentticket from '../../publicPage/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
export default {
name: 'XiaoShouDingDanTuiCheEdit',
components: {
paymentticket,
dingdanInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
index: 0,
tableKey: 0,
// 表单数据
@ -202,15 +218,23 @@ export default {
this.formobj = {}
})
},
// 查看销售订单
lookSale() {
this.viewState = 2
this.$refs['divSale'].showInfo({ sid: this.formobj.orderSid })
},
lookPay(row) {
this.viewState = 3
const params = {
busVinSid: row.busVinSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
// 明细表删除一行数据
dataDelete(index) {
this.formobj.busSalesOrderReturnVehs.splice(index, 1)
},
save() {
if (this.formobj.busSalesOrderReturnVehs.length === 0) {
this.$message({ showClose: true, type: 'error', message: '车型列表不能为空' })
return
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
@ -242,10 +266,6 @@ export default {
})
},
submitVehicleApply() {
if (this.formobj.busSalesOrderReturnVehs.length === 0) {
this.$message({ showClose: true, type: 'error', message: '车型列表不能为空' })
return
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
@ -278,5 +298,12 @@ export default {
}
</script>
<style scoped>
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

41
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdantuicheFlow/salesorderbycarYiBanInfo.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div>
<div v-show="viewState == 1">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
@ -80,8 +80,9 @@
<el-form-item><span>{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
<div class="title titleOne">
<div>车辆列表</div>
<div><el-button type="primary" size="mini" class="btntopblueline" @click="lookSale">查看销售订单</el-button></div>
</div>
<el-table :key="tableKey" :data="formobj.busSalesOrderReturnVehs" :index="index" border style="width: 100%">
<el-table-column fixed label="序号" width="60" type="index" :index="index + 1" align="center" />
@ -115,22 +116,38 @@
<span>{{ scope.row.stockStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="款票情况" align="center" width="120">
<template slot-scope="scope">
<span class="bluezi" @click="lookPay(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
<!-- 查看销售订单 -->
<dingdanInfo v-show="viewState == 2" ref="divSale" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/salesManagement/salesorderbycar'
import paymentticket from '../../publicPage/paymentticket'
import dingdanInfo from '../../publicPage/dingdanInfo'
export default {
name: 'XiaoShouDingDanTuiCheYiBanInfo',
components: {
paymentticket,
dingdanInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
index: 0,
tableKey: 0,
// 表单数据
@ -146,6 +163,7 @@ export default {
modelName: '', // 车型小名
modelSid: '', // 车型sid
orderNum: '', // 台数
orderSid: '',
salePrice: '', // 成交价
saleTypeKey: '', // 销售类型key
saleTypeValue: '', // 销售类型Value
@ -207,6 +225,18 @@ export default {
this.formobj = {}
})
},
// 查看销售订单
lookSale() {
this.viewState = 2
this.$refs['divSale'].showInfo({ sid: this.formobj.orderSid })
},
lookPay(row) {
this.viewState = 3
const params = {
busVinSid: row.busVinSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {
@ -248,5 +278,12 @@ export default {
}
</script>
<style scoped>
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

53
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdantuiche/salesorderbycarAdd.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div>
<div v-show="viewState == 1">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
@ -84,8 +84,9 @@
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<div class="title">
<div class="title titleOne">
<div>车辆列表</div>
<div><el-button type="primary" size="mini" class="btntopblueline" @click="lookSale">查看销售订单</el-button></div>
</div>
<el-table :key="tableKey" :data="formobj.busSalesOrderReturnVehs" :index="index" border style="width: 100%">
<el-table-column fixed label="序号" width="60" type="index" :index="index + 1" align="center"/>
@ -125,23 +126,39 @@
<span>{{ scope.row.stockStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="款票情况" align="center" width="150">
<template slot-scope="scope">
<span class="bluezi" @click="lookPay(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
<!-- 查看销售订单 -->
<dingdanInfo v-show="viewState == 2" ref="divSale" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/salesManagement/salesorderbycar'
import { getOrgSidByPath, fetchBySid } from '@/api/dictcommons/dictcommons'
import paymentticket from '@/components/publicPage/paymentticket'
import dingdanInfo from '@/components/publicPage/dingdanInfo'
export default {
name: 'XiaoShouDingDanTuiCheAdd',
components: {
paymentticket,
dingdanInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
index: 0,
tableKey: 0,
// 表单数据
@ -157,6 +174,7 @@ export default {
modelName: '', // 车型小名
modelSid: '', // 车型sid
orderNum: '', // 台数
orderSid: '',
salePrice: '', // 成交价
saleTypeKey: '', // 销售类型key
saleTypeValue: '', // 销售类型Value
@ -215,11 +233,19 @@ export default {
dataDelete(index) {
this.formobj.busSalesOrderReturnVehs.splice(index, 1)
},
save() {
if (this.formobj.busSalesOrderReturnVehs.length === 0) {
this.$message({ showClose: true, type: 'error', message: '车型列表不能为空' })
return
// 查看销售订单
lookSale() {
this.viewState = 2
this.$refs['divSale'].showInfo({ sid: this.formobj.orderSid })
},
lookPay(row) {
this.viewState = 3
const params = {
busVinSid: row.busVinSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
save() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
@ -244,10 +270,6 @@ export default {
})
},
submitVehicleApply() {
if (this.formobj.busSalesOrderReturnVehs.length === 0) {
this.$message({ showClose: true, type: 'error', message: '车型列表不能为空' })
return
}
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
@ -269,6 +291,9 @@ export default {
}
})
},
resetState() {
this.viewState = 1
},
// 返回（===既判断）
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
@ -285,6 +310,7 @@ export default {
modelName: '', // 车型小名
modelSid: '', // 车型sid
orderNum: '', // 台数
orderSid: '',
salePrice: '', // 成交价
saleTypeKey: '', // 销售类型key
saleTypeValue: '', // 销售类型Value
@ -303,5 +329,12 @@ export default {
}
</script>
<style scoped>
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

42
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdantuiche/salesorderbycarInfo.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div>
<div v-show="viewState == 1">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
@ -80,8 +80,9 @@
<el-form-item><span>{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
<div class="title titleOne">
<div>车辆列表</div>
<div><el-button type="primary" size="mini" class="btntopblueline" @click="lookSale">查看销售订单</el-button></div>
</div>
<el-table :key="tableKey" :data="formobj.busSalesOrderReturnVehs" :index="index" border style="width: 100%">
<el-table-column fixed label="序号" width="60" type="index" :index="index + 1" align="center" />
@ -115,22 +116,38 @@
<span>{{ scope.row.stockStateValue }}</span>
</template>
</el-table-column>
<el-table-column label="款票情况" align="center" width="120">
<template slot-scope="scope">
<span class="bluezi" @click="lookPay(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
<!-- 查看销售订单 -->
<dingdanInfo v-show="viewState == 2" ref="divSale" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/salesManagement/salesorderbycar'
import paymentticket from '@/components/publicPage/paymentticket'
import dingdanInfo from '@/components/publicPage/dingdanInfo'
export default {
name: 'XiaoShouDingDanTuiCheInfo',
components: {
paymentticket,
dingdanInfo
},
data() {
return {
viewTitle: '',
viewState: 1,
index: 0,
tableKey: 0,
// 表单数据
@ -146,6 +163,7 @@ export default {
modelName: '', // 车型小名
modelSid: '', // 车型sid
orderNum: '', // 台数
orderSid: '',
salePrice: '', // 成交价
saleTypeKey: '', // 销售类型key
saleTypeValue: '', // 销售类型Value
@ -172,6 +190,18 @@ export default {
this.formobj = row
})
},
// 查看销售订单
lookSale() {
this.viewState = 2
this.$refs['divSale'].showInfo({ sid: this.formobj.orderSid })
},
lookPay(row) {
this.viewState = 3
const params = {
busVinSid: row.busVinSid
}
this.$refs['divPay'].showInfo(this.formobj.contractNo, params)
},
// 返回（===既判断）
handleReturn() {
// 表单数据
@ -187,6 +217,7 @@ export default {
modelName: '', // 车型小名
modelSid: '', // 车型sid
orderNum: '', // 台数
orderSid: '',
salePrice: '', // 成交价
saleTypeKey: '', // 销售类型key
saleTypeValue: '', // 销售类型Value
@ -204,5 +235,12 @@ export default {
}
</script>
<style scoped>
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

Write Preview
Loading…
Cancel
Save