✨ feat(销售统计): 时间选择器组件

src/pages/saleStatistic/index.tsx

@@ -1,5 +1,12 @@
+import AtCalendar from '@/components/calendar'
 import DropDownItem, { DropDownOptions } from '@/components/dropDown-item'
+import SelectMarketingDepartment from '@/components/SelectMarketingDepartment'
+import SelectSaleType from '@/components/SelectSaleType'
+import SelectTimePicker from '@/components/SelectTimePicker'
+import TimePicker from '@/components/timePicker'
 import { View } from '@tarojs/components'
+import classnames from 'classnames'
+import dayjs from 'dayjs'
 import { useState } from 'react'
 import styles from './index.module.scss'
 
@@ -17,13 +24,30 @@ const saleStatistic = () => {
       text: 'name2',
       value: 2,
     },
+    {
+      text: 'name3',
+      value: 3,
+    },
   ])
 
+  const onChangeTimePicker = (value) => {
+    console.log(value)
+  }
+  const onChangeSaleType = (saleType) => {
+    console.log(saleType)
+
+  }
+  const onChangeDepartment = (department) => {
+    console.log(department)
+
+  }
+
   return (
     <View className={styles.saleStatistic}>
       <View className={styles['saleStatistic--filterBar']}>
-        <View>sdflkajsfdlk</View>
-        <DropDownItem title='name' activeColor='#337fff' options={options}></DropDownItem>
+        <SelectSaleType onChange={onChangeSaleType}></SelectSaleType>
+        <SelectMarketingDepartment onChange={onChangeDepartment}></SelectMarketingDepartment>
+        <SelectTimePicker onChange={onChangeTimePicker}></SelectTimePicker>
       </View>
     </View>
   )