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

完善出库审核

master
yunuo970428 2 years ago
parent
b80248ff6d
commit
0f0bcaf4ea
10 changed files with 2300 additions and 635 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. 74
      anrui-scm/anrui-scm-ui/src/api/examinePage/chukushenhe.js
  2. 229
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenhe.vue
  3. 464
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenheInfo.vue
  4. 448
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenheTodo.vue
  5. 332
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/financialscheme.vue
  6. 258
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/guacheInfo.vue
  7. 244
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/paymentticket.vue
  8. 153
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/shangzhuangInfo.vue
  9. 211
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/userInfoLook.vue
  10. 522
      anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/xiaoshoudingdanInfo.vue

74
anrui-scm/anrui-scm-ui/src/api/examinePage/chukushenhe.js
View File

@ -1,11 +1,35 @@
import request from '@/utils/request'
// 出库申请初始化/详情 已改
export function fetchDetailsBySid(params) {
// 待出库车辆选择后--返回出库申请页面调用初始化
export function getRetrievalApplyInfo(data) {
return request({
url: '/buscenter/v1/busdeliveredapply/fetchDetailsBySid',
url: '/buscenter/v1/busdelivered/getRetrievalApplyInfo',
method: 'post',
data: params,
data: data,
headers: {
'Content-Type': 'application/json'
}
})
}
// 出库申请--车辆列表--查看挂车信息
export function trailerList(data) {
return request({
url: '/base/v1/basetrailer/trailerList',
method: 'get',
params: data,
headers: {
'Content-Type': 'application/json'
}
})
}
// 查看款、票情况详情
export function deliveredFinSelect(data) {
return request({
url: '/buscenter/v1/busdeliveredapply/deliveredFinSelect',
method: 'get',
params: data,
headers: {
'Content-Type': 'application/json'
}
@ -24,17 +48,13 @@ export function listExaminePage(params) {
})
}
// 出库分页列表 已改
// export function examine(params) {
// return request({
// url: '/buscenter/v1/busdeliveredapply/examine',
// method: "post",
// data: params,
// headers: {
// 'Content-Type': 'application/json'
// }
// });
// }
// 销售订单--编辑、详情初始化
export function fetchDetailsBySid(data) {
return request({
url: '/buscenter/v1/bussalesorder/fetchDetailsBySid/' + data,
method: 'get'
})
}
// 同意
export function complete(data) {
@ -69,27 +89,3 @@ export function breakProcess(data) {
}
})
}
// 模糊搜索客户
export function customerName(data) {
return request({
url: '/crm/v1/crmcustomertemp/listAll',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/json'
}
})
}
// 获取下拉框option
export function typeValues(data) {
return request({
url: '/portal/v1/dictcommons/typeValues',
method: 'get',
params: data
// headers: {
// 'Content-Type':'multipart/form-data',
// }
})
}

229
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenhe.vue
View File

