From 583a68f82931d6b7732dbd63f3f0d8dac62223cf Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Fri, 17 Feb 2023 11:40:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=BD=A6=E5=9E=8B=E7=AE=80?=
 =?UTF-8?q?=E4=BB=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../productionschedulingorder.vue             |  66 +--
 .../chexingchaxun/modelinquire/vehiclecar.vue |  65 ++-
 .../modelinquire/vehiclecarInfo.vue           | 495 +++++-------------
 .../vehiclelibraryconfiguration.vue           |   1 -
 4 files changed, 215 insertions(+), 412 deletions(-)

diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/productionschedulingorder.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/productionschedulingorder.vue
index 2aa2c7c4c4..7e64f4efc0 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/productionschedulingorder.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/productionschedulingorder.vue
@@ -7,7 +7,7 @@
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
-      <div class="webcon">
+      <div class="main-content">
         <div class="searchcon">
           <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
           <div v-show="isSearchShow" class="search">
@@ -20,48 +20,42 @@
                 </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>
+                  <span style="padding: 0 8px">至</span>
                   <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 class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handReset">重置</el-button>
+            </div>
           </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-form ref="listQueryform" :inline="true" :model="basiclist" class="formadd">
+            <el-row style="border-top: 1px solid #e0e3eb">
+              <el-col :span="4" class="tleftb">
+                <span>车型</span>
               </el-col>
-              <el-col :span="8" style="border-top: 1px solid #e0e3eb">
+              <el-col :span="8">
                 <el-form-item>
                   <span>{{ basiclist.modelName }}</span>
                 </el-form-item>
               </el-col>
-              <el-col :span="4" class="trightb" style="border-top: 1px solid #e0e3eb">
-                <el-form-item>
-                  <span>销售指导价(万元)</span>
-                </el-form-item>
+              <el-col :span="4" class="tleftb">
+                <span>销售指导价(万元)</span>
               </el-col>
-              <el-col :span="8" style="border-top: 1px solid #e0e3eb">
+              <el-col :span="8">
                 <el-form-item>
                   <span>{{ basiclist.guidedPrice }}</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 :span="4" class="tleftb">
+                <span>常用配置</span>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="20" class="tlineheightb">
                 <el-form-item>
                   <span>{{ basiclist.configName }}</span>
                 </el-form-item>
@@ -74,8 +68,8 @@
           </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">
+              <el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center"/>
+              <el-table-column label="状态" align="center" width="80">
                 <template slot-scope="scope">
                   <span>{{ scope.row.orderStatus }}</span>
                 </template>
@@ -100,7 +94,7 @@
                   <span>{{ scope.row.useNum }}</span>
                 </template>
               </el-table-column>
-              <el-table-column label="预计上线日期" align="center">
+              <el-table-column label="预计上线日期" width="120" align="center">
                 <template slot-scope="scope">
                   <span>{{ scope.row.expectLaunchDate }}</span>
                 </template>
@@ -244,12 +238,20 @@ export default {
 }
 </script>
 <style scoped>
