yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

车型查询中车型库、车型配置、现车车辆、、排产订单的相关分页列表、详情页面

zhanglei
yunuo970428 3 years ago
parent
49988daa62
commit
32a552c17f
8 changed files with 2496 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 88
      anrui-buscenter/anrui-buscenter-ui/src/api/chexingchaxun/modelinquire.js
  2. 20
      anrui-buscenter/anrui-buscenter-ui/src/router/index.js
  3. 399
      anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/modellibrary.vue
  4. 447
      anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/modelstandardconfiguration.vue
  5. 265
      anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/productionschedulingorder.vue
  6. 225
      anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecar.vue
  7. 541
      anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecarInfo.vue
  8. 511
      anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclelibraryconfiguration.vue

88
anrui-buscenter/anrui-buscenter-ui/src/api/chexingchaxun/modelinquire.js
View File

@ -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'
})
}

20
anrui-buscenter/anrui-buscenter-ui/src/router/index.js
View File

@ -450,6 +450,26 @@ export const constantRoutes = [{
}
]
},
// 车型查询
{
path: '/chexingchaxun',
component: Layout,
redirect: '/chexingchaxun',
meta: {
title: '车型查询'
},
children: [
{
path: '/chexingchaxun/modelinquire',
component: () =>
import('@/views/chexingchaxun/modelinquire/modellibrary.vue'),
name: 'chexingchaxun',
meta: {
title: '车型库'
}
}
]
},
// 流程所需页面路径
// 订金收取审批、发起人详情页面

399
anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/modellibrary.vue
View File

