调整车辆黑白名单样式

src/views/projectFront/carManage/carManage.vue

@@ -75,12 +75,14 @@
     <div class="table_wrap whiteBlock">
       <el-table class="tables" :data="List">
         <el-table-column
+          width="300"
           prop="enterpriseName"
           align="center"
           label="企业名称"
           show-overflow-tooltip
         ></el-table-column>
         <el-table-column
+          width="90"
           prop="carNumber"
           align="center"
           :label="$t('message.carManage.carNumber')"
@@ -92,17 +94,20 @@
           align="center"
         ></el-table-column> -->
         <el-table-column
+          width="100"
           prop="carTypeName"
           :label="$t('message.carManage.carType')"
           align="center"
         >
         </el-table-column>
         <el-table-column
+          width="80"
           prop="driverWorkerName"
           :label="$t('message.carManage.driverName')"
           align="center"
         ></el-table-column>
         <el-table-column
+          width="110"
           prop="driverTelephone"
           :label="$t('message.carManage.driverTelephone')"
           align="center"
@@ -110,6 +115,7 @@
         <!-- 黑白名单调控 -->
         <el-table-column
           prop="isBlack"
+          width="90"
           :label="$t('message.carManage.isBlack')"
           align="center"
         >
@@ -170,7 +176,7 @@
           prop="carModuleType"
           align="center"
           label="固定/临时/外来车辆"
-          width="180"
+          width="150"
         >
           <template slot-scope="scope">
             <span v-if="scope.row.carModuleType === 1">固定车辆</span>
@@ -187,14 +193,17 @@
         >
           <template slot-scope="scope" v-if="[2,3].includes(scope.row.carModuleType)">
             <span v-if="[2,3].includes(scope.row.carModuleType) && scope.row.reserveStartTime">
-              {{
+              <!-- {{
                 scope.row.reserveStartTime + " 至 " + scope.row.reserveEndTime
-              }}
+              }} -->
+              <span>开始：{{scope.row.reserveStartTime}}</span><br>
+              <span>结束：{{scope.row.reserveEndTime}}</span>
             </span>
           </template>
         </el-table-column>
 
         <el-table-column
+          width="110"
           prop="entryAndExitPermit"
           align="center"
           :label="$t('message.carManage.entryAndExitPermit')"
@@ -204,7 +213,7 @@
             <span v-else-if="scope.row.entryAndExitPermit === 1">多次</span>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="车辆下发状态">
+        <el-table-column width="110" align="center" label="车辆下发状态">
           <template v-slot="{ row }">
             <span
               :class="[
@@ -349,7 +358,7 @@
         <el-table-column
           :label="$t('message.deviceManage.operation')"
           align="center"
-          width="400px"
+          width="320px"
         >
           <template slot-scope="scope">
             <div class="tableBtns">
@@ -2013,6 +2022,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.operationText{
+  margin-right: 10px;
+}
 .detailBox {
   .grid-content {
     overflow: hidden;