@ -4,57 +4,62 @@
<button-bar view-title="出库审核" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{searchxianshitit }}
</el-button>
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="销售类型">
<el-select v-model="listQuery.params.paymentMethodKey" class="addinputw" clearable filterable placeholder="请选择">
<el-option v-for="item in payType" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="合同编号">
<el-input v-model="listQuery.params.contractNo" placeholder="请输入合同编号" clearable class="filter-item"/>
<el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="客户名称">
<el-select v-model="listQuery.params.name" class="addinputw" clearable filterable placeholder="请选择">
<el-option v-for="item in customerList" :key="item.sid" :label="item.name" :value="item.name"/>
</el-select>
</el-form-item>
<el-form-item label="申请人">
<el-input v-model="listQuery.params.applyName" placeholder="请输入申请人姓名" clearable class="filter-item"/>
<el-input v-model="listQuery.params.name" placeholder="" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="申请日期">
<div class="block">
<el-date-picker v-model="listQuery.params.applyDateStart" type="date" placeholder="选择日期" clearable></el-date-picker>
</div>
<label>至</label>
<div class="block">
<el-date-picker v-model="listQuery.params.applyDateEnd" type="date" placeholder="选择日期" clearable></el-date-picker>
</div>
<el-date-picker v-model="listQuery.params.applyDateStart" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" clearable></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.applyDateEnd" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" clearable></el-date-picker>
</el-form-item>
</el-form>
<div class="searchbtns">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<!--End查询列表部分-->
<div class="listtop">
<div class="tit">出库申请列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--Start 主页面主要部分 -->
<div class="listcon">
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit highlight-current-row style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" align="center" width="50"/>
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit highlight-current-row style="width: 100%;">
<el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column fixed width="150px" label="操作" align="center">
<el-table-column fixed width="220px" label="操作" align="center">
<template slot-scope="scope">
<el-button size="small" :disabled="scope.row.nodeState == '已办结'" type="primary" @click="toEdit(scope.row)">办理
</el-button>
<el-button size="small" type="primary" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="状态" width="180px" header-align="center">
<template slot-scope="scope">
<div class="searchbtns">
<el-button v-show="scope.row.nodeState !== '已办结' && scope.row.nodeState !== '已终止'" size="small" type="primary" @click="handleCheck(scope.row)">办理</el-button>
<el-button size="small" type="primary" @click="handleLooK(scope.row)">查看</el-button>
</div>
<span v-if="scope.row.nodeState == '待提交'" type="primary" size="mini">待提交</span>
<span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center">
<el-table-column label="单据编号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.nodeState }}</span>
<span>{{ scope.row.billNo }}</span>
</template>
</el-table-column>
<el-table-column label="销售类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.paymentMethod }}</span>
</template>
</el-table-column>
<el-table-column label="合同编号" align="center">
@ -67,7 +72,17 @@
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="申请日期" align="center">
<el-table-column label="车型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.modelName }}</span>
</template>
</el-table-column>
<el-table-column label="台数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.num }}</span>
</template>
</el-table-column>
<el-table-column label="发起日期" align="center">
<template slot-scope="scope">
<span>{{ scope.row.applyDate }}</span>
</template>
@ -78,22 +93,28 @@
</template>
</el-table-column>
</el-table>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
<!--End 主页面主要部分-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--End查询列表部分-->
</div>
</div>
<chukushenqing-info v-show="viewState == 2" ref="divInfo" @doback="resetState" @reloadlist="getList"/>
<chukushenheInfo v-show="viewState == 3" ref="divLook" @doback="resetState"/>
<el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
<iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
</el-dialog>
</div>
</template>
<script>
import { listExaminePage, customerName } from '@/api/examinePage/chukushenhe'
import { setuser } from '@/utils/baocun'
import { listExaminePage } from '@/api/examinePage/chukushenhe'
import { typeValues } from '@/api/cheliang/dictcommons'
import { getStorage } from '@/utils/auth'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import chukushenqingInfo from './chukushenheTodo'
@ -111,6 +132,9 @@ export default {
},
data() {
return {
url: '',
dialogHeight: '80%',
centerDialogVisible: false,
btndisabled: false,
viewTitle: '',
// 主页面：隐藏查询条件按钮
@ -119,12 +143,10 @@ export default {
viewState: 1, // 1、列表 2、审批
// 查询 -----------
tableKey: 0,
customerList: [],
list: [],
sids: [], // 用于导出的时候保存已选择的SIDs
payType: [],
FormLoading: false,
listLoading: false,
typeList: [], // 选择器
// 翻页
listQuery: {
current: 1,
@ -134,9 +156,11 @@ export default {
applyDateEnd: '', // 申请日期结束时间
applyDateStart: '', // 申请日期开始时间
applyName: '', // 申请人
staffSid: '', // 申请人sid
applySid: '', // 申请人sid
contractNo: '', // 合同编号
name: '' // 客户名称
name: '', // 客户名称
paymentMethodKey: '',
orgPath: ''
}
},
btnList: [
@ -155,13 +179,48 @@ export default {
this.init()
},
mounted() {
// 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
window.addEventListener('message', this.handleMessage)
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
async handleMessage(event) {
var code = ''
if (event.data.params !== null && event.data.params !== undefined) {
code = event.data.params.code
}
if (code === 1) {
this.init()
this.centerDialogVisible = false
} else if (code === 2) {
this.dialogHeight = event.data.params.data
this.setIframeHeight(document.getElementById('iframe'))
}
},
closeIt() {
this.url = ''
this.centerDialogVisible = false
},
setIframeHeight(iframe) {
iframe.height = this.dialogHeight
},
flowRecord(row) {
this.centerDialogVisible = true
var params = {
deployId: row.procDefId,
procInsId: row.procInstId,
token: getStorage()
}
this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
},
// ========== 初始化加载 ==========
init() {
typeValues({ type: 'purchaseType' }).then((res) => {
if (res.success) {
this.payType = res.data
}
})
this.getList()
this.getCustomer()
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
@ -173,15 +232,6 @@ export default {
break
}
},
// 客户下拉框
getCustomer() {
customerName({ staffSid: window.sessionStorage.getItem('staffSid') }).then((response) => {
if (response.code === '200') {
this.customerList = response.data
console.log('客户列表', this.customerList)
}
})
},
// 表中序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
@ -202,18 +252,6 @@ export default {
this.searchxianshitit = '显示查询条件'
}
},
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
console.log('开票', row)
const aa = []
const bb = []
row.forEach((element) => {
aa.push(element.sid)
setuser(this.sids) // 用于导出的时候保存已选择的sids
})
this.sids = aa
console.log('sids数组', this.sids)
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
@ -229,9 +267,11 @@ export default {
applyDateEnd: '', // 申请日期结束时间
applyDateStart: '', // 申请日期开始时间
applyName: '', // 申请人
staffSid: '', // 申请人sid
applySid: '', // 申请人sid
contractNo: '', // 合同编号
name: '' // 客户名称
name: '', // 客户名称
paymentMethodKey: '',
orgPath: ''
}
}
this.getList()
@ -240,16 +280,11 @@ export default {
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.staffSid = window.sessionStorage.getItem('staffSid')
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
listExaminePage(this.listQuery).then((response) => {
// 拦截器
this.listLoading = false
console.log(response)
if (
response.code === '200' &&
response.data &&
response.data.total > 0
) {
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
@ -259,11 +294,11 @@ export default {
})
},
// 打开查看
handleCheck(row) {
toEdit(row) {
this.viewState = 2
this.$refs['divInfo'].showInfo(row.sid)
},
handleLooK(row) {
toInfo(row) {
this.viewState = 3
this.$refs['divLook'].showInfo(row.sid)
},
@ -277,52 +312,4 @@ export default {
</script>
<style scoped>
.block {
display: inline-block;
}
label {
padding: 0 6px;
}
.searchbtns {
margin: 10px 0;
text-align: center;
}
/deep/ .el-collapse {
border-top: 0px solid #e6ebf5;
border-bottom: 0px solid #e6ebf5;
}
/deep/ .el-collapse-item__content {
margin: 0;
padding: 0;
}
/deep/ .el-collapse-item__wrap {
border-bottom: 0px solid #ebeef5;
}
/deep/ .el-collapse-item__header {
border-bottom: 0px solid #e6ebf5;
}
.searchbtn {
border: #2cab69 1px solid;
color: #2cab69;
}
.listtop {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #dfe4ed;
height: 40px;
}
.tit {
margin-bottom: -10px;
}
.pagination {
margin-bottom: -10px;
}
</style>

464
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenheInfo.vue
View File

@ -8,155 +8,247 @@
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules">
<div class="tit">
出库申请
<div class="times">
<div>
<span>合同编号：</span><span>{{ temp.contractNo }}</span>
</div>
<div>
<span>申请日期：</span><span>{{ temp.applyDate }}</span>
</div>
</div>
</div>
<el-row class="nothingBorder">
<el-col :span="2"/>
<el-col :span="4">
<el-form-item><span slot="label">客户名称：</span></el-form-item>
<div class="titwu">出库申请</div>
<el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</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.staffDeptName }}</span></el-form-item>
</el-col>
<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.paymentMethod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.paymentMethodKey == '2'">
<el-col :span="12">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
{{ temp.name }}
</el-form-item>
<el-col :span="12">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
</el-col>
<el-col :span="4">
<el-form-item
><span slot="label">是否为终端客户：</span></el-form-item>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">中介人1</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item> <!-- -->
<el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
<el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
</el-form-item>
<el-col :span="8">
<div class="span-sty">单车中介费1</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">中介服务费1合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
</el-col>
<el-col :span="2"/>
</el-row>
<el-row>
<el-col :span="2"/>
<el-col :span="4">
<el-form-item><span slot="label">车型：</span></el-form-item>
<el-col :span="8">
<div class="span-sty">中介人2</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorNameTwo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">单车中介费2</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
<span>{{ temp.modelName }}</span>
</el-form-item>
<el-col :span="8">
<div class="span-sty">中介服务费2合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">车型</div>
<el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">成交价</div>
<el-form-item><span class="addinputInfo">{{ formobj.price }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">实际购车人</div>
<el-form-item><span class="addinputInfo">{{ formobj.type }}</span></el-form-item>
</el-col>
<el-col :span="12"/>
</el-row>
<!--Start 预订车辆信息-->
<div class="titcon">
<div class="title">车辆信息</div>
<div class="title">
<div>车辆信息</div>
<div>
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button>
</div>
</div>
<!--@selection-change="handleSelectionChange"-->
<el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit>
<!-- <el-table-column type="selection" align="center" width="50"/>-->
<el-table-column align="center" label="序号" type="index" width="50"/>
<el-table-column label="车架号" align="center">
<el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" 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="100">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
<span>{{ scope.row.realBuyer.vin }}</span>
</template>
</el-table-column>
<el-table-column label="成交价" align="center">
<el-table-column label="挂车/上装" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.price }}</span>
<span v-show="scope.row.showHandCarBtn" class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
<el-table-column label="使用人信息" align="center">
<el-table-column label="实际购车人" align="center" width="120">
<template slot-scope="scope">
<el-button v-show="scope.row.isExist == '1'" size="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
</el-button>
<span v-show="temp.isTerminal == 0 && scope.row.isExist == '0'">无</span>
<span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
<span v-else>{{ scope.row.realBuyer.name }}</span>
</template>
</el-table-column>
<el-table-column label="备注" header-align="center" align="left">
<el-table-column label="实际购车人联系电话" align="center" width="170">
<template slot-scope="scope">
<span>{{ scope.row.remarks }}</span>
<span>{{ scope.row.realBuyer.mobile }}</span>
</template>
</el-table-column>
<el-table-column label="赠送套餐" align="center" width="100">
<template slot-scope="scope">
<span>{{ price(scope.row) }}</span>
</template>
</el-table-column>
<el-table-column label="销售折让" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.discount }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ remarks(scope.row) }}</span>
</template>
</el-table-column>
<el-table-column label="款、票情况" align="center" width="120">
<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">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<user-info-look v-show="viewState == 2" ref="divUserInfo" @doback="resetState"/>
<guacheInfo v-show="viewState == 3" ref="divCheInfo" @doback="resetState"/>
<shangzhuangInfo v-show="viewState == 4" ref="divZhuangInfo" @doback="resetState"/>
<xiaoshoudingdanInfo v-show="viewState == 5" ref="divInfo" @doback="resetState"/>
<paymentticket v-show="viewState == 6" ref="divPaymentInfo" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid } from '@/api/examinePage/chukushenhe'
import { getRetrievalApplyInfo, trailerList } from '@/api/examinePage/chukushenhe'
import userInfoLook from './relation/userInfoLook'
import guacheInfo from './relation/guacheInfo'
import shangzhuangInfo from './relation/shangzhuangInfo'
import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
import paymentticket from './relation/paymentticket'
export default {
name: 'chukushenheInfo',
name: 'chukushenqingInfo',
components: {
userInfoLook
userInfoLook,
guacheInfo,
shangzhuangInfo,
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
tableKey: 0,
index: 0,
disabled: false, // 保存、提交按钮状态
createBtn: false,
dialogStatus: 'add', // 提交状态
// --按钮菜单-------
viewState: 1,
// ===
listLoading: false,
list: [],
temp: {
applyName: window.sessionStorage.getItem('name'), // 申请人
applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
contractNo: '', // 合同编号
isTerminal: 3, // 是否是终端 1是，0不是
modelName: '', // 车型别名
name: '', // 客户名称
formobj: {
carList: [],
configSid: '',
contractId: '',
createTime: '',
customerSid: '',
loanMobile: '',
loanName: '',
loanSid: '',
mobile: '',
modelName: '',
modelSid: '',
name: '',
orgPath: '',
paymentMethod: '',
paymentMethodKey: '',
pcApplyDept: '',
pcApplyDeptSid: '',
pcApplyName: '',
pcApplySid: '',
pcDistributorName: '',
pcDistributorNameTwo: '',
pcDistributorPrice: '',
pcDistributorPriceAll: '',
pcDistributorPriceTwo: '',
pcDistributorPriceTwoAll: '',
price: '',
procInstId: '',
remarks: '',
sid: '',
applyDate: '', // 申请日期
detailsList: []
}, // 添加和修改
detailsList: [
{
price: '', // 成交价
remarks: '', // 备注
vinNo: '', // 车架号
useMessage: {}
}
],
sids: [],
vinNo_info: '',
staffDeptName: '',
staffDeptSid: '',
staffName: '',
pcStaffSid: '',
taskId: '',
type: '',
typeKey: '',
userSid: '',
discountLeave: []
},
arguments: {
list: [],
userSid: '',
orgPath: '',
contractId: '',
outboundSid: '',
pcView: true
},
rules: {}
}
},
created() {
// 初始化变量
this.init()
},
methods: {
// ------------ 页面初始化 ------------
init() {
this.temp = {
applyName: window.sessionStorage.getItem('name'), // 申请人
applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
contractNo: '', // 合同编号
isTerminal: 3, // 是否是终端 1是，0不是
modelName: '', // 车型别名
name: '', // 客户名称
sid: '',
applyDate: '', // 申请日期
detailsList: [],
isUse: false
}
},
resetState() {
this.viewState = 1
},
@ -164,95 +256,131 @@ export default {
this.$nextTick(() => {
this.$refs['dataForm'].clearValidate()
})
fetchDetailsBySid({ sid: sid }).then((response) => {
this.arguments.outboundSid = sid
getRetrievalApplyInfo(this.arguments).then((response) => {
if (response.success) {
this.temp = response.data
this.temp.sid = sid
this.detailsList = response.data.listVo
for (var i = 0; i < this.detailsList.length; i++) {
if (this.detailsList[i].useMessage.vinNo !== '') {
this.detailsList[i].isExist = '1'
}
if (this.detailsList[i].useMessage.vinNo == '') {
this.detailsList[i].isExist = '0'
}
this.formobj = response.data
}
})
},
// 车辆信息表--赠送套餐
price(row) {
var aa = 0
for (var i = 0; i < row.discountUse.length; i++) {
aa = parseInt(aa) + (parseInt(row.discountUse[i].discountPrice) * parseInt(row.discountUse[i].discountNum))
}
return aa
},
// 车辆信息表--备注内容拼接（优惠套餐说明 + 赠送数量）
remarks(row) {
var aa = ''
for (var i = 0; i < row.discountUse.length; i++) {
if (row.discountUse[i].discountNum !== 0) {
aa = aa + row.discountUse[i].discountInfo + 'X' + row.discountUse[i].discountNum + ','
}
}
if (aa !== '') {
aa = aa.substring(0, aa.lastIndexOf(','))
}
return aa
},
handleLook(row) {
trailerList({ contractNo: this.formobj.contractId, vinSid: row.vinSid }).then((resp) => {
if (resp.success) {
if (resp.data.list.length > 0) {
this.viewState = 3
this.$refs['divCheInfo'].showInfo(resp.data)
} else {
this.viewState = 4
this.$refs['divZhuangInfo'].showInfo(resp.data)
}
this.temp = JSON.parse(JSON.stringify(this.temp).replace(/listVo/g, 'detailsList'))
console.log('isTerminal', this.temp.isTerminal)
}
})
},
// 查看用户人信息
lookUserInfo(vinNo) {
lookUser(row) {
this.viewState = 2
for (var i = 0; i < this.detailsList.length; i++) {
if (this.detailsList[i].vinNo == vinNo) {
let useMessage = {}
useMessage = this.detailsList[i].useMessage
this.$refs['divUserInfo'].showInfo(useMessage, vinNo)
}
}
this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
},
// 查看销售订单
handleLookByDingDan() {
this.viewState = 5
this.$refs['divInfo'].showInfo({ sid: this.formobj.busSalesOrderSid })
},
// 查看款、票情况
lookPayment(row) {
this.viewState = 6
this.$refs['divPaymentInfo'].showInfo(this.formobj.contractId, row)
},
// ------------ 功能实现 ------------
// 返回
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
handleReturn() {
this.$refs['dataForm'].resetFields()
this.formobj = {
carList: [],
configSid: '',
contractId: '',
createTime: '',
customerSid: '',
loanMobile: '',
loanName: '',
loanSid: '',
mobile: '',
modelName: '',
modelSid: '',
name: '',
orgPath: '',
paymentMethod: '',
paymentMethodKey: '',
pcApplyDept: '',
pcApplyDeptSid: '',
pcApplyName: '',
pcApplySid: '',
pcDistributorName: '',
pcDistributorNameTwo: '',
pcDistributorPrice: '',
pcDistributorPriceAll: '',
pcDistributorPriceTwo: '',
pcDistributorPriceTwoAll: '',
price: '',
procInstId: '',
remarks: '',
sid: '',
staffDeptName: '',
staffDeptSid: '',
staffName: '',
pcStaffSid: '',
taskId: '',
type: '',
typeKey: '',
userSid: '',
discountLeave: []
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.tit {
margin: 0 0 20px 0;
padding: 10px 0 0 0;
}
.times {
.title {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-around;
padding: 30px 0 10px 0;
margin: 0 auto 0px auto;
width: 70%;
font-size: 14px;
justify-content: space-between;
align-items: center;
}
.formadd /deep/ .el-row {
border: 0;
.span-sty {
width: 120px !important;
}
.formadd /deep/ .el-col {
border: 0;
.addinputInfo {
margin-left: 110px !important;
}
/deep/ .el-form-item__content {
margin-left: 0 !important;
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed {
height: 100% !important;
}
.titcon {
border: 1px solid #e0e3eb;
}
.titcon,
.title {
background-color: white;
color: black;
}
.formadd {
padding: 20px 0;
}
.formadd .tit {
font-size: 32px;
border-bottom: 1px solid #e0e3eb;
text-align: center;
margin: 0 0 20px 0;
padding: 20px 0;
}
.formadd .el-row .el-col {
padding: 0 !important;
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed-right {
height: 100% !important;
}
</style>

448
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenheTodo.vue
View File

@ -4,165 +4,255 @@
<div class="tab-header webtop">
<div>出库申请详情</div>
<div>
<el-button type="primary" size="small" :disabled="disabled" @click="handleAgree()">同意</el-button>
<el-button type="primary" size="small" :disabled="disabled" @click="handleReject()">驳回</el-button>
<el-button type="primary" size="small" :disabled="createBtn" @click="handleAgree()">同意</el-button>
<el-button type="primary" size="small" :disabled="disabled" @click="handleDisagree()">不同意</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules">
<div class="tit">
出库申请
<div class="times">
<div>
<span>合同编号：</span><span>{{ temp.contractNo }}</span>
</div>
<div>
<span>申请日期：</span><span>{{ temp.applyDate }}</span>
</div>
</div>
</div>
<el-row class="nothingBorder">
<el-col :span="2"/>
<el-col :span="4">
<el-form-item><span slot="label">客户名称：</span></el-form-item>
<div class="titwu">出库申请</div>
<el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</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.staffDeptName }}</span></el-form-item>
</el-col>
<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.paymentMethod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.paymentMethodKey == '2'">
<el-col :span="12">
<div class="span-sty">贷款人</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">中介人1</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
{{ temp.name }}
</el-form-item>
<el-col :span="8">
<div class="span-sty">单车中介费1</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
</el-col>
<el-col :span="4">
<el-form-item
><span slot="label">是否为终端客户：</span></el-form-item>
<el-col :span="8">
<div class="span-sty">中介服务费1合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item> <!-- -->
<el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
<el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
</el-form-item>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">中介人2</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorNameTwo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">单车中介费2</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">中介服务费2合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
</el-col>
<el-col :span="2"/>
</el-row>
<el-row>
<el-col :span="2"/>
<el-col :span="4">
<el-form-item><span slot="label">车型：</span></el-form-item>
<el-col :span="8">
<div class="span-sty">车型</div>
<el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">成交价</div>
<el-form-item><span class="addinputInfo">{{ formobj.price }}</span></el-form-item>
</el-col>
<el-col :span="6">
<el-form-item>
<span>{{ temp.modelName }}</span>
</el-form-item>
<el-col :span="8">
<div class="span-sty">实际购车人</div>
<el-form-item><span class="addinputInfo">{{ formobj.type }}</span></el-form-item>
</el-col>
<el-col :span="12"/>
</el-row>
<!--Start 预订车辆信息-->
<div class="titcon">
<div class="title">车辆信息</div>
<div class="title">
<div>车辆信息</div>
<div>
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button>
</div>
</div>
<el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit>
<el-table-column align="center" label="序号" type="index" width="50"/>
<el-table-column label="车架号" align="center">
<el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" 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="100">
<template slot-scope="scope">
<span>{{ scope.row.realBuyer.vin }}</span>
</template>
</el-table-column>
<el-table-column label="挂车/上装" align="center" width="100">
<template slot-scope="scope">
<span v-show="scope.row.showHandCarBtn" class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
<el-table-column label="实际购车人" align="center" width="120">
<template slot-scope="scope">
<span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
<span v-else>{{ scope.row.realBuyer.name }}</span>
</template>
</el-table-column>
<el-table-column label="实际购车人联系电话" align="center" width="170">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
<span>{{ scope.row.realBuyer.mobile }}</span>
</template>
</el-table-column>
<el-table-column label="成交价" align="center">
<el-table-column label="赠送套餐" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.price }}</span>
<span>{{ price(scope.row) }}</span>
</template>
</el-table-column>
<el-table-column label="使用人信息" align="center">
<el-table-column label="销售折让" align="center" width="120">
<template slot-scope="scope">
<el-button v-show="scope.row.isExist == '1'" size="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
</el-button>
<span v-show="temp.isTerminal == 0 && scope.row.isExist == '0'">无</span>
<span>{{ scope.row.discount }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<el-table-column label="备注" align="center" min-width="200">
<template slot-scope="scope">
<span>{{ scope.row.remarks }}</span>
<span>{{ remarks(scope.row) }}</span>
</template>
</el-table-column>
<el-table-column label="款、票情况" align="center" width="120">
<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">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<user-info-look v-show="viewState == 2" ref="divUserInfo" @doback="resetState"/>
<guacheInfo v-show="viewState == 3" ref="divCheInfo" @doback="resetState"/>
<shangzhuangInfo v-show="viewState == 4" ref="divZhuangInfo" @doback="resetState"/>
<xiaoshoudingdanInfo v-show="viewState == 5" ref="divInfo" @doback="resetState"/>
<paymentticket v-show="viewState == 6" ref="divPaymentInfo" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid, reject, complete, breakProcess } from '@/api/examinePage/chukushenhe'
import { getRetrievalApplyInfo, trailerList, reject, complete, breakProcess } from '@/api/examinePage/chukushenhe'
import userInfoLook from './relation/userInfoLook'
import guacheInfo from './relation/guacheInfo'
import shangzhuangInfo from './relation/shangzhuangInfo'
import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
import paymentticket from './relation/paymentticket'
export default {
name: 'chukushenheTodo',
components: {
userInfoLook
userInfoLook,
guacheInfo,
shangzhuangInfo,
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
tableKey: 0,
index: 0,
disabled: false, // 保存、提交按钮状态
createBtn: false,
dialogStatus: 'add', // 提交状态
// --按钮菜单-------
viewState: 1,
// ===
listLoading: false,
list: [],
temp: {
applyName: window.sessionStorage.getItem('name'), // 申请人
applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
contractNo: '', // 合同编号
isTerminal: 3, // 是否是终端 1是，0不是
modelName: '', // 车型别名
name: '', // 客户名称
disabled: false, // 保存、提交按钮状态
formobj: {
carList: [],
configSid: '',
contractId: '',
createTime: '',
customerSid: '',
loanMobile: '',
loanName: '',
loanSid: '',
mobile: '',
modelName: '',
modelSid: '',
name: '',
orgPath: '',
paymentMethod: '',
paymentMethodKey: '',
pcApplyDept: '',
pcApplyDeptSid: '',
pcApplyName: '',
pcApplySid: '',
pcDistributorName: '',
pcDistributorNameTwo: '',
pcDistributorPrice: '',
pcDistributorPriceAll: '',
pcDistributorPriceTwo: '',
pcDistributorPriceTwoAll: '',
price: '',
procInstId: '',
remarks: '',
sid: '',
applyDate: '', // 申请日期
detailsList: []
}, // 添加和修改
detailsList: [
{
price: '', // 成交价
remarks: '', // 备注
vinNo: '', // 车架号
useMessage: {}
}
],
sids: [],
vinNo_info: '',
submitDto: {
businessSid: '',
userSid: window.sessionStorage.getItem('userSid')
staffDeptName: '',
staffDeptSid: '',
staffName: '',
pcStaffSid: '',
taskId: '',
type: '',
typeKey: '',
userSid: '',
discountLeave: []
},
arguments: {
list: [],
userSid: '',
orgPath: '',
contractId: '',
outboundSid: '',
pcView: true
},
rules: {}
// ------------------------------------
}
},
created() {
// 初始化变量
this.init()
},
methods: {
// ------------ 页面初始化 ------------
init() {
this.temp = {
applyName: window.sessionStorage.getItem('name'), // 申请人
applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
contractNo: '', // 合同编号
isTerminal: 3, // 是否是终端 1是，0不是
modelName: '', // 车型别名
name: '', // 客户名称
sid: '',
applyDate: '', // 申请日期
detailsList: [],
isUse: false
}
},
resetState() {
this.viewState = 1
},
@ -170,36 +260,61 @@ export default {
this.$nextTick(() => {
this.$refs['dataForm'].clearValidate()
})
fetchDetailsBySid({ sid: sid }).then((response) => {
this.arguments.outboundSid = sid
getRetrievalApplyInfo(this.arguments).then((response) => {
if (response.success) {
this.temp = response.data
this.temp.sid = sid
this.detailsList = response.data.listVo
for (var i = 0; i < this.detailsList.length; i++) {
if (this.detailsList[i].useMessage.vinNo !== '') {
this.detailsList[i].isExist = '1'
}
if (this.detailsList[i].useMessage.vinNo == '') {
this.detailsList[i].isExist = '0'
}
this.formobj = response.data
}
})
},
// 车辆信息表--赠送套餐
price(row) {
var aa = 0
for (var i = 0; i < row.discountUse.length; i++) {
aa = parseInt(aa) + (parseInt(row.discountUse[i].discountPrice) * parseInt(row.discountUse[i].discountNum))
}
return aa
},
// 车辆信息表--备注内容拼接（优惠套餐说明 + 赠送数量）
remarks(row) {
var aa = ''
for (var i = 0; i < row.discountUse.length; i++) {
if (row.discountUse[i].discountNum !== 0) {
aa = aa + row.discountUse[i].discountInfo + 'X' + row.discountUse[i].discountNum + ','
}
}
if (aa !== '') {
aa = aa.substring(0, aa.lastIndexOf(','))
}
return aa
},
// 查看销售订单
handleLookByDingDan() {
this.viewState = 5
this.$refs['divInfo'].showInfo({ sid: this.formobj.busSalesOrderSid })
},
// 查看款、票情况
lookPayment(row) {
this.viewState = 6
this.$refs['divPaymentInfo'].showInfo(this.formobj.contractId, row)
},
handleLook(row) {
trailerList({ contractNo: this.formobj.contractId, vinSid: row.vinSid }).then((resp) => {
if (resp.success) {
if (resp.data.list.length > 0) {
this.viewState = 3
this.$refs['divCheInfo'].showInfo(resp.data)
} else {
this.viewState = 4
this.$refs['divZhuangInfo'].showInfo(resp.data)
}
this.temp = JSON.parse(
JSON.stringify(this.temp).replace(/listVo/g, 'detailsList')
)
console.log('isTerminal', this.temp.isTerminal)
}
})
},
// 查看用户人信息
lookUserInfo(vinNo) {
lookUser(row) {
this.viewState = 2
for (var i = 0; i < this.detailsList.length; i++) {
if (this.detailsList[i].vinNo == vinNo) {
let useMessage = {}
useMessage = this.detailsList[i].useMessage
this.$refs['divUserInfo'].showInfo(useMessage, vinNo)
}
}
this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
},
handleReject() {
this.$prompt('请输入驳回原因', '提示', {
@ -208,12 +323,12 @@ export default {
}).then(({ value }) => {
if (value) {
const info = {
businessSid: this.temp.sid,
businessSid: this.formobj.sid,
comment: value,
instanceId: this.temp.procInstId,
taskId: this.temp.taskId,
instanceId: this.formobj.procInstId,
taskId: this.formobj.taskId,
orgSidPath: window.sessionStorage.getItem('orgSidPath'),
taskDefKey: this.temp.taskDefKey,
taskDefKey: this.formobj.taskDefKey,
userSid: window.sessionStorage.getItem('userSid')
}
reject(info).then((response) => {
@ -239,12 +354,12 @@ export default {
type: 'warning'
}).then(() => {
const info = {
businessSid: this.temp.sid,
businessSid: this.formobj.sid,
comment: '同意',
instanceId: this.temp.procInstId,
taskId: this.temp.taskId,
instanceId: this.formobj.procInstId,
taskId: this.formobj.taskId,
orgSidPath: window.sessionStorage.getItem('orgSidPath'),
taskDefKey: this.temp.taskDefKey,
taskDefKey: this.formobj.taskDefKey,
userSid: window.sessionStorage.getItem('userSid')
}
complete(info).then((response) => {
@ -261,12 +376,12 @@ export default {
}).then(({ value }) => {
if (value) {
const info = {
businessSid: this.temp.sid,
businessSid: this.formobj.sid,
comment: value,
instanceId: this.temp.procInstId,
taskId: this.temp.taskId,
instanceId: this.formobj.procInstId,
taskId: this.formobj.taskId,
orgSidPath: window.sessionStorage.getItem('orgSidPath'),
taskDefKey: this.temp.taskDefKey,
taskDefKey: this.formobj.taskDefKey,
userSid: window.sessionStorage.getItem('userSid')
}
breakProcess(info).then((response) => {
@ -294,56 +409,25 @@ export default {
}
</script>
<style scoped>
.tit {
margin: 0 0 20px 0;
padding: 10px 0 0 0;
}
.times {
.title {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-around;
padding: 30px 0 10px 0;
margin: 0 auto 0px auto;
width: 70%;
font-size: 14px;
}
.formadd /deep/ .el-row {
border: 0;
}
.formadd /deep/ .el-col {
border: 0;
}
/deep/ .el-form-item__content {
margin-left: 0 !important;
}
.titcon {
border: 1px solid #e0e3eb;
justify-content: space-between;
align-items: center;
}
.titcon,
.title {
background-color: white;
color: black;
.span-sty {
width: 120px !important;
}
.formadd {
padding: 20px 0;
.addinputInfo {
margin-left: 110px !important;
}
.formadd .tit {
font-size: 32px;
border-bottom: 1px solid #e0e3eb;
text-align: center;
margin: 0 0 20px 0;
padding: 20px 0;
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed {
height: 100% !important;
}
.formadd .el-row .el-col {
padding: 0 !important;
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed-right {
height: 100% !important;
}
</style>

332
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/financialscheme.vue
View File

@ -0,0 +1,332 @@
<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="listconadd">
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
<div v-if="formobj.typeKey !== '02'">
<el-row style="border-top: 1px solid #E0E3EB">
<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.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="12">
<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.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="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.formobj = {
otherPolicyState: false
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !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>

258
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/guacheInfo.vue
View File

@ -0,0 +1,258 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<div class="titwu"><span>挂车信息</span></div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="4" class="tleftb">
<span>主车车架号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ formobj.vinNo }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>车型</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ formobj.modelName }}</span>
</el-form-item>
</el-col>
</el-row>
<div v-for="(item, index) in formobj.list" :key="index">
<div class="title">挂车{{ index + 1 }}</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>车架号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ item.trailerVinNo }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>成交价</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ item.dealPrice }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>车辆品牌</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ item.brandName }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>车辆型号</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ item.carModelName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>生产厂商名称</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ item.manufacturerName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>挂车类型</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ item.trailerTypeValue }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>外观尺寸</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>长</span><span class="spanPadding">{{ item.appearanceSizeLong }}</span>mm,
<span>宽</span><span class="spanPadding">{{ item.appearanceSizeWide }}</span>mm,
<span>高</span><span class="spanPadding">{{ item.appearanceSizeHigh }}</span>mm,
<span>总高</span><span class="spanPadding">{{ item.appearanceSizeTotalHigh }}</span>mm
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>内部尺寸</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>长</span><span class="spanPadding">{{ item.insideSizeLong }}</span>mm,
<span>宽</span><span class="spanPadding">{{ item.insideSizeWide }}</span>mm,
<span>高</span><span class="spanPadding">{{ item.insideSizeHigh }}</span>mm
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>鞍座离地高度</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span class="spanPadding">{{ item.saddleLeaveLandHigh }}</span>mm
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>大梁尺寸</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>高度</span><span class="spanPadding">{{ item.girderSizeHigh }}</span>mm,
<span>宽度</span><span class="spanPadding">{{ item.girderSizeWide }}</span>mm,
<span>立板</span><span class="spanPadding">{{ item.girderSizeStandPlate }}</span>mm
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb" style="display: flex;justify-content: flex-end;align-items: center">
<span>底盘部分</span>
</el-col>
<el-col :span="20" style="padding: 0">
<el-col :span="4" style="display: flex;justify-content: center;align-items: center">
<span>牵引销</span>
</el-col>
<el-col :span="20" style="border-right: 0">
<el-form-item>
<span>{{ item.towPin }}</span>
</el-form-item>
</el-col>
<el-col :span="4" style="display: flex;justify-content: center;align-items: center">
<span>板簧</span>
</el-col>
<el-col :span="20" style="border-right: 0">
<el-form-item>
<span>{{ item.plateSpring }}</span>
</el-form-item>
</el-col>
<el-col :span="4" style="display: flex;justify-content: center;align-items: center">
<span>车桥</span>
</el-col>
<el-col :span="20" style="border-right: 0">
<el-form-item>
<span>{{ item.axle }}</span>
</el-form-item>
</el-col>
<el-col :span="4" style="display: flex;justify-content: center;align-items: center">
<span>轮胎及钢圈</span>
</el-col>
<el-col :span="20" style="border-right: 0">
<el-form-item>
<span>{{ item.tyreAndSteelCircle }}</span>
</el-form-item>
</el-col>
<el-col :span="4" style="display: flex;justify-content: center;align-items: center;border-bottom: 0">
<span>底板</span>
</el-col>
<el-col :span="20" style="border-right: 0;border-bottom: 0">
<el-form-item>
<span class="spanPadding">{{ item.floorSize }}</span>mm
</el-form-item>
</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>门扇要求</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ item.doorFanRequirement }}</span>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>箱体颜色</span>
</el-col>
<el-col :span="8">
<el-form-item>
<span>{{ item.boxColor }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>更多配置</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ item.moreConfig }}</span>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
<!--End 添加修改部分-->
</div>
</template>
<script>
export default {
name: 'GuaCheInfo',
data() {
return {
viewTitle: '',
formobj: {
vinNo: '',
modelName: '',
list: []
},
rules: {},
submitdisabled: false
}
},
methods: {
showInfo(data) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '挂车详情'
this.formobj = data
},
handleReturn() {
this.formobj = {
vinNo: '',
modelName: '',
list: []
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.spanPadding {
padding: 0 5px;
}
</style>

244
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/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/examinePage/chukushenhe'
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>

153
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/shangzhuangInfo.vue
View File

@ -0,0 +1,153 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>上装配置信息</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<div class="titwu"><span>上装配置信息</span></div>
<el-form ref="dataForm" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>主车车架号</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车型</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.modelName }}</span></el-form-item>
</el-col>
</el-row>
<div v-for="(item, index) in formobj.vehillModelList" :key="index">
<div class="title">上装{{ index + 1 }}</div>
<el-row>
<el-col :span="24">
<div class="span-sty spanOneWidth"><span>成交价</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.topPrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车辆功能</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.vehicleTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>上装名称</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.installNameValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>委改方式</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.refitMethodValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>供应商</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.refitFactory }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>货箱内部尺寸</span></div>
<el-form-item>
<div class="addinputInfo addinputwOne">
长<span class="inputStyle">{{ item.wk_long }}</span>mm,
宽<span class="inputStyle">{{ item.wk_wide }}</span>mm,
高<span class="inputStyle">{{ item.wk_high }}</span>mm
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>颜色</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.colorValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材材质</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.plateMaterialValue }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>板材厚度</span></div>
<el-form-item>
<div class="addinputInfo addinputwOne">
底<span class="inputStyle">{{ item.plateThicknessBottom }}</span>mm,
边<span class="inputStyle">{{ item.plateThicknessEdge }}</span>mm
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.tarpaulinSlide }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.refrigerator }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.selfUnHyCoPl }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>底板加热</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.floorHeating }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty spanOneWidth"><span>更多配置</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ item.moreConfig }}</span></el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</div>
</template>
<script>
export default {
name: 'ShangZhuangInfo',
data() {
return {
formobj: {
modelName: '',
vinNo: '',
vehillModelList: []
}
}
},
methods: {
handleReturn() {
this.formobj = {
modelName: '',
vinNo: '',
vehillModelList: []
}
this.$emit('doback')
},
showInfo(data) {
this.formobj = data
}
}
}
</script>
<style scoped>
.spanOneWidth {
width: 110px !important;
}
.addinputwOne {
margin-left: 110px !important;
}
.inputStyle {
display: inline-block;
margin: 0 5px;
}
</style>

211
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/userInfoLook.vue
View File

@ -1,178 +1,139 @@
<template>
<div class="app-container">
<div v-show="visible">
<div>
<div class="tab-header webtop">
<div>录入使用人信息</div>
<!-- <div v-else></div> -->
<div>实际购车人信息</div>
<div>
<!-- <el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button>-->
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="tempUserLook" :rules="rules" label-position="right"
class="formadd">
<div class="tit">录入使用人信息</div>
<el-row>
<el-col :span="4" class="topBor">
<span>合同编号</span>
<div class="titwu">实际购车人信息</div>
<el-form ref="dataForm" :model="tempUserLook" :rules="rules" class="formadd">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span>客户类型</span>
</el-col>
<el-col :span="10" class="topBor">
<el-form-item prop="contractNo">
<span>{{ tempUserLook.contractNo }}</span>
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.customerType }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>车架号</span>
<el-col :span="4" class="tleftb">
<span>客户名称</span>
</el-col>
<el-col :span="10">
<el-form-item prop="vinNo">
<span>{{ tempUserLook.vinNo }}</span>
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.name }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>客户名称</span>
<el-row v-show="tempUserLook.customerTypeKey == '2'">
<el-col :span="4" class="tleftb">
<span>联系人</span>
</el-col>
<el-col :span="10">
<el-form-item prop="name">
<span>{{ tempUserLook.name }}</span>
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.contacts }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-col :span="4" class="tleftb">
<span>联系电话</span>
</el-col>
<el-col :span="10">
<el-form-item prop="mobile">
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.mobile }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-col :span="4" class="tleftb">
<span>证件号码</span>
</el-col>
<el-col :span="10">
<el-form-item prop="idNo">
<span>{{ tempUserLook.idNo }}</span>
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.idNumber }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>联系地址</span>
<el-col :span="4" class="tleftb">
<span>通讯地址</span>
</el-col>
<el-col :span="10">
<el-form-item prop="address">
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.address }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>车架号</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.vin }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>合同编号</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.contractNo }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>备注</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ tempUserLook.remarks }}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import {mapGetters} from 'vuex'
export default {
name: 'userInfoLook',
components: {},
data() {
return {
viewTitle: '',
index: 0,
disabled: false, // 保存、提交按钮状态
createBtn: false,
// --按钮菜单-------
visible: true,
listLoading: false,
tempUserLook: {},
rules: {},
// ------------------------------------
}
},
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
},
created() {
// 初始化变量
this.init()
},
methods: {
// ------------ 页面初始化 ------------
// 添加前数据初始化
resetTemp() {
},
init() {
},
showInfo(useMessage, vinNo) {
this.$nextTick(() => {
this.$refs['dataForm'].clearValidate()
});
console.log('详情拿到的信息', useMessage)
this.tempUserLook = useMessage
},
// ------------ 功能实现 ------------
// 返回
handleReturn() {
this.$emit('doback')
},
// ------------ 页面跳转以及数据获取 ------------
export default {
name: 'userInfoLook',
components: {},
data() {
return {
viewTitle: '',
tempUserLook: {},
rules: {}
}
},
methods: {
showInfo(contractNo, useMessage) {
this.$nextTick(() => {
this.$refs['dataForm'].clearValidate()
})
console.log('详情拿到的信息', useMessage)
this.tempUserLook = useMessage
this.tempUserLook.contractNo = contractNo
},
// 返回
handleReturn() {
this.tempUserLook = {}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.tit {
margin: 45px 0 66px 0;
padding: 10px 0 0 0;
border: 0;
}
/deep/ .el-row {
display: flex;
justify-content: center;
border-left: 0;
}
.topBor {
border-top: 1px solid #e0e3eb;
}
/deep/ .el-form-item__content {
margin-left: 0 !important;
}
/deep/ .el-col-4 {
text-align: right;
float: left;
font-size: 14px;
color: #606266;
line-height: 40px !important;
font-weight: 600;
border-left: 1px solid #e0e3eb;
}
.formadd .tit {
font-size: 32px;
text-align: center;
margin: 0 0 20px 0;
padding: 20px 0;
}
</style>

522
anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/xiaoshoudingdanInfo.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>
<financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid } from '@/api/examinePage/chukushenhe'
import financialscheme from './financialscheme'
export default {
name: 'XiaoShouDingDanInfo',
components: {
financialscheme
},
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>
Write Preview
Loading…
Cancel
Save