src/api/index.ts

@@ -14,6 +14,7 @@ import {
   ADPlanItem,
   deliveryPlanItem,
   IPlatform,
+  moreStatPlanItem
 } from "@/types/api";
 
 /**
@@ -173,7 +174,7 @@ export const getDeliveryMoreStatList = (
     book_name: string;
     page: number;
   }> = { page: 1 }
-): AxiosPromise<IList<deliveryPlanItem>> => {
+): AxiosPromise<IList<moreStatPlanItem>> => {
   return axios("/delivery/moreStat", { params: query });
 };
 

src/types/api.d.ts

@@ -124,7 +124,7 @@ export interface deliveryPlanItem {
   d30_recovery_rate: string;
 }
 
-export interface deliveryPlanItem {
+export interface moreStatPlanItem {
   date:               string;
   official_id:        number;
   official_name:      string;

src/views/put/put-data-more.vue

@@ -25,7 +25,7 @@ import { TableColumnOfMoreStat } from "../_pageOptions/table-put";
 import { getDeliveryMoreStatList } from "@/api";
 import usePagination from "@/hooks/usePagination";
 
-import { deliveryPlanItem, PageOptions } from "@/types/api";
+import { moreStatPlanItem, PageOptions } from "@/types/api";
 
 const PutData = defineComponent({
   components: {
@@ -34,7 +34,7 @@ const PutData = defineComponent({
   setup() {
     let { loading, meta, tablePageOptions } = usePagination();
     const state = reactive({
-      list: ref<deliveryPlanItem[]>([]),
+      list: ref<moreStatPlanItem[]>([]),
       columns: TableColumnOfMoreStat,
       inSearching: false,
     });

src/views/put/put-data.vue

@@ -18,6 +18,28 @@
         </div>
       </template>
     </a-table>
+    <drawer-wrapper
+      v-model:show="show"
+      title="更多数据"
+      :columns="drawercolumns"
+      :source="drawerlist"
+      :meta="meta"
+      @page-change="onPageChange"
+      :scroll="{x: 18500}"
+      width="90%"
+    >
+      <template #tool-bar>
+        <tool-bar
+          :text="['official_name', 'book_name']"
+          :label="['公众号名称', '书名']"
+          @confirm="draweronSearch"
+          v-model:loading="drawerinSearching"
+        ></tool-bar>
+      </template>
+      <!-- <template #default="{ data }">
+        <p>{{ data.id }}</p>
+      </template>-->
+    </drawer-wrapper>
   </div>
 </template>
 
@@ -25,26 +47,36 @@
 import { defineComponent, reactive, toRefs, ref } from "vue";
 
 import ToolBar from "@/components/tool-bar/index.vue";
+import DrawerWrapper from "@/components/drawer-wrapper/index.vue";
 
-import { TableColumnOfPutData } from "../_pageOptions/table-put";
+import {
+  TableColumnOfPutData,
+  TableColumnOfMoreStat,
+} from "../_pageOptions/table-put";
 
-import { getDeliveryStatList } from "@/api";
+import { getDeliveryStatList, getDeliveryMoreStatList } from "@/api";
 import usePagination from "@/hooks/usePagination";
 
-import { deliveryPlanItem, PageOptions } from "@/types/api";
+import { deliveryPlanItem, PageOptions, moreStatPlanItem } from "@/types/api";
 import useApp from "@/hooks/useApp";
 
 const PutData = defineComponent({
   components: {
     ToolBar,
+    DrawerWrapper,
   },
   setup() {
     const { router } = useApp();
     let { loading, meta, tablePageOptions } = usePagination();
     const state = reactive({
       list: ref<deliveryPlanItem[]>([]),
+      drawerlist: ref<moreStatPlanItem[]>([]),
       columns: TableColumnOfPutData,
+      drawercolumns: TableColumnOfMoreStat,
       inSearching: false,
+      drawerinSearching: false,
+      drawermeta: {},
+      show: false,
     });
     const onSearch = async (fields: Record<string, string>) => {
       try {
@@ -76,10 +108,45 @@ const PutData = defineComponent({
       });
     };
     const more = (data: any) => {
-      console.log(data.date);
-      router.push({ path: "/put/datamore" });
+      // console.log(data.date);
+      // router.push({ path: "/put/datamore" });
+      state.show = true;
+      getDeliveryMoreStatList().then((r) => {
+        state.drawerlist = r.data.list;
+        state.drawermeta = r.data.meta;
+      });
+    };
+
+    const draweronSearch = async (fields: Record<string, string>) => {
+      try {
+        const { official_name, book_name, start_time, end_time } = fields;
+        const { data } = await getDeliveryMoreStatList({
+          start_time,
+          end_time,
+          official_name,
+          book_name,
+          page: 1,
+        });
+        state.drawerlist = data.list;
+        state.drawermeta = data.meta;
+      } catch (e) {
+        console.log(e);
+      } finally {
+        console.log(state.drawerinSearching);
+        state.drawerinSearching = false;
+      }
+    };
+    const onPageChange = (page: Number) => {};
+
+    return {
+      ...toRefs(state),
+      onSearch,
+      handleTableChange,
+      meta,
+      more,
+      onPageChange,
+      draweronSearch,
     };
-    return { ...toRefs(state), onSearch, handleTableChange, meta, more };
   },
 });