|
|
|
@ -7,94 +7,81 @@ |
|
|
|
<div>车辆调价详情</div> |
|
|
|
<!--start 添加修改按钮--> |
|
|
|
<div> |
|
|
|
<el-button type="primary" @click="openAgree('同意')">同 意</el-button> |
|
|
|
<el-button type="danger" @click="openReject('驳回')">驳 回</el-button> |
|
|
|
<el-button type="danger" @click="openStop('终止')">终 止</el-button> |
|
|
|
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button> |
|
|
|
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button> |
|
|
|
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--标题按钮部分结束--> |
|
|
|
<!--Start 新增修改部分--> |
|
|
|
<div class="listconadd"> |
|
|
|
<div class="wlInfo"><span>车辆调价申请</span></div> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4"> |
|
|
|
<span>调价申请日期:</span> |
|
|
|
<div class="titwu"><span>车辆调价申请</span></div> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|
|
|
<el-row class="rowStyle"> |
|
|
|
<el-col :span="12" class="colStyle"> |
|
|
|
<div class="span-sty spanOneWidth"><span>调价申请日期:</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.createTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<span style="margin-left: 5px">{{ formobj.createTime }}</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<span>申请人:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<span style="margin-left: 5px">{{ formobj.applyPeoName }}</span> |
|
|
|
<el-col :span="12" class="colStyle"> |
|
|
|
<div class="span-sty spanOneWidth"><span>申请人:</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.applyPeoName }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="el-form-item-right"> |
|
|
|
<span>调价原因:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20"> |
|
|
|
<el-form-item> |
|
|
|
<span style="margin-left: 5px">{{ formobj.modpriceReason }}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-row class="rowStyle"> |
|
|
|
<el-col :span="24" class="colStyle"> |
|
|
|
<div class="span-sty spanOneWidth"><span>调价原因:</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputOne">{{ formobj.modpriceReason }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title"> |
|
|
|
<div>车辆列表</div> |
|
|
|
</div> |
|
|
|
<el-table :key="tableKey" :data="formobj.baseModelModpriceModels" :index="index" border style="width: 100%"> |
|
|
|
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|
|
|
<el-table-column label="车型" align="center" width="250"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.vehicleAlias }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="常用配置" align="left" header-align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.configName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="applyForDeposit" label="成本价" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.costPrice }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="现销售指导价(元)" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.guidedPrice }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="价格增减数额" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.incOrDecInPrice }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="备注" header-align="center" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.remarks }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-form> |
|
|
|
<div class="tableStyle"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">车辆列表</div> |
|
|
|
</div> |
|
|
|
<el-table :key="tableKey" :data="formobj.baseModelModpriceModels" :index="index" border style="width: 100%"> |
|
|
|
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|
|
|
<el-table-column label="车型" align="center" header-align="center" width="250"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.vehicleAlias }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="常用配置" align="left" header-align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.configName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="applyForDeposit" label="成本价" header-align="center" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.costPrice }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="现销售指导价(万元)" header-align="center" align="center" width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.guidedPrice }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="价格增减数额" header-align="center" align="center" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.incOrDecInPrice }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="备注" header-align="center" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.remarks }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--End 添加修改部分--> |
|
|
|
<span class="el-icon-picture-outline">流程图</span> |
|
|
|
<flow :xmlData="xmlData" :taskData="taskList"></flow> |
|
|
|
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%"> |
|
|
|
<el-form label-position="right" class="formadd" > |
|
|
|
<el-row v-show="currentLink"> |
|
|
|
<el-col :span="4" class="tleftb">当前环节</el-col> |
|
|
|
<el-col :span="20" class="trightb"> |
|
|
|
<el-form-item prop="purchasingUnitName"><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item> |
|
|
|
<el-form class="formaddcopy02" > |
|
|
|
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb"> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanTwoWidth"><span>当前环节:</span></div> |
|
|
|
<el-form-item><span class="addinputInfo addinputTwo">{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb">意见</el-col> |
|
|
|
<el-col :span="20" class="trightb"> |
|
|
|
<el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" clearable ></el-input> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty spanTwoWidth"><span>意见:</span></div> |
|
|
|
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw addinputTwo" clearable ></el-input></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div style="text-align:center;margin-top: 20px;"> |
|
|
|
@ -108,13 +95,9 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import req from '@/api/kucunguanli/price' |
|
|
|
import flow from '../../../baseoutsourcingapplication/workflow/flow' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'tiaojiaInfo', |
|
|
|
components: { |
|
|
|
flow |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
dialogStatus: '', |
|
|
|
@ -124,8 +107,6 @@ export default { |
|
|
|
dialogList: { |
|
|
|
comment: '' |
|
|
|
}, |
|
|
|
xmlData: '', // 模型xml数据 |
|
|
|
taskList: [], |
|
|
|
startTask: true, |
|
|
|
current: { |
|
|
|
taskDefKey: '', |
|
|
|
@ -166,8 +147,6 @@ export default { |
|
|
|
// 加载表单数据 |
|
|
|
this.showInfo(obj.businessSid) |
|
|
|
// 加载流程图相关的数据 |
|
|
|
this.getModelDetail(obj.deployId) |
|
|
|
this.getFlowViewer(obj.instanceId) |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
window.parent.postMessage({ |
|
|
|
@ -175,7 +154,7 @@ export default { |
|
|
|
params: { |
|
|
|
// 告诉父级页面，子页面的弹框高度。 |
|
|
|
code: 2, |
|
|
|
data: document.body.scrollHeight + 'px' |
|
|
|
data: 450 + 'px' |
|
|
|
} |
|
|
|
}, '*') |
|
|
|
}, |
|
|
|
@ -187,19 +166,6 @@ export default { |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
/** xml 文件 */ |
|
|
|
getModelDetail(deployId) { |
|
|
|
// 发送请求，获取xml |
|
|
|
req.readXml(deployId).then((res) => { |
|
|
|
this.xmlData = res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 已办环节的节点 |
|
|
|
getFlowViewer(procInsId) { |
|
|
|
req.getFlowViewer(procInsId).then((res) => { |
|
|
|
this.taskList = res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 同意 |
|
|
|
openAgree(val) { |
|
|
|
this.operation = val |
|
|
|
@ -318,34 +284,28 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.wlInfo { |
|
|
|
text-align: center; |
|
|
|
font-size: 28px; |
|
|
|
line-height: 90px; |
|
|
|
.listconadd { |
|
|
|
height: calc(100vh - 0px) !important; |
|
|
|
} |
|
|
|
.spanOneWidth { |
|
|
|
border-right: 0px !important; |
|
|
|
width: 200px !important; |
|
|
|
} |
|
|
|
.addinputOne { |
|
|
|
margin-left: 200px !important; |
|
|
|
} |
|
|
|
.spanTwoWidth { |
|
|
|
width: 150px !important; |
|
|
|
} |
|
|
|
.tableStyle { |
|
|
|
background-color: #FFFFFF; |
|
|
|
display: flex; |
|
|
|
justify-content: flex-start; |
|
|
|
align-items: center; |
|
|
|
border: 1px solid #dfe4ed; |
|
|
|
height: 40px; |
|
|
|
.addinputTwo { |
|
|
|
margin-left: 150px !important; |
|
|
|
} |
|
|
|
/deep/ .el-col-4 { |
|
|
|
text-align: right; |
|
|
|
float: left; |
|
|
|
font-size: 14px; |
|
|
|
color: #606266; |
|
|
|
line-height: 40px !important; |
|
|
|
font-weight: 600; |
|
|
|
.rowStyle { |
|
|
|
border-left: 0px; |
|
|
|
} |
|
|
|
/deep/ .el-col-8 { |
|
|
|
text-align: left; |
|
|
|
float: left; |
|
|
|
font-size: 14px; |
|
|
|
color: #606266; |
|
|
|
line-height: 40px !important; |
|
|
|
font-weight: 600; |
|
|
|
.colStyle { |
|
|
|
border-right: 0px !important; |
|
|
|
border-bottom: 0px !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
