出车记录

src/views/vehicle/vehicleDepartureLog/index.vue

@@ -49,8 +49,22 @@
         </el-col>
       </el-row>
     </div>
+    <el-button class="filter-item" type="primary" :icon=" showMoreMoreCol ? 'caret-left' : 'caret-right' " v-waves
+               @click="showMoreMoreCol=!showMoreMoreCol">
+      更多列
+    </el-button>
     <el-table :key='tableKey' :data="list" v-loading.body="listLoading" border fit highlight-current-row
               style="width: 100%">
+      <el-table-column
+        type="index"
+        label="编号"
+        width="65">
+      </el-table-column>
+      <!--<el-table-column align="center" label="编号" width="65">-->
+        <!--<template scope="scope">-->
+          <!--<span>{{scope.row.id}}</span>-->
+        <!--</template>-->
+      <!--</el-table-column>-->
       <el-table-column align="center" label="车牌号" width="120">
         <template scope="scope">
           <span>{{scope.row.numberPlate}}</span>
@@ -76,6 +90,11 @@
                  <span>{{scope.row.arrivalTime}}</span>
                </template>
         </el-table-column>
+      <el-table-column width="100" align="center" label="还车人">
+        <template scope="scope">
+          <span>{{scope.row.recycleMan}}</span>
+        </template>
+      </el-table-column>
         <el-table-column width="250" align="center" label="还车地点">
                        <template scope="scope">
                          <span>{{scope.row.arrivalName}}</span>
@@ -102,25 +121,25 @@
         </template>
       </el-table-column>
 
-      <el-table-column width="200" align="center" label="使用人电话">
+      <el-table-column width="200" align="center" label="使用人电话" v-if="showMoreMoreCol" >
         <template scope="scope">
           <span>{{scope.row.userTel}}</span>
         </template>
       </el-table-column>
 
-      <el-table-column width="200" align="center" label="验车人电话">
+      <el-table-column width="200" align="center" label="验车人电话" v-if="showMoreMoreCol" >
         <template scope="scope">
           <span>{{scope.row.checkManTel}}</span>
         </template>
       </el-table-column>
 
 
-      <el-table-column width="100" align="center" label="开始公里数">
+      <el-table-column width="100" align="center" label="开始公里数" v-if="showMoreMoreCol" >
         <template scope="scope">
           <span>{{scope.row.mileageStart}}</span>
         </template>
       </el-table-column>
-      <el-table-column width="100" align="center" label="结束公里数">
+      <el-table-column width="100" align="center" label="结束公里数" v-if="showMoreMoreCol" >
         <template scope="scope">
           <span>{{scope.row.mileageEnd}}</span>
         </template>
@@ -172,6 +191,7 @@
     name: 'vehicleDepartureLog',
     data() {
       return {
+        showMoreMoreCol: false,
         form: {
           id: null,
           numberPlate: null,