You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
433 lines
16 KiB
433 lines
16 KiB
<template>
|
|
<div class="app-container">
|
|
<div v-show="viewState == 1">
|
|
<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="disabled" @click="handleDisagree()">不同意</el-button>
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="listconadd">
|
|
<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="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-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-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-row>
|
|
<!--Start 预订车辆信息-->
|
|
<div class="title">
|
|
<div>车辆信息</div>
|
|
<div>
|
|
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button>
|
|
</div>
|
|
</div>
|
|
<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.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 { 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,
|
|
guacheInfo,
|
|
shangzhuangInfo,
|
|
xiaoshoudingdanInfo,
|
|
paymentticket
|
|
},
|
|
data() {
|
|
return {
|
|
tableKey: 0,
|
|
index: 0,
|
|
// --按钮菜单-------
|
|
viewState: 1,
|
|
listLoading: false,
|
|
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: '',
|
|
staffDeptName: '',
|
|
staffDeptSid: '',
|
|
staffName: '',
|
|
pcStaffSid: '',
|
|
taskId: '',
|
|
type: '',
|
|
typeKey: '',
|
|
userSid: '',
|
|
discountLeave: []
|
|
},
|
|
arguments: {
|
|
list: [],
|
|
userSid: '',
|
|
orgPath: '',
|
|
contractId: '',
|
|
outboundSid: '',
|
|
pcView: true
|
|
},
|
|
rules: {}
|
|
}
|
|
},
|
|
methods: {
|
|
// ------------ 页面初始化 ------------
|
|
resetState() {
|
|
this.viewState = 1
|
|
},
|
|
showInfo(sid) {
|
|
this.$nextTick(() => {
|
|
this.$refs['dataForm'].clearValidate()
|
|
})
|
|
this.arguments.outboundSid = sid
|
|
getRetrievalApplyInfo(this.arguments).then((response) => {
|
|
if (response.success) {
|
|
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)
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// 查看用户人信息
|
|
lookUser(row) {
|
|
this.viewState = 2
|
|
this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
|
|
},
|
|
handleReject() {
|
|
this.$prompt('请输入驳回原因', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消'
|
|
}).then(({ value }) => {
|
|
if (value) {
|
|
const info = {
|
|
businessSid: this.formobj.sid,
|
|
comment: value,
|
|
instanceId: this.formobj.procInstId,
|
|
taskId: this.formobj.taskId,
|
|
orgSidPath: window.sessionStorage.getItem('orgSidPath'),
|
|
taskDefKey: this.formobj.taskDefKey,
|
|
userSid: window.sessionStorage.getItem('userSid')
|
|
}
|
|
reject(info).then((response) => {
|
|
if (response.success) {
|
|
this.handleReturn('true')
|
|
}
|
|
})
|
|
} else {
|
|
this.$message({
|
|
showClose: true,
|
|
message: '请填写驳回原因！',
|
|
type: 'error'
|
|
})
|
|
return
|
|
}
|
|
})
|
|
},
|
|
// ------------ 功能实现 ------------
|
|
handleAgree() {
|
|
this.$confirm('是否确认同意此审核', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
const info = {
|
|
businessSid: this.formobj.sid,
|
|
comment: '同意',
|
|
instanceId: this.formobj.procInstId,
|
|
taskId: this.formobj.taskId,
|
|
orgSidPath: window.sessionStorage.getItem('orgSidPath'),
|
|
taskDefKey: this.formobj.taskDefKey,
|
|
userSid: window.sessionStorage.getItem('userSid')
|
|
}
|
|
complete(info).then((response) => {
|
|
if (response.success) {
|
|
this.handleReturn('true')
|
|
}
|
|
})
|
|
})
|
|
},
|
|
handleDisagree() {
|
|
this.$prompt('请输入不通过原因', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消'
|
|
}).then(({ value }) => {
|
|
if (value) {
|
|
const info = {
|
|
businessSid: this.formobj.sid,
|
|
comment: value,
|
|
instanceId: this.formobj.procInstId,
|
|
taskId: this.formobj.taskId,
|
|
orgSidPath: window.sessionStorage.getItem('orgSidPath'),
|
|
taskDefKey: this.formobj.taskDefKey,
|
|
userSid: window.sessionStorage.getItem('userSid')
|
|
}
|
|
breakProcess(info).then((response) => {
|
|
if (response.success) {
|
|
this.handleReturn('true')
|
|
}
|
|
})
|
|
} else {
|
|
this.$message({
|
|
showClose: true,
|
|
message: '请填写不通过原因！',
|
|
type: 'error'
|
|
})
|
|
return
|
|
}
|
|
})
|
|
},
|
|
// 返回
|
|
handleReturn(isreload) {
|
|
if (isreload === 'true') this.$emit('reloadlist')
|
|
this.$refs['dataForm'].resetFields()
|
|
this.$emit('doback')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.title {
|
|
padding: 7px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.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>
|
|
|