|
|
@ -1,4 +1,4 @@ |
|
|
<template xmlns="" xmlns="" xmlns="" xmlns="" xmlns=""> |
|
|
<template> |
|
|
<div class="app-container"> |
|
|
<div class="app-container"> |
|
|
<!--Start 列表页面--> |
|
|
<!--Start 列表页面--> |
|
|
<div v-show="viewState === 1"> |
|
|
<div v-show="viewState === 1"> |
|
|
@ -9,301 +9,110 @@ |
|
|
<el-button type="primary" size="small" @click="handleUpdate()">修改</el-button> |
|
|
<el-button type="primary" size="small" @click="handleUpdate()">修改</el-button> |
|
|
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> |
|
|
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> |
|
|
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
|
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
|
<el-button type="info" size="small" @click="handleOpen()">进入关联表</el-button> |
|
|
<el-button type="primary" size="small" @click="handleOpen()">进入关联表</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="searchcon"> |
|
|
<div class="searchcon"> |
|
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|
|
<div v-show="isSearchShow" class="search"> |
|
|
<div v-show="isSearchShow" class="search"> |
|
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|
|
<el-form-item label="车身颜色"> |
|
|
<el-form-item label="颜色"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.carColorKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.carColorKey" |
|
|
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in carColor_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="缓速器"> |
|
|
<el-form-item label="缓速器"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.slowMachineKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.slowMachineKey" |
|
|
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in slowMachine_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="后视镜"> |
|
|
<el-form-item label="后视镜"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.rearViewMirrorKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.rearViewMirrorKey" |
|
|
<el-option v-for="item in rearViewMirror_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in rearViewMirror_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="轮胎规格"> |
|
|
<el-form-item label="轮胎"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.tireSizeKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.tireSizeKey" |
|
|
<el-option v-for="item in tireSize_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in tireSize_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="驾驶室"> |
|
|
<el-form-item label="驾驶室"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.specificationKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.specificationKey" |
|
|
<el-option v-for="item in specification_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in specification_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="后桥速比"> |
|
|
<el-form-item label="后桥速比"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.rearAxleRatioKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.rearAxleRatioKey" |
|
|
<el-option v-for="item in rearAxleRatio_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in rearAxleRatio_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="空调"> |
|
|
<el-form-item label="空调"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.airConditionerKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.airConditionerKey" |
|
|
<el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in airConditioner_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="轮毂材质"> |
|
|
<el-form-item label="轮毂材质"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.hubMaterialKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.hubMaterialKey" |
|
|
<el-option v-for="item in hubMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in hubMaterial_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="导流罩"> |
|
|
<el-form-item label="导流罩"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.baffleModelKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.baffleModelKey" |
|
|
<el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in baffleModel_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="悬架"> |
|
|
<el-form-item label="悬架"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.suspensionKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.suspensionKey" |
|
|
<el-option v-for="item in suspension_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in suspension_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="座椅"> |
|
|
<el-form-item label="座椅"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.seatKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.seatKey" |
|
|
<el-option v-for="item in seat_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in seat_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="护轮罩"> |
|
|
<el-form-item label="护轮罩"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.tireCoverKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.tireCoverKey" |
|
|
<el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in tireCover_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="鞍座"> |
|
|
<el-form-item label="鞍座"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.saddleKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.saddleKey" |
|
|
<el-option v-for="item in saddle_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in saddle_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="轴距"> |
|
|
<el-form-item label="轴距"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.wheelbaseKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.wheelbaseKey" |
|
|
<el-option v-for="item in wheelbase_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in wheelbase_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="保险杠"> |
|
|
<el-form-item label="保险杠"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.bumperKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.bumperKey" |
|
|
<el-option v-for="item in bumper_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in bumper_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="配置包"> |
|
|
<el-form-item label="配置包"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.configuringBaoKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.configuringBaoKey" |
|
|
<el-option v-for="item in configuringBao_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in configuringBao_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="独立热源"> |
|
|
<el-form-item label="独立热源"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.independentSourcesKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.independentSourcesKey" |
|
|
<el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in independentSources_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="油箱/气罐"> |
|
|
<el-form-item label="燃料箱"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.fuelTankKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.fuelTankKey" |
|
|
<el-option v-for="item in fuelTank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in fuelTank_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="多媒体"> |
|
|
<el-form-item label="多媒体"> |
|
|
<el-select |
|
|
<el-select v-model="listQuery.params.multimediaKey" placeholder="请选择" clearable class="addinputw"> |
|
|
v-model="listQuery.params.multimediaKey" |
|
|
<el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|
|
placeholder="请选择" |
|
|
|
|
|
clearable |
|
|
|
|
|
class="addinputw" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in multimedia_list" |
|
|
|
|
|
:key="item.dictKey" |
|
|
|
|
|
:label="item.dictValue" |
|
|
|
|
|
:value="item.dictKey" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="常用配置名称"> |
|
|
<el-form-item label="常用配置名称"> |
|
|
<el-input v-model="listQuery.params.otherConfig" maxlength="125" placeholder="请输入常用配置名称" class="addinputw" |
|
|
<el-input v-model="listQuery.params.configName" maxlength="125" placeholder="请输入常用配置名称" class="addinputw" clearable/> |
|
|
clearable/> |
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-divider/> |
|
|
<el-divider/> |
|
|
<div class="btn" style="text-align: center;"> |
|
|
<div class="btn" style="text-align: center;"> |
|
|
@ -315,22 +124,20 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="listtop"> |
|
|
<div class="listtop"> |
|
|
<div class="tit">常用配置列表</div> |
|
|
<div class="tit">常用配置列表</div> |
|
|
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|
|
class="pagination" @pagination="getList"/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class=""> |
|
|
<div class=""> |
|
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" |
|
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
|
|
@selection-change="handleSelectionChange"> |
|
|
|
|
|
<el-table-column width="50px" type="selection" align="center"/> |
|
|
<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="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|
|
<el-table-column label="关联状态" align="center"> |
|
|
<el-table-column label="关联状态" align="center"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ scope.row.relationState }}</span> |
|
|
<span>{{ scope.row.isRelationState === 1 ? '已关联' : '未关联' }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="使用状态" align="center"> |
|
|
<el-table-column label="使用状态" align="center"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ scope.row.useState }}</span> |
|
|
<span>{{ scope.row.isUseState === 1 ? '已使用' : '未使用' }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="颜色" align="center"> |
|
|
<el-table-column label="颜色" align="center"> |
|
|
@ -428,6 +235,11 @@ |
|
|
<span>{{ scope.row.multimedia }}</span> |
|
|
<span>{{ scope.row.multimedia }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column label="货箱" align="center"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<span>{{ scope.row.packingCase }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
<el-table-column label="操作" align="center" width="80px" class-name="small-padding fixed-width"> |
|
|
<el-table-column label="操作" align="center" width="80px" class-name="small-padding fixed-width"> |
|
|
<template slot-scope="{row}"> |
|
|
<template slot-scope="{row}"> |
|
|
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|
|
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|
|
@ -437,41 +249,25 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="pages"> |
|
|
<div class="pages"> |
|
|
<!-- 翻页 --> |
|
|
<!-- 翻页 --> |
|
|
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|
|
class="pagination" @pagination="getList"/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!--End 列表页面--> |
|
|
<!--End 列表页面--> |
|
|
<changyongpeizhi-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" |
|
|
<changyongpeizhi-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList"></changyongpeizhi-add> |
|
|
@reloadlist="getList"></changyongpeizhi-add> |
|
|
|
|
|
<changyongpeizhi-info v-show="viewState == 4" ref="divinfo" @doback="resetState"></changyongpeizhi-info> |
|
|
<changyongpeizhi-info v-show="viewState == 4" ref="divinfo" @doback="resetState"></changyongpeizhi-info> |
|
|
<changyongpeizhi-rel v-show="viewState == 5" ref="relation" @doback="resetState" |
|
|
<changyongpeizhi-rel v-show="viewState == 5" ref="relation" @doback="resetState" @reloadlist="getList"></changyongpeizhi-rel> |
|
|
@reloadlist="getList"></changyongpeizhi-rel> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { |
|
|
import { deleteBySids, pullDown, getList } from '@/api/cheliang/basemodelconfig' |
|
|
mapGetters |
|
|
import Pagination from '@/components/pagination' |
|
|
} from 'vuex' |
|
|
import pageye from '@/components/pagination/pageye' |
|
|
import { |
|
|
import changyongpeizhiAdd from './changyongpeizhiAdd' |
|
|
pagerList, |
|
|
import changyongpeizhiInfo from './changyongpeizhiInfo' |
|
|
deleteBySids, |
|
|
import changyongpeizhiRel from './ohter/changyongpeizhiRel' |
|
|
pullDown |
|
|
|
|
|
} from '@/api/cheliang/basemodelconfig' |
|
|
|
|
|
import { |
|
|
|
|
|
setMIng, |
|
|
|
|
|
getMIng, |
|
|
|
|
|
getCHeap, |
|
|
|
|
|
setCHeap |
|
|
|
|
|
} from '@/utils/baocun' |
|
|
|
|
|
import Pagination from '@/components/pagination' |
|
|
|
|
|
import pageye from '@/components/pagination/pageye' |
|
|
|
|
|
import changyongpeizhiAdd from './changyongpeizhiAdd' |
|
|
|
|
|
import changyongpeizhiInfo from './changyongpeizhiInfo' |
|
|
|
|
|
import changyongpeizhiRel from './ohter/changyongpeizhiRel' |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: 'changyongpeizhi', |
|
|
name: 'changyongpeizhi', |
|
|
components: { |
|
|
components: { |
|
|
changyongpeizhiRel, |
|
|
changyongpeizhiRel, |
|
|
@ -521,69 +317,40 @@ |
|
|
viewState: 1, |
|
|
viewState: 1, |
|
|
isSearchShow: false, |
|
|
isSearchShow: false, |
|
|
searchxianshitit: '显示查询条件', |
|
|
searchxianshitit: '显示查询条件', |
|
|
// --按钮菜单------- |
|
|
|
|
|
menuState: { |
|
|
|
|
|
add: false, // 添加 |
|
|
|
|
|
edit: false, // 编辑 |
|
|
|
|
|
delete: false, // 删除 |
|
|
|
|
|
view: false, // 查看 |
|
|
|
|
|
audit: false, // 审核 |
|
|
|
|
|
input: false, // 导入 |
|
|
|
|
|
output: false, // 导出 |
|
|
|
|
|
upload: false, // 同步 |
|
|
|
|
|
release: false // 下发 |
|
|
|
|
|
}, |
|
|
|
|
|
// 查询 ----------- |
|
|
// 查询 ----------- |
|
|
tableKey: 0, |
|
|
tableKey: 0, |
|
|
// list: null, |
|
|
// list: null, |
|
|
list: [], |
|
|
list: [], |
|
|
namesArr: '', |
|
|
namesArr: '', |
|
|
vehicleSid: '', |
|
|
vehicleSid: '', |
|
|
total: 1, |
|
|
|
|
|
FormLoading: false, |
|
|
FormLoading: false, |
|
|
listLoading: false, |
|
|
listLoading: false, |
|
|
listQuery: { |
|
|
listQuery: { |
|
|
params: { |
|
|
params: { |
|
|
airConditioner: '', // 空调 |
|
|
|
|
|
airConditionerKey: '', // 空调key |
|
|
airConditionerKey: '', // 空调key |
|
|
baffleModel: '', // 导流罩 |
|
|
baffleModelKey: '', |
|
|
bumper: '', // 保险杠 |
|
|
bumperKey: '', |
|
|
bumperKey: '', // 保险杠key |
|
|
carColorKey: '', |
|
|
carColor: '', // 车身颜色 |
|
|
configName: '', |
|
|
carColorKey: '', // 车身颜色key |
|
|
configuringBaoKey: '', |
|
|
configuringBao: '', // 配置包 |
|
|
fuelTankKey: '', |
|
|
configuringBaoKey: '', // 配置包key |
|
|
hubMaterialKey: '', |
|
|
fuelTank: '', // 油箱/气罐 |
|
|
independentSourcesKey: '', |
|
|
fuelTankKey: '', // 油箱/气罐key |
|
|
multimediaKey: '', |
|
|
hubMaterial: '', // 轮毂材质 |
|
|
rearAxleRatioKey: '', |
|
|
hubMaterialKey: '', // 轮毂材质key |
|
|
rearViewMirrorKey: '', |
|
|
independentSources: '', // 独立热源（有、无） |
|
|
saddleKey: '', |
|
|
independentSourcesKey: '', // 独立热源key(1有、0无) |
|
|
seatKey: '', |
|
|
multimedia: '', // 多媒体 |
|
|
slowMachineKey: '', |
|
|
otherConfig: '', // 其他配置 |
|
|
specificationKey: '', |
|
|
rearAxleRatio: '', // 后桥速比 |
|
|
suspensionKey: '', |
|
|
rearAxleRatioKey: '', // 后桥速比key |
|
|
tireCoverKey: '', |
|
|
rearViewMirror: '', // 后视镜 |
|
|
tireSizeKey: '', |
|
|
rearViewMirrorKey: '', // 后视镜key |
|
|
wheelbaseKey: '' |
|
|
saddle: '', // 鞍座 |
|
|
|
|
|
saddleKey: '', // 鞍座key |
|
|
|
|
|
seat: '', // 座椅 |
|
|
|
|
|
seatKey: '', // 座椅key |
|
|
|
|
|
slowMachine: '', // 缓速器 |
|
|
|
|
|
slowMachineKey: '', // 缓速器key |
|
|
|
|
|
specification: '', // 驾驶室规格 |
|
|
|
|
|
specificationKey: '', // 驾驶室规格key |
|
|
|
|
|
suspension: '', // 悬架 |
|
|
|
|
|
suspensionKey: '', // 悬架key |
|
|
|
|
|
tireCover: '', // 护轮罩（有、无） |
|
|
|
|
|
tireCoverKey: '', // 护轮罩key（有、无） |
|
|
|
|
|
tireSize: '', // 轮胎规格 |
|
|
|
|
|
tireSizeKey: '', // 轮胎规格key |
|
|
|
|
|
wheelbase: '', // 轴距 |
|
|
|
|
|
wheelbaseKey: '' // 轴距key |
|
|
|
|
|
}, |
|
|
}, |
|
|
current: 1, |
|
|
current: 1, |
|
|
size: 20 |
|
|
total: 0, |
|
|
|
|
|
size: 10 |
|
|
}, |
|
|
}, |
|
|
selectDate: undefined, |
|
|
selectDate: undefined, |
|
|
temp: {}, // 添加和修改 |
|
|
temp: {}, // 添加和修改 |
|
|
@ -618,49 +385,10 @@ |
|
|
independentSources_list: [], // 独立热源 |
|
|
independentSources_list: [], // 独立热源 |
|
|
fuelTank_list: [], // 油箱 |
|
|
fuelTank_list: [], // 油箱 |
|
|
multimedia_list: [], // 多媒体 |
|
|
multimedia_list: [], // 多媒体 |
|
|
tureArrys: [{ |
|
|
rules: {} |
|
|
value: 1, |
|
|
|
|
|
label: '是' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: 0, |
|
|
|
|
|
label: '否' |
|
|
|
|
|
} |
|
|
} |
|
|
], |
|
|
|
|
|
fenzuOptions: [{ |
|
|
|
|
|
value: '1', |
|
|
|
|
|
label: '单位' |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: '2', |
|
|
|
|
|
label: '个人' |
|
|
|
|
|
} |
|
|
|
|
|
], |
|
|
|
|
|
rules: { |
|
|
|
|
|
// title: [{ required: true, message: '请填写', trigger: 'blur' }], |
|
|
|
|
|
// qc: [{ required: true, message: '请填写', trigger: 'blur' }], |
|
|
|
|
|
} |
|
|
|
|
|
// ------------------------------------ |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
computed: { |
|
|
|
|
|
...mapGetters([ |
|
|
|
|
|
'id', |
|
|
|
|
|
'roles', |
|
|
|
|
|
'rolesIds', |
|
|
|
|
|
'departmentId', |
|
|
|
|
|
'departmentCode' |
|
|
|
|
|
]) |
|
|
|
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
// this.chesid = this.$route.query.sid |
|
|
|
|
|
// 初始化变量 |
|
|
|
|
|
// this.init() |
|
|
|
|
|
// var ChexinSid = getMIng() |
|
|
|
|
|
// console.log('9638888', ChexinSid) |
|
|
|
|
|
// this.vehicleSid = ChexinSid |
|
|
|
|
|
// this.listQuery.params.vehicleSid = this.vehicleSid |
|
|
|
|
|
// console.log('7822222222', this.listQuery.params.vehicleSid) |
|
|
|
|
|
this.getList() // 加载列表 |
|
|
this.getList() // 加载列表 |
|
|
this.getType() |
|
|
this.getType() |
|
|
}, |
|
|
}, |
|
|
@ -854,7 +582,26 @@ |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
handleOpen() { |
|
|
handleOpen() { |
|
|
|
|
|
if (this.sids.length === 1) { |
|
|
|
|
|
if (this.sids[0].relationState === 1) { |
|
|
this.viewState = 5 |
|
|
this.viewState = 5 |
|
|
|
|
|
this.$refs['relation'].init(this.sids[0].sid) |
|
|
|
|
|
} |
|
|
|
|
|
} else if (this.sids.length > 1) { |
|
|
|
|
|
this.$notify({ |
|
|
|
|
|
title: '提示', |
|
|
|
|
|
message: '不能选中多个常用配置!!', |
|
|
|
|
|
type: 'info', |
|
|
|
|
|
duration: 2000 |
|
|
|
|
|
}) |
|
|
|
|
|
} else { |
|
|
|
|
|
this.$notify({ |
|
|
|
|
|
title: '提示', |
|
|
|
|
|
message: '请选择常用配置!', |
|
|
|
|
|
type: 'error', |
|
|
|
|
|
duration: 2000 |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 返回 |
|
|
// 返回 |
|
|
handleReturn() { |
|
|
handleReturn() { |
|
|
@ -872,7 +619,10 @@ |
|
|
handleSelectionChange(row) { |
|
|
handleSelectionChange(row) { |
|
|
const aa = [] |
|
|
const aa = [] |
|
|
row.forEach((element) => { |
|
|
row.forEach((element) => { |
|
|
aa.push(element.sid) |
|
|
aa.push({ |
|
|
|
|
|
sid: element.sid, |
|
|
|
|
|
relationState: element.isRelationState |
|
|
|
|
|
}) |
|
|
}) |
|
|
}) |
|
|
this.sids = aa |
|
|
this.sids = aa |
|
|
console.log('选择的数据', this.sids) |
|
|
console.log('选择的数据', this.sids) |
|
|
@ -880,7 +630,7 @@ |
|
|
// 查询列表信息 |
|
|
// 查询列表信息 |
|
|
getList() { |
|
|
getList() { |
|
|
this.listLoading = true |
|
|
this.listLoading = true |
|
|
pagerList(this.listQuery).then((response) => { |
|
|
getList(this.listQuery).then((response) => { |
|
|
this.listLoading = false |
|
|
this.listLoading = false |
|
|
if ( |
|
|
if ( |
|
|
response.code === '200' && |
|
|
response.code === '200' && |
|
|
@ -888,10 +638,10 @@ |
|
|
response.data.total > 0 |
|
|
response.data.total > 0 |
|
|
) { |
|
|
) { |
|
|
this.list = response.data.records |
|
|
this.list = response.data.records |
|
|
this.total = response.data.total |
|
|
this.listQuery.total = response.data.total |
|
|
} else { |
|
|
} else { |
|
|
this.list = [] |
|
|
this.list = [] |
|
|
this.total = 0 |
|
|
this.listQuery.total = 0 |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
@ -903,61 +653,33 @@ |
|
|
// 重置 |
|
|
// 重置 |
|
|
resetQuery() { |
|
|
resetQuery() { |
|
|
this.listQuery.params = { |
|
|
this.listQuery.params = { |
|
|
airConditioner: '', // 空调 |
|
|
|
|
|
airConditionerKey: '', // 空调key |
|
|
airConditionerKey: '', // 空调key |
|
|
baffleModel: '', // 导流罩 |
|
|
baffleModelKey: '', |
|
|
bumper: '', // 保险杠 |
|
|
bumperKey: '', |
|
|
bumperKey: '', // 保险杠key |
|
|
carColorKey: '', |
|
|
carColor: '', // 车身颜色 |
|
|
configName: '', |
|
|
carColorKey: '', // 车身颜色key |
|
|
configuringBaoKey: '', |
|
|
configuringBao: '', // 配置包 |
|
|
fuelTankKey: '', |
|
|
configuringBaoKey: '', // 配置包key |
|
|
hubMaterialKey: '', |
|
|
fuelTank: '', // 油箱/气罐 |
|
|
independentSourcesKey: '', |
|
|
fuelTankKey: '', // 油箱/气罐key |
|
|
multimediaKey: '', |
|
|
hubMaterial: '', // 轮毂材质 |
|
|
rearAxleRatioKey: '', |
|
|
hubMaterialKey: '', // 轮毂材质key |
|
|
rearViewMirrorKey: '', |
|
|
independentSources: '', // 独立热源（有、无） |
|
|
saddleKey: '', |
|
|
independentSourcesKey: '', // 独立热源key(1有、0无) |
|
|
seatKey: '', |
|
|
multimedia: '', // 多媒体 |
|
|
slowMachineKey: '', |
|
|
otherConfig: '', // 其他配置 |
|
|
specificationKey: '', |
|
|
rearAxleRatio: '', // 后桥速比 |
|
|
suspensionKey: '', |
|
|
rearAxleRatioKey: '', // 后桥速比key |
|
|
tireCoverKey: '', |
|
|
rearViewMirror: '', // 后视镜 |
|
|
tireSizeKey: '', |
|
|
rearViewMirrorKey: '', // 后视镜key |
|
|
wheelbaseKey: '' |
|
|
saddle: '', // 鞍座 |
|
|
|
|
|
saddleKey: '', // 鞍座key |
|
|
|
|
|
seat: '', // 座椅 |
|
|
|
|
|
seatKey: '', // 座椅key |
|
|
|
|
|
slowMachine: '', // 缓速器 |
|
|
|
|
|
slowMachineKey: '', // 缓速器key |
|
|
|
|
|
specification: '', // 驾驶室规格 |
|
|
|
|
|
specificationKey: '', // 驾驶室规格key |
|
|
|
|
|
suspension: '', // 悬架 |
|
|
|
|
|
suspensionKey: '', // 悬架key |
|
|
|
|
|
tireCover: '', // 护轮罩（有、无） |
|
|
|
|
|
tireCoverKey: '', // 护轮罩key（有、无） |
|
|
|
|
|
tireSize: '', // 轮胎规格 |
|
|
|
|
|
tireSizeKey: '', // 轮胎规格key |
|
|
|
|
|
wheelbase: '', // 轴距 |
|
|
|
|
|
wheelbaseKey: '' // 轴距key |
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
this.getList() |
|
|
|
|
|
|
|
|
// ----------------------------------方法-------------------- |
|
|
|
|
|
// 添加前数据初始化 |
|
|
|
|
|
resetTemp() { |
|
|
|
|
|
this.temp = {} |
|
|
|
|
|
}, |
|
|
}, |
|
|
// 打开添加 |
|
|
// 打开添加 |
|
|
handleCreate() { |
|
|
handleCreate() { |
|
|
this.viewState = 2 |
|
|
this.viewState = 2 |
|
|
this.$refs['divadd'].showAdd() |
|
|
this.$refs['divadd'].showAdd() |
|
|
// this.$router.push({ |
|
|
|
|
|
// path: '/cheliang/chexingpeizhiAdd/0', |
|
|
|
|
|
// query: { |
|
|
|
|
|
// sid: this.chesid |
|
|
|
|
|
// } |
|
|
|
|
|
// }) |
|
|
|
|
|
}, |
|
|
}, |
|
|
// 打开修改 |
|
|
// 打开修改 |
|
|
handleUpdate() { |
|
|
handleUpdate() { |
|
|
@ -966,9 +688,6 @@ |
|
|
this.viewState = 3 |
|
|
this.viewState = 3 |
|
|
const sid = this.sids[0] |
|
|
const sid = this.sids[0] |
|
|
this.$refs['divadd'].showEdit(sid) |
|
|
this.$refs['divadd'].showEdit(sid) |
|
|
// this.$router.push({ |
|
|
|
|
|
// path: `/cheliang/chexingpeizhiAdd/${this.sids[0]}` |
|
|
|
|
|
// }) |
|
|
|
|
|
} else if (this.sids.length > 1) { |
|
|
} else if (this.sids.length > 1) { |
|
|
this.$notify({ |
|
|
this.$notify({ |
|
|
title: '提示', |
|
|
title: '提示', |
|
|
@ -992,12 +711,6 @@ |
|
|
this.viewState = 4 |
|
|
this.viewState = 4 |
|
|
const sid = row.sid |
|
|
const sid = row.sid |
|
|
this.$refs['divinfo'].showInfo(sid, row) |
|
|
this.$refs['divinfo'].showInfo(sid, row) |
|
|
// this.$router.push({ |
|
|
|
|
|
// path: '/cheliang/chexingpeizhiInfo', |
|
|
|
|
|
// query: { |
|
|
|
|
|
// sid: row.sid |
|
|
|
|
|
// } |
|
|
|
|
|
// }) |
|
|
|
|
|
}, |
|
|
}, |
|
|
// 根据本行ID删除数据 |
|
|
// 根据本行ID删除数据 |
|
|
handleDelete() { |
|
|
handleDelete() { |
|
|
@ -1040,28 +753,38 @@ |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style scoped> |
|
|
<style scoped> |
|
|
/deep/ .el-collapse { |
|
|
/deep/ .el-collapse { |
|
|
border-top: 0px solid #e6ebf5; |
|
|
border-top: 0px solid #e6ebf5; |
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .el-collapse-item__content { |
|
|
/deep/ .el-collapse-item__content { |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .el-collapse-item__wrap { |
|
|
/deep/ .el-collapse-item__wrap { |
|
|
border-bottom: 0px solid #ebeef5; |
|
|
border-bottom: 0px solid #ebeef5; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .el-collapse-item__header { |
|
|
/deep/ .el-collapse-item__header { |
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
border-bottom: 0px solid #e6ebf5; |
|
|
} |
|
|
} |
|
|
|
|
|
.listtop { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
border: 1px solid #dfe4ed; |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
} |
|
|
|
|
|
.tit { |
|
|
|
|
|
margin-bottom: -10px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.searchli { |
|
|
.pagination { |
|
|
padding: 5px 100px; |
|
|
margin-bottom: -10px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
