成本表

src/views/projectCostReport/ProjectCostReportList.vue

 <template>
   <a-card class="cust-list-cart">
-    <!-- <div>
+    <div>
       <a-form layout="horizontal" class="ant-advanced-search-form">
         <div>
           <a-row>
-            <a-col :span="6">
+            <a-col :span="12">
               <a-form-item
-                label="用户名"
+                label="登记日期"
                 :labelCol="{ span: 8 }"
                 :wrapperCol="{ span: 16 }"
               >
-                <a-input
-                  @pressEnter="search"
-                  style="width: 100%"
-                  v-model="query.realname"
-                  placeholder="请输入"
-                />
+                <a-range-picker @change="onChange" />
               </a-form-item>
             </a-col>
           </a-row>
         </div>
       </a-form>
-    </div> -->
+    </div>
     <div>
       <a-table
         size="middle"
@@ -37,10 +32,9 @@
             <a-icon type="hdd" />项目工时成本表{{ data.none }}
           </span>
           <div class="cust-table-operator">
-            <!-- <a-button-group>
+            <a-button-group>
               <a-button type="primary" @click="search">查询</a-button>
-              <a-button @click="reset">重置</a-button>
-            </a-button-group> -->
+            </a-button-group>
           </div>
         </div>
       </a-table>
@@ -50,17 +44,32 @@
 
 <script>
 import { getProjectCostReport } from "@/api/report/report";
-
+import moment from "moment";
+import { formatDate } from "@/util/util";
 const dataSource = [];
 const columns = [
-  { title: "名称", width: 300, dataIndex: "name", align: "left" },
+  { title: "名称", dataIndex: "name", align: "left" },
+  {
+    title: "最早登记时间",
+    width: 130,
+    dataIndex: "beginDate",
+    align: "right",
+    customRender: (text) => formatDate(new Date(text), "yyyy-MM-dd"),
+  },
+  {
+    title: "最近登记时间",
+    width: 130,
+    dataIndex: "endDate",
+    align: "right",
+    customRender: (text) => formatDate(new Date(text), "yyyy-MM-dd"),
+  },
   { title: "工时", width: 100, dataIndex: "hours", align: "right" },
   {
     title: "标准工时成本",
-    width: 100,
+    width: 130,
     dataIndex: "baseHoursCost",
     align: "right",
-  }
+  },
 ];
 
 export default {
@@ -69,16 +78,24 @@ export default {
     return {
       isFirstLoad: true,
       query: {
-        name: ""
+        name: "",
+        beginDate: null,
+        endDate: null,
       },
       rowKey: "key",
       index: -1,
       loading: false,
       columns: columns,
-      dataSource: dataSource
+      dataSource: dataSource,
     };
   },
   methods: {
+    onChange(date, dateString) {
+      if (dateString.length === 2) {
+        this.query.beginDate = dateString[0];
+        this.query.endDate = dateString[1];
+      }
+    },
     search() {
       this.loadData();
     },
@@ -104,7 +121,6 @@ export default {
         this.loading = false;
       });
     },
-   
   },
   mounted() {},
   activated() {