5.08(优化

src/views/car/carManage/carComponents/carInfo.vue

@@ -1,10 +1,11 @@
 <template>
     <div class="">
-        <el-descriptions class="margin-top" v-for="item in carInfoList" :key="item.id" :title="`车辆信息:${item.carNo}`" :column="3" size="medium" border>
+        <el-descriptions class="margin-top" v-for="item in carInfoList" :key="item.id" :title="`车辆信息:${item.carNo}`"
+            :column="3" border :labelStyle="{width:'200px'}" :contentStyle="{width:'400px'}">
             <!-- <template slot="extra">
                 <el-button type="primary" size="small">操作</el-button>
             </template> -->
-            <el-descriptions-item>
+            <el-descriptions-item style="width: 200px;" label-width="80px">
                 <template slot="label">
                     <i class="el-icon-user"></i>
                     车牌号
@@ -37,7 +38,7 @@
                     <i class="el-icon-office-building"></i>
                     车辆类型
                 </template>
-                {{ item.category==1?'公户':'私户' }}
+                {{ item.category == 1 ? '公户' : '私户' }}
             </el-descriptions-item>
             <el-descriptions-item>
                 <template slot="label">
@@ -51,7 +52,7 @@
                     <i class="el-icon-tickets"></i>
                     所属公司
                 </template>
-                <el-tag size="small">{{ item.company?item.company:'未绑定' }}</el-tag>
+                <el-tag size="small">{{ item.company ? item.company : '未绑定' }}</el-tag>
             </el-descriptions-item>
             <el-descriptions-item>
                 <template slot="label">
@@ -98,7 +99,8 @@ export default {
 .title {
     font-size: 26px;
 }
-.margin-top{
+
+.margin-top {
     margin-bottom: 20px;
 }
 </style>