src/components/caocf/KaoCom.vue

@@ -1,5 +1,5 @@
 <template>
-    <div style="background-color: white;">
+    <div style="background-color: white;"> 
         <!-- 查询和其他操作 -->
         <div class="filter-container" style="padding: 10px">
             <el-form :inline="true" size="small" v-model="listQuery">
@@ -7,7 +7,7 @@
                     <el-date-picker v-model="timeArray" type="daterange" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
                         class="filter-item" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                         :picker-options="pickerOptions" />
-                </el-form-item>
+                </el-form-item> 
                 <el-form-item>
                     <el-button class="filter-item" type="primary" icon="el-icon-search"
                         @click="handleFilter()">查找</el-button>
@@ -18,15 +18,14 @@
         </div>
 
         <!-- 查询结果 -->
-        <el-table :data="list" element-loading-text="正在查询中。。。" border fit highlight-current-row>
+        <el-table :data="list" element-loading-text="正在查询中。。。" border fit highlight-current-row> 
+            <el-table-column align="center" label="服务单号" prop="bookId" />
             <el-table-column align="center" label="城市" prop="city" />
             <el-table-column align="center" label="预约日期" prop="bookDate" />
             <el-table-column align="center" label="订单渠道" prop="orderChannel" />
-            <el-table-column align="center" label="购买商品" prop="goodsName" />
-            <el-table-column align="center" label="二级分类" prop="levelTwo" />
-            <el-table-column align="center" label="预约次数" prop="serviceTime" />
-            <el-table-column align="center" label="已完成数量" prop="servicedTime" />
-            <el-table-column align="center" label="已完成服务GMV" prop="gmv" />
+            <el-table-column align="center" label="商品简称" prop="goodsName" />   
+            <!-- <el-table-column align="center" label="已完成数量" prop="servicedTime" />  -->
+            <el-table-column align="center" label="已完成服务GMV" prop="gmv" /> 
         </el-table>
 
         <pagination v-show="total > 0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit"
@@ -44,8 +43,8 @@ export default {
     name: "KaoCom",
     components: { Pagination },
     data() {
-        return {
-            listLoading: false,
+        return { 
+            listLoading: false, 
             timeArray: [
                 this.formateDay(new Date(new Date() - 3600 * 1000 * 24 * 7)),
                 this.formateDay(new Date()),
@@ -55,7 +54,7 @@ export default {
             listQuery: {
                 page: 1,
                 limit: 20,
-                order: "desc"
+                order: "desc" 
             },
             pickerOptions: {
                 shortcuts: [
@@ -95,7 +94,7 @@ export default {
     },
     methods: {
         getBookList(isExport) {
-            console.info(this.timeArray);
+            console.info(this.timeArray); 
             if (this.timeArray && this.timeArray.length === 2) {
                 this.listQuery.startTime = this.timeArray[0];
                 this.listQuery.endTime = this.timeArray[1];
@@ -112,7 +111,7 @@ export default {
                 page: this.listQuery.page,
                 limit: this.listQuery.limit,
                 startTime: this.listQuery.startTime,
-                endTime: this.listQuery.endTime,
+                endTime: this.listQuery.endTime, 
                 isExport: isExport
             }
 
@@ -215,4 +214,4 @@ export default {
     margin-top: 10px;
     color: #36a3f7;
 }
-</style>
+</style>