完善车型简介

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>
+          <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-form-item>
               </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>
+              <el-col :span="4" class="tleftb">
                 <span>销售指导价(万元)</span>
-                </el-form-item>
               </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>
+              <el-col :span="4" class="tleftb">
                 <span>常用配置</span>
-                </el-form-item>
               </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>

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>
+            <el-row style="border-top: 1px solid #e0e3eb">
+              <el-col :span="4" class="tleftb">
                 <span>车型</span>
-                </el-form-item>
               </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>
+              <el-col :span="4" class="tleftb">
                 <span>销售指导价(万元)</span>
-                </el-form-item>
               </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>
+              <el-col :span="4" class="tleftb">
                 <span>常用配置</span>
-                </el-form-item>
               </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>
@@ -128,7 +120,7 @@ import pageye from '@/components/pagination/pageye'
 import vehiclecarInfo from './vehiclecarInfo.vue'
 
 export default {
-  name: 'xianchecheliang',
+  name: 'XianCheCheLiang',
   components: {
     Pagination,
     pageye,
@@ -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>

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>
-          <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 :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="vehicleVersionValue">
-              <span>{{ formobj.vehicleVersionValue }}</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="fuelTypeValue">
-              <span>{{ formobj.fuelTypeValue }}</span>
-            </el-form-item>
-          </el-col>
-          <el-col :span="2">
-            <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.driveFormValue }}</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 :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 :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="engineTypeValue">
-              <span>{{ formobj.engineTypeValue }}</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>-->
-          <!--          <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.engineTypeValue }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="emissionStandardValue">
-              <span>{{ formobj.emissionStandardValue }}</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">
-            <el-form-item prop="departmentValue">
-              <span>{{ 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="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>
-          <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 :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="2">
-            <span>悬架</span>
+          <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="3">
-            <el-form-item prop="suspension">
-              <span>{{ formobj.suspension }}</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="wheelbase">
-              <span>{{ formobj.wheelbase }}</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="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 :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="rearViewMirror">
-              <span>{{ formobj.rearViewMirror }}</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="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.fuelTank }}</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.baffleModel }}</span></el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-form-item prop="saddle">
-              <span>{{ formobj.seat }}</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.independentSources }}</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.slowMachine }}</span></el-form-item>
           </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.tireCover }}</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.rearViewMirror }}</span></el-form-item>
           </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.tireSize }}</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.hubMaterial }}</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.airConditioner }}</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.seat }}</span></el-form-item>
           </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 :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">
-            <span>货箱</span>
+          <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" class="tleftb">
-            <el-form-item prop="packingCase">
-              <span>{{ formobj.packingCase }}</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>
@@ -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>

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

@@ -481,7 +481,6 @@ export default {
     },
     resetState() {
       this.viewState = 1
-      this.handReset()
     }
   }
 }