From a0e7966ee4a06ef94d505a05886c0bda9f99ea35 Mon Sep 17 00:00:00 2001
From: YuanHuakk <1751826683@qq.com>
Date: Mon, 21 Oct 2024 17:32:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(custom):=20=E6=96=B0=E5=A2=9E=E5=95=86?=
 =?UTF-8?q?=E5=AE=B6=E8=AE=A2=E5=8D=95=E7=AE=A1=E7=90=86=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/admin/order_manage/index.scss | 43 ++++++++++++++++++++++
 src/pages/admin/order_manage/index.vue  | 47 +++++++++++++++++++++++++
 2 files changed, 90 insertions(+)

diff --git a/src/pages/admin/order_manage/index.scss b/src/pages/admin/order_manage/index.scss
index 1f1cbda..cb466c6 100644
--- a/src/pages/admin/order_manage/index.scss
+++ b/src/pages/admin/order_manage/index.scss
@@ -63,3 +63,46 @@
     }
   }
 }
+
+.pull-down {
+  margin: 20px auto;
+  .TriangleDownBox {
+    transform: rotate(180deg);
+    transition: all 0.5s;
+  }
+
+  .TriangleUpBox {
+    transform: rotate(0deg);
+    transition: all 0.5s;
+  }
+
+  .menu {
+
+
+    .active {
+      border-radius: 10px;
+      background-color: #de1414;
+      padding: 10px 20px;
+      color: #fff;
+    }
+    .noActive {
+      border-radius: 10px;
+      padding: 10px 20px;
+      color: #000;
+      background-color: #fff;
+    }
+  }
+
+  .MenuDownBox {
+    margin-top: 5px;
+    height: 0px;
+    transition: height 0.5s ease;
+    overflow: hidden;
+  }
+  .MenuUpBox {
+    margin-top: 5px;
+    height: 80px;
+    transition: height 0.5s ease;
+    overflow: hidden;
+  }
+}
diff --git a/src/pages/admin/order_manage/index.vue b/src/pages/admin/order_manage/index.vue
index 10a6525..d94cf37 100644
--- a/src/pages/admin/order_manage/index.vue
+++ b/src/pages/admin/order_manage/index.vue
@@ -25,6 +25,27 @@
         </view>
       </view>
     </view>
+    <view class="pull-down Card" style="background: none; padding: 0">
+      <view
+        class="mr-[5px] flex items-center justify-left"
+        @click="IsTriangleDown = !IsTriangleDown"
+        ><text>数据筛选</text>
+        <TriangleDown
+          style="width: auto"
+          :class="[!IsTriangleDown ? 'TriangleDownBox' : 'TriangleUpBox']" />
+      </view>
+      <view
+        class="flex menu justify-between text-[28px]"
+        :class="[!IsTriangleDown ? 'MenuDownBox' : 'MenuUpBox']">
+        <view
+          v-for="(item, index) in menus"
+          :key="index"
+          :class="[menuIndex === index ? 'active' : 'noActive']"
+          @click="tabChange(index)"
+          >{{ item.text }}</view
+        >
+      </view>
+    </view>
     <view class="Card">
       <view class="top"
         ><text class="iconfont icon-shujutongji icon"></text
@@ -97,6 +118,7 @@
 <script lang="ts" setup>
 import {h, ref} from 'vue';
 import Taro from '@tarojs/taro';
+import {TriangleDown} from '@nutui/icons-vue-taro';
 import {orderStatistics} from '../../../api/admin';
 
 Taro.useLoad(() => {
@@ -105,6 +127,30 @@ Taro.useLoad(() => {
 
 const orderInfo = ref<any>({});
 
+const IsTriangleDown = ref(false);
+
+const menuIndex = ref(0);
+
+const menus = ref([
+  {
+    text: '微信支付',
+    value: 1,
+  },
+  {
+    text: '平台积分',
+    value: 2,
+  },
+  {
+    text: '小猪积分',
+    value: 3,
+  },
+]);
+
+const tabChange = (value: number) => {
+  menuIndex.value = value;
+  getData();
+};
+
 const columns = ref([
   {
     title: '日期',
@@ -138,6 +184,7 @@ const getData = async () => {
   const user_info = Taro.getStorageSync('userInfo');
   const res = await orderStatistics({
     bid: user_info.data.bid,
+    pay_type: menus.value[menuIndex.value].value,
   });
   orderInfo.value = res.data;
 };