样式

src/views/ManufacturingCenter/ManHourStatistics/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-card>
+    <el-card style="width: 585px;">
       <el-date-picker
         v-model="startTime"
         value-format="yyyy-MM-dd"
@@ -16,13 +16,13 @@
         style="width: 170px;margin:0px 10px"
         type="date"
         placeholder="选择结束日期"/>
-      <el-button type="success" class="el-icon-search" size="small" style="margin:0px 10px" @click="searchTable();">查询</el-button>
+      <el-button type="success" class="el-icon-search" size="small" @click="searchTable();">查询</el-button>
       <el-tooltip :open-delay="1000" content="导出人员工时统计表" placement="right">
-        <el-button type="primary" size="small" icon="el-icon-download" style="margin:0px 10px" @click="exportTable()">导出</el-button>
+        <el-button type="primary" size="small" icon="el-icon-download" @click="exportTable()">导出</el-button>
       </el-tooltip>
     </el-card>
-    <el-card style="width: 500px">
-      <el-table v-loading="loading" :data="tableData" size="mini" stripe style="width: 500px" border element-loading-text="拼命加载中">
+    <el-card style="width: 585px">
+      <el-table v-loading="loading" :data="tableData" size="mini" stripe style="width: 585px" border element-loading-text="拼命加载中">
         <el-table-column label="操作者" align="center" width="110px">
           <template slot-scope="scope">
             {{ scope.row.姓名 }}