@ -0,0 +1,399 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>车型库</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="webcon">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-row>
<el-form-item label="品牌:" class="searchlist">
<el-select v-model="listQuery.params.carBrand" placeholder="请选择" filterable clearable>
<el-option v-for="item in carBrand_list" :key="item.sid" :label="item.brandName" :value="item.brandName"/>
</el-select>
</el-form-item>
<el-form-item label="功能:" class="searchlist">
<el-select v-model="listQuery.params.vehicleType" placeholder="请选择" filterable clearable>
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="系列:" class="searchlist">
<el-select v-model="listQuery.params.productLine" placeholder="请选择" filterable clearable>
<el-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="驱动:" class="searchlist">
<el-select v-model="listQuery.params.driveForm" placeholder="请选择" filterable clearable>
<el-option v-for="item in driveForm_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="马力:" class="searchlist">
<el-select v-model="listQuery.params.power" placeholder="请选择" filterable clearable>
<el-option v-for="item in power_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="版本:" class="searchlist">
<el-select v-model="listQuery.params.vehicleVersion" placeholder="请选择" filterable clearable>
<el-option v-for="item in vehicleVersion_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="燃料:" class="searchlist">
<el-select v-model="listQuery.params.fuelType" placeholder="请选择" filterable clearable>
<el-option v-for="item in fuelType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="车型编码:" class="searchlist">
<el-input v-model="listQuery.params.applyName" placeholder="" clearable style="width: 150px"/>
</el-form-item>
<el-form-item label="变速箱:" class="searchlist">
<el-select v-model="listQuery.params.gearboxType" placeholder="请选择" filterable clearable>
<el-option v-for="item in gearboxType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="排放标准:" class="searchlist">
<el-select v-model="listQuery.params.emissionStandard" placeholder="请选择" filterable clearable>
<el-option v-for="item in emissionStandard_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="发动机型号:" class="searchlist">
<el-select v-model="listQuery.params.engineType" placeholder="请选择" filterable clearable>
<el-option v-for="item in engineType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
<el-form-item label="细分市场:" class="searchlist">
<el-select v-model="listQuery.params.marketSegments" placeholder="请选择" filterable clearable>
<el-option v-for="item in marketSegments_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="规格型号:" class="searchlist">
<el-input v-model="listQuery.params.specifications" placeholder="" clearable style="width: 150px"/>
</el-form-item>
<el-form-item label="快捷检索:" class="searchlist">
<el-input v-model="listQuery.params.modelName" placeholder="" clearable style="width: 150px"/>
</el-form-item>
</el-row>
<div class="searchbtns">
<el-button type="primary" @click="handleFilter">查询</el-button>
<el-button type="primary" @click="handReset">重置</el-button>
</div>
</el-form>
</div>
</div>
<div class="listtop">
<div class="tit">车辆列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%">
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="车型" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handlink(scope.row)">{{ scope.row.vehicleAlias }}</span>
</template>
</el-table-column>
<el-table-column label="版本" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vehicleVersionValue }}</span>
</template>
</el-table-column>
<el-table-column label="燃料" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fuelTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="变速箱" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gearboxTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="销售指导价（万元）" align="center">
<template slot-scope="scope">
<span>{{ scope.row.guidedPrice }}</span>
</template>
</el-table-column>
<el-table-column label="现车" align="center">
<template slot-scope="scope">
<span>{{ scope.row.nowCarNum }}</span>
</template>
</el-table-column>
<el-table-column label="排产" align="center">
<template slot-scope="scope">
<span>{{ scope.row.productionCarNum }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<el-dialog :visible.sync="dialogVisible" width="50%">
<el-table :key="tableKey" :data="datalist" border style="width: 100%">
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="分公司名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.company }}</span>
</template>
</el-table-column>
<el-table-column label="现车" align="center">
<template slot-scope="scope">
<span>{{ scope.row.nowCarNum }}</span>
</template>
</el-table-column>
<el-table-column label="排产车" align="center">
<template slot-scope="scope">
<span>{{ scope.row.productionCarNum }}</span>
</template>
</el-table-column>
</el-table>
</el-dialog>
<!-- 车型配置分页列表 -->
<configuration v-show="viewState == 2" ref="divConfiguration" @doback="resetState"/>
</div>
</template>
<script>
import { modelPageList, dataDictionary, brandDown, notTheCompanyModelPageList } from '@/api/chexingchaxun/modelinquire.js'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import configuration from './vehiclelibraryconfiguration.vue'
export default {
name: 'chexingchaxun',
components: {
Pagination,
pageye,
configuration
},
data() {
return {
isSearchShow: false,
dialogVisible: false,
searchxianshitit: '隐藏查询条件',
viewState: 1,
tableKey: 0,
list: [],
datalist: [],
carBrand_list: [],
vehicleType_list: [],
productLine_list: [],
driveForm_list: [],
power_list: [],
vehicleVersion_list: [],
fuelType_list: [],
gearboxType_list: [],
emissionStandard_list: [],
engineType_list: [],
marketSegments_list: [],
listLoading: false,
dialogQuery: {
current: 1,
size: 10,
params: {
modelSid: '',
modelConfigSid: '',
userSid: window.sessionStorage.getItem('userSid') // 用户
}
},
listQuery: {
current: 1,
size: 10,
params: {
carBrand: '', // 品牌
driveForm: '', // 驱动
fuelType: '', // 燃料
gearboxType: '', // 变速箱
modelName: '', // 车型
power: '', // 马力
productLine: '', // 系列
useOrg: '', // 分公司
userSid: window.sessionStorage.getItem('userSid'), // 用户
vehicleType: '', // 功能
vehicleVersion: '', // 版本
emissionStandard: '', // 排放标准
engineType: '', // 发动机型号
marketSegments: '', // 细分市场
specifications: '' // 规格型号
},
total: 0
}
}
},
created() {
// 初始化变量
this.init()
this.Dictionary()
// 加载列表
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
init() {
this.getList()
},
// ----------功能打开结束--------
// 数组字典加载
Dictionary() {
brandDown().then((res) => {
if (res.code === '200') {
this.carBrand_list = res.data
}
})
dataDictionary({ type: 'vehicleFunction' }).then((res) => {
if (res.code === '200') {
this.vehicleType_list = res.data
}
})
dataDictionary({ type: 'productLine' }).then((res) => {
if (res.code === '200') {
this.productLine_list = res.data
}
})
dataDictionary({ type: 'driver' }).then((res) => {
if (res.code === '200') {
this.driveForm_list = res.data
}
})
dataDictionary({ type: 'horsepower' }).then((res) => {
if (res.code === '200') {
this.power_list = res.data
}
})
dataDictionary({ type: 'vehicleVersion' }).then((res) => {
if (res.code === '200') {
this.vehicleVersion_list = res.data
}
})
dataDictionary({ type: 'fuelType' }).then((res) => {
if (res.code === '200') {
this.fuelType_list = res.data
}
})
dataDictionary({ type: 'gearbox' }).then((res) => {
if (res.code === '200') {
this.gearboxType_list = res.data
}
})
dataDictionary({ type: 'emissionStandard' }).then((res) => {
if (res.code === '200') {
this.emissionStandard_list = res.data
}
})
dataDictionary({ type: 'engineType' }).then((res) => {
if (res.code === '200') {
this.engineType_list = res.data
}
})
dataDictionary({ type: 'marketSegments' }).then((res) => {
if (res.code === '200') {
this.marketSegments_list = res.data
}
})
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
modelPageList(this.listQuery).then((response) => {
this.listLoading = false
if (response.code === '200') {
this.listQuery.total = response.data.total
this.list = response.data.records
}
})
},
// 查询按钮
handleFilter() {
this.getList()
},
handReset() {
this.listQuery = {
current: 1,
size: 10,
params: {
carBrand: '', // 品牌
driveForm: '', // 驱动
fuelType: '', // 燃料
gearboxType: '', // 变速箱
modelName: '', // 车型
power: '', // 马力
productLine: '', // 系列
useOrg: '', // 分公司
userSid: window.sessionStorage.getItem('userSid'), // 用户
vehicleType: '', // 功能
vehicleVersion: '', // 版本
emissionStandard: '', // 排放标准
engineType: '', // 发动机型号
marketSegments: '', // 细分市场
specifications: '' // 规格型号
},
total: 0
}
this.getList()
},
handlook(row) {
this.dialogVisible = true
this.dialogQuery.params.modelSid = row.sid
notTheCompanyModelPageList(this.dialogQuery).then((res) => {
if (res.code === '200') {
this.datalist = res.data.records
}
})
},
handlink(row) {
this.viewState = 2
this.$refs['divConfiguration'].showData(row)
},
resetState() {
this.viewState = 1
this.handReset()
}
}
}
</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>

447
anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/modelstandardconfiguration.vue
View File

@ -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>

265
anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/productionschedulingorder.vue
View File

@ -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>

225
anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecar.vue
View File

@ -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>

541
anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecarInfo.vue
View File

@ -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>

511
anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclelibraryconfiguration.vue
View File

@ -0,0 +1,511 @@
<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.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%">
<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 {
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')
},
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>
Write Preview
Loading…
Cancel
Save