增加筛选

src/views/put/landing/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: pikachu
  * @Date: 2021-04-29 09:46:36
- * @LastEditors: Please set LastEditors
+ * @LastEditors: pikachu
 -->
 <template>
   <a-card class="landing-list">
@@ -16,6 +16,20 @@
         <a-select-option :value="4">审核通过</a-select-option>
         <a-select-option :value="''">全部</a-select-option>
       </a-select>
+      <a-range-picker
+        class="a-input-200"
+        :ranges="rangePick"
+        format="YYYY/MM/DD"
+        v-model:value="pickered"
+      />
+      <a-select v-model:value="link_source" class="a-input-200" ref="select" placeholder="请选择渠道">
+        <a-select-option value="uc">uc</a-select-option>
+        <a-select-option value="iqiyi">爱奇艺</a-select-option>
+        <a-select-option value="tiktok">抖音</a-select-option>
+        <a-select-option value="vivo">vivo</a-select-option>
+        <a-select-option value="baidu">百度</a-select-option>
+        <a-select-option value>全部</a-select-option>
+      </a-select>
       <a-button type="primary" @click="getdata">查询</a-button>
       <a-button style="margin-left:20px" @click="getdataclean">重置</a-button>
     </a-card>
@@ -38,7 +52,7 @@
         <div
           class="button_blue"
           v-show="record.status==3"
-          @click="copylink(record.cdn_link)"
+          @click="copylink(record.landing_page_link)"
         >复制落地页链接</div>
         <div class="button_blue" @click="goEdit(record.id)">编辑</div>
         <div class="button_blue" v-show="record.status==1" @click="confirmData(record.id)">提交审核</div>
@@ -67,10 +81,12 @@ import { landingCloumn } from "@/views/_pageOptions/table-put";
 import usePagination from "@/hooks/usePagination";
 import { getLandingPageList, landingDelete, landingSubmit } from "@/api";
 import useApp from "@/hooks/useApp";
+import { picker } from "@/helper/config/range";
+import moment from "moment";
 export default defineComponent({
   setup() {
     const { meta, loading, tablePageOptions } = usePagination();
-    const {  router } = useApp();
+    const { router } = useApp();
     const data = reactive({
       columns: landingCloumn,
       list: ref<any[]>([]),
@@ -78,14 +94,22 @@ export default defineComponent({
       title: ref(),
       gzh_name: ref(),
       book_name: ref(),
+      link_source: ref(),
+      rangePick: picker,
+      pickered: [moment().subtract(30, "d"), moment()],
     });
     const getdata = (pagination?: { current: number }) => {
       loading.value = true;
       const page = pagination?.current ?? 1;
+      let [begin_dates, end_dates] = data.pickered;
+      let start_time = moment(begin_dates).format("YYYY-MM-DD");
+      let end_time = moment(end_dates).format("YYYY-MM-DD");
       let params = {
         status: data.status,
         title: data.title,
         gzh_name: data.gzh_name,
+        start_time,
+        end_time,
       };
       //   请求
       getLandingPageList({ page, ...params }).then((r) => {
@@ -95,18 +119,17 @@ export default defineComponent({
       });
     };
     //编辑
-    const goEdit = (id:string) =>{
-      router.push(`/put/landing/add?id=${id}`)
-    }
-    const create = () =>{
-      
-      router.push(`/put/landing/add`)
-  
-    }
+    const goEdit = (id: string) => {
+      router.push(`/put/landing/add?id=${id}`);
+    };
+    const create = () => {
+      router.push(`/put/landing/add`);
+    };
     const getdataclean = () => {
       data.status = undefined;
       data.title = undefined;
       data.gzh_name = undefined;
+      data.link_source = undefined;
       getdata();
     };
     getdata();
@@ -117,7 +140,7 @@ export default defineComponent({
       loading,
       getdataclean,
       goEdit,
-      create
+      create,
     };
   },
   methods: {
@@ -138,10 +161,9 @@ export default defineComponent({
         this.$message.success("复制成功");
       });
     },
-    close(){
-      console.log('关闭')
-    }
-   
+    close() {
+      console.log("关闭");
+    },
   },
 });
 </script>