|
|
|
@ -12,81 +12,76 @@ |
|
|
|
<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.sid"/> |
|
|
|
<el-select v-model="listQuery.params.brand" 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 v-model="listQuery.params.vehicleFunction" placeholder="请选择" filterable clearable> |
|
|
|
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="系列:" class="searchlist"> |
|
|
|
<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-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</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 v-model="listQuery.params.driver" placeholder="请选择" filterable clearable> |
|
|
|
<el-option v-for="item in driveForm_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</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 v-model="listQuery.params.horsepower" placeholder="请选择" filterable clearable> |
|
|
|
<el-option v-for="item in power_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</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-option v-for="item in vehicleVersion_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</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-option v-for="item in fuelType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</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-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 v-model="listQuery.params.gearbox" placeholder="请选择" filterable clearable> |
|
|
|
<el-option v-for="item in gearboxType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</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-option v-for="item in emissionStandard_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="发动机型号:" class="searchlist"> |
|
|
|
<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-option v-for="item in engineType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="细分市场:" class="searchlist"> |
|
|
|
<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-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-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.name" placeholder="" clearable style="width: 150px"/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div class="btn"> |
|
|
|
<el-button type="primary" @click="handleFilter">查询</el-button> |
|
|
|
<el-button type="primary" @click="handReset">重置</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listtop"> |
|
|
|
@ -96,47 +91,52 @@ |
|
|
|
<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"> |
|
|
|
<el-table-column width="120px" label="品牌" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.brandName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="车型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="bluezi" @click="handlink(scope.row)">{{ scope.row.vehicleAlias }}</span> |
|
|
|
<span class="bluezi" @click="handlink(scope.row)">{{ scope.row.modelName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="版本" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.vehicleVersionValue }}</span> |
|
|
|
<el-table-column width="100px" label="版本" align="center"> |
|
|
|
<template slot-scope="scope"> <!-- 旧：vehicleVersionValue--> |
|
|
|
<span>{{ scope.row.versionValue }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="燃料" align="center"> |
|
|
|
<el-table-column width="100px" label="燃料" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fuelTypeValue }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="变速箱" align="center"> |
|
|
|
<el-table-column width="100px" label="变速箱" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.gearboxTypeValue }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="销售指导价（万元）" align="center"> |
|
|
|
<el-table-column width="150px" label="销售指导价（万元）" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.guidedPrice }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="现车" align="center"> |
|
|
|
<el-table-column width="100px" label="车型图片" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="small" @click="handlookImg(scope.row)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column width="110px" label="现车" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.nowCarNum }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="排产" align="center"> |
|
|
|
<el-table-column width="110px" label="排产" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.productionCarNum }}</span> |
|
|
|
<span>{{ scope.row.produceCarNum }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center"> |
|
|
|
<el-table-column width="100px" label="其他更多" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button> |
|
|
|
</template> |
|
|
|
@ -145,16 +145,23 @@ |
|
|
|
</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"/> |
|
|
|
<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 title="查看" :visible.sync="dialogImgVisible"> |
|
|
|
<el-image v-for="item in srcList" :key="item" style="width: 100px; height: 100px" :src="item" |
|
|
|
:preview-src-list="srcList"/> |
|
|
|
</el-dialog> |
|
|
|
<!-- 其他更多配置弹窗 --> |
|
|
|
<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> |
|
|
|
<span>{{ scope.row.companyName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="现车" align="center"> |
|
|
|
@ -164,7 +171,7 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="排产车" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.productionCarNum }}</span> |
|
|
|
<span>{{ scope.row.produceCarNum }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
@ -175,7 +182,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { modelPageList, dataDictionary, brandDown, notTheCompanyModelPageList } from '@/api/chexingchaxun/modelinquire.js' |
|
|
|
import {brandDown, dataDictionary, getPathSidByUserSid, modelPageList} from '@/api/chexingchaxun/modelinquire.js' |
|
|
|
import Pagination from '@/components/pagination' |
|
|
|
import pageye from '@/components/pagination/pageye' |
|
|
|
import configuration from './vehiclelibraryconfiguration.vue' |
|
|
|
@ -190,10 +197,12 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
isSearchShow: false, |
|
|
|
dialogVisible: false, |
|
|
|
dialogVisible: false, // 其他更多弹窗 |
|
|
|
dialogImgVisible: false, // 车型照片弹窗 |
|
|
|
searchxianshitit: '显示查询条件', |
|
|
|
viewState: 1, |
|
|
|
tableKey: 0, |
|
|
|
srcList: [], |
|
|
|
list: [], |
|
|
|
datalist: [], |
|
|
|
carBrand_list: [], |
|
|
|
@ -221,16 +230,16 @@ export default { |
|
|
|
current: 1, |
|
|
|
size: 10, |
|
|
|
params: { |
|
|
|
carBrand: '', // 品牌 |
|
|
|
driveForm: '', // 驱动 |
|
|
|
brand: '', // 品牌 |
|
|
|
driver: '', // 驱动 |
|
|
|
fuelType: '', // 燃料 |
|
|
|
gearboxType: '', // 变速箱 |
|
|
|
gearbox: '', // 变速箱 |
|
|
|
modelName: '', // 车型 |
|
|
|
power: '', // 马力 |
|
|
|
horsepower: '', // 马力 |
|
|
|
productLine: '', // 系列 |
|
|
|
useOrg: '', // 分公司 |
|
|
|
// useOrg: '', // 分公司 后端使用 |
|
|
|
userSid: window.sessionStorage.getItem('userSid'), // 用户 |
|
|
|
vehicleType: '', // 功能 |
|
|
|
vehicleFunction: '', // 功能 |
|
|
|
vehicleVersion: '', // 版本 |
|
|
|
emissionStandard: '', // 排放标准 |
|
|
|
engineType: '', // 发动机型号 |
|
|
|
@ -259,46 +268,60 @@ export default { |
|
|
|
}, |
|
|
|
init() { |
|
|
|
this.getList() |
|
|
|
this.getPathSid() |
|
|
|
}, |
|
|
|
// ----------功能打开结束-------- |
|
|
|
// 数组字典加载 |
|
|
|
Dictionary() { |
|
|
|
brandDown().then((res) => { |
|
|
|
getPathSid() { |
|
|
|
const userSid = window.sessionStorage.getItem('userSid') |
|
|
|
getPathSidByUserSid({userSid: userSid}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
// this.listQuery.params.createOrgSId = res.data |
|
|
|
this.useOrg = res.data |
|
|
|
this.getBrand(res.data) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 下拉框-品牌 |
|
|
|
getBrand(useOrg) { |
|
|
|
brandDown({useOrg: useOrg}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.carBrand_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'vehicleFunction' }).then((res) => { |
|
|
|
}, |
|
|
|
// 数组字典加载 |
|
|
|
Dictionary() { |
|
|
|
dataDictionary({type: 'vehicleFunction'}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.vehicleType_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'productLine' }).then((res) => { |
|
|
|
dataDictionary({type: 'productLine'}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.productLine_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'driver' }).then((res) => { |
|
|
|
dataDictionary({type: 'driver'}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.driveForm_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'horsepower' }).then((res) => { |
|
|
|
dataDictionary({type: 'horsepower'}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.power_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'vehicleVersion' }).then((res) => { |
|
|
|
dataDictionary({type: 'vehicleVersion'}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.vehicleVersion_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'fuelType' }).then((res) => { |
|
|
|
dataDictionary({type: 'fuelType'}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.fuelType_list = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
dataDictionary({ type: 'gearbox' }).then((res) => { |
|
|
|
dataDictionary({type: 'gearbox'}).then((res) => { |
|
|
|
if (res.code === '200') { |
|
|
|
this.gearboxType_list = res.data |
|
|
|
} |
|
|
|
@ -345,16 +368,16 @@ export default { |
|
|
|
current: 1, |
|
|
|
size: 10, |
|
|
|
params: { |
|
|
|
carBrand: '', // 品牌 |
|
|
|
driveForm: '', // 驱动 |
|
|
|
brand: '', // 品牌 |
|
|
|
driver: '', // 驱动 |
|
|
|
fuelType: '', // 燃料 |
|
|
|
gearboxType: '', // 变速箱 |
|
|
|
gearbox: '', // 变速箱 |
|
|
|
modelName: '', // 车型 |
|
|
|
power: '', // 马力 |
|
|
|
horsepower: '', // 马力 |
|
|
|
productLine: '', // 系列 |
|
|
|
useOrg: '', // 分公司 |
|
|
|
// useOrg: '', // 分公司 后端使用 |
|
|
|
userSid: window.sessionStorage.getItem('userSid'), // 用户 |
|
|
|
vehicleType: '', // 功能 |
|
|
|
vehicleFunction: '', // 功能 |
|
|
|
vehicleVersion: '', // 版本 |
|
|
|
emissionStandard: '', // 排放标准 |
|
|
|
engineType: '', // 发动机型号 |
|
|
|
@ -365,14 +388,23 @@ export default { |
|
|
|
} |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
handlookImg(row) { |
|
|
|
this.dialogImgVisible = true |
|
|
|
console.log('图片列表', row.modelImage) |
|
|
|
const imgList = [] |
|
|
|
imgList.push(row.modelImage) |
|
|
|
this.srcList = imgList // 暂时是一张图片，和移动端保持一致 |
|
|
|
console.log('图片列表', this.srcList) |
|
|
|
}, |
|
|
|
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 |
|
|
|
} |
|
|
|
}) |
|
|
|
this.datalist = row.moreList |
|
|
|
// 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 |
|
|
|
@ -401,8 +433,19 @@ export default { |
|
|
|
.pagination { |
|
|
|
margin-bottom: -10px; |
|
|
|
} |
|
|
|
|
|
|
|
.searchbtn { |
|
|
|
border: #2cab69 1px solid; |
|
|
|
color: #2cab69; |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
padding: 15px 0 15px 0; |
|
|
|
border: 1px solid #e0e3eb; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.tab-header { |
|
|
|
margin-bottom: 0 !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
Zhao Qiqi
3 years ago