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> |
<template> |
||||
<div class="app-container"> |
<div class="app-container"> |
||||
<el-tabs v-model="activeName" type="card" class="tab" @tab-click="tabChangeHandle"> |
<div class="tab-header webtop"> |
||||
<el-tab-pane name="first"> |
<div>经销商信息详情</div> |
||||
<span slot="label">基本信息</span> |
<div> |
||||
<Jibenxinxi :sid="sid" @change="change" /> |
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
</el-tab-pane> |
</div> |
||||
<el-tab-pane name="second"> |
</div> |
||||
<span slot="label">备案资料</span> |
<div class="listconadd"> |
||||
<Beianziliao :sid="sid" @change="change" /> |
<div class="tab-header webtopb"> |
||||
</el-tab-pane> |
<div class="farenb">经销商属性</div> |
||||
<el-tab-pane name="third"> |
<div class="faren">{{ dealerAttributes }}</div> |
||||
<span slot="label">备案账号</span> |
</div> |
||||
<Beianzhanghao :sid="sid" @change="change" /> |
<div v-show="dealerAttributes == '企业'"> |
||||
</el-tab-pane> |
<div class="titcon"> |
||||
<el-tab-pane name="four"> |
<div class="title">经销商信息</div> |
||||
<span slot="label">相关项目</span> |
</div> |
||||
<Xiangguanxiangmu :sid="sid" @change="change" /> |
<el-form ref="dataForm" :model="templook" label-position="right" class="formadd" :rules="rules"> |
||||
</el-tab-pane> |
<el-row> |
||||
</el-tabs> |
<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> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
// import { mapGetters } from 'vuex' |
import { detailsFaRen } from '@/api/business/faRen' |
||||
// import { |
import { postDownload } from '@/api/business/beiAn' |
||||
// 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: { |
|
||||
|
|
||||
}, |
export default { |
||||
|
name: 'jingxiaoshangInfo', |
||||
data() { |
data() { |
||||
return { |
return { |
||||
activeNames: ['1'], |
index: 0, |
||||
activeName: 'first', |
tableKey: 0, |
||||
sid: '', |
FilingInformationKey: 1, |
||||
// --按钮菜单------- |
filingAccoutKey: 2, |
||||
// menuState: { |
relevantProjectKey: 3, |
||||
// add: false, // 添加 |
list: [], |
||||
// edit: false, // 编辑 |
FilingInformationList: [], |
||||
// delete: false, // 删除 |
filingAccoutList: [], |
||||
// view: false, // 查看 |
relevantProjectList: [], |
||||
// audit: false, // 审核 |
dealerAttributes: '', |
||||
// input: false, // 导入 |
listLoading: false, |
||||
// output: false, // 导出 |
templook: {}, |
||||
// upload: false, // 同步 |
dialogFormVisible: false, // 添加修改对话框状态 |
||||
// release: false // 下发 |
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
||||
// } |
relevantProjectList: [], |
||||
// ------------------------------------ |
rules: {} |
||||
} |
} |
||||
}, |
}, |
||||
created() { |
|
||||
this.sid = this.$route.params.sid |
|
||||
console.log('wiwiwiwi', this.sid) |
|
||||
// ...mapGetters([ |
|
||||
// 'id', |
|
||||
// 'roles', |
|
||||
// 'rolesIds', |
|
||||
// 'departmentId', |
|
||||
// 'departmentCode' |
|
||||
// ]) |
|
||||
}, |
|
||||
methods: { |
methods: { |
||||
|
// 返回 |
||||
tabChangeHandle(e) { |
handleReturn() { |
||||
// switch (e) { |
this.$emit('doback') |
||||
// case '': |
|
||||
// console.log('您选择了：' + e) |
|
||||
// break |
|
||||
// } |
|
||||
}, |
}, |
||||
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> |
</script> |
||||
<style scoped> |
<style scoped> |
||||
/deep/ .el-collapse { |
.webtopb { |
||||
border-top: 0px solid #e6ebf5; |
display: flex; |
||||
border-bottom: 0px solid #e6ebf5; |
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 { |
/deep/ .el-col-4 { |
||||
margin: 0;padding: 0; |
text-align: right; |
||||
|
float: left; |
||||
|
font-size: 14px; |
||||
|
color: #606266; |
||||
|
line-height: 40px !important; |
||||
|
font-weight: 600; |
||||
} |
} |
||||
/deep/ .el-collapse-item__wrap { |
/deep/ .el-col-8 { |
||||
border-bottom: 0px solid #EBEEF5; |
font-size: 14px; |
||||
|
color: #606266; |
||||
|
line-height: 40px !important; |
||||
} |
} |
||||
/deep/ .el-collapse-item__header { |
/deep/ .el-col-20 { |
||||
border-bottom: 0px solid #e6ebf5; |
font-size: 14px; |
||||
|
color: #606266; |
||||
|
line-height: 40px !important; |
||||
} |
} |
||||
.tab{padding: 10px 0;} |
|
||||
</style> |
</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> |
<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> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import {mapGetters} from 'vuex' |
||||
|
import {fetchDetailsBySid} from '@/api/salesManagement/orderManagement' |
||||
export default { |
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> |
</script> |
||||
|
|
||||
<style scoped> |
<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> |
</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