djz236
3 years ago
12 changed files with 2597 additions and 115 deletions
@ -0,0 +1,88 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 根据条件分页查询数据的列表(车型)
|
|||
export function modelPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclemodel/modelPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 根据条件分页查询数据的列表（车型配置）
|
|||
export function configPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basemodelconfig/configPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 数据字典
|
|||
export function dataDictionary(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/typeValues', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
// 品牌下拉
|
|||
export function brandDown(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclebrand/namesDown', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
// 车型配置详细信息
|
|||
export function selectExiCarConfig(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehicle/selectExiCarConfig/' + data.modelSid + '/' + data.configSid + '/' + data.userSid, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
// 现车车辆的分页列表
|
|||
export function selExistingCarPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehicle/selExistingCarPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 排产订单的分页列表
|
|||
export function selectPage(data) { |
|||
return request({ |
|||
url: '/base/v1/busvehicleorder/selectPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 更多配置（非本公司旗下车型，配置）
|
|||
export function notTheCompanyModelPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclemodel/notTheCompanyModelPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 现车车辆详情
|
|||
export function getPurchaseDetails(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehicle/getPurchaseDetails/' + data, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
@ -0,0 +1,396 @@ |
|||
<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> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { modelPageList, dataDictionary, brandDown, notTheCompanyModelPageList } from '@/api/chexingchaxun/modelinquire.js' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
export default { |
|||
name: 'chexingchaxun', |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
dialogVisible: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
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() |
|||
}, |
|||
showData(sid) { |
|||
alert(sid); |
|||
}, |
|||
} |
|||
} |
|||
</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,447 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型配置标准页面</div> |
|||
<div> |
|||
<el-button type="primary" size="small">意向</el-button> |
|||
<el-button type="primary" size="small">核价</el-button> |
|||
<el-button type="primary" size="small">价格有效期询价</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listadd"> |
|||
<div class="wlInfo"> |
|||
<div class="topRightCorner"> |
|||
<span>销售指导价：{{ guidedPrice }} 万元</span> |
|||
<span style="margin-left: 15px">价格有效期：{{ priceValidity }}</span> |
|||
</div> |
|||
<span>车型配置标准页面</span> |
|||
</div> |
|||
<el-form ref="dataForm" :model="formobj" label-position="right" class="formadd"> |
|||
<div class="headtitle"><span>系列：{{ formobj.productLineValue }}<span style="margin-left: 20px">驱动：{{ formobj.driveFormValue }}<span style="margin-left: 20px">功能：{{ formobj.vehicleTypeValue }}<span style="margin-left: 20px">马力：{{ formobj.powerValue }}</span></span></span></span></div> |
|||
<el-row> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>品牌</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="brandName"> |
|||
<span>{{ formobj.brandName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>功能</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleTypeValue"> |
|||
<span>{{ formobj.vehicleTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>系列</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="productLineValue"> |
|||
<span>{{ formobj.productLineValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>驱动</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="driveFormValue"> |
|||
<span>{{ formobj.driveFormValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>马力</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="powerValue"> |
|||
<span>{{ formobj.powerValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>版本</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleVersionValue"> |
|||
<span>{{ formobj.vehicleVersionValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>燃料</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTypeValue"> |
|||
<span>{{ formobj.fuelTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item> |
|||
<span>变速箱</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1" class="tleftb"> |
|||
<el-form-item prop="gearboxTypeValue"> |
|||
<span>{{ formobj.gearboxTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">车型信息</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>细分市场</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="marketSegmentsValue"> |
|||
<span>{{ formobj.marketSegmentsValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>发动机型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="engineTypeValue"> |
|||
<span>{{ formobj.engineTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>公告型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="announcementModel"> |
|||
<span>{{ formobj.announcementModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>规格型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specifications"> |
|||
<span>{{ formobj.specifications }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>货箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="packingCase"> |
|||
<span>{{ formobj.packingCase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>系别</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="department"> |
|||
<span>{{ formobj.department }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>内部编码</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="insideCode"> |
|||
<span>{{ formobj.insideCode }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">常用配置</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>颜色</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="carColor"> |
|||
<span>{{ formobj.carColor }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>驾驶室</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specification"> |
|||
<span>{{ formobj.specification }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>导流罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="baffleModel"> |
|||
<span>{{ formobj.baffleModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>鞍座</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.saddle }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>独立热源</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="independentSources"> |
|||
<span>{{ formobj.independentSources }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>缓速器</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="slowMachine"> |
|||
<span>{{ formobj.slowMachine }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>后速桥比</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearAxleRatio"> |
|||
<span>{{ formobj.rearAxleRatio }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>悬架</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="suspension"> |
|||
<span>{{ formobj.suspension }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轴距</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="wheelbase"> |
|||
<span>{{ formobj.wheelbase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>燃料箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTank"> |
|||
<span>{{ formobj.fuelTank }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>后视镜</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearViewMirror"> |
|||
<span>{{ formobj.rearViewMirror }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>空调</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="airConditioner"> |
|||
<span>{{ formobj.airConditioner }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>座椅</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.seat }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>保险杠</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="bumper"> |
|||
<span>{{ formobj.bumper }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>多媒体</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="multimedia"> |
|||
<span>{{ formobj.multimedia }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>轮胎</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireSize"> |
|||
<span>{{ formobj.tireSize }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轮毂材质</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="hubMaterial"> |
|||
<span>{{ formobj.hubMaterial }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>护轮罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireCover"> |
|||
<span>{{ formobj.tireCover }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>配置包</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="configuringBao"> |
|||
<span>{{ formobj.configuringBao }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
<el-col :span="2"/> |
|||
</el-row> |
|||
<div class="headline">更多配置</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item prop="otherConfig"> |
|||
<span style="display: block; text-indent: 2em">{{ formobj.otherConfig }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selectExiCarConfig } from '@/api/chexingchaxun/modelinquire.js' |
|||
export default { |
|||
name: 'chexingpeizhibiaozhun', |
|||
data() { |
|||
return { |
|||
FormLoading: false, |
|||
guidedPrice: '', |
|||
priceValidity: '', |
|||
formobj: {}, |
|||
sid_list: { |
|||
modelSid: '', |
|||
configSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.tempDate.sid = this.$route.query.sid |
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// 查看 |
|||
showInfo(sid, row) { |
|||
this.FormLoading = true |
|||
this.sid_list.modelSid = sid |
|||
this.sid_list.configSid = row.sid |
|||
this.guidedPrice = row.guidedPrice |
|||
this.priceValidity = row.priceValidity |
|||
selectExiCarConfig(this.sid_list).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.formobj = response.data |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-col-2 { |
|||
text-align: right; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
.wlInfo { |
|||
padding: 60px 0; |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.formadd { |
|||
padding: 0px !important; |
|||
} |
|||
.tleftb{ |
|||
text-align: left; |
|||
} |
|||
.headline{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
} |
|||
.headtitle{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 18px; |
|||
background-color: #ffffff; |
|||
border-bottom: 1px solid #dfe4ed; |
|||
text-align: left; |
|||
} |
|||
.topRightCorner{ |
|||
position:absolute; top:90px; right:30px; |
|||
margin-top: -30px; |
|||
font-size: 16px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,265 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>排产订单列表</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="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.orderStatus" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="订单日期:" class="searchlist"> |
|||
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.orderStartDate" clearable style="width: 160px" type="date" placeholder="开始日期"/> |
|||
<div class="line">至</div> |
|||
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.orderEndDate" clearable style="width: 160px" type="date" placeholder="结束日期"/> |
|||
</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> |
|||
<el-form ref="listQueryform" :inline="true" :model="basiclist" label-width="100px" class="formadd"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb" style="border-top: 1px solid #e0e3eb"> |
|||
<el-form-item> |
|||
<span>车型</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20" style="border-top: 1px solid #e0e3eb"> |
|||
<el-form-item> |
|||
<span>{{ basiclist.modelName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>常用配置</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{ basiclist.configName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>销售指导价</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{ basiclist.guidedPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<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>{{ scope.row.orderStatus }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="订单编号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.orderNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="订单日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.orderDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="数量" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.quantity }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="预计上线日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.expectLaunchDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="上线日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.launchDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="下线日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.offlineDate }}</span> |
|||
</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> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selectPage, dataDictionary } from '@/api/chexingchaxun/modelinquire.js' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
|
|||
export default { |
|||
name: 'paichandingdan', |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
tableKey: 0, |
|||
list: [], |
|||
vehicleState_list: [], |
|||
listLoading: false, |
|||
basiclist: { |
|||
modelName: '', |
|||
configName: '', |
|||
guidedPrice: '' |
|||
}, |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
orderStatus: '', |
|||
orderStartDate: '', |
|||
orderEndDate: '', |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
// 数组字典加载 |
|||
Dictionary() { |
|||
dataDictionary({ type: 'vehicleState' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleState_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showInfo(sid, name, row) { |
|||
this.modelSid = sid |
|||
this.modelConfigSid = row.sid |
|||
this.basiclist.modelName = name |
|||
this.basiclist.configName = row.configName |
|||
this.basiclist.guidedPrice = row.guidedPrice |
|||
this.listQuery.params.modelSid = sid |
|||
this.listQuery.params.modelConfigSid = row.sid |
|||
this.Dictionary() |
|||
this.getList() |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
selectPage(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: { |
|||
orderStatus: '', |
|||
orderStartDate: '', |
|||
orderEndDate: '', |
|||
modelSid: this.modelSid, |
|||
modelConfigSid: this.modelConfigSid, |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
.formadd{ |
|||
padding: 0px !important; |
|||
} |
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
.trightb{ |
|||
text-align: right; |
|||
} |
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
.line { |
|||
display: inline-block; |
|||
margin: 0px 15px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,225 @@ |
|||
<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.vehicleState" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleState_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.vinNo" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
<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-input v-model="listQuery.params.location" 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>{{ scope.row.vehicleStateValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车架号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handlink(scope.row.vinNo)">{{ scope.row.vinNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="颜色" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="合格证" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.certificate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="存放地点" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.location }}</span> |
|||
</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> |
|||
<vehiclecarInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selExistingCarPageList, dataDictionary } from '@/api/chexingchaxun/modelinquire.js' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import vehiclecarInfo from './vehiclecarInfo.vue' |
|||
|
|||
export default { |
|||
name: 'xianchecheliang', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
vehiclecarInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
list: [], |
|||
carColor_list: [], |
|||
vehicleState_list: [], |
|||
listLoading: false, |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
vehicleState: '', |
|||
vinNo: '', |
|||
carColor: '', |
|||
location: '', |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
// 数组字典加载 |
|||
Dictionary() { |
|||
dataDictionary({ type: 'bodyColor' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.carColor_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'vehicleState' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleState_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showInfo(sid, row) { |
|||
this.modelSid = sid |
|||
this.modelConfigSid = row.sid |
|||
this.listQuery.params.modelSid = sid |
|||
this.listQuery.params.modelConfigSid = row.sid |
|||
this.Dictionary() |
|||
this.getList() |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
selExistingCarPageList(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: { |
|||
vehicleState: '', |
|||
vinNo: '', |
|||
carColor: '', |
|||
location: '', |
|||
modelSid: this.modelSid, |
|||
modelConfigSid: this.modelConfigSid, |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handlink(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divInfo'].showInfo(this.modelSid, this.modelConfigSid, row) |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
} |
|||
} |
|||
} |
|||
</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,541 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>现车车辆详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listadd"> |
|||
<div class="wlInfo"> |
|||
<span>【{{ brandName }} 】车辆详情</span> |
|||
</div> |
|||
<div class="headcarousel"> |
|||
<el-carousel :interval="1000" type="card" v-if="imageslist.length > 0"> |
|||
<el-carousel-item v-for="(item, index) in imageslist" :key="index"> |
|||
<img style="width: 100%; height: 100%" :src="item"/> |
|||
</el-carousel-item> |
|||
</el-carousel> |
|||
</div> |
|||
<el-form ref="dataForm" :model="formtemp" label-position="right" class="formadd"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>车架号</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.vinNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>状态</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.vehicleStateValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>车辆标签</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.vehicleLabel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>促销政策</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.promotionPolicy }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>存放地点</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.location }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>入库日期</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.priceDate }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>销售指导价</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.guidedPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-form ref="dataForm" :model="formobj" label-position="right" class="formadd"> |
|||
<div class="headtitle"><span>系列：{{ formobj.productLineValue }}<span style="margin-left: 20px">驱动：{{ formobj.driveFormValue }}<span style="margin-left: 20px">功能：{{ formobj.vehicleTypeValue }}<span style="margin-left: 20px">马力：{{ formobj.powerValue }}</span></span></span></span></div> |
|||
<el-row> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>品牌</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="brandName"> |
|||
<span>{{ formobj.brandName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>功能</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleTypeValue"> |
|||
<span>{{ formobj.vehicleTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>系列</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="productLineValue"> |
|||
<span>{{ formobj.productLineValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>驱动</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="driveFormValue"> |
|||
<span>{{ formobj.driveFormValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>马力</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="powerValue"> |
|||
<span>{{ formobj.powerValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>版本</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleVersionValue"> |
|||
<span>{{ formobj.vehicleVersionValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>燃料</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTypeValue"> |
|||
<span>{{ formobj.fuelTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item> |
|||
<span>变速箱</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1" class="tleftb"> |
|||
<el-form-item prop="gearboxTypeValue"> |
|||
<span>{{ formobj.gearboxTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">车型信息</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>细分市场</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="marketSegmentsValue"> |
|||
<span>{{ formobj.marketSegmentsValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>发动机型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="engineTypeValue"> |
|||
<span>{{ formobj.engineTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>公告型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="announcementModel"> |
|||
<span>{{ formobj.announcementModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>规格型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specifications"> |
|||
<span>{{ formobj.specifications }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>货箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="packingCase"> |
|||
<span>{{ formobj.packingCase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>系别</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="department"> |
|||
<span>{{ formobj.department }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>内部编码</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="insideCode"> |
|||
<span>{{ formobj.insideCode }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">常用配置</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>颜色</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="carColor"> |
|||
<span>{{ formobj.carColor }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>驾驶室</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specification"> |
|||
<span>{{ formobj.specification }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>导流罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="baffleModel"> |
|||
<span>{{ formobj.baffleModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>鞍座</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.saddle }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>独立热源</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="independentSources"> |
|||
<span>{{ formobj.independentSources }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>缓速器</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="slowMachine"> |
|||
<span>{{ formobj.slowMachine }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>后速桥比</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearAxleRatio"> |
|||
<span>{{ formobj.rearAxleRatio }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>悬架</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="suspension"> |
|||
<span>{{ formobj.suspension }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轴距</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="wheelbase"> |
|||
<span>{{ formobj.wheelbase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>燃料箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTank"> |
|||
<span>{{ formobj.fuelTank }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>后视镜</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearViewMirror"> |
|||
<span>{{ formobj.rearViewMirror }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>空调</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="airConditioner"> |
|||
<span>{{ formobj.airConditioner }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>座椅</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.seat }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>保险杠</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="bumper"> |
|||
<span>{{ formobj.bumper }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>多媒体</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="multimedia"> |
|||
<span>{{ formobj.multimedia }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>轮胎</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireSize"> |
|||
<span>{{ formobj.tireSize }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轮毂材质</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="hubMaterial"> |
|||
<span>{{ formobj.hubMaterial }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>护轮罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireCover"> |
|||
<span>{{ formobj.tireCover }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>配置包</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="configuringBao"> |
|||
<span>{{ formobj.configuringBao }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
<el-col :span="2"/> |
|||
</el-row> |
|||
<div class="headline">更多配置</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item prop="otherConfig"> |
|||
<span style="display: block; text-indent: 2em">{{ formobj.otherConfig }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selectExiCarConfig, getPurchaseDetails } from '@/api/chexingchaxun/modelinquire.js' |
|||
export default { |
|||
name: 'xianchecheliangInfo', |
|||
data() { |
|||
return { |
|||
FormLoading: false, |
|||
formobj: {}, |
|||
formtemp: {}, |
|||
brandName: '', |
|||
imageslist: [], |
|||
sid_list: { |
|||
modelSid: '', |
|||
configSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.tempDate.sid = this.$route.query.sid |
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// 查看 |
|||
showInfo(modelSid, modelConfigSid, row) { |
|||
this.FormLoading = true |
|||
this.sid_list.modelSid = modelSid |
|||
this.sid_list.configSid = modelConfigSid |
|||
selectExiCarConfig(this.sid_list).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.formobj = response.data |
|||
this.brandName = response.data.brandName |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
getPurchaseDetails(row).then((resp) => { |
|||
if (resp.code === '200') { |
|||
this.formtemp = resp.data |
|||
this.imageslist = resp.data.vehicleImages |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-col-2 { |
|||
text-align: right; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
.wlInfo { |
|||
padding: 60px 0; |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.formadd { |
|||
padding: 0px !important; |
|||
} |
|||
.tleftb{ |
|||
text-align: left; |
|||
} |
|||
.trightb{ |
|||
text-align: right; |
|||
} |
|||
.headline{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
} |
|||
.headtitle{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 18px; |
|||
background-color: #ffffff; |
|||
border-bottom: 1px solid #dfe4ed; |
|||
text-align: left; |
|||
} |
|||
.headcarousel{ |
|||
border-bottom: 1px solid #e0e3eb; |
|||
} |
|||
.listadd{ |
|||
margin-bottom: 20px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,521 @@ |
|||
<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="selectAndBack">确定</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 :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange"> |
|||
<el-table-column width="30px" 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 class="bluezi" @click="handlink(scope.row)">{{ scope.row.configName }}</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 class="bluezi" @click="handvehicle(scope.row)">{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产（台）" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handproduction(scope.row)">{{ scope.row.productionCarNum }}</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.js' |
|||
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 { |
|||
multipleSelection:[], |
|||
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 |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
Dictionary() { |
|||
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: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.airConditioner_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'hubMaterial' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.hubMaterial_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.baffleModel_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: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.tireCover_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: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.independentSources_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'fuelType' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelTank_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.multimedia_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showData(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 |
|||
} |
|||
}) |
|||
}, |
|||
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) |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
selectAndBack() { |
|||
console.log(this.multipleSelection) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
}, |
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
Loading…
Reference in new issue