update

src/views/report/task-history.vue

@@ -1,12 +1,14 @@
 <template>
   <div class="mod-config">
     <el-form
+      style="display: flex; align-items: center; justify-content: right;"
       :inline="true"
       :model="dataForm"
       @keyup.enter.native="getDataList()"
     >
       <el-form-item>
         <el-select
+          size="small"
           v-model="dataForm.vehicleId"
           filterable
           placeholder="车辆名称"
@@ -22,6 +24,7 @@
       </el-form-item>
       <el-form-item>
         <el-date-picker
+          size="small"
           v-model="dataForm.time"
           type="daterange"
           value-format="yyyy-MM-dd"
@@ -32,12 +35,13 @@
         </el-date-picker>
       </el-form-item>
       <el-form-item>
-        <el-button @click="getDataList()">查询</el-button>
+        <el-button size="small" @click="getDataList()">查询</el-button>
       </el-form-item>
     </el-form>
     <el-table
       :data="dataList"
-      border
+      :stripe="true"
+      :header-cell-style="{background:'#eef1f6',color:'#606266',height: '56px'}"
       v-loading="dataListLoading"
       style="width: 100%;"
     >
@@ -51,29 +55,21 @@
       </el-table-column>
       <el-table-column
         prop="taskCode"
-        header-align="center"
-        align="center"
         label="任务编码"
       >
       </el-table-column>
       <el-table-column
         prop="createTime"
-        header-align="center"
-        align="center"
         label="发起时间"
       >
       </el-table-column>
       <el-table-column
         prop="taskSource"
-        header-align="center"
-        align="center"
         label="任务来源"
       >
       </el-table-column>
       <el-table-column
         prop="status"
-        header-align="center"
-        align="center"
         label="任务状态"
       >
       <template slot-scope="scope">
@@ -82,8 +78,6 @@
       </el-table-column>
       <el-table-column
         prop="taskType"
-        header-align="center"
-        align="center"
         label="任务类型"
       >
         <template slot-scope="scope">
@@ -100,22 +94,16 @@
       </el-table-column>
       <el-table-column
         prop="startPosition"
-        header-align="center"
-        align="center"
         label="开始位置"
       >
       </el-table-column>
       <el-table-column
         prop="targetPosition"
-        header-align="center"
-        align="center"
         label="目标位置"
       >
       </el-table-column>
       <el-table-column
         prop="vehicleName"
-        header-align="center"
-        align="center"
         label="车辆名称"
       >
       </el-table-column>