-.trightb{
-  text-align: right;
+.formadd {
+  padding: 0 !important;
 }
-
-.line {
-  display: inline-block;
-  margin: 0px 15px;
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
 }
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecar.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecar.vue
index d0c328a1e5..84f661f8a0 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecar.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecar.vue
@@ -7,7 +7,7 @@
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
-      <div class="webcon">
+      <div class="main-content">
         <div class="searchcon">
           <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
           <div v-show="isSearchShow" class="search">
@@ -30,44 +30,38 @@
                   <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 class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handReset">重置</el-button>
+            </div>
           </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-row style="border-top: 1px solid #e0e3eb">
+              <el-col :span="4" class="tleftb">
+                <span>车型</span>
               </el-col>
-              <el-col :span="8" style="border-top: 1px solid #e0e3eb">
+              <el-col :span="8" >
                 <el-form-item>
                   <span>{{ basiclist.modelName }}</span>
                 </el-form-item>
               </el-col>
-              <el-col :span="4" class="trightb" style="border-top: 1px solid #e0e3eb">
-                <el-form-item>
-                  <span>销售指导价(万元)</span>
-                </el-form-item>
+              <el-col :span="4" class="tleftb">
+                <span>销售指导价(万元)</span>
               </el-col>
-              <el-col :span="8" style="border-top: 1px solid #e0e3eb">
+              <el-col :span="8">
                 <el-form-item>
                   <span>{{ basiclist.guidedPrice }}</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 :span="4" class="tleftb">
+                <span>常用配置</span>
               </el-col>
-              <el-col :span="20">
+              <el-col :span="20" class="tlineheightb">
                 <el-form-item>
                   <span>{{ basiclist.configName }}</span>
                 </el-form-item>
@@ -76,8 +70,7 @@
           </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"/>
+            <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%">
@@ -111,8 +104,7 @@
           </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>
@@ -122,13 +114,13 @@
 </template>
 
 <script>
-import {dataDictionary, selExistingCarPageList} from '@/api/chexingchaxun/modelinquire.js'
+import { dataDictionary, selExistingCarPageList } 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',
+  name: 'XianCheCheLiang',
   components: {
     Pagination,
     pageye,
@@ -197,7 +189,7 @@ export default {
       var pageindex = index + 1 + pagestart
       return pageindex
     },
-    showInfo(sid,name, row) {
+    showInfo(sid, name, row) {
       this.modelSid = sid
       this.modelConfigSid = row.configSid
       this.basiclist.modelName = name
@@ -255,5 +247,20 @@ export default {
 }
 </script>
 <style scoped>
-
+.formadd {
+  padding: 0 !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecarInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecarInfo.vue
index e201f4a8c0..a8462db516 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecarInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclecarInfo.vue
@@ -6,13 +6,13 @@
         <el-button type="info" size="small" @click="handleReturn">关闭</el-button>
       </div>
     </div>
-    <div class="listadd">
-      <div class="wlInfo">
+    <div class="listconadd">
+      <div class="titwu">
         <span>【{{ brandName }} 】车辆详情</span>
       </div>
       <el-form ref="dataForm" :model="formtemp" label-position="right" class="formadd">
         <el-row style="border-top: 1px solid #e0e3eb">
-          <el-col :span="4" class="trightb">
+          <el-col :span="4" class="tleftb">
             <el-form-item>
               <span>车架号</span>
             </el-form-item>
@@ -22,7 +22,7 @@
               <span>{{ formtemp.vinNo }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4" class="trightb">
+          <el-col :span="4" class="tleftb">
             <el-form-item>
               <span>状态</span>
             </el-form-item>
@@ -34,7 +34,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="4" class="trightb">
+          <el-col :span="4" class="tleftb">
             <el-form-item>
               <span>车辆标签</span>
             </el-form-item>
@@ -44,7 +44,7 @@
               <span>{{ formtemp.vehicleLabel }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4" class="trightb">
+          <el-col :span="4" class="tleftb">
             <el-form-item>
               <span>促销政策</span>
             </el-form-item>
@@ -56,7 +56,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="4" class="trightb">
+          <el-col :span="4" class="tleftb">
             <el-form-item>
               <span>存放地点</span>
             </el-form-item>
@@ -66,7 +66,7 @@
               <span>{{ formtemp.location }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4" class="trightb">
+          <el-col :span="4" class="tleftb">
             <el-form-item>
               <span>入库日期</span>
             </el-form-item>
@@ -76,7 +76,7 @@
               <span>{{ formtemp.priceDate }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4" class="trightb">
+          <el-col :span="4" class="tleftb">
             <el-form-item>
               <span>销售指导价</span>
             </el-form-item>
@@ -88,360 +88,171 @@
           </el-col>
         </el-row>
       </el-form>
-      <!--      <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="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-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div class="title">
+          <div>{{ formobj.vehicleAlias }}</div>
+        </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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>品牌</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.brandName }}</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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>功能</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.vehicleTypeValue }}</span></el-form-item>
           </el-col>
-          <el-col :span="1">
-            <el-form-item>
-              <span>系列</span>
-            </el-form-item>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>系列</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.productLineValue }}</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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>驱动</span></div>
+            <el-form-item><span class="addinputInfo">{{ 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="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 :span="4" class="tlineheightb">
+            <div class="span-sty"><span>马力</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.powerValue }}</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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>版本</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.vehicleVersionValue }}</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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>燃料</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.fuelTypeValue }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="emissionStandardValue">
-              <span>{{ formobj.emissionStandardValue }}</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>排放标准</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.emissionStandardValue }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>系别</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>发动机型号</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.engineTypeValue }}</span></el-form-item>
           </el-col>
-          <el-col :span="2">
-            <el-form-item prop="departmentValue">
-              <span>{{ formobj.departmentValue }}</span>
-            </el-form-item>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>变速箱类型</span></div>
+            <el-form-item><span class="addinputInfo"></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-col :span="2">-->
-<!--          </el-col>-->
-<!--          <el-col :span="2">-->
-<!--          </el-col>-->
         </el-row>
         <el-row>
-
-          <!--          <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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>变速箱</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.gearboxTypeValue }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="carColor">
-              <span>{{ formobj.carColor }}</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>细分市场</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.marketSegmentsValue }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>驾驶室</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>规格型号</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.specifications }}</span></el-form-item>
           </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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>系别</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.departmentValue }}</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 :span="4" class="tlineheightb">
           </el-col>
         </el-row>
+        <div class="title">常用配置</div>
         <el-row>
-          <el-col :span="2">
-            <span>缓速器</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>后桥</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.rearAxleValue }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="slowMachine">
-              <span>{{ formobj.slowMachine }}</span>
-            </el-form-item>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>速比</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.rearAxleRatio }}</span></el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>后速桥比</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>轴距</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.wheelbase }}</span></el-form-item>
           </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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>悬架</span></div>
+            <el-form-item><span class="addinputInfo">{{ 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 :span="4" class="tlineheightb">
+            <div class="span-sty"><span>鞍座</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.saddle }}</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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>颜色</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carColor }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="airConditioner">
-              <span>{{ formobj.airConditioner }}</span>
-            </el-form-item>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>驾驶室</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.specification }}</span></el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>座椅</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>保险杠</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.bumper }}</span></el-form-item>
           </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 :span="5" class="tlineheightb">
+            <div class="span-sty"><span>燃料箱</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.fuelTank }}</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 :span="4" class="tlineheightb">
+            <div class="span-sty"><span>导流罩</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.baffleModel }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="2">
-            <span>轮胎</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>独立热源</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.independentSources }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="tireSize">
-              <span>{{ formobj.tireSize }}</span>
-            </el-form-item>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>缓速器</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.slowMachine }}</span></el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>轮毂材质</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>护轮罩</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.tireCover }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="hubMaterial">
-              <span>{{ formobj.hubMaterial }}</span>
-            </el-form-item>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>后视镜</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.rearViewMirror }}</span></el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>护轮罩</span>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>轮胎</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.tireSize }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="tireCover">
-              <span>{{ formobj.tireCover }}</span>
-            </el-form-item>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>轮毂材质</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.hubMaterial }}</span></el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>配置包</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>空调</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.airConditioner }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="configuringBao">
-              <span>{{ formobj.configuringBao }}</span>
-            </el-form-item>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>座椅</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.seat }}</span></el-form-item>
           </el-col>
-          <el-col :span="2">
-            <span>货箱</span>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>多媒体</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.multimedia }}</span></el-form-item>
           </el-col>
-          <el-col :span="2" class="tleftb">
-            <el-form-item prop="packingCase">
-              <span>{{ formobj.packingCase }}</span>
-            </el-form-item>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>配置包</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.configuringBao }}</span></el-form-item>
           </el-col>
-          <!--          <el-col :span="2"/>-->
-          <!--          <el-col :span="2"/>-->
         </el-row>
-        <div class="headline">更多配置</div>
+        <div class="title">
+          更多配置
+        </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-form-item>{{ formobj.otherConfig }}</el-form-item>
           </el-col>
         </el-row>
       </el-form>
@@ -450,7 +261,7 @@
 </template>
 
 <script>
-import {getPurchaseDetails, selectExiCarConfig} from '@/api/chexingchaxun/modelinquire.js'
+import { getPurchaseDetails, selectExiCarConfig } from '@/api/chexingchaxun/modelinquire.js'
 
 export default {
   name: 'xianchecheliangInfo',
@@ -513,39 +324,6 @@ export default {
 }
 </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;
@@ -555,10 +333,27 @@ export default {
   border-bottom: 1px solid #dfe4ed;
   text-align: left;
 }
-.headcarousel{
-  border-bottom: 1px solid #e0e3eb;
+.span-sty {
+  width: 80px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
 }
-.listadd{
-  margin-bottom: 20px;
+.addinputInfo {
+  margin-left: 70px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
 }
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclelibraryconfiguration.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclelibraryconfiguration.vue
index c412714572..da8d2fdeb3 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclelibraryconfiguration.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chexingchaxun/modelinquire/vehiclelibraryconfiguration.vue
@@ -481,7 +481,6 @@ export default {
     },
     resetState() {
       this.viewState = 1
-      this.handReset()
     }
   }
 }