完善车型管理-快速新增功能

anrui-scm/anrui-scm-ui/src/views/cheliang/chexing/chexing.vue

@@ -15,87 +15,73 @@
               </el-form-item>
               <el-form-item label="功能">
                 <el-select v-model="listQuery.params.vehicleType" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in vehicleFunction_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <el-option v-for="item in vehicleFunction_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="系列">
                 <el-select v-model="listQuery.params.productLine" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <el-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="驱动">
                 <el-select v-model="listQuery.params.driveForm" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in driveForm_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <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="马力">
                 <el-select v-model="listQuery.params.power" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in power_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <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="版本">
                 <el-select v-model="listQuery.params.vehicleVersion" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in vehicleVersion_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <el-option v-for="item in vehicleVersion_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="燃料">
                 <el-select v-model="listQuery.params.fuelType" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in fuelType_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <el-option v-for="item in fuelType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="变速箱">
                 <el-select v-model="listQuery.params.gearboxType" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in gearboxType_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <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="排放标准">
                 <el-select v-model="listQuery.params.emissionStandard" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in emissionStandard_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <el-option v-for="item in emissionStandard_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="发动机型号">
                 <el-select v-model="listQuery.params.engineType" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in engineType_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <el-option v-for="item in engineType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="细分市场">
                 <el-select v-model="listQuery.params.marketSegments" placeholder="请选择" filterable clearable class="addinputw">
-                  <el-option v-for="item in marketSegments_list" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictKey"/>
+                  <el-option v-for="item in marketSegments_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="车型编码">
-                <el-input v-model="listQuery.params.vehicleTypeCode" maxlength="125" placeholder="请输入车型编码"
-                          class="addinputw" clearable/>
+                <el-input v-model="listQuery.params.vehicleTypeCode" maxlength="125" placeholder="请输入车型编码" class="addinputw" clearable/>
               </el-form-item>
               <el-form-item label="规格型号">
-                <el-input v-model="listQuery.params.specifications" maxlength="125" placeholder="请输入规格型号"
-                          class="addinputw" clearable/>
+                <el-input v-model="listQuery.params.specifications" maxlength="125" placeholder="请输入规格型号" class="addinputw" clearable/>
               </el-form-item>
             </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="handleReset">重置</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
             </div>
           </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"/>
+          <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%;"
-                    @selection-change="handleSelectionChange">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
             <el-table-column width="50px" type="selection" align="center"/>
             <el-table-column width="80px" fixed label="序号" type="index" :index="indexMethod" align="center"/>
             <el-table-column label="操作" fixed align="center" width="110px" class-name="small-padding fixed-width">
@@ -133,7 +119,7 @@
                 <span>{{ scope.row.fuelTypeValue }}</span>
               </template>
             </el-table-column>
-              <el-table-column label="变速箱" width="240px" align="center">
+            <el-table-column label="变速箱" width="240px" align="center">
               <template slot-scope="scope">
                 <span>{{ scope.row.gearboxTypeValue }}</span>
               </template>
@@ -147,8 +133,7 @@
               <template slot-scope="scope">
                 <el-button size="mini" type="primary" @click="handleGetCheck(scope.row)">查看</el-button>
                 <div class="upload_img">
-                  <upload ref="uploadMoreImg" v-model="imgList" :limit="1" bucket="map" @eett="getList"
-                          :upload-data="{type:'0001',modelSid: scope.row.sid}"></upload>
+                  <upload ref="uploadMoreImg" v-model="imgList" :limit="1" bucket="map" @eett="getList" :upload-data="{type:'0001',modelSid: scope.row.sid}"></upload>
                 </div>
               </template>
             </el-table-column>
@@ -156,8 +141,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"/> <!--vehicleModelUrls-->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
         </div>
       </div>
     </div>
@@ -166,16 +150,11 @@
     <el-dialog title="查看" :visible.sync="dialogImgVisible">
       <div v-for="(item,index) in srcList" style="display:inline-block;">
         <div class="dialogImg">
-          <el-image
-            :key="index"
-            :src="item"
-            style="width: 100px; height: 100px"
-            :preview-src-list="srcList">
+          <el-image :key="index" :src="item" style="width: 100px; height: 100px" :preview-src-list="srcList">
           </el-image>
           <el-button class="btn_style" type="danger" size="mini" @click="handleDel(item)">删除</el-button>
         </div>
       </div>
-<!--      <el-image v-for="item in srcList" :key="item" style="width: 100px; height: 100px" :src="item" :preview-src-list="srcList"/>-->
     </el-dialog>
     <!-- Start 车型配置页面 -->
     <chexingpeizhi v-show="viewState == 5" ref="divGuanLianPeiZhi" @doback="resetState"></chexingpeizhi>
@@ -205,7 +184,6 @@ import chexingAdd from './chexingAdd'
 import chexinglook from './chexinglook'
 import chexingpeizhi from './relation/chexingguanlianchangyong'
 import upload from '../../../components/uploadFile/upload_chexing'
-import req from '@/api/kucunguanli/changjiachuku'
 
 export default {
   name: 'chexing',
@@ -216,7 +194,7 @@ export default {
     chexinglook,
     chexingpeizhi,
     upload,
-    ButtonBar,
+    ButtonBar
   },
   data() {
     return {
@@ -307,32 +285,21 @@ export default {
           emissionStandard: '',
           engineType: '',
           marketSegments: '',
-          specifications: '',
+          specifications: ''
         },
         current: 1,
         size: 5,
         total: 0
       },
       sids: [],
-      typeOptions: [],
       imgList: [],
-      tureArrys: [
-        {
-          value: 1,
-          label: '是'
-        },
-        {
-          value: 0,
-          label: '否'
-        }
-      ],
       rules: {}
       // ------------------------------------
     }
   },
-    mounted() {
-      this.$refs["btnbar"].setButtonList(this.btnList)
-    },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
   created() {
     // 初始化变量
     this.init()
@@ -380,7 +347,7 @@ export default {
     // 孟哲接口
     getPathSid() {
       const userSid = window.sessionStorage.getItem('userSid')
-      getPathSidByUserSid({userSid:userSid}).then((res) => {
+      getPathSidByUserSid({ userSid: userSid }).then((res) => {
         if (res.code === '200') {
           this.listQuery.params.createOrgSId = res.data
           this.useOrg = res.data
@@ -389,9 +356,9 @@ export default {
         }
       })
     },
-    getBrand(useOrg){
+    getBrand(useOrg) {
       // 下拉框-品牌
-      brandDown({ useOrg:useOrg }).then((res) => {
+      brandDown({ useOrg: useOrg }).then((res) => {
         if (res.code === '200') {
           this.carBrand_list = res.data
           console.log('下拉框请求品牌', res.data)
@@ -515,11 +482,7 @@ export default {
       pagerList(this.listQuery).then((response) => {
         console.log('列表查询结果：', response)
         this.listLoading = false
-        if (
-          response.code === '200' &&
-          response.data &&
-          response.data.total > 0
-        ) {
+        if (response.code === '200' && response.data && response.data.total > 0) {
           this.list = response.data.records
           this.listQuery.total = response.data.total
         } else {
@@ -548,7 +511,7 @@ export default {
           emissionStandard: '',
           engineType: '',
           marketSegments: '',
-          specifications: '',
+          specifications: ''
         },
         current: 1,
         size: 5,
@@ -641,7 +604,7 @@ export default {
     handleCheck(row) {
       this.viewState = 4
       const sid = row.sid
-      console.log('详情sid', sid,'useOrg:',this.useOrg)
+      console.log('详情sid', sid, 'useOrg:', this.useOrg)
       this.$refs['divinfo'].showInfo(sid, row, this.useOrg)
     },
     handleDel(val) {
@@ -660,43 +623,37 @@ export default {
     // 根据本行ID删除数据
     doDel() {
       if (this.sids.length > 0) {
-        const _this = this
         const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
         this.$confirm(tip, '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
-        })
-          .then(() => {
-            const loading = this.$loading({
-              lock: true,
-              text: 'Loading',
-              spinner: 'el-icon-loading',
-              background: 'rgba(0, 0, 0, 0.7)'
-            })
-            var sids = this.sids.join(',')
-            console.log('删除的数据', sids)
-            const params = {
-              sids:sids,
-              userSid:window.sessionStorage.getItem('userSid')
-            }
-            deleteBySids(params)
-              .then(resp => {
-                if (resp.success && resp.code == '200'){
-                  loading.close()
-                  _this.$message({ type: 'success', message: resp.msg, showClose: true })
-                  _this.getPathSid()
-                }else {
-                  loading.close()
-                  // _this.$message({ type: 'error', message: resp.msg, showClose: true })
-                }
-              })
-              .catch(e => {
-                loading.close()
-              })
+        }).then(() => {
+          const loading = this.$loading({
+            lock: true,
+            text: 'Loading',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
           })
-          .catch(() => {
+          var sids = this.sids.join(',')
+          console.log('删除的数据', sids)
+          const params = {
+            sids: sids,
+            userSid: window.sessionStorage.getItem('userSid')
+          }
+          deleteBySids(params).then(resp => {
+            if (resp.success) {
+              loading.close()
+              this.$message({ type: 'success', message: resp.msg, showClose: true })
+              this.getPathSid()
+            } else {
+              loading.close()
+            }
+          }).catch(e => {
+            loading.close()
           })
+        }).catch(() => {
+        })
       } else {
         this.$notify({
           title: '提示',
@@ -727,8 +684,8 @@ export default {
         })
       })
     },
-    doClose(){
-      this.$store.dispatch('tagsView/delView', this.$route);
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
       this.$router.go(-1)
     }
   }
@@ -753,15 +710,12 @@ export default {
   border-bottom: 0px solid #e6ebf5;
 }
 
-.searchli {
-  padding: 5px 100px;
-}
-
 .upload_img {
   display: inline-block;
   padding-left: 10px;
 }
-.dialogImg{
+
+.dialogImg {
   display: flex;
   flex-direction: column;
   justify-content: center;

anrui-scm/anrui-scm-ui/src/views/cheliang/chexing/chexinglook.vue

@@ -6,11 +6,11 @@
         <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
       </div>
     </div>
-    <div class="listadd">
+    <div class="listconadd">
       <el-form ref="dataForm" :model="temp" label-position="right" class="formadd">
-        <div class="title">车型详情</div>
-        <el-row>
-          <el-col :span="4">
+        <div class="title">车型信息</div>
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="4" class="tleftb">
             <span>品牌</span>
           </el-col>
           <el-col :span="20">
@@ -18,10 +18,9 @@
               <span>{{ temp.brandName }}</span>
             </el-form-item>
           </el-col>
-
         </el-row>
         <el-row>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>功能</span>
           </el-col>
           <el-col :span="8">
@@ -29,7 +28,7 @@
               <span>{{ temp.vehicleTypeValue }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>系列</span>
           </el-col>
           <el-col :span="8">
@@ -39,7 +38,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>驱动</span>
           </el-col>
           <el-col :span="8">
@@ -47,7 +46,7 @@
               <span>{{ temp.driveFormValue }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>马力</span>
           </el-col>
           <el-col :span="8">
@@ -57,7 +56,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>版本</span>
           </el-col>
           <el-col :span="8">
@@ -65,7 +64,7 @@
               <span>{{ temp.vehicleVersionValue }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>燃料</span>
           </el-col>
           <el-col :span="8">
@@ -75,7 +74,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>变速箱</span>
           </el-col>
           <el-col :span="8">
@@ -83,7 +82,7 @@
               <span>{{ temp.gearboxTypeValue }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>排放标准</span>
           </el-col>
           <el-col :span="8">
@@ -93,7 +92,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>发动机型号</span>
           </el-col>
           <el-col :span="8">
@@ -101,7 +100,7 @@
               <span>{{ temp.engineTypeValue }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>细分市场</span>
           </el-col>
           <el-col :span="8">
@@ -111,7 +110,7 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>规格型号</span>
           </el-col>
           <el-col :span="8">
@@ -119,7 +118,7 @@
               <span>{{ temp.specifications }}</span>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="4" class="tleftb">
             <span>系别</span>
           </el-col>
           <el-col :span="8">
@@ -128,138 +127,134 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="addtable">
-          <div class="tabletitle">
-            <div class="titlename">常用配置列表</div>
-          </div>
-          <template class="tablelist">
-            <el-table :data="list" :index="index" border style="width: 100%">
-              <el-table-column align="center" label="序号" type="index" width="60"/>
-              <el-table-column prop="mNum" width="130" label="内部编码" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.insideCode }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="mNum" width="150" label="销售指导价(全款)" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.guidedPrice }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="mNum" width="150" label="销售指导价(贷款)" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.manufactorSettlementPrice }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="mName" width="150" label="颜色" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.carColor }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="model" width="150" label="缓速器" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.slowMachine }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="year" width="95" label="后视镜" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.rearViewMirror }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="logisticsCustomer" width="95" label="轮胎" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.tireSize }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="company" width="150" label="驾驶室" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.specification }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="netReceiptsNum" width="150" label="后桥" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.rearAxleValue }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="netReceiptsNum" width="150" label="速比" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.rearAxleRatio }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="receivingWarehouse" width="150" label="空调" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.airConditioner }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="position" width="150" label="轮毂材质" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.hubMaterial }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="batchNum" width="150" label="导流罩" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.baffleModel }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="cargoOwner" width="120" label="悬架" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.suspension }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="座椅" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.seat }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="护轮罩" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.tireCover }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="鞍座" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.saddle }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="轴距" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.wheelbase }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="保险杠" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.bumper }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="配置包" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.configuringBao }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="独立热源" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.independentSources }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="燃料箱" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.fuelTank }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" width="150" label="多媒体" align="center">
-                <template slot-scope="props">
-                  <span>{{ props.row.multimedia }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-          </template>
+        <div class="title">
+          <div >常用配置列表</div>
         </div>
+        <el-table :data="list" :index="index" border style="width: 100%">
+          <el-table-column align="center" label="序号" type="index" width="60"/>
+          <el-table-column prop="mNum" width="130" label="内部编码" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.insideCode }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="mNum" width="150" label="销售指导价(全款)" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.guidedPrice }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="mNum" width="150" label="销售指导价(贷款)" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.manufactorSettlementPrice }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="mName" width="150" label="颜色" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.carColor }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="model" width="150" label="缓速器" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.slowMachine }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="year" width="95" label="后视镜" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.rearViewMirror }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="logisticsCustomer" width="95" label="轮胎" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.tireSize }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="company" width="150" label="驾驶室" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.specification }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="netReceiptsNum" width="150" label="后桥" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.rearAxleValue }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="netReceiptsNum" width="150" label="速比" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.rearAxleRatio }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="receivingWarehouse" width="150" label="空调" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.airConditioner }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="position" width="150" label="轮毂材质" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.hubMaterial }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="batchNum" width="150" label="导流罩" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.baffleModel }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="cargoOwner" width="120" label="悬架" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.suspension }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="座椅" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.seat }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="护轮罩" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.tireCover }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="鞍座" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.saddle }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="轴距" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.wheelbase }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="保险杠" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.bumper }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="配置包" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.configuringBao }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="独立热源" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.independentSources }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="燃料箱" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.fuelTank }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remarks" width="150" label="多媒体" align="center">
+            <template slot-scope="props">
+              <span>{{ props.row.multimedia }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-form>
     </div>
   </div>
 </template>
 
 <script>
-import { details } from '@/api/cheliang/basevehiclemodel'
+import {details} from '@/api/cheliang/basevehiclemodel'
 
 export default {
   name: 'chexinglook',
@@ -282,8 +277,8 @@ export default {
     // 查看
     showInfo(sid, row, useOrgSid) {
       const data = {
-        sid:sid,
-        useOrgSid:useOrgSid
+        sid: sid,
+        useOrgSid: useOrgSid
       }
       details(data).then((response) => {
         this.FormLoading = false
@@ -291,18 +286,11 @@ export default {
           this.temp = response.data
           this.list = response.data.baseModelConfigVo
         }
-      }).catch(() => {})
+      }).catch(() => {
+      })
     }
   }
 }
 </script>
 <style scoped>
-/deep/ .el-col-4 {
-  text-align: right;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
-}
 </style>