src/api/index.ts

@@ -12,6 +12,7 @@ import {
   ADpushSimple,
   IOfficials,
   ADPlanItem,
+  deliveryPlanItem,
   IPlatform,
 } from "@/types/api";
 
@@ -105,6 +106,21 @@ export const getADPlanlist = (
 };
 
 /**
+ * @description: 获取投放数据列表
+ */
+export const getDeliveryStatList = (
+  query: Partial<{
+    start_time: string;
+    end_time: string;
+    official_name: string;
+    book_name: string;
+    page: number;
+  }> = { page: 1 }
+): AxiosPromise<IList<deliveryPlanItem>> => {
+  return axios("/delivery/stat", { params: query });
+}
+
+/*
  * 获取平台列表
  */
 export const getPlatforms = (): AxiosPromise<IPlatform[]> => {

src/types/api.d.ts

@@ -104,6 +104,24 @@ export interface ADPlanItem {
   aim: string;
 }
 
+export interface deliveryPlanItem {
+  date: string;
+  official_id: number;
+  official_name: string;
+  book_name: string;
+  bid: number;
+  cost: number;
+  register_num: number;
+  delivery_platform: string;
+  register_cost: number;
+  pay_fans_cost: number;
+  recovery_rate: string;
+  h24_recovery_rate: string;
+  d3_recovery_rate: string;
+  d7_recovery_rate: string;
+  d30_recovery_rate: string;
+}
+
 export interface IPlatform {
   desc: string;
   name: string;

src/views/_pageOptions/table-put.ts

@@ -73,7 +73,7 @@ export const TableColumnOfPutData = [
   },
   {
     title: "公众号名称",
-    dataIndex: "account",
+    dataIndex: "official_name",
     width: 150,
   },
   {
@@ -86,46 +86,46 @@ export const TableColumnOfPutData = [
   },
   {
     title: "新增注册用户",
-    dataIndex: "add_register_user",
+    dataIndex: "register_num",
   },
   {
     title: "流量平台",
-    dataIndex: "platform",
+    dataIndex: "delivery_platform",
   },
   {
     title: "注册成本",
-    dataIndex: "register_number",
+    dataIndex: "register_cost",
   },
   {
     title: "支付粉价",
-    dataIndex: "fans_cost",
+    dataIndex: "pay_fans_cost",
   },
   {
     title: "累计回本",
-    dataIndex: "cumulative",
+    dataIndex: "recovery_rate",
   },
   {
     fixed: "right",
     title: "24小时回本率",
-    dataIndex: "day_rate",
+    dataIndex: "h24_recovery_rate",
     width: 120,
   },
   {
     fixed: "right",
     title: "3天回本率",
-    dataIndex: "three_day_rate",
+    dataIndex: "d3_recovery_rate",
     width: 100,
   },
   {
     fixed: "right",
     title: "7天回本率",
-    dataIndex: "week_rate",
+    dataIndex: "d7_recovery_rate",
     width: 100,
   },
   {
     fixed: "right",
     title: "30天回本率",
-    dataIndex: "month_rate",
+    dataIndex: "d30_recovery_rate",
     width: 120,
   },
   {

src/views/put/put-data.vue

@@ -1,36 +1,80 @@
 <template>
   <div class="page-wrap page-wrap-put-books">
-    <tool-bar :text="['account', 'user']"
-              :label="['公众号名称', '用户名']">
+    <tool-bar
+      :text="['official_name', 'book_name']"
+      :label="['公众号名称', '书名']"
+      @confirm="onSearch"
+      v-model:loading="inSearching"
+    >
       <template #picker>
         <p class="label">日期</p>
         <a-range-picker />
       </template>
     </tool-bar>
-    <a-table :columns="columns"
-             :data-source="list"
-             :scroll="{x: 1800}"></a-table>
+    <a-table :columns="columns" :data-source="list" :scroll="{x: 1800}">
+      <template #operator="data">
+        <div @click="more(data)">更多</div>
+      </template>
+    </a-table>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs } from "vue";
+import { defineComponent, reactive, toRefs, ref } from "vue";
 
 import ToolBar from "@/components/tool-bar/index.vue";
 
 import { TableColumnOfPutData } from "../_pageOptions/table-put";
 
+import { getDeliveryStatList } from "@/api";
+import usePagination from "@/hooks/usePagination";
+
+import { deliveryPlanItem, PageOptions } from "@/types/api";
+
 const PutData = defineComponent({
   components: {
     ToolBar,
   },
   setup() {
-    const data = reactive({
-      list: [],
+    let { loading, meta, tablePageOptions } = usePagination();
+    const state = reactive({
+      list: ref<deliveryPlanItem[]>([]),
       columns: TableColumnOfPutData,
+      inSearching: false,
     });
-
-    return { ...toRefs(data) };
+    const onSearch = async (fields: Record<string, string>) => {
+      try {
+        const { official_name, book_name, start_time, end_time } = fields;
+        const { data } = await getDeliveryStatList({
+          start_time,
+          end_time,
+          official_name,
+          book_name,
+          page: 1,
+        });
+        state.list = data.list;
+        meta.value = data.meta;
+      } catch (e) {
+        console.log(e);
+      } finally {
+        console.log(state.inSearching);
+        state.inSearching = false;
+      }
+    };
+    getDeliveryStatList().then((res) => {
+      state.list = res.data.list;
+    });
+    const handleTableChange = (pagination: PageOptions) => {
+      const { current, pageSize, total } = pagination;
+      getDeliveryStatList({ page: current }).then((res) => {
+        state.list = res.data.list;
+        meta.value = res.data.meta;
+      });
+    };
+    const more = () => {
+      
+    };
+    return { ...toRefs(state), onSearch, handleTableChange, meta };
   },
 });