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 @@ + + 数据筛选 + + + + {{ item.text }} + + 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({}); +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; };