God
3 years ago
43 changed files with 8683 additions and 2088 deletions
File diff suppressed because it is too large
@ -1,113 +1,409 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-tabs v-model="activeName" type="card" class="tab" @tab-click="tabChangeHandle"> |
|||
<el-tab-pane name="first"> |
|||
<span slot="label">基本信息</span> |
|||
<Jibenxinxi :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane name="second"> |
|||
<span slot="label">备案资料</span> |
|||
<Beianziliao :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane name="third"> |
|||
<span slot="label">备案账号</span> |
|||
<Beianzhanghao :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane name="four"> |
|||
<span slot="label">相关项目</span> |
|||
<Xiangguanxiangmu :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
<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="tab-header webtopb"> |
|||
<div class="farenb">经销商属性</div> |
|||
<div class="faren">{{ dealerAttributes }}</div> |
|||
</div> |
|||
<div v-show="dealerAttributes == '企业'"> |
|||
<div class="titcon"> |
|||
<div class="title">经销商信息</div> |
|||
</div> |
|||
<el-form ref="dataForm" :model="templook" label-position="right" class="formadd" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">经销商名称</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorName }}</el-col> |
|||
<el-col :span="4" class="trightb">经销商类型</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorTypeValue }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">经销商等级</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorLevelValue }}</el-col> |
|||
<el-col :span="4" class="trightb">企业性质</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.enterpriseNature }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">统一社会信用代码</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.numCode }}</el-col> |
|||
<el-col :span="4" class="trightb">注册资本</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registeredCapital }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">注册资本单位</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registeredCapitalOrg }}</el-col> |
|||
<el-col :span="4" class="trightb">成立日期</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.setUpTime }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">营业期限开始时间</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessTermStartTime }}</el-col> |
|||
<el-col :span="4" class="trightb">营业期限结束时间</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessTermEndTime }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">登记机关</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registAuthority }}</el-col> |
|||
<el-col :span="4" class="trightb">核准日期</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.approvalDate }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">登记状态</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registState }}</el-col> |
|||
<el-col :span="4" class="trightb">是否担保回购</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.guaranteeOrNot == '1' ? '是' : '否' }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">业务联系人</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessContact }}</el-col> |
|||
<el-col :span="4" class="trightb">联系方式</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessMobile }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">企业负责人</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.enterpriseContact }}</el-col> |
|||
<el-col :span="4" class="trightb">联系方式</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.enterpriseMobile }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">通讯地址</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.address }}</el-col> |
|||
<el-col :span="4" class="trightb">通讯地址邮编</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.zipCode }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">使用组织</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.useOrgName }}</el-col> |
|||
<el-col :span="4" class="trightb">备注</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.remarks }}</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="titcon"> |
|||
<div class="title">人员列表</div> |
|||
</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" :index="index" border style="width: 100%;"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column label="姓名" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.name }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="关联类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.linkType }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系电话" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.mobile }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.remarks }} |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div v-show="dealerAttributes == '个人'"> |
|||
<div class="titcon"> |
|||
<div class="title">个人信息</div> |
|||
</div> |
|||
<el-form ref="dataForm" :model="templook" label-position="right" class="formadd" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">姓名</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorName }}</el-col> |
|||
<el-col :span="4" class="trightb">身份证号</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.numCode }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">经销商类型</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorTypeValue }}</el-col> |
|||
<el-col :span="4" class="trightb">联系电话</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessMobile }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">通讯地址</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.address }}</el-col> |
|||
<el-col :span="4" class="trightb">通讯地址邮编</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.zipCode }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">项目类型</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.projectType }}</el-col> |
|||
<el-col :span="4" class="trightb">区域</el-col> |
|||
<el-col :span="8" class="tleft"> |
|||
{{ templook.province }}{{ templook.city }}{{ templook.county }}{{ templook.address }} |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">所属厂商</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.belongsToVendor }}</el-col> |
|||
<el-col :span="4" class="trightb">经销品牌</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorBrand }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">其他区信息</el-col> |
|||
<el-col :span="20" class="tleft"> {{ templook.remarks }}</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<div class="titcon"> |
|||
<div class="title">备案资料</div> |
|||
</div> |
|||
<el-table :key="FilingInformationKey" v-loading="listLoading" :data="FilingInformationList" border style="width: 100%;"> |
|||
<el-table-column label="文件名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fileName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="文件类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fileType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="上传人" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="上传时间" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.createTime }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="handDown(row)">下载</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="titcon"> |
|||
<div class="title">备案账号</div> |
|||
</div> |
|||
<el-table :key="filingAccoutKey" v-loading="listLoading" :index="index" :data="filingAccoutList" border style="width: 100%"> |
|||
<el-table-column width="80px" label="编号" type="index" :index="index + 1" align="center" /> |
|||
<el-table-column label="收款单位" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.receivingUnit }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="开户银行" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.bank }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="收款账号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.receivingAccount }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="开户支行" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.openingBranch }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="开户行号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.bankNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="银行所在地" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.bankLocation }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="账户类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.accountType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="账户用途" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.accountUse }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="评审状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.reviewState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="提报人" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mention }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="titcon"> |
|||
<div class="title">相关项目</div> |
|||
</div> |
|||
<el-table :key="relevantProjectKey" v-loading="listLoading" :data="relevantProjectList" border style="width: 100%;"> |
|||
<el-table-column label="客户名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.a }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="项目类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="项目名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="客户经理" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="所属大区" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="流程号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="项目状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="创建时间" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="更新时间" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.telephone }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// import { mapGetters } from 'vuex' |
|||
// import { |
|||
// getServiceTypeList, |
|||
// getServiceTypePageList, |
|||
// addServiceType, |
|||
// getServiceType, |
|||
// editServiceType, |
|||
// delServiceType, |
|||
// } from "@/api/yanglao/serviceType"; |
|||
// import { getFileType, parseDate, parseTime, ConvertMenuState } from "@/utils"; |
|||
// import { findButtonByUserId } from '@/api/sys/permission' |
|||
import Jibenxinxi from '@/views/jingxiaoshang/infocomponents/jibenxinxiInfo' |
|||
import Beianziliao from '@/views/jingxiaoshang/infocomponents/beianziliaoInfo' |
|||
import Beianzhanghao from '@/views/jingxiaoshang/infocomponents/beianzhanghaoInfo' |
|||
import Xiangguanxiangmu from '@/views/jingxiaoshang/infocomponents/xiangguanxiangmuInfo' |
|||
export default { |
|||
name: 'Renwu', |
|||
components: { |
|||
Jibenxinxi, |
|||
Beianziliao, |
|||
Beianzhanghao, Xiangguanxiangmu |
|||
}, |
|||
props: { |
|||
// // activeName: { |
|||
import { detailsFaRen } from '@/api/business/faRen' |
|||
import { postDownload } from '@/api/business/beiAn' |
|||
|
|||
}, |
|||
export default { |
|||
name: 'jingxiaoshangInfo', |
|||
data() { |
|||
return { |
|||
activeNames: ['1'], |
|||
activeName: 'first', |
|||
sid: '', |
|||
// --按钮菜单------- |
|||
// menuState: { |
|||
// add: false, // 添加 |
|||
// edit: false, // 编辑 |
|||
// delete: false, // 删除 |
|||
// view: false, // 查看 |
|||
// audit: false, // 审核 |
|||
// input: false, // 导入 |
|||
// output: false, // 导出 |
|||
// upload: false, // 同步 |
|||
// release: false // 下发 |
|||
// } |
|||
// ------------------------------------ |
|||
index: 0, |
|||
tableKey: 0, |
|||
FilingInformationKey: 1, |
|||
filingAccoutKey: 2, |
|||
relevantProjectKey: 3, |
|||
list: [], |
|||
FilingInformationList: [], |
|||
filingAccoutList: [], |
|||
relevantProjectList: [], |
|||
dealerAttributes: '', |
|||
listLoading: false, |
|||
templook: {}, |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
relevantProjectList: [], |
|||
rules: {} |
|||
} |
|||
}, |
|||
created() { |
|||
this.sid = this.$route.params.sid |
|||
console.log('wiwiwiwi', this.sid) |
|||
// ...mapGetters([ |
|||
// 'id', |
|||
// 'roles', |
|||
// 'rolesIds', |
|||
// 'departmentId', |
|||
// 'departmentCode' |
|||
// ]) |
|||
}, |
|||
methods: { |
|||
|
|||
tabChangeHandle(e) { |
|||
// switch (e) { |
|||
// case '': |
|||
// console.log('您选择了：' + e) |
|||
// break |
|||
// } |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
change(e) { |
|||
this.activeName = e |
|||
// 打开查看 |
|||
showInfo(row) { |
|||
this.dealerAttributes = row.distributorClassificationValue |
|||
detailsFaRen(row.sid).then((response) => { |
|||
if (response.code === '200') { |
|||
console.log(response.data) |
|||
this.templook = response.data |
|||
this.FilingInformationList = response.data.baseDistributorAppendixs |
|||
this.filingAccoutList = response.data.baseDistributorBanks |
|||
this.list = response.data.list |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
handDown(row) { |
|||
postDownload(row.filePath).then((res) => { |
|||
const blob = new Blob([res], { |
|||
type: 'application/msword' |
|||
}) |
|||
const objectUrl = URL.createObjectURL(blob) |
|||
window.location.href = objectUrl |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
.webtopb { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
background-color: #f8fafd; |
|||
padding: 0px; |
|||
margin: 10px 0 8px 0; |
|||
border-radius: 8px; |
|||
border: 1px solid #f1f4f8; |
|||
} |
|||
.webtopb .farenb { |
|||
flex: 1; |
|||
text-align: center; |
|||
} |
|||
.webtopb .faren { |
|||
background-color: #edf1f7; |
|||
flex: 1; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: center; |
|||
padding: 5px; |
|||
border-radius: 8px; |
|||
} |
|||
.formadd{ |
|||
padding: 0px !important; |
|||
} |
|||
.listcon { |
|||
height: calc(100vh - 300px); |
|||
overflow-y: auto; |
|||
overflow-x: hidden; |
|||
} |
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0;padding: 0; |
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #EBEEF5; |
|||
/deep/ .el-col-8 { |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
} |
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
/deep/ .el-col-20 { |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
} |
|||
.tab{padding: 10px 0;} |
|||
</style> |
|||
|
|||
@ -0,0 +1,421 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型库</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<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-row> |
|||
<el-form-item label="品牌:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.carBrand" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in carBrand_list" :key="item.sid" :label="item.brandName" |
|||
:value="item.brandName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="功能:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.vehicleType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="系列:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.productLine" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="驱动:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.driveForm" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in driveForm_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="马力:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.power" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in power_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="版本:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.vehicleVersion" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleVersion_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="燃料:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.fuelType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in fuelType_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="车型编码:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.applyName" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
<el-form-item label="变速箱:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.gearboxType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in gearboxType_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="排放标准:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.emissionStandard" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in emissionStandard_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="发动机型号:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.engineType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in engineType_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="细分市场:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.marketSegments" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in marketSegments_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="规格型号:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.specifications" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
<el-form-item label="快捷检索:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.modelName" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
</el-row> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<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> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handlink(scope.row)">{{ scope.row.vehicleAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="版本" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleVersionValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="燃料" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fuelTypeValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="变速箱" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.gearboxTypeValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售指导价（万元）" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.guidedPrice }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible.sync="dialogVisible" width="50%"> |
|||
<el-table :key="tableKey" :data="datalist" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="分公司名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.company }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
<!-- 车型配置分页列表 --> |
|||
<configuration v-show="viewState == 2" ref="divConfiguration" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
brandDown, |
|||
dataDictionary, |
|||
modelPageList, |
|||
notTheCompanyModelPageList |
|||
} from '@/api/chexingchaxun/modelinquire' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import configuration from './vehiclelibraryconfiguration.vue' |
|||
|
|||
export default { |
|||
name: 'chexingchaxun', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
configuration |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
dialogVisible: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
list: [], |
|||
datalist: [], |
|||
carBrand_list: [], |
|||
vehicleType_list: [], |
|||
productLine_list: [], |
|||
driveForm_list: [], |
|||
power_list: [], |
|||
vehicleVersion_list: [], |
|||
fuelType_list: [], |
|||
gearboxType_list: [], |
|||
emissionStandard_list: [], |
|||
engineType_list: [], |
|||
marketSegments_list: [], |
|||
listLoading: false, |
|||
dialogQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') // 用户 |
|||
} |
|||
}, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carBrand: '', // 品牌 |
|||
driveForm: '', // 驱动 |
|||
fuelType: '', // 燃料 |
|||
gearboxType: '', // 变速箱 |
|||
modelName: '', // 车型 |
|||
power: '', // 马力 |
|||
productLine: '', // 系列 |
|||
useOrg: '', // 分公司 |
|||
userSid: window.sessionStorage.getItem('userSid'), // 用户 |
|||
vehicleType: '', // 功能 |
|||
vehicleVersion: '', // 版本 |
|||
emissionStandard: '', // 排放标准 |
|||
engineType: '', // 发动机型号 |
|||
marketSegments: '', // 细分市场 |
|||
specifications: '' // 规格型号 |
|||
}, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
this.Dictionary() |
|||
// 加载列表 |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
this.getList() |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
// 数组字典加载 |
|||
Dictionary() { |
|||
brandDown().then((res) => { |
|||
if (res.code === '200') { |
|||
this.carBrand_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'vehicleFunction'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'productLine'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.productLine_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'driver'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.driveForm_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'horsepower'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.power_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'vehicleVersion'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleVersion_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'fuelType'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'gearbox'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.gearboxType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'emissionStandard'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.emissionStandard_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'engineType'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.engineType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'marketSegments'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.marketSegments_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
modelPageList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.code === '200') { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.getList() |
|||
}, |
|||
handReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carBrand: '', // 品牌 |
|||
driveForm: '', // 驱动 |
|||
fuelType: '', // 燃料 |
|||
gearboxType: '', // 变速箱 |
|||
modelName: '', // 车型 |
|||
power: '', // 马力 |
|||
productLine: '', // 系列 |
|||
useOrg: '', // 分公司 |
|||
userSid: window.sessionStorage.getItem('userSid'), // 用户 |
|||
vehicleType: '', // 功能 |
|||
vehicleVersion: '', // 版本 |
|||
emissionStandard: '', // 排放标准 |
|||
engineType: '', // 发动机型号 |
|||
marketSegments: '', // 细分市场 |
|||
specifications: '' // 规格型号 |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handlook(row) { |
|||
this.dialogVisible = true |
|||
this.dialogQuery.params.modelSid = row.sid |
|||
notTheCompanyModelPageList(this.dialogQuery).then((res) => { |
|||
if (res.code === '200') { |
|||
this.datalist = res.data.records |
|||
} |
|||
}) |
|||
}, |
|||
handlink(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divConfiguration'].showData(row) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.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> |
|||
@ -0,0 +1,565 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型库配置列表</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<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-row> |
|||
<el-form-item label="颜色:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.carColor" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="缓速器:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.slowMachine" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="后视镜:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.rearViewMirrorKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in rearViewMirror_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轮胎:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.tireSizeKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in tireSize_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="驾驶室:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.specification" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in specification_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="后桥速比:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.rearAxleRatio" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in rearAxleRatio_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="空调:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.airConditionerKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轮毂材质:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.hubMaterialKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in hubMaterial_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="导流罩:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.baffleModelKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="悬架:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.suspensionKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in suspension_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="座椅:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.seatKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in seat_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="护轮罩:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.tireCoverKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="鞍座:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.saddleKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in saddle_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轴距:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.wheelbaseKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in wheelbase_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="保险杠:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.bumperKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in bumper_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="配置包:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.configuringBaoKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in configuringBao_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="独立热源:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.independentSourcesKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="燃料箱:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.fuelTank" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in fuelTank_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="多媒体:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.multimediaKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="快捷检索:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.configName" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
</el-row> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">【{{ modelName }}】车型常用配置列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="常用配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.configName }}</span> |
|||
<!-- <span class="bluezi" @click="handlink(scope.row)">{{}}</span>--> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="颜色" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车（台）" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nowCarNum }}</span> |
|||
<!-- <span class="bluezi" @click="handvehicle(scope.row)"></span>--> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产（台）" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
<!-- <span class="bluezi" @click="handproduction(scope.row)"></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="110"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.priceValidity }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="其他更多" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible.sync="dialogVisible" width="50%"> |
|||
<el-table :key="tableKey" :data="datalist" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="分公司名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.company }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
<!-- 车型配置标准页面 --> |
|||
<!-- <modelstandardconfiguration v-show="viewState == 2" ref="divInfo" @doback="resetState"/>--> |
|||
<!-- 现车车辆列表 --> |
|||
<!-- <vehiclecar v-show="viewState == 3" ref="divVehiclecar" @doback="resetState"/>--> |
|||
<!-- 排产订单列表 --> |
|||
<!-- <productionschedulingorder v-show="viewState == 4" ref="divProduction" @doback="resetState"/>--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {configPageList, dataDictionary, notTheCompanyModelPageList} from '@/api/chexingchaxun/modelinquire' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
// import modelstandardconfiguration from './modelstandardconfiguration' |
|||
// import vehiclecar from './vehiclecar.vue' |
|||
// import productionschedulingorder from './productionschedulingorder.vue' |
|||
|
|||
export default { |
|||
name: 'chexingchaxun', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
// modelstandardconfiguration, |
|||
// vehiclecar, |
|||
// productionschedulingorder |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
dialogVisible: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
list: [], |
|||
datalist: [], |
|||
carColor_list: [], |
|||
slowMachine_list: [], |
|||
rearViewMirror_list: [], |
|||
tireSize_list: [], |
|||
specification_list: [], |
|||
rearAxleRatio_list: [], |
|||
airConditioner_list: [], |
|||
hubMaterial_list: [], |
|||
baffleModel_list: [], |
|||
suspension_list: [], |
|||
seat_list: [], |
|||
tireCover_list: [], |
|||
saddle_list: [], |
|||
wheelbase_list: [], |
|||
bumper_list: [], |
|||
configuringBao_list: [], |
|||
independentSources_list: [], |
|||
fuelTank_list: [], |
|||
multimedia_list: [], |
|||
listLoading: false, |
|||
modelName: '', // 车型名称 |
|||
modelSid: '', |
|||
dialogQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') // 用户 |
|||
} |
|||
}, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carColor: '', // 颜色 |
|||
configName: '', // 配置 |
|||
fuelTank: '', // 燃料 |
|||
rearAxleRatio: '', // 后桥速比 |
|||
modelSid: '', // 车型sid |
|||
slowMachine: '', // 缓速器 |
|||
specification: '', // 驾驶室 |
|||
rearViewMirrorKey: '', // 后视镜 |
|||
tireSizeKey: '', // 轮胎 |
|||
airConditionerKey: '', // 空调 |
|||
hubMaterialKey: '', // 轮毂材质 |
|||
baffleModelKey: '', // 导流罩 |
|||
suspensionKey: '', // 悬架 |
|||
seatKey: '', // 座椅 |
|||
tireCoverKey: '', // 护轮罩 |
|||
saddleKey: '', // 鞍座 |
|||
wheelbaseKey: '', // 轴距 |
|||
bumperKey: '', // 保险杠 |
|||
configuringBaoKey: '', // 配置包 |
|||
independentSourcesKey: '', // 独立热源 |
|||
multimediaKey: '', // 多媒体 |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
}, |
|||
row: {},// 车型所选数据 |
|||
peiZhiList: {} // 配置所选数据 |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
Dictionary() { |
|||
dataDictionary({type: 'whether'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.airConditioner_list = res.data |
|||
this.baffleModel_list = res.data |
|||
this.tireCover_list = res.data |
|||
this.independentSources_list = res.data |
|||
this.multimedia_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'bodyColor'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.carColor_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'slowMachine'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.slowMachine_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'rearViewMirror'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.rearViewMirror_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'tireSize'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.tireSize_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'specification'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.specification_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'rearAxleRatio'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.rearAxleRatio_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'hubMaterial'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.hubMaterial_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'suspension'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.suspension_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'seat'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.seat_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'saddle'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.saddle_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'wheelbase'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.wheelbase_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'bumper'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.bumper_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'configuringBao'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.configuringBao_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({type: 'fuelType'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelTank_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showData(row) { |
|||
console.log('所选车型', row) |
|||
this.listQuery.params.modelSid = row.sid |
|||
this.modelSid = row.sid |
|||
this.modelName = row.vehicleAlias |
|||
this.Dictionary() |
|||
this.getList() |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
configPageList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.code === '200') { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.getList() |
|||
}, |
|||
handReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carColor: '', // 颜色 |
|||
configName: '', // 配置 |
|||
fuelTank: '', // 燃料 |
|||
rearAxleRatio: '', // 后桥速比 |
|||
slowMachine: '', // 缓速器 |
|||
specification: '', // 驾驶室 |
|||
rearViewMirrorKey: '', // 后视镜 |
|||
tireSizeKey: '', // 轮胎 |
|||
airConditionerKey: '', // 空调 |
|||
hubMaterialKey: '', // 轮毂材质 |
|||
baffleModelKey: '', // 导流罩 |
|||
suspensionKey: '', // 悬架 |
|||
seatKey: '', // 座椅 |
|||
tireCoverKey: '', // 护轮罩 |
|||
saddleKey: '', // 鞍座 |
|||
wheelbaseKey: '', // 轴距 |
|||
bumperKey: '', // 保险杠 |
|||
configuringBaoKey: '', // 配置包 |
|||
independentSourcesKey: '', // 独立热源 |
|||
multimediaKey: '', // 多媒体 |
|||
modelSid: this.modelSid, |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handlook(row) { |
|||
this.dialogVisible = true |
|||
this.dialogQuery.params.modelSid = this.listQuery.params.modelSid |
|||
this.dialogQuery.params.modelConfigSid = row.sid |
|||
notTheCompanyModelPageList(this.dialogQuery).then((res) => { |
|||
if (res.code === '200') { |
|||
this.datalist = res.data.records |
|||
} |
|||
}) |
|||
}, |
|||
handleSelectionChange(row) { |
|||
console.log('选择', row) |
|||
if (row.length > 1) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '仅可选择一条配置！', |
|||
type: 'error' |
|||
}); |
|||
this.$refs.multipleTable.clearSelection(); |
|||
return |
|||
} |
|||
this.peiZhiList = row |
|||
}, |
|||
handleConfirm() { |
|||
if (this.peiZhiList.length > 0) { |
|||
var modelData = new Object() |
|||
this.peiZhiList.forEach((element) => { |
|||
modelData = { |
|||
brandName: this.row.brandName, |
|||
brandSid: this.row.brandSid, |
|||
config: element.configName, //常用配置 |
|||
guildPrice: element.guidedPrice, //单台指导价 |
|||
modelConfig: this.row.modelName, //车型配置名称 |
|||
modelConfigSid: element.sid, //配置sid |
|||
// modelName: element, //车型名称 |
|||
modelSid: this.row.sid, //车型sid |
|||
moreConfig: element.otherConfig, //更多配置 |
|||
} |
|||
}) |
|||
const type = 2 |
|||
this.$emit('handleChexing', modelData,type) |
|||
this.handleReturn() |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择车型配置！', |
|||
type: 'error' |
|||
}); |
|||
} |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
}, |
|||
// handlink(row) { |
|||
// this.viewState = 2 |
|||
// this.$refs['divInfo'].showInfo(this.listQuery.params.modelSid, row) |
|||
// }, |
|||
// handvehicle(row) { |
|||
// this.viewState = 3 |
|||
// this.$refs['divVehiclecar'].showInfo(this.listQuery.params.modelSid, row) |
|||
// }, |
|||
// handproduction(row) { |
|||
// this.viewState = 4 |
|||
// this.$refs['divProduction'].showInfo(this.listQuery.params.modelSid, this.modelName, row) |
|||
// }, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.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> |
|||
@ -0,0 +1,477 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>销售政策管理</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="政策类别"> |
|||
<el-select v-model="listQuery.params.salesPolicy" placeholder="请选择" @change="salesPolicyChange"> |
|||
<el-option |
|||
v-for="item in salesPolicy_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="优惠包类别"> |
|||
<el-select v-model="listQuery.params.discountType" placeholder="请选择" @change="discountTypeChange"> |
|||
<el-option |
|||
v-for="item in discountType_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="是否有效"> |
|||
<el-select v-model="listQuery.params.isEmploy" placeholder="请选择" @change="isEmployChange"> |
|||
<el-option |
|||
v-for="item in effective" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="有效期"> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.getEffectiveStartDate" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
<label>至</label> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.getEffectiveEndDate" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">销售政策列表</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column width="150px" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> <!--:disabled=""--> |
|||
<el-button size="small" type="primary" |
|||
@click="changeNodeState(scope.row)">办理 |
|||
</el-button> |
|||
<el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nodeState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="政策类别" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.salesPolicy }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠包类别" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.discountType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠包名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.discountName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠包价值" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.amount }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠项目说明" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.detail }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="有效期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.effectiveDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="是否生效" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.isEmploy }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- <xiaoshouzhengce-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState"--> |
|||
<!-- @reloadlist="getList"></xiaoshouzhengce-add>--> |
|||
<!-- <xiaoshouzhengce-info v-show="viewState == 4" ref="divinfo" @doback="resetState"></xiaoshouzhengce-info>--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {deleteBySids, listPage, typeValues} from '@/api/jichuxinxi/salepolicy' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
// import xiaoshouzhengceAdd from "./xiaoshouzhengceAdd" |
|||
// import xiaoshouzhengceInfo from "./xiaoshouzhengceInfo" |
|||
|
|||
export default { |
|||
name: "xiaoshouzhengce", |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
// xiaoshouzhengceAdd, |
|||
// xiaoshouzhengceInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
disabled: false, // 办理按钮 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑 4、查看 5、订金-订金收取 |
|||
// 查询 ----------- |
|||
salesPolicy_list: [], //政策类别 |
|||
discountType_list: [], // 优惠包类别 |
|||
effective: [{ // 是否有效 |
|||
value: 0, |
|||
label: '是' |
|||
}, { |
|||
value: 1, |
|||
label: '否' |
|||
}], |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
discountType: '', //优惠类型（赠送套餐 等，数据字典） |
|||
discountTypeKey: '', //优惠类型key |
|||
getEffectiveEndDate: '', //结束有效期 |
|||
getEffectiveStartDate: '', //开始有效期 |
|||
isEmploy: '', //是否有效 |
|||
salesPolicy: '', //政策类别 |
|||
salesPolicyKey: '', //政策类别key |
|||
staffSid: window.sessionStorage.getItem('staffSid') |
|||
}, |
|||
}, |
|||
submitDto: { |
|||
businessSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
}, |
|||
nodeState: '', |
|||
row:[], // 所选数据 |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
this.getType() |
|||
}, |
|||
// ----------功能打开开始-------- |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
// 重置 |
|||
handleReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
discountType: '', |
|||
discountTypeKey: '', |
|||
getEffectiveEndDate: '', |
|||
getEffectiveStartDate: '', |
|||
isEmploy: '', |
|||
salesPolicy: '', |
|||
salesPolicyKey: '' |
|||
}, |
|||
} |
|||
}, |
|||
// 下拉框 |
|||
getType() { |
|||
typeValues({ |
|||
type: 'discountPolicyType' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.salesPolicy_list = res.data |
|||
console.log('下拉框请求政策类别', this.salesPolicy_list) |
|||
} |
|||
}) |
|||
typeValues({ |
|||
type: 'discountPackageType' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.discountType_list = res.data |
|||
console.log('下拉框请求优惠包类别', this.discountType_list) |
|||
} |
|||
}) |
|||
}, |
|||
// 政策类别 |
|||
salesPolicyChange(value) { |
|||
console.log('触发下拉框按钮') |
|||
let bb = {} |
|||
this.salesPolicy_list.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: e.dictType, |
|||
name: e.dictValue, |
|||
key: e.dictKey, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.salesPolicy = bb.name |
|||
this.listQuery.params.salesPolicyKey = bb.key |
|||
console.log('name', this.listQuery.params.salesPolicy) |
|||
}, |
|||
|
|||
// 优惠包类别 |
|||
discountTypeChange(value) { |
|||
console.log('触发下拉框按钮') |
|||
let bb = {} |
|||
this.discountType_list.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: e.dictType, |
|||
name: e.dictValue, |
|||
key: e.dictKey, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.discountType = bb.name |
|||
this.listQuery.params.discountTypeKey = bb.name |
|||
console.log('name', this.listQuery.params.discountType) |
|||
}, |
|||
|
|||
isEmployChange(value) { |
|||
console.log('触发下拉框按钮') |
|||
let bb = {} |
|||
this.effective.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
name: e.value, |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.isEmploy = bb.name |
|||
console.log('name', this.listQuery.params.isEmploy) |
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd() |
|||
}, |
|||
// 打开编辑 |
|||
handleUpdate() { |
|||
if (this.sids.length === 1) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(this.sids[0]) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '不能选中多个信息修改!!', |
|||
type: 'info', |
|||
duration: 2000, |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择信息!!', |
|||
type: 'error', |
|||
duration: 2000, |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
//办理 |
|||
changeNodeState(row) { |
|||
console.log('111', row) |
|||
// if (row.flowState === 0) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row.sid) |
|||
// } else { |
|||
// return |
|||
// } |
|||
}, |
|||
// 打开查看详情 |
|||
handleCheck(row) { |
|||
this.viewState = 4 |
|||
this.$refs['divinfo'].showInfo(row.sid) |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
listPage(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
console.log('row', row) |
|||
this.row = row |
|||
const aa = [] |
|||
const bb = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
bb.push(element.depositBillTypeKey) |
|||
}); |
|||
this.sids = aa |
|||
this.billType = bb |
|||
console.log('选择sid', this.sids) |
|||
console.log('选择订单类型', this.billType) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
const sids = this.sids |
|||
deleteBySids(sids).then((response) => { |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2000, |
|||
}) |
|||
this.getList() |
|||
} else { |
|||
this.$notify({ |
|||
title: '删除失败', |
|||
message: response.msg, |
|||
type: 'error', |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方信息!!', |
|||
type: 'error', |
|||
duration: 2000, |
|||
}) |
|||
// return likeGetCustomerName |
|||
} |
|||
}, |
|||
handleConfirm() { |
|||
this.$emit('handleYouhui',this.row) |
|||
this.handleReturn() |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
|
|||
} |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/* .listcon{height: calc(100vh - 480px);overflow-y: auto;overflow-x: hidden;} */ |
|||
.el-input__icon { |
|||
width: 40px; |
|||
} |
|||
|
|||
.el-form-item .el-form-item__label { |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.block { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.el-form-item__content label { |
|||
padding: 0 5px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,449 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>销售虚拟订单管理</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="客户(付款人)"> |
|||
<el-input v-model="listQuery.params.customerName" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="创建日期"> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.startTime" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
<label>至</label> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.endTime" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">销售虚拟订车单列表</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column width="150px" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> |
|||
<el-button size="small" type="primary" |
|||
:disabled="scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true" |
|||
@click="changeNodeState(scope.row)">办理 |
|||
</el-button> |
|||
<el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nodeState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="虚拟订单类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.depositBillType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="单据编号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.billNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="创建日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.createDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售专员" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.staffName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="客户(付款人)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系电话" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mobile }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="订金(元)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.deposit }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="已使用订金(元)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.usedDeposit }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="预订车辆" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.depositVehicle }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {deleteBySids} from '@/api/jichuxinxi/busdeposit' |
|||
import {depositPageList} from '@/api/salesManagement/orderManagement' |
|||
// import {submitApprove, updateState} from '@/api/portal/workFlow' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
|
|||
|
|||
export default { |
|||
name: 'Xunidingdanguanli', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
}, |
|||
data() { |
|||
return { |
|||
disabled: false, // 办理按钮 |
|||
billTypeKey: '', |
|||
dialogVisible: false, // 弹窗 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑 4、查看 5、订金-订金收取 |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
nodeState_list: [], // 流程状态 |
|||
sids: [], |
|||
billType: [], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
orgName: '', |
|||
staffName: '', |
|||
customerName: '', |
|||
billType: '', |
|||
startTime: '', |
|||
endTime: '', |
|||
}, |
|||
}, |
|||
submitDto: { |
|||
businessSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
}, |
|||
updateDto: { |
|||
nodeState: '', |
|||
sid: '', |
|||
}, |
|||
nodeState: '', |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和编辑 |
|||
visible: true, |
|||
hetongdanganguanliInfoShow: false, |
|||
row:[],//所选数据 |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
|
|||
}, |
|||
// ----------功能打开开始-------- |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
// 重置 |
|||
handleReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 20, |
|||
} |
|||
}, |
|||
// 生成销售订单 |
|||
handleGenerate() { |
|||
|
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.dialogVisible = true |
|||
}, |
|||
// 确认 |
|||
handleConfirm() { |
|||
this.$emit('handleXuniList', this.row) |
|||
this.handleReturn() |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
// 打开编辑 |
|||
handleUpdate() { |
|||
if (this.sids.length == 1) { |
|||
if (this.billType[0] == '01') { |
|||
this.viewState = 5; |
|||
this.dialogStatus = 'edit' |
|||
const sid = this.sids[0] |
|||
const nodeState = this.nodeState_list[0] |
|||
this.$refs['divDing'].showEdit(sid, nodeState) |
|||
} else { |
|||
this.viewState = 3; |
|||
this.dialogStatus = 'edit' |
|||
const sid = this.sids[0] |
|||
const nodeState = this.nodeState_list[0] |
|||
this.$refs['divadd'].showEdit(sid, nodeState) |
|||
} |
|||
} else if (this.sids.length == 0) { |
|||
this.$notify({ |
|||
title: '您还未选择，请选择数据！！！', |
|||
type: 'error', |
|||
}) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '您未选择的数据过多，请选择一条数据编辑！！', |
|||
type: 'error', |
|||
}) |
|||
} |
|||
}, |
|||
// 打开查看详情 |
|||
handleCheck(row) { |
|||
if (row.depositBillTypeKey == '01') { |
|||
this.viewState = 6 |
|||
this.$refs['divDingInfo'].showInfo(row.sid, row.nodeState) |
|||
} else { |
|||
this.viewState = 4 |
|||
this.$refs['divinfo'].showInfo(row.sid, row.nodeState) |
|||
} |
|||
}, |
|||
handleInfo() { |
|||
this.viewState = 4 |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
noClickclose() { |
|||
this.viewState = 1 |
|||
this.hetongdanganguanliInfoShow = false |
|||
}, |
|||
// 打开消合同详情 |
|||
handleCheckhetong() { |
|||
this.viewState = false |
|||
this.hetongdanganguanliInfoShow = true |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
depositPageList({ |
|||
current: this.listQuery.current, |
|||
size: this.listQuery.size, |
|||
params: { |
|||
// orgName: this.listQuery.orgName, |
|||
// staffName: this.listQuery.staffName, |
|||
customerName: this.listQuery.customerName, |
|||
startTime: this.listQuery.startTime, |
|||
endTime: this.listQuery.endTime, |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
staffSid: window.sessionStorage.getItem('staffSid') |
|||
}, |
|||
}).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
for (var i = 0; i < response.data.records.length; i++) { |
|||
var timeArr = response.data.records[i].createDate.split(' '); |
|||
this.list[i].createDate = timeArr[0]; |
|||
} |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
console.log('row', row) |
|||
this.row = row |
|||
const aa = [] |
|||
const bb = [] |
|||
const cc = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
bb.push(element.depositBillTypeKey) |
|||
cc.push(element.nodeState) |
|||
}); |
|||
this.sids = aa |
|||
this.billType = bb |
|||
this.nodeState_list = cc |
|||
console.log('选择sid', this.sids) |
|||
console.log('选择订单类型', this.billType) |
|||
console.log('流程状态', this.nodeState_list) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
const sids = this.sids |
|||
deleteBySids(sids).then((response) => { |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2000, |
|||
}) |
|||
this.getList() |
|||
} else { |
|||
this.$notify({ |
|||
title: '删除失败', |
|||
message: response.msg, |
|||
type: 'error', |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方信息!!', |
|||
type: 'error', |
|||
duration: 2000, |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
|
|||
//办理 |
|||
changeNodeState(row) { |
|||
console.log('111', row) |
|||
if (row.nodeState == '' || row.nodeState == '发起订单') { |
|||
if (row.depositBillTypeKey == '01') { |
|||
this.viewState = 5; |
|||
this.dialogStatus = 'edit' |
|||
this.$refs['divDing'].showEdit(row.sid, row.nodeState) |
|||
} else if (row.depositBillTypeKey == '02') { |
|||
this.viewState = 3; |
|||
this.dialogStatus = 'edit' |
|||
this.$refs['divadd'].showEdit(row.sid, row.nodeState) |
|||
} |
|||
} |
|||
}, |
|||
// 导出 |
|||
handleDaoChu() { |
|||
// basefinbankExportExcel(this.sids).then((res) => { |
|||
// const blob = new Blob([res], { |
|||
// type: 'application/vnd.ms-excel', |
|||
// }) |
|||
// const objectUrl = URL.createObjectURL(blob) |
|||
// window.location.href = objectUrl |
|||
// this.$notify({ |
|||
// title: '提示', |
|||
// message: '导出成功', |
|||
// type: 'success', |
|||
// duration: 2000, |
|||
// }) |
|||
// }) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
/* .listcon{height: calc(100vh - 480px);overflow-y: auto;overflow-x: hidden;} */ |
|||
.el-input__icon { |
|||
width: 40px; |
|||
} |
|||
|
|||
.el-form-item .el-form-item__label { |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.block { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.el-form-item__content label { |
|||
padding: 0 5px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>车型选择</div> |
|||
<div> |
|||
<el-button type="primary" size="medium" @click="handleConfirm()">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="车型"> |
|||
<el-input v-model="listQuery.params.modelName" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="车型配置"> |
|||
<el-input v-model="listQuery.params.modelConfigName" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
<div class=""> |
|||
<el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="品牌" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.brandName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.modelAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="常用配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.config }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import {getXuniList} from '@/api/salesManagement/orderManagement' |
|||
|
|||
export default { |
|||
name: "xunidingdanxuanze", |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
listLoading: false, |
|||
total: 1, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
customerSid: '', // 客户sid |
|||
modelConfigName: '', // 常用配置 |
|||
modelName: '', // 车型别名 |
|||
}, |
|||
}, |
|||
row: [],//所选数据 |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.getList() |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
if (row.length > 1) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '仅可选择一个车型！', |
|||
type: 'error' |
|||
}); |
|||
this.$refs.multipleTable.clearSelection(); |
|||
return |
|||
} |
|||
this.row = row |
|||
}, |
|||
showXuni(customerSid, staffSid) { |
|||
console.log('虚拟订单选择', customerSid, staffSid) |
|||
this.listQuery.params.customerSid = customerSid |
|||
this.listQuery.params.staffSid = staffSid |
|||
this.getList() |
|||
}, |
|||
// ----------功能打开开始-------- |
|||
handleConfirm() { |
|||
if (this.row.length > 0) { |
|||
var modelData = new Object(); |
|||
this.row.forEach((element) => { |
|||
modelData = element |
|||
}) |
|||
const type = 2 |
|||
this.$emit('handlexuniList', modelData, type) |
|||
this.handleReturn() |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择虚拟订单！', |
|||
type: 'error' |
|||
}); |
|||
} |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
getXuniList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.searchcon { |
|||
margin-top: 8px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,208 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>车型选择</div> |
|||
<div> |
|||
<el-button type="primary" size="medium" @click="handleConfirm()">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="车型"> |
|||
<el-input v-model="listQuery.params.modelName" placeholder="请输入" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<el-form-item label="车型配置"> |
|||
<el-input v-model="listQuery.params.modelConfigName" placeholder="请输入" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList" /> |
|||
<div class=""> |
|||
<el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center" /> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="品牌" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.brandName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.modelAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="常用配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.config }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { getYixiangList } from '@/api/salesManagement/orderManagement' |
|||
|
|||
export default { |
|||
name: "yixiangchexing", |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
listLoading: false, |
|||
total: 1, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
customerSid: '', // 客户sid |
|||
modelConfigName: '', // 常用配置 |
|||
modelName: '', // 车型别名 |
|||
}, |
|||
}, |
|||
row: [], |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.getList() |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
console.log('row:', row) |
|||
if (row.length > 1) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '仅可选择一个车型！', |
|||
type: 'error' |
|||
}); |
|||
this.$refs.multipleTable.clearSelection(); |
|||
return |
|||
} |
|||
if (row.length == 1) { |
|||
this.row = row |
|||
} |
|||
}, |
|||
showYixiang(sid) { |
|||
console.log('意向车型', sid) |
|||
this.listQuery.params.customerSid = sid |
|||
console.log('意向车型', this.listQuery.params.customerSid) |
|||
this.getList() |
|||
}, |
|||
// ----------功能打开开始-------- |
|||
// 确认选择数据 |
|||
handleConfirm() { |
|||
if (this.row.length > 0) { |
|||
var modelData = new Object(); |
|||
this.row.forEach((element) => { |
|||
modelData = element |
|||
}) |
|||
const type = 1 |
|||
this.$emit('handleyixiangList', modelData,type) |
|||
this.handleReturn() |
|||
}else{ |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择意向车型！', |
|||
type: 'error' |
|||
}); |
|||
} |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
getYixiangList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.searchcon { |
|||
margin-top: 8px; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
@ -1,13 +1,596 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="relState == '2'"> |
|||
<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="temp" label-position="right" class="formadd"> |
|||
<!-- --------------------------订单----------------- --> |
|||
<div class="tit"> |
|||
销售订单 |
|||
<div class="times"> |
|||
<div> |
|||
<span>销售机构：</span> |
|||
<span>{{ temp.billNo }}</span> |
|||
</div> |
|||
<div> |
|||
<span>编号：</span> |
|||
<span>{{ temp.billNo }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="times02"> |
|||
<div> |
|||
<span>销售部门：</span> |
|||
<span>{{ temp.orgName}}</span> |
|||
</div> |
|||
<div> |
|||
<span>销售专员：</span> |
|||
<span>{{ temp.staffName }}</span> |
|||
</div> |
|||
<div> |
|||
<span>制单日期：</span> |
|||
<span>{{ temp.createDate }}</span> |
|||
</div> |
|||
</div> |
|||
<!-- ==================== 客户信息 ======================================== --> |
|||
<div class="titleleft">客户信息</div> |
|||
<el-row class="bordertopline"> |
|||
<el-col :span="3"> |
|||
<span>客户名称</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="customerName"> |
|||
<span>{{ temp.customerName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>联系电话</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="mobile"> |
|||
<span>{{temp.mobile}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>挂靠公司</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-form-item prop="affiliatedCompany"> |
|||
<span>{{temp.affiliatedCompany}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>订单类型</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.type}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>付款方式</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>开票类型</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.billingTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- ==================== 主车信息 ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>主车信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>车型名称</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.modelName}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>常用配置</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.config}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>更多配置</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.moreConfig}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>特殊配置说明</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.specialConfig}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>上装</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderMakeup.announcementModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderMakeup.linkNo}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>采购订单编号</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderMakeup.linkNo}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- ==================== 挂车(暂不考虑) ======================================== --> |
|||
<div class="titleleft space_up">挂车信息</div> |
|||
<div class="shangzhuangstyle"> |
|||
<el-row> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 价格信息 ======================================== --> |
|||
<div class="titleleft space_up">价格信息</div> |
|||
<div> |
|||
<el-container> |
|||
<el-main> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>主车成交价</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.type}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>主车台数</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>挂车价格</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.type}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>挂车台数</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-main> |
|||
<el-aside width="240px" class="aside_one"> |
|||
<span>车架合计</span> |
|||
</el-aside> |
|||
<el-aside width="240px" class="aside_two"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-aside> |
|||
</el-container> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>计划提车地点</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.busSalesOrderPrice.plannedPickUpLocation}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>预计提车日期</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.busSalesOrderPrice.plannedPickUpDate}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 优惠说明 ======================================== --> |
|||
<div class="titleleft space_up">优惠说明</div> |
|||
<div class="shangzhuangstyle"> |
|||
<el-row> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 保险说明 ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>保险说明</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
<!-- ==================== 金融方案(暂不考虑) ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>金融方案</span> |
|||
<!-- <div class="jinrongTit">--> |
|||
<!-- <span>单车方案编辑</span>--> |
|||
<!-- <span> 预览总方案</span>--> |
|||
<!-- </div>--> |
|||
</div> |
|||
<!-- ==================== 订金信息 ======================================== --> |
|||
<div class="titleleft space_up"> |
|||
<span>订金信息</span> |
|||
</div> |
|||
<div class="shangzhuangstyle"> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>单台订金</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
{{temp.busSalesOrderDeposit.deposit}} |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>订金合计</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderDeposit.depositAll }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>定金备注</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderDeposit.remarks}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 补充说明 ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>补充说明</span> |
|||
</div> |
|||
<el-row> |
|||
<el-input v-model="temp.remarks" type="textarea" placeholder="补充说明" class="addinputw"/> |
|||
</el-row> |
|||
<!-- ==================== 尾部署名 ======================================== --> |
|||
<div class="footer_con"> |
|||
<div class="footer_tit"><span>销售专员：{{temp.staffName}}</span></div> |
|||
<div class="footer_tit"><span>客户签名：{{temp.customerName}}</span></div> |
|||
</div> |
|||
<div class="footer_time"> |
|||
<div class="footer_tit"><span>{{temp.createDate}}</span></div> |
|||
<div class="footer_tit"><span>{{temp.createDate}}</span></div> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {fetchDetailsBySid} from '@/api/salesManagement/orderManagement' |
|||
export default { |
|||
name: "xiaoshoudingdanInfo" |
|||
name: "xiaoshoudingdanInfo", |
|||
data() { |
|||
return { |
|||
state: '', |
|||
relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择 |
|||
// 4.1优惠明细 5.1虚拟订单 |
|||
nodeState: '', // 节点状态 |
|||
temp: { |
|||
billNo: '', // 编号 |
|||
affiliatedCompany: '', //挂靠公司名称 |
|||
affiliatedCompanySid: '', //挂靠公司sid |
|||
billingType: '', //开票类型value |
|||
billingTypeKey: '', //开票类型key |
|||
busDepositFictitiousList: [{ |
|||
depositBillNo: '', //虚拟订单编号 |
|||
depositPrice: '', //订金剩余金额 |
|||
depositSid: '', //订金信息sid |
|||
payPath: '', //款项支付委托书 |
|||
price: '', //本次结转金额 |
|||
}], //虚拟订单和订金关联 |
|||
busSalesOrderDeposit: { |
|||
deposit: '', // 单台订金 |
|||
depositAll: '', // 订金合计 |
|||
depositType: '', // 订金交纳方式 |
|||
depositTypeKey: '', // 订金交纳方式key |
|||
makeUpDeposit: '', // 需补交订金 |
|||
}, //订金信息 |
|||
busSalesOrderDiscountList: [{ |
|||
discountExplain: '', //优惠项目明细 |
|||
name: '', //优惠名称 |
|||
num: '', //数量 |
|||
price: '', //价值 |
|||
salesPolicySid: '', //销售政策sid |
|||
totalValue: '', //总价值 |
|||
}], //主车优惠明细 |
|||
busSalesOrderInsurance: { |
|||
insuranceCarMoney: '', //单台车保费预估金额 |
|||
insuranceName: '', //保险公司名称 |
|||
insuranceNum: '', //公司入保期数 |
|||
}, //保险说明 |
|||
busSalesOrderMakeup: { |
|||
announcementModel: '', //公告型号 |
|||
contractPath: '', //合同上传 |
|||
moreConfig: '', //更多配置 |
|||
overallDimension: '', //外廓尺寸 |
|||
plateMaterial: '', //板材材质 |
|||
plateThickness: '', //板材厚度 |
|||
refitFactory: '', //委改厂 |
|||
refitMethod: '', //委改方式 |
|||
topName: '', //上装名称 |
|||
topPrice: '', //上装价格 |
|||
}, //上装配置信息 |
|||
busSalesOrderModel: { |
|||
brandName: '', //品牌 |
|||
config: '', //常用配置 |
|||
finalPrice: '', //单台成交价 |
|||
guildPrice: '', //单台指导价 |
|||
modelConfig: '', //车型配置名称 |
|||
modelConfigSid: '', //配置sid |
|||
modelName: '', //车型名称 |
|||
modelSid: '', //车型sid |
|||
moreConfig: '', //更多配置 |
|||
specialConfig: '', //特殊配置说明 |
|||
}, //主车车型信息 |
|||
busSalesOrderPrice: { |
|||
plannedPickUpDate: '', //计划提车日期 |
|||
plannedPickUpLocation: '', //计划提车地点 |
|||
priceSum: '', //车价合计 |
|||
quantity: '', //台数 |
|||
singleFinalPrice: '', //单台成交价 (主车加上装） |
|||
singleGuildPrice: '', //单台指导价 (主车加上装） |
|||
}, //价格信息 |
|||
busSalesOrderVehicleList: [],//现车车辆信息 |
|||
busSalesVehicleOrderList: [], //采购订单信息 |
|||
// { |
|||
// linkNo: '', //车架号 |
|||
// linkSid: '', //车辆sid |
|||
// linkText: '', //车辆存放地点 |
|||
// } |
|||
createDate: '', //制单日期 |
|||
customerName: '', //客户名称 |
|||
customerSid: '', //客户sid |
|||
isInsurance: '', //公司是否入保 |
|||
isTop: '', //是否包含上装 |
|||
mobile: '', //客户联系电话 |
|||
notes: '', //补充说明 |
|||
orgName: window.sessionStorage.getItem('Orgname'), //销售部门 |
|||
orgSid: window.sessionStorage.getItem('orgSid'), //销售部门sid |
|||
payType: '', //付款方式value |
|||
payTypeKey: '', //付款方式key |
|||
sid: '', |
|||
staffName: window.sessionStorage.getItem('name'), //销售专员 |
|||
staffSid: window.sessionStorage.getItem('staffSid'), //销售专员sid |
|||
type: '', //销售订单车辆类型 1现车、2订单、3排产 |
|||
}, // 添加和修改 |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(billNo) { |
|||
this.relState = '2' |
|||
}, |
|||
handleReturn() { |
|||
this.relState = '' |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.formadd { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.shangzhuangstyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.jiagestyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.chosseBtn /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.tit { |
|||
margin: 0 0 10px 0; |
|||
padding: 10px 0 0 0; |
|||
} |
|||
|
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.times02 { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 0 0 24px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
|
|||
/deep/ .el-col-3, .el-col-4, .el-col-2 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/deep/ .el-button--small { |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.space_up { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.qitas .left { |
|||
text-align: left; |
|||
} |
|||
|
|||
.qitas .right { |
|||
text-align: right; |
|||
} |
|||
|
|||
.addinputw { |
|||
display: inline-block !important; |
|||
} |
|||
|
|||
.jinrongTit span { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
/deep/ .is-checked /deep/ .el-checkbox__label { |
|||
color: white; |
|||
} |
|||
|
|||
/deep/ .el-checkbox__label { |
|||
color: white; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
background-color: #0294d7; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
padding-bottom: 0; |
|||
} |
|||
|
|||
/deep/ .el-main { |
|||
padding: 0; |
|||
} |
|||
|
|||
.aside_one { |
|||
border-right: 1px solid #e0e3eb; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
text-align: right; |
|||
line-height: 100px; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.aside_two { |
|||
border-right: 1px solid #e0e3eb; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
text-align: left; |
|||
line-height: 100px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.footer_con { |
|||
padding: 40px 25px 0 45px; |
|||
} |
|||
|
|||
.footer_time { |
|||
padding: 25px 25px 0 95px; |
|||
} |
|||
|
|||
.footer_con .footer_tit { |
|||
display: inline-block; |
|||
width: 20%; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.footer_time .footer_tit { |
|||
display: inline-block; |
|||
width: 20%; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.footer_tit:last-child { |
|||
float: right; |
|||
margin: 0; |
|||
right: 120px; |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,549 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="relState == '3'"> |
|||
<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="temp" label-position="right" class="formadd" :rules="rules"> |
|||
<!-- --------------------------订单----------------- --> |
|||
<div class="tit"> |
|||
订单提交时补充内容 |
|||
<div class="times"> |
|||
<div> |
|||
<span>编号：</span> |
|||
<span>{{ temp.billNo }}</span> |
|||
</div> |
|||
<div> |
|||
<span>制单日期：</span> |
|||
<span>{{ temp.createDate }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="times02"> |
|||
<div> |
|||
<span>客户名称：</span> |
|||
<span>{{ temp.customerName }}</span> |
|||
</div> |
|||
<div> |
|||
<span>联系电话：</span> |
|||
<span>{{ temp.mobile }}</span> |
|||
</div> |
|||
</div> |
|||
<!-- ==================== 价格说明 ======================================== --> |
|||
<div class="titleleft space_up">价格说明</div> |
|||
<div class="jiagestyle"> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>单台指导价</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.singleGuildPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>单台成交价</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.singleFinalPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
<el-col :span="4"/> |
|||
<el-col :span="2"> |
|||
<span>台数</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.quantity }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>车架合计</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.priceSum }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>计划提车地点</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.plannedPickUpLocation }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>预计提车日期</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.plannedPickUpDate }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>价格说明</span> |
|||
</el-col> |
|||
<el-col :span="22"> |
|||
<el-input v-model="temp.busSalesOrderPrice.plannedPickUpLocation" placeholder="请输入价格说明" |
|||
class="addinputw" clearable/> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 优惠说明 ======================================== --> |
|||
<div class="titleleft space_up">优惠说明</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="temp.busSalesOrderDiscountList" border fit |
|||
highlight-current-row :index="index" style="width: 100%;"> |
|||
<el-table-column label="序号" type="index" width="80" align="center"/> |
|||
<el-table-column label="优惠名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="价值" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.price }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠项目说明" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.discountExplain }}</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.totalValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>备注说明</span> |
|||
</el-col> |
|||
<el-col :span="22"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入备注说明" |
|||
class="addinputw" clearable/> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- ==================== 完善以下信息 ======================================== --> |
|||
<div class="titleleft space_up">完善以下信息</div> |
|||
<div> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>中介名称</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入中介名称" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>联系电话</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入联系电话" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>合同</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{ temp.billingTypeKey }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>单车中介服务费</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入价格说明" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>台数</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{ temp.payTypeKey }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>返利合计</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入返利合计" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>返利备注</span> |
|||
</el-col> |
|||
<el-col :span="19"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入返利备注" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>内部引荐人</span> |
|||
</el-col> |
|||
<el-col :span="19"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请选择内部引荐人" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "xiaoshoudingdanSubmit", |
|||
data() { |
|||
return { |
|||
// 能确定有用的 |
|||
viewTitle: '', |
|||
state: '', |
|||
relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择 |
|||
// 4.1优惠明细 5.1虚拟订单 |
|||
dialogStatus: 'add', |
|||
index: 0, |
|||
customerVisible: false, |
|||
xiancheVisible: false, |
|||
caigouVisible: false, |
|||
formLabelWidth: '110px', |
|||
disabled: false, |
|||
checked: false, // 上装 |
|||
checkedGua: false, // 挂车 |
|||
checkedBaoxian: false, // 保险 |
|||
activeNames: ['1'], // 折叠面板效果 |
|||
contractPdfView: false, // 预览合同 |
|||
contractPdf: '', // pdf文件地址 |
|||
customerList: [], |
|||
payTypeList: [], |
|||
billingType_list: [], // 单选开票类型 |
|||
payType_list: [], |
|||
guaKaoCompanyList: [], |
|||
visitWay_list: [], |
|||
tableKey: 0, |
|||
tableKey2: 1, |
|||
tableKey3: 2, |
|||
tableKey4: 3, |
|||
FormLoading: false, // 控制保存按钮 |
|||
listLoading: false, |
|||
nodeState: '', // 节点状态 |
|||
orderSid: '', // 预览合同需要的sid |
|||
// 客户登记 |
|||
customerTypeList: { |
|||
visitWay: '', // 联络方式 |
|||
visitWayKey: '', |
|||
customerType: ''// 客户类型 |
|||
}, |
|||
temp: { |
|||
affiliatedCompany: '', //挂靠公司名称 |
|||
affiliatedCompanySid: '', //挂靠公司sid |
|||
billingType: '', //开票类型value |
|||
billingTypeKey: '', //开票类型key |
|||
busDepositFictitiousList: [{ |
|||
depositBillNo: '', //虚拟订单编号 |
|||
depositPrice: '', //订金剩余金额 |
|||
depositSid: '', //订金信息sid |
|||
payPath: '', //款项支付委托书 |
|||
price: '', //本次结转金额 |
|||
}], //虚拟订单和订金关联 |
|||
busSalesOrderDeposit: { |
|||
deposit: '', // 单台订金 |
|||
depositAll: '', // 订金合计 |
|||
depositType: '', // 订金交纳方式 |
|||
depositTypeKey: '', // 订金交纳方式key |
|||
makeUpDeposit: '', // 需补交订金 |
|||
}, //订金信息 |
|||
busSalesOrderDiscountList: [{ |
|||
discountExplain: '', //优惠项目明细 |
|||
name: '', //优惠名称 |
|||
num: '', //数量 |
|||
price: '', //价值 |
|||
salesPolicySid: '', //销售政策sid |
|||
totalValue: '', //总价值 |
|||
}], //主车优惠明细 |
|||
busSalesOrderInsurance: { |
|||
insuranceCarMoney: '', //单台车保费预估金额 |
|||
insuranceName: '', //保险公司名称 |
|||
insuranceNum: '', //公司入保期数 |
|||
}, //保险说明 |
|||
busSalesOrderMakeup: { |
|||
announcementModel: '', //公告型号 |
|||
contractPath: '', //合同上传 |
|||
moreConfig: '', //更多配置 |
|||
overallDimension: '', //外廓尺寸 |
|||
plateMaterial: '', //板材材质 |
|||
plateThickness: '', //板材厚度 |
|||
refitFactory: '', //委改厂 |
|||
refitMethod: '', //委改方式 |
|||
topName: '', //上装名称 |
|||
topPrice: '', //上装价格 |
|||
}, //上装配置信息 |
|||
busSalesOrderModel: { |
|||
brandName: '', //品牌 |
|||
config: '', //常用配置 |
|||
finalPrice: '', //单台成交价 |
|||
guildPrice: '', //单台指导价 |
|||
modelConfig: '', //车型配置名称 |
|||
modelConfigSid: '', //配置sid |
|||
modelName: '', //车型名称 |
|||
modelSid: '', //车型sid |
|||
moreConfig: '', //更多配置 |
|||
specialConfig: '', //特殊配置说明 |
|||
}, //主车车型信息 |
|||
busSalesOrderPrice: { |
|||
plannedPickUpDate: '', //计划提车日期 |
|||
plannedPickUpLocation: '', //计划提车地点 |
|||
priceSum: '', //车价合计 |
|||
quantity: '', //台数 |
|||
singleFinalPrice: '', //单台成交价 (主车加上装） |
|||
singleGuildPrice: '', //单台指导价 (主车加上装） |
|||
}, //价格信息 |
|||
busSalesOrderVehicleList: [],//现车车辆信息 |
|||
busSalesVehicleOrderList: [], //采购订单信息 |
|||
// { |
|||
// linkNo: '', //车架号 |
|||
// linkSid: '', //车辆sid |
|||
// linkText: '', //车辆存放地点 |
|||
// } |
|||
createDate: '', //制单日期 |
|||
customerName: '', //客户名称 |
|||
customerSid: '', //客户sid |
|||
isInsurance: '', //公司是否入保 |
|||
isTop: '', //是否包含上装 |
|||
mobile: '', //客户联系电话 |
|||
notes: '', //补充说明 |
|||
orgName: window.sessionStorage.getItem('Orgname'), //销售部门 |
|||
orgSid: window.sessionStorage.getItem('orgSid'), //销售部门sid |
|||
payType: '', //付款方式value |
|||
payTypeKey: '', //付款方式key |
|||
sid: '', |
|||
staffName: window.sessionStorage.getItem('name'), //销售专员 |
|||
staffSid: window.sessionStorage.getItem('staffSid'), //销售专员sid |
|||
type: '', //销售订单车辆类型 1现车、2订单、3排产 |
|||
}, // 添加和修改 |
|||
isXuanzeShow: '', |
|||
// 现车列表 |
|||
xianchetotal: 1, |
|||
xiancheLoading: false, |
|||
xiancheList: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
customerSid: '', |
|||
modelConfigSid: '', |
|||
modelSid: '', |
|||
staffSid: '', |
|||
type: '' |
|||
} |
|||
}, |
|||
// 采购订单列表 |
|||
caigoutotal: 1, |
|||
caigouLoading: false, |
|||
caigouList: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
billNo: '', |
|||
createDate: '', |
|||
customerName: '' |
|||
} |
|||
}, |
|||
// 现车表格数据 |
|||
listXianche: [], |
|||
// 采购订单表格数据 |
|||
listCaigou: [], |
|||
// 表单验证 |
|||
rules: {}, |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
showSubmit() { |
|||
this.relState = '3' |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.formadd { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.shangzhuangstyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.jiagestyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.chosseBtn /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.tit { |
|||
margin: 0 0 10px 0; |
|||
padding: 10px 0 0 0; |
|||
} |
|||
|
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.times02 { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 0 0 24px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.customer_sel { |
|||
width: 65% !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3, |
|||
.el-col-4, |
|||
.el-col-2 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/*/deep/ .el-form-item__content {*/ |
|||
/* margin-left: 0 !important;*/ |
|||
/*}*/ |
|||
.chooseForm { |
|||
margin-left: 15px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
/deep/ .el-button--small { |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.space_up { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.qitas .left { |
|||
text-align: left; |
|||
} |
|||
|
|||
.qitas .right { |
|||
text-align: right; |
|||
} |
|||
|
|||
.addinputw { |
|||
display: inline-block !important; |
|||
} |
|||
|
|||
.checkedBaoxian { |
|||
margin-left: 15px; |
|||
} |
|||
|
|||
.baoxianInput { |
|||
text-align: left; |
|||
} |
|||
|
|||
.jinrongTit { |
|||
float: right; |
|||
} |
|||
|
|||
.jinrongTit span { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
/deep/ .is-checked /deep/ .el-checkbox__label { |
|||
color: white; |
|||
} |
|||
|
|||
/deep/ .el-checkbox__label { |
|||
color: white; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
background-color: #0294d7; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
padding-bottom: 0; |
|||
} |
|||
|
|||
.zhucheBtn { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.xiancheBtn { |
|||
float: right; |
|||
} |
|||
|
|||
.xiancheForm { |
|||
text-align: center; |
|||
} |
|||
|
|||
.dialogBtn { |
|||
text-align: left; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,207 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 标题按钮部分开始 --> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<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> |
|||
</div> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<!-- 标题按钮部分结束 --> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd"> <div class="wlInfo" style="text-align: center;"><span style="font-size:28px;">外采申请表</span></div> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">申请编号</el-col> |
|||
<el-col :span="5" class="trightb"><el-form-item prop="applicationCode"> |
|||
<span>{{ formobj.applicationCode }}</span></el-form-item></el-col> |
|||
<el-col :span="3" class="tleftb">申请人姓名</el-col> |
|||
<el-col :span="5" class="trightb"><el-form-item prop="createByName"><span>{{ formobj.createByName }}</span></el-form-item></el-col> |
|||
<el-col :span="3" class="tleftb">申请日期</el-col> |
|||
<el-col :span="5" class="trightb"><el-form-item prop="applicationDate"><span>{{ formobj.applicationDate }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">外采类型</el-col> |
|||
<el-col :span="21" class="trightb"> |
|||
<el-form-item prop="externalMiningTypeValue"> |
|||
<span v-show="formobj.externalMiningTypeKey==2">政策外采</span> |
|||
<span v-show="formobj.externalMiningTypeKey==1">直接外采</span> |
|||
</el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">采购单位名称</el-col> |
|||
<el-col :span="21" class="trightb"><el-form-item prop="purchasingUnitName"><span>{{ formobj.purchasingUnitName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">车型名称</el-col> |
|||
<el-col :span="21" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.modelName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">常用配置名称</el-col> |
|||
<el-col :span="21" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.configName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row><el-col :span="3" class="tleftb">采购价格</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasePrice }}</span></el-form-item></el-col> |
|||
|
|||
<el-col :span="4" class="tleftb">销售指导价</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.guidedPrice }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> <el-col :span="3" class="tleftb">厂家合同价</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item></el-col> |
|||
|
|||
<el-col :span="4" class="tleftb">台数</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.num }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> <el-col :span="3" class="tleftb">订金</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.deposit }}</span></el-form-item></el-col> |
|||
|
|||
<el-col :span="4" class="tleftb">费用名称</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.expenseName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> <el-col :span="3" class="tleftb">费用金额合计</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.totalExpenseAmount }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<div class="listcon" v-show="formobj.externalMiningTypeKey==2"> |
|||
<div style="border:1px solid #c0c0c0;padding:5px 5px 5px 5px;"> |
|||
车辆列表 |
|||
</div> |
|||
<el-table :data="formobj.baseOutsourcingApplicationVehicleDtos" border style="width: 100%" >‘ |
|||
<el-table-column width="60px" label="序号" type="index" align="center" /> |
|||
<el-table-column prop="vinNo" label="车架号" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
</el-form> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication' |
|||
export default { |
|||
name: 'BaseOutsourcingApplicationInfo', |
|||
data() { |
|||
return { |
|||
formobj: { |
|||
sid: '', |
|||
applicationCode: '123456', // 申请编号 |
|||
createByName: window.sessionStorage.getItem('name'), // 申请人姓名 |
|||
applicationDate: '', // 申请日期 |
|||
externalMiningTypeKey: '1', // 外采类型key |
|||
externalMiningTypeValue: '', // 外采类型value |
|||
purchasingUnitName: '', // 采购单位名称 |
|||
modelSid: '', // 车型sid |
|||
modelName: '', // 车型名称 |
|||
configName: '', // 常用配置名称 |
|||
configSid: '', // 常用配置sid |
|||
purchasePrice: '', // 采购价格 |
|||
guidedPrice: '', // 销售指导价 |
|||
manufactorSettlementPrice: '', // 厂家合同价 |
|||
num: '0', // 台数 |
|||
deposit: '', // 订金 |
|||
expenseName: '', // 费用名称 |
|||
totalExpenseAmount: '', // 费用金额合计 |
|||
orgSid: '', // 部门sid |
|||
baseOutsourcingApplicationVehicleDtos:[] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 终止 |
|||
openStop() { |
|||
this.$confirm('是否确认执行终止操作', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(() => { |
|||
this.handleStop() |
|||
}) |
|||
.catch(() => { |
|||
this.$message({ |
|||
type: 'info', |
|||
message: '已取消终止' |
|||
}) |
|||
}) |
|||
}, |
|||
// 驳回 |
|||
openReject() { |
|||
this.$confirm('是否确认执行驳回操作', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(() => { |
|||
this.handleReject() |
|||
}) |
|||
.catch(() => { |
|||
this.$message({ |
|||
type: 'info', |
|||
message: '已取消驳回' |
|||
}) |
|||
}) |
|||
}, |
|||
// 同意 |
|||
openAgree() { |
|||
this.$confirm('是否确认执行同意操作', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}) |
|||
.then(() => { |
|||
this.handleAgree() |
|||
}) |
|||
.catch(() => { |
|||
this.$message({ |
|||
type: 'info', |
|||
message: '已取消同意' |
|||
}) |
|||
}) |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
const _this = this |
|||
req |
|||
.fetchBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
const vdata = resp.data |
|||
_this.formobj.applicationCode = vdata.applicationCode // 申请编号 |
|||
_this.formobj.createByName = vdata.createByName // 申请人姓名 |
|||
_this.formobj.applicationDate = vdata.applicationDate // 申请日期 |
|||
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // 外采类型key |
|||
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // 外采类型value |
|||
_this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // 采购单位sid |
|||
_this.formobj.purchasingUnitName = vdata.purchasingUnitName // 采购单位名称 |
|||
_this.formobj.modelSid = vdata.modelSid // 车型sid |
|||
_this.formobj.modelName = vdata.modelName // 车型名称 |
|||
_this.formobj.configName = vdata.configName // 常用配置名称 |
|||
_this.formobj.purchasePrice = vdata.purchasePrice // 采购价格 |
|||
_this.formobj.guidedPrice = vdata.guidedPrice // 销售指导价 |
|||
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice // 厂家合同价 |
|||
_this.formobj.num = vdata.num // 台数 |
|||
_this.formobj.deposit = vdata.deposit // 订金 |
|||
_this.formobj.expenseName = vdata.expenseName // 费用名称 |
|||
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount // 费用金额合计 |
|||
_this.formobj.orgSid = vdata.orgSid // 部门sid |
|||
_this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
_this.formobj = row |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
@ -0,0 +1,453 @@ |
|||
<template> |
|||
<div> |
|||
<div v-show="viewState == 1"> |
|||
<!-- 标题按钮部分开始 --> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>{{ viewTitle }}</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit">提交</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
<!-- end 添加修改按钮 --> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<!-- 标题按钮部分结束 --> |
|||
<!-- Start 新增修改部分 --> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd"> |
|||
<div class="wlInfo" style="text-align: center;"><span style="font-size:28px;">外采申请表</span></div> |
|||
<br><br> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>申请编号</span> |
|||
</el-col> |
|||
<el-col :span="5" class="trightb"> |
|||
<el-form-item prop="applicationCode">{{formobj.applicationCode}}</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>申请人</span> |
|||
</el-col> |
|||
<el-col :span="5" class="trightb"> |
|||
<el-form-item prop="createByName">{{formobj.createByName}}</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>申请日期</span> |
|||
</el-col> |
|||
<el-col :span="5" class="trightb"> |
|||
<el-form-item prop="applicationDate">{{formobj.applicationDate}}</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>外采类型</span> |
|||
</el-col> |
|||
<el-col :span="21" class="trightb" > |
|||
<el-radio v-model="formobj.externalMiningTypeKey" label="1">直接外采</el-radio> |
|||
<el-radio v-model="formobj.externalMiningTypeKey" label="2">政策外采</el-radio> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none; "> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>采购单位</span> |
|||
</el-col> |
|||
<el-col :span="21" class="trightb"> |
|||
<el-form-item prop="purchasingUnitName"><el-input size="small" v-model="formobj.purchasingUnitName" placeholder="采购单位" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>车型</span> |
|||
</el-col> |
|||
<el-col :span="19" class="trightb"> |
|||
<el-form-item prop="modelName">{{formobj.modelName}}</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="trightb"> |
|||
<!--<button type="primary" size="small" @click="saveOrUpdate">选择</button>--> |
|||
<el-button type="primary" size="small" @click="selectModel">选择</el-button> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>常用配置名称</span> |
|||
</el-col> |
|||
<el-col :span="21" class="trightb"> |
|||
<el-form-item prop="configName">{{formobj.configName}}</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>采购价格</span> |
|||
</el-col> |
|||
<el-col :span="9" class="trightb"> |
|||
<el-form-item prop="purchasePrice"><el-input size="small" v-model="formobj.purchasePrice" placeholder="采购价格" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>销售指导价</span> |
|||
</el-col> |
|||
<el-col :span="9" class="trightb"> |
|||
<el-form-item v-show="formobj.externalMiningTypeKey==1" prop="guidedPrice"><el-input size="small" v-model="formobj.guidedPrice" placeholder="销售指导价" class="addinputw" clearable /></el-form-item> |
|||
<el-form-item v-show="formobj.externalMiningTypeKey==2" prop="guidedPrice">{{formobj.guidedPrice}}</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>厂家合同价</span> |
|||
</el-col> |
|||
<el-col :span="9" class="trightb"> |
|||
<el-form-item v-show="formobj.externalMiningTypeKey==1" prop="manufactorSettlementPrice"><el-input size="small" v-model="formobj.manufactorSettlementPrice" placeholder="厂家合同价" class="addinputw" clearable /></el-form-item> |
|||
<el-form-item v-show="formobj.externalMiningTypeKey==2" prop="manufactorSettlementPrice">{{formobj.manufactorSettlementPrice}}</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>台数</span> |
|||
</el-col> |
|||
<el-col :span="9" class="trightb"> |
|||
<el-form-item v-show="formobj.externalMiningTypeKey==1" prop="num"><el-input size="small" v-model="formobj.num" placeholder="台数" class="addinputw" clearable /></el-form-item> |
|||
<el-form-item v-show="formobj.externalMiningTypeKey==2" prop="num">{{formobj.num}}</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>订金</span> |
|||
</el-col> |
|||
<el-col :span="21" class="trightb"> |
|||
<el-form-item prop="deposit"><el-input size="small" style="height:10px;" v-model="formobj.deposit" placeholder="订金" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="border-left: none;"> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>费用名称</span> |
|||
</el-col> |
|||
<el-col :span="9" class="trightb"> |
|||
<el-form-item prop="expenseName"><el-input size="small" v-model="formobj.expenseName" placeholder="费用名称" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
<el-col :span="3" class="tleftb"> |
|||
<span><span class="icon">*</span>费用金额合计</span> |
|||
</el-col> |
|||
<el-col :span="9" class="trightb"> |
|||
<el-form-item prop="totalExpenseAmount"><el-input size="small" v-model="formobj.totalExpenseAmount" placeholder="费用金额合计" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="listcon" v-show="formobj.externalMiningTypeKey==2"> |
|||
<div style="border:1px solid #c0c0c0;padding:5px 5px 5px 5px;"> |
|||
车辆列表 <el-button type="primary" size="small" @click="selectVehicleDialog">选择车辆</el-button> |
|||
</div> |
|||
<el-table :data="formobj.baseOutsourcingApplicationVehicleDtos" border style="width: 100%" >‘ |
|||
<el-table-column width="60px" label="序号" type="index" align="center" /> |
|||
<el-table-column label="操作" align="center" > |
|||
<template slot-scope="scope"> |
|||
<el-button type="danger" size="small" @click="deleteVehicle(scope.row)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="vinNo" label="车架号" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div><!-- End 添加修改部分 --> |
|||
<!-- 车型配置分页列表 --> |
|||
<el-dialog |
|||
title="车型库" |
|||
:visible.sync="dialogVisible" |
|||
width="90%" |
|||
show-close="false" |
|||
:before-close="handleClose"> |
|||
<modellibrary ref="modellibrary" @doback="resetState"/> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="queding(this)">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
<!-- 车型配置分页列表 --> |
|||
<el-dialog |
|||
title="车辆列表" |
|||
:visible.sync="vehicleDialogVisible" |
|||
width="90%" |
|||
show-close="false" |
|||
:before-close="handleClose"> |
|||
<vehicle ref="vehicle" @doback="resetState" :selectedSids="selectedSids" :modelName="formobj.modelName"/> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="quedingVehicle(this)">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
|
|||
import modellibrary from '@/views/chexingchaxun/modelinquire/modellibrary.vue' |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication' |
|||
import vehicle from '@/views/baseoutsourcingapplication/baseoutsourcingapplicationvehicle.vue' |
|||
export default { |
|||
name: 'BaseOutsourcingApplicationAdd', |
|||
components:{ |
|||
modellibrary,vehicle |
|||
}, |
|||
data() { |
|||
return { |
|||
selectedSids:'', |
|||
vehicleDialogVisible: false, |
|||
dialogVisible: false, |
|||
viewState: '1', |
|||
submitdisabled: false, |
|||
viewTitle: '', |
|||
formobj: { |
|||
sid: '', |
|||
applicationCode: '', // 申请编号 |
|||
createByName: window.sessionStorage.getItem('name'), // 申请人姓名 |
|||
applicationDate: '', // 申请日期 |
|||
externalMiningTypeKey: '1', // 外采类型key |
|||
externalMiningTypeValue: '', // 外采类型value |
|||
purchasingUnitName: '', // 采购单位名称 |
|||
modelSid: '', // 车型sid |
|||
modelName: '', // 车型名称 |
|||
configName: '', // 常用配置名称 |
|||
configSid: '', // 常用配置sid |
|||
purchasePrice: '', // 采购价格 |
|||
guidedPrice: '', // 销售指导价 |
|||
manufactorSettlementPrice: '', // 厂家合同价 |
|||
num: '0', // 台数 |
|||
deposit: '', // 订金 |
|||
expenseName: '', // 费用名称 |
|||
totalExpenseAmount: '', // 费用金额合计 |
|||
orgSid: '', // 部门sid |
|||
baseOutsourcingApplicationVehicleDtos:[] |
|||
}, |
|||
rules: { |
|||
createByName: [{ required: true, message: '申请人姓名不能为空', trigger: 'blur' }], // 申请人姓名 |
|||
externalMiningTypeKey: [{ required: true, message: '外采类型key不能为空', trigger: 'blur' }], // 外采类型key |
|||
externalMiningTypeValue: [{ required: true, message: '外采类型value不能为空', trigger: 'blur' }], // 外采类型value |
|||
purchasingUnitName: [{ required: true, message: '采购单位名称不能为空', trigger: 'blur' }], // 采购单位名称 |
|||
modelSid: [{ required: true, message: '车型不能为空', trigger: 'blur' }], // 车型sid |
|||
configSid: [{ required: true, message: '常用配置不能为空', trigger: 'blur' }], // 常用配置名称 |
|||
purchasePrice: [{ required: true, message: '采购价格不能为空', trigger: 'blur' }], // 采购价格 |
|||
guidedPrice: [{ required: true, message: '销售指导价不能为空', trigger: 'blur' }], // 销售指导价 |
|||
manufactorSettlementPrice: [{ required: true, message: '厂家合同价不能为空', trigger: 'blur' }], // 厂家合同价 |
|||
num: [{ required: true, message: '台数不能为空', trigger: 'blur' }], // 台数 |
|||
deposit: [{ required: true, message: '订金不能为空', trigger: 'blur' }], // 订金 |
|||
expenseName: [{ required: true, message: '费用名称不能为空', trigger: 'blur' }], // 费用名称 |
|||
totalExpenseAmount: [{ required: true, message: '费用金额合计不能为空', trigger: 'blur' }], // 费用金额合计 |
|||
orgSid: [{ required: true, message: '部门sid不能为空', trigger: 'blur' }] // 部门sid |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
handleSubmit() { |
|||
const _this = this |
|||
this.$refs['form_obj'].validate(valid => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req.submitVehicleReturn(this.formobj).then(resp => { |
|||
this.submitdisabled = false |
|||
if (resp.success) { |
|||
_this.handleReturn('true') |
|||
} |
|||
}).catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
quedingVehicle(){ |
|||
var obj = this.$refs['vehicle'].getSids(); |
|||
var length = obj.length; |
|||
|
|||
if(length < 1){ |
|||
alert('必须选择一条数据!'); |
|||
return ; |
|||
} |
|||
this.formobj.num=length; |
|||
this.formobj.baseOutsourcingApplicationVehicleDtos = obj; |
|||
this.vehicleDialogVisible = false |
|||
}, |
|||
queding(dialog) { |
|||
var obj = this.$refs['modellibrary'].getConfigDataList(); |
|||
var length = obj.configs.length; |
|||
if (length > 1) { |
|||
alert('只能选择一条数据!'); |
|||
return ; |
|||
} else if(length < 1){ |
|||
alert('必须选择一条数据!'); |
|||
return ; |
|||
} |
|||
this.formobj.modelName = obj.model.vehicleAlias |
|||
this.formobj.modelSid = obj.model.sid |
|||
this.formobj.configName = obj.configs[0].configName |
|||
this.formobj.configSid = obj.configs[0].sid |
|||
this.formobj.guidedPrice = obj.configs[0].guidedPrice // 销售指导价 |
|||
this.formobj.manufactorSettlementPrice = 1;// obj.configs[0].manufactorSettlementPrice // 厂家合同价 |
|||
this.formobj.baseOutsourcingApplicationVehicleDtos = []; |
|||
this.formobj.num=0; |
|||
this.dialogVisible = false |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
}, |
|||
selectModel(){ |
|||
/* this.$router.push({ path: '/chexingchaxun/modelinquire/modellibrary' });*/ |
|||
/* this.viewState = 3 |
|||
this.$refs['modellibrary'].showData('123456');*/ |
|||
this.dialogVisible = true; |
|||
}, |
|||
selectVehicleDialog(){ |
|||
var objs = this.formobj.baseOutsourcingApplicationVehicleDtos |
|||
var s = ""; |
|||
for(var i=0; i<objs.length; i++){ |
|||
if(i==objs.length-1){ |
|||
s =s+ objs[i].sid; |
|||
}else{ |
|||
s =s+ objs[i].sid+","; |
|||
} |
|||
} |
|||
this.selectedSids = s; |
|||
this.vehicleDialogVisible = true; |
|||
this.$refs['vehicle'].loadList(); |
|||
}, |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj.id = '' |
|||
this.formobj.sid = '' // SID |
|||
this.applicationCode = '' // 申请编号 |
|||
this.createByName = '' // 申请人姓名 |
|||
this.applicationDate = '' // 申请日期 |
|||
this.externalMiningTypeKey = '' // 外采类型key |
|||
this.externalMiningTypeValue = '' // 外采类型value |
|||
this.purchasingUnitName = '' // 采购单位名称 |
|||
this.modelSid = '' // 车型sid |
|||
this.modelName = '' // 车型名称 |
|||
this.configName = '' // 常用配置名称 |
|||
this.purchasePrice = '' // 采购价格 |
|||
this.guidedPrice = '' // 销售指导价 |
|||
this.manufactorSettlementPrice = '' // 厂家合同价 |
|||
this.num = '' // 台数 |
|||
this.deposit = '' // 订金 |
|||
this.expenseName = '' // 费用名称 |
|||
this.totalExpenseAmount = '' // 费用金额合计 this.$store.getters.userInfo.orgSid, |
|||
this.orgSid = '' |
|||
|
|||
this.$refs['form_obj'].resetFields() |
|||
this.$emit('doback') |
|||
}, |
|||
showAdd() { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.viewTitle = '【新增】外采申请表' |
|||
}, |
|||
showEdit(row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.viewTitle = '【修改】外采申请表' |
|||
const _this = this |
|||
_this.formobj.sid = row.sid // SID |
|||
req |
|||
.fetchBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
const vdata = resp.data |
|||
_this.formobj.applicationCode = vdata.applicationCode // 申请编号 |
|||
_this.formobj.createByName = vdata.createByName // 申请人姓名 |
|||
_this.formobj.applicationDate = vdata.applicationDate // 申请日期 |
|||
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // 外采类型key |
|||
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // 外采类型value |
|||
_this.formobj.purchasingUnitName = vdata.purchasingUnitName // 采购单位名称 |
|||
_this.formobj.modelSid = vdata.modelSid // 车型sid |
|||
_this.formobj.modelName = vdata.modelName // 车型名称 |
|||
_this.formobj.configName = vdata.configName // 常用配置名称 |
|||
_this.formobj.purchasePrice = vdata.purchasePrice // 采购价格 |
|||
_this.formobj.guidedPrice = vdata.guidedPrice // 销售指导价 |
|||
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice // 厂家合同价 |
|||
_this.formobj.num = vdata.num // 台数 |
|||
_this.formobj.deposit = vdata.deposit // 订金 |
|||
_this.formobj.expenseName = vdata.expenseName // 费用名称 |
|||
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount // 费用金额合计 |
|||
_this.formobj.orgSid = vdata.orgSid // 部门sid |
|||
_this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos // 部门sid |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
this.formobj = row |
|||
}) |
|||
}, |
|||
handleClose(){ |
|||
this.vehicleDialogVisible = false |
|||
this.dialogVisible=false |
|||
}, |
|||
indexMethod(index){ |
|||
/* var pagestart=(this.queryParams.current-1) * this.queryParams.size; |
|||
var pageindex=index+1+pagestart; |
|||
return pageindex;*/ |
|||
}, |
|||
saveOrUpdate() { |
|||
const _this = this |
|||
this.formobj.userSid = window.sessionStorage.getItem('userSid'); |
|||
this.formobj.orgSid = this.$store.getters.orgSid; |
|||
this.$refs['form_obj'].validate(valid => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req |
|||
.saveOrUpdate(this.formobj) |
|||
.then(resp => { |
|||
this.submitdisabled = false |
|||
if (resp.success) { |
|||
_this.$message({ showClose: true, type: 'success', message: resp.msg }) |
|||
_this.handleReturn('true') |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
}, |
|||
deleteVehicle(row){ |
|||
var arr=this.formobj.baseOutsourcingApplicationVehicleDtos; |
|||
|
|||
const tip = '请确认是否删除车架号为'+row.vinNo+'记录?' |
|||
this.$confirm(tip, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(()=>{ |
|||
for(var i=0;i<arr.length;i++){ |
|||
if(row.vinNo==arr[i].vinNo){ |
|||
arr.splice(i,1); |
|||
} |
|||
} |
|||
this.formobj.num=this.formobj.num-1; |
|||
}).catch(() => {}) |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/*.tleftb{ |
|||
text-align: right; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 20px !important; |
|||
font-weight: 600; |
|||
} |
|||
.formadd .el-row .el-col { |
|||
border-right: 1px solid #e0e3eb; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
padding: 0px 15px 0px 15px !important; |
|||
!* min-height: 50px; *! |
|||
line-height: 1; |
|||
}*/ |
|||
</style> |
|||
@ -0,0 +1,192 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 标题按钮部分开始 --> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>外采申请表详情</div> |
|||
<!--start 添加修改按钮--> |
|||
<div v-show="isBtnShow"> |
|||
<el-button type="danger" @click="openRevoke">撤 回</el-button> |
|||
</div> |
|||
<!-- start 详情按钮 --> |
|||
<div><el-button itype="info" size="small" @click="handleReturn()">返回</el-button></div> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<!-- 标题按钮部分结束 --> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd"> <div class="wlInfo" style="text-align: center;"><span style="font-size:28px;">外采申请表</span></div> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">申请编号</el-col> |
|||
<el-col :span="5" class="trightb"><el-form-item prop="applicationCode"> |
|||
<span>{{ formobj.applicationCode }}</span></el-form-item></el-col> |
|||
<el-col :span="3" class="tleftb">申请人姓名</el-col> |
|||
<el-col :span="5" class="trightb"><el-form-item prop="createByName"><span>{{ formobj.createByName }}</span></el-form-item></el-col> |
|||
<el-col :span="3" class="tleftb">申请日期</el-col> |
|||
<el-col :span="5" class="trightb"><el-form-item prop="applicationDate"><span>{{ formobj.applicationDate }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">外采类型</el-col> |
|||
<el-col :span="21" class="trightb"> |
|||
<el-form-item prop="externalMiningTypeValue"> |
|||
<span v-show="formobj.externalMiningTypeKey==2">政策外采</span> |
|||
<span v-show="formobj.externalMiningTypeKey==1">直接外采</span> |
|||
</el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">采购单位名称</el-col> |
|||
<el-col :span="21" class="trightb"><el-form-item prop="purchasingUnitName"><span>{{ formobj.purchasingUnitName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">车型名称</el-col> |
|||
<el-col :span="21" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.modelName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3" class="tleftb">常用配置名称</el-col> |
|||
<el-col :span="21" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.configName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row><el-col :span="3" class="tleftb">采购价格</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasePrice }}</span></el-form-item></el-col> |
|||
|
|||
<el-col :span="4" class="tleftb">销售指导价</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.guidedPrice }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> <el-col :span="3" class="tleftb">厂家合同价</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item></el-col> |
|||
|
|||
<el-col :span="4" class="tleftb">台数</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.num }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> <el-col :span="3" class="tleftb">订金</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.deposit }}</span></el-form-item></el-col> |
|||
|
|||
<el-col :span="4" class="tleftb">费用名称</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.expenseName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> <el-col :span="3" class="tleftb">费用金额合计</el-col> |
|||
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.totalExpenseAmount }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<div class="listcon" v-show="formobj.externalMiningTypeKey==2"> |
|||
<div style="border:1px solid #c0c0c0;padding:5px 5px 5px 5px;"> |
|||
车辆列表 |
|||
</div> |
|||
<el-table :data="formobj.baseOutsourcingApplicationVehicleDtos" border style="width: 100%" >‘ |
|||
<el-table-column width="60px" label="序号" type="index" align="center" /> |
|||
<el-table-column prop="vinNo" label="车架号" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
</el-form> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication' |
|||
import request from "@/api/flow/vehicleReturn"; |
|||
export default { |
|||
name: 'BaseOutsourcingApplicationInfo', |
|||
data() { |
|||
return { |
|||
formobj: { |
|||
sid: '', |
|||
applicationCode: '123456', // 申请编号 |
|||
createByName: window.sessionStorage.getItem('name'), // 申请人姓名 |
|||
applicationDate: '', // 申请日期 |
|||
externalMiningTypeKey: '1', // 外采类型key |
|||
externalMiningTypeValue: '', // 外采类型value |
|||
purchasingUnitName: '', // 采购单位名称 |
|||
modelSid: '', // 车型sid |
|||
modelName: '', // 车型名称 |
|||
configName: '', // 常用配置名称 |
|||
configSid: '', // 常用配置sid |
|||
purchasePrice: '', // 采购价格 |
|||
guidedPrice: '', // 销售指导价 |
|||
manufactorSettlementPrice: '', // 厂家合同价 |
|||
num: '0', // 台数 |
|||
deposit: '', // 订金 |
|||
expenseName: '', // 费用名称 |
|||
totalExpenseAmount: '', // 费用金额合计 |
|||
orgSid: '', // 部门sid |
|||
baseOutsourcingApplicationVehicleDtos:[] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 撤回 |
|||
openRevoke() { |
|||
this.$confirm('是否确认执行撤回操作', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
this.handleRevoke() |
|||
}).catch(() => { |
|||
this.$message({ |
|||
type: 'info', |
|||
message: '已取消删除' |
|||
}) |
|||
}) |
|||
}, |
|||
/** 撤回任务 */ |
|||
handleRevoke() { |
|||
request.revokeTask(this.revokeList).then((response) => { |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '执行成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '执行失败', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
const _this = this |
|||
req |
|||
.fetchBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
const vdata = resp.data |
|||
_this.formobj.applicationCode = vdata.applicationCode // 申请编号 |
|||
_this.formobj.createByName = vdata.createByName // 申请人姓名 |
|||
_this.formobj.applicationDate = vdata.applicationDate // 申请日期 |
|||
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // 外采类型key |
|||
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // 外采类型value |
|||
_this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // 采购单位sid |
|||
_this.formobj.purchasingUnitName = vdata.purchasingUnitName // 采购单位名称 |
|||
_this.formobj.modelSid = vdata.modelSid // 车型sid |
|||
_this.formobj.modelName = vdata.modelName // 车型名称 |
|||
_this.formobj.configName = vdata.configName // 常用配置名称 |
|||
_this.formobj.purchasePrice = vdata.purchasePrice // 采购价格 |
|||
_this.formobj.guidedPrice = vdata.guidedPrice // 销售指导价 |
|||
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice // 厂家合同价 |
|||
_this.formobj.num = vdata.num // 台数 |
|||
_this.formobj.deposit = vdata.deposit // 订金 |
|||
_this.formobj.expenseName = vdata.expenseName // 费用名称 |
|||
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount // 费用金额合计 |
|||
_this.formobj.orgSid = vdata.orgSid // 部门sid |
|||
_this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
_this.formobj = row |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
Loading…
Reference in new issue