@uxda/appkit 4.1.40 → 4.1.42

package/src/balance/components/PromoterCard.vue

@@ -0,0 +1,183 @@
+<template>
+  <div class="promoter-card">
+    <div class="promoter-card-tab" v-if="useCase === 'company' && isAdmin">
+      <div class="promoter-card-tab-item" @click="onTabChange('person')" :class="{ focus: tab === 'person' }">个人</div>
+      <div class="promoter-card-tab-item" @click="onTabChange('company')" :class="{ focus: tab === 'company' }">企业</div>
+    </div>
+    <div class="promoter-card-hd" @click="emits('blance', tab)"
+      v-if="applyRecord.distributorFlag === 'Y' || applyRecord.accessCheckStatus === 'Y'">
+      <div class="promoter-card-hd-num">{{ promoter.total }}</div>
+      <div class="promoter-card-hd-info">可提现余额(元)</div>
+      <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
+    </div>
+    <div class="promoter-card-ft">
+      <div class="promoter-card-ft-item" v-if="applyRecord.accessCheckStatus === 'Y'" @click="emits('profits', tab)">
+        <div class="promoter-card-ft-info">销售累计收益(笔)</div>
+        <div class="promoter-card-ft-num">
+          {{ promoter.totalIncome }}
+          <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
+        </div>
+      </div>
+      <div class="promoter-card-ft-line"
+        v-if="applyRecord.accessCheckStatus === 'Y' && applyRecord.distributorFlag === 'Y'"></div>
+      <div class="promoter-card-ft-item" @click="emits('rebate', tab)" v-if="applyRecord.distributorFlag === 'Y'">
+        <div class="promoter-card-ft-info">返佣累计收益(元)</div>
+        <div class="promoter-card-ft-num">
+          {{ promoter.totalRebateIncome }}
+          <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { endpoints, useHttp } from '../api'
+import { Promoter } from '../types'
+import { useDidShow } from '@tarojs/taro'
+
+type PromoterCardProps = {
+  useCase: string
+  applyRecord: any
+  isAdmin?: boolean
+}
+const props = withDefaults(defineProps<PromoterCardProps>(), {
+  useCase: '',
+  applyRecord: {},
+  isAdmin: true
+})
+
+const tab = ref('person')
+
+const promoter = ref<Promoter>({
+  total: 0,
+  totalIncome: 0,
+  totalRebateIncome: 0,
+})
+
+function onTabChange(type: string) {
+  tab.value = type
+  loadPromoter()
+}
+
+async function loadPromoter() {
+  const $http = useHttp()
+  $http
+    .get<Promoter>(endpoints.获取推广方账户信息, {
+      useCase: tab.value,
+    })
+    .then((data) => {
+      promoter.value.total = data?.total || 0
+      promoter.value.totalIncome = data?.totalIncome || 0
+      promoter.value.totalRebateIncome = data?.totalRebateIncome || 0
+    })
+}
+
+const emits = defineEmits([
+  /**
+   * 跳可提现余额
+   */
+  'blance',
+  /**
+   * 跳收益页面
+   */
+  'profits',
+  /**
+   * 跳返佣统计页面
+   */
+  'rebate',
+])
+
+useDidShow(() => {
+  loadPromoter()
+})
+
+defineExpose({
+  reload: loadPromoter,
+})
+</script>
+
+<style lang="scss">
+.promoter-card {
+  padding: 15px 20px;
+  background: linear-gradient(180deg, #FFEEDB 0%, #FEFEFC 100%);
+  box-sizing: border-box;
+  margin: 0 auto;
+  border-radius: 15px;
+
+  &-hd {
+    display: flex;
+    align-items: center;
+    color: #353535;
+    margin-bottom: 12px;
+
+    &-num {
+      font-size: 22px;
+      font-weight: bold;
+      margin-right: 8px;
+    }
+
+    &-info {
+      font-size: 14px;
+    }
+  }
+
+  &-ft {
+    display: flex;
+    align-items: center;
+
+    &-item {
+      flex: 1;
+    }
+
+    &-info {
+      font-size: 12px;
+      color: #434242;
+      margin-bottom: 5px;
+    }
+
+    &-num {
+      display: flex;
+      align-items: center;
+      font-size: 20px;
+      color: #353535;
+    }
+
+    &-line {
+      width: 1px;
+      height: 19px;
+      background: rgba(53, 53, 53, 0.2);
+      margin-right: 30px;
+    }
+  }
+
+  &-tab {
+    margin-top: -3px;
+    margin-bottom: 15px;
+
+    &-item {
+      display: inline-flex;
+      align-items: center;
+      background: #fff;
+      border-radius: 15px;
+      height: 29px;
+      padding: 0 10px;
+      font-size: 12px;
+      color: #6D4523;
+      margin-right: 12px;
+
+      &.focus {
+        background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
+        color: #6D4523;
+      }
+    }
+  }
+
+  .arrow-img {
+    width: 16px;
+    height: 12px;
+    margin-left: 5px;
+  }
+}
+</style>

package/src/balance/components/SecondBalance.vue

@@ -1,71 +1,71 @@
-<template>
-  <div class="second-balance">
-    <page-header title="权益余额" />
-    <div class="positions" v-if="data.length">
-      <div class="position" v-for="(item, index) in data" :key="index">
-        <div class="icon"></div>
-        <label class="title">{{ item.title }}</label>
-        <label class="number amount">{{ item.count }}{{ item.unit }}</label>
-      </div>
-    </div>
-    <empty-view v-else />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { Privilege } from "../types";
-import EmptyView from "../../shared/components/EmptyView.vue";
-
-// 权益余额
-// 由账户页 AccountView 使用 AppDrawer 弹出
-type SecondBalanceProps = {
-  data: Privilege[];
-};
-
-withDefaults(defineProps<SecondBalanceProps>(), {
-  data: () => [],
-});
-</script>
-
-<style lang="scss">
-.second-balance {
-  width: 100vw;
-  .positions {
-    padding: 15px;
-    .position {
-      border-radius: 5px;
-      background: #f7f8fa;
-      height: 54px;
-      display: flex;
-      align-items: center;
-      justify-content: space-around;
-      margin-bottom: 10px;
-      padding: 0 10px;
-      gap: 10px;
-      .icon {
-        width: 30px;
-        height: 30px;
-        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIyODUgMzcuMjY0M0wxMy43OTk5IDQyLjc1QzEzLjYyODUgNDMuMDkyOSAxMy43OTk5IDQzLjUyMTQgMTQuMjI4NSA0My41MjE0TDE4Ljg1NzEgNDMuNzc4NkMxOS4wMjg1IDQzLjc3ODYgMTkuMTE0MiA0My44NjQzIDE5LjE5OTkgNDMuOTVMMjIuMDI4NSA0Ny43MjE0QzIyLjI4NTcgNDcuOTc4NiAyMi43MTQyIDQ3Ljk3ODYgMjIuODg1NyA0Ny43MjE0TDI2LjE0MjggNDIuMzIxNEMyNi4zMTQyIDQyLjA2NDMgMjYuMjI4NSA0MS44MDcxIDI1Ljk3MTQgNDEuNjM1N0wxNy45MTQyIDM3LjA5MjlDMTcuNjU3MSAzNy4wMDcxIDE3LjM5OTkgMzcuMDkyOSAxNy4yMjg1IDM3LjI2NDNaTTQyLjc3MTQgMzcuMTc4Nkw0Ni4xOTk5IDQyLjY2NDNDNDYuMzcxNCA0My4wMDcxIDQ2LjE5OTkgNDMuNDM1NyA0NS43NzE0IDQzLjQzNTdMNDEuMTQyOCA0My42OTI5QzQwLjk3MTQgNDMuNjkyOSA0MC44ODU3IDQzLjc3ODYgNDAuNzk5OSA0My44NjQzTDM3Ljk3MTQgNDcuNjM1N0MzNy43MTQyIDQ3Ljg5MjkgMzcuMjg1NyA0Ny44OTI5IDM3LjExNDIgNDcuNjM1N0wzMy44NTcxIDQyLjIzNTdDMzMuNjg1NyA0MS45Nzg2IDMzLjc3MTQgNDEuNzIxNCAzNC4wMjg1IDQxLjU1TDQyLjA4NTcgMzcuMDA3MUM0Mi4zNDI4IDM2LjgzNTcgNDIuNTk5OSAzNi45MjE0IDQyLjc3MTQgMzcuMTc4NlpNNDIuMDg1NyAxOC40OTI5TDMxLjE5OTkgMTIuMzIxNEMzMC40Mjg1IDExLjg5MjkgMjkuMzk5OSAxMS44OTI5IDI4LjYyODUgMTIuMzIxNEwxNy44Mjg1IDE4LjQwNzFDMTcuMDU3MSAxOC44MzU3IDE2LjU0MjggMTkuNjkyOSAxNi41NDI4IDIwLjU1VjMyLjgwNzFDMTYuNTQyOCAzMy42NjQzIDE3LjA1NzEgMzQuNTIxNCAxNy44Mjg1IDM0Ljk1TDI4LjcxNDIgNDEuMTIxNEMyOS40ODU3IDQxLjU1IDMwLjUxNDIgNDEuNTUgMzEuMjg1NyA0MS4xMjE0TDQyLjA4NTcgMzUuMTIxNEM0Mi44NTcxIDM0LjY5MjkgNDMuMzcxNCAzMy44MzU3IDQzLjM3MTQgMzIuOTc4NlYyMC43MjE0QzQzLjM3MTQgMTkuNzc4NiA0Mi44NTcxIDE4LjkyMTQgNDIuMDg1NyAxOC40OTI5Wk0zNi45NDI4IDIzLjcyMTRMMzAuNTk5OSAzMi44OTI5QzMwLjQyODUgMzMuMTUgMzAuMDg1NyAzMy4zMjE0IDI5Ljc0MjggMzMuMzIxNEMyOS4zOTk5IDMzLjMyMTQgMjkuMDU3MSAzMy4xNSAyOC44ODU3IDMyLjg5MjlMMjIuNzk5OSAyMy43MjE0QzIyLjQ1NzEgMjMuMjkyOSAyMi42Mjg1IDIyLjYwNzEgMjMuMDU3MSAyMi4zNUMyMy40ODU3IDIyLjA5MjkgMjQuMTcxNCAyMi4xNzg2IDI0LjQyODUgMjIuNjA3MUwyOS42NTcxIDMwLjQ5MjlMMzUuMTQyOCAyMi41MjE0QzM1LjQ4NTcgMjIuMDkyOSAzNi4wODU3IDIxLjkyMTQgMzYuNTE0MiAyMi4yNjQzQzM3LjE5OTkgMjIuNjkyOSAzNy4yODU3IDIzLjI5MjkgMzYuOTQyOCAyMy43MjE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="),
-          linear-gradient(100deg, #f4e2ce -67.2%, #debb9b 98.15%);
-        background-repeat: no-repeat;
-        border-radius: 15px;
-        background-size: 30px;
-        flex-basis: 30px;
-        flex-grow: 0;
-      }
-      .title {
-        flex-grow: 1;
-        color: #353535;
-        font-size: 14px;
-        font-weight: 500;
-      }
-      .amount {
-        flex-grow: 0;
-        color: #9e7b5a;
-        font-size: 14px;
-        font-weight: 700;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="second-balance">
+    <page-header title="权益余额" />
+    <div class="positions" v-if="data.length">
+      <div class="position" v-for="(item, index) in data" :key="index">
+        <div class="icon"></div>
+        <label class="title">{{ item.title }}</label>
+        <label class="number amount">{{ item.count }}{{ item.unit }}</label>
+      </div>
+    </div>
+    <empty-view v-else />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { Privilege } from "../types";
+import EmptyView from "../../shared/components/EmptyView.vue";
+
+// 权益余额
+// 由账户页 AccountView 使用 AppDrawer 弹出
+type SecondBalanceProps = {
+  data: Privilege[];
+};
+
+withDefaults(defineProps<SecondBalanceProps>(), {
+  data: () => [],
+});
+</script>
+
+<style lang="scss">
+.second-balance {
+  width: 100vw;
+  .positions {
+    padding: 15px;
+    .position {
+      border-radius: 5px;
+      background: #f7f8fa;
+      height: 54px;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      margin-bottom: 10px;
+      padding: 0 10px;
+      gap: 10px;
+      .icon {
+        width: 30px;
+        height: 30px;
+        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIyODUgMzcuMjY0M0wxMy43OTk5IDQyLjc1QzEzLjYyODUgNDMuMDkyOSAxMy43OTk5IDQzLjUyMTQgMTQuMjI4NSA0My41MjE0TDE4Ljg1NzEgNDMuNzc4NkMxOS4wMjg1IDQzLjc3ODYgMTkuMTE0MiA0My44NjQzIDE5LjE5OTkgNDMuOTVMMjIuMDI4NSA0Ny43MjE0QzIyLjI4NTcgNDcuOTc4NiAyMi43MTQyIDQ3Ljk3ODYgMjIuODg1NyA0Ny43MjE0TDI2LjE0MjggNDIuMzIxNEMyNi4zMTQyIDQyLjA2NDMgMjYuMjI4NSA0MS44MDcxIDI1Ljk3MTQgNDEuNjM1N0wxNy45MTQyIDM3LjA5MjlDMTcuNjU3MSAzNy4wMDcxIDE3LjM5OTkgMzcuMDkyOSAxNy4yMjg1IDM3LjI2NDNaTTQyLjc3MTQgMzcuMTc4Nkw0Ni4xOTk5IDQyLjY2NDNDNDYuMzcxNCA0My4wMDcxIDQ2LjE5OTkgNDMuNDM1NyA0NS43NzE0IDQzLjQzNTdMNDEuMTQyOCA0My42OTI5QzQwLjk3MTQgNDMuNjkyOSA0MC44ODU3IDQzLjc3ODYgNDAuNzk5OSA0My44NjQzTDM3Ljk3MTQgNDcuNjM1N0MzNy43MTQyIDQ3Ljg5MjkgMzcuMjg1NyA0Ny44OTI5IDM3LjExNDIgNDcuNjM1N0wzMy44NTcxIDQyLjIzNTdDMzMuNjg1NyA0MS45Nzg2IDMzLjc3MTQgNDEuNzIxNCAzNC4wMjg1IDQxLjU1TDQyLjA4NTcgMzcuMDA3MUM0Mi4zNDI4IDM2LjgzNTcgNDIuNTk5OSAzNi45MjE0IDQyLjc3MTQgMzcuMTc4NlpNNDIuMDg1NyAxOC40OTI5TDMxLjE5OTkgMTIuMzIxNEMzMC40Mjg1IDExLjg5MjkgMjkuMzk5OSAxMS44OTI5IDI4LjYyODUgMTIuMzIxNEwxNy44Mjg1IDE4LjQwNzFDMTcuMDU3MSAxOC44MzU3IDE2LjU0MjggMTkuNjkyOSAxNi41NDI4IDIwLjU1VjMyLjgwNzFDMTYuNTQyOCAzMy42NjQzIDE3LjA1NzEgMzQuNTIxNCAxNy44Mjg1IDM0Ljk1TDI4LjcxNDIgNDEuMTIxNEMyOS40ODU3IDQxLjU1IDMwLjUxNDIgNDEuNTUgMzEuMjg1NyA0MS4xMjE0TDQyLjA4NTcgMzUuMTIxNEM0Mi44NTcxIDM0LjY5MjkgNDMuMzcxNCAzMy44MzU3IDQzLjM3MTQgMzIuOTc4NlYyMC43MjE0QzQzLjM3MTQgMTkuNzc4NiA0Mi44NTcxIDE4LjkyMTQgNDIuMDg1NyAxOC40OTI5Wk0zNi45NDI4IDIzLjcyMTRMMzAuNTk5OSAzMi44OTI5QzMwLjQyODUgMzMuMTUgMzAuMDg1NyAzMy4zMjE0IDI5Ljc0MjggMzMuMzIxNEMyOS4zOTk5IDMzLjMyMTQgMjkuMDU3MSAzMy4xNSAyOC44ODU3IDMyLjg5MjlMMjIuNzk5OSAyMy43MjE0QzIyLjQ1NzEgMjMuMjkyOSAyMi42Mjg1IDIyLjYwNzEgMjMuMDU3MSAyMi4zNUMyMy40ODU3IDIyLjA5MjkgMjQuMTcxNCAyMi4xNzg2IDI0LjQyODUgMjIuNjA3MUwyOS42NTcxIDMwLjQ5MjlMMzUuMTQyOCAyMi41MjE0QzM1LjQ4NTcgMjIuMDkyOSAzNi4wODU3IDIxLjkyMTQgMzYuNTE0MiAyMi4yNjQzQzM3LjE5OTkgMjIuNjkyOSAzNy4yODU3IDIzLjI5MjkgMzYuOTQyOCAyMy43MjE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="),
+          linear-gradient(100deg, #f4e2ce -67.2%, #debb9b 98.15%);
+        background-repeat: no-repeat;
+        border-radius: 15px;
+        background-size: 30px;
+        flex-basis: 30px;
+        flex-grow: 0;
+      }
+      .title {
+        flex-grow: 1;
+        color: #353535;
+        font-size: 14px;
+        font-weight: 500;
+      }
+      .amount {
+        flex-grow: 0;
+        color: #9e7b5a;
+        font-size: 14px;
+        font-weight: 700;
+      }
+    }
+  }
+}
+</style>

package/src/balance/components/Tip.vue

@@ -1,46 +1,46 @@
-<template>
-  <div class="tip" v-if="show">
-    <img class="tip-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/gold-tip.png" />
-    <div class="tip-content">2024年5月31日起，人民币与云豆兑换比例调整为1人民币=1云豆，云豆余额根据兑换比例调整</div>
-  </div>  
-</template>
-
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue'
-import dayjs from "dayjs"
-
-const show = ref<boolean>(false)
-onMounted(() => {
-  // 当日期大于 2024-07-01 则不显示
-  const d1 = dayjs(new Date())
-  const d2 = dayjs('2024-07-01 00:00:00');
-  if(d1.isBefore(d2)){
-    show.value = true
-  }
-});
-</script>
-<style lang="scss">
-.tip{
-  margin: 0 15px;
-  display: flex;
-  padding: 8px 10px;
-  justify-content: start;
-  background: #fff;
-  box-shadow: 0px 5px 18.9px 2px #0000000D;
-  border-radius: 5px;
-  margin-top: 10px;
-
-  .tip-icon{
-   display: block;
-   font-size: 0;
-   width: 18px;
-   height: 18px;
-  }
-  .tip-content{
-    margin-left: 6px;
-    color: #5D4431;
-    line-height: 18px;
-    font-size: 12px;
-  }
-}
+<template>
+  <div class="tip" v-if="show">
+    <img class="tip-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/gold-tip.png" />
+    <div class="tip-content">2024年5月31日起，人民币与云豆兑换比例调整为1人民币=1云豆，云豆余额根据兑换比例调整</div>
+  </div>  
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import dayjs from "dayjs"
+
+const show = ref<boolean>(false)
+onMounted(() => {
+  // 当日期大于 2024-07-01 则不显示
+  const d1 = dayjs(new Date())
+  const d2 = dayjs('2024-07-01 00:00:00');
+  if(d1.isBefore(d2)){
+    show.value = true
+  }
+});
+</script>
+<style lang="scss">
+.tip{
+  margin: 0 15px;
+  display: flex;
+  padding: 8px 10px;
+  justify-content: start;
+  background: #fff;
+  box-shadow: 0px 5px 18.9px 2px #0000000D;
+  border-radius: 5px;
+  margin-top: 10px;
+
+  .tip-icon{
+   display: block;
+   font-size: 0;
+   width: 18px;
+   height: 18px;
+  }
+  .tip-content{
+    margin-left: 6px;
+    color: #5D4431;
+    line-height: 18px;
+    font-size: 12px;
+  }
+}
 </style>

package/src/balance/components/index.ts

@@ -1,13 +1,8 @@
-import BalanceCard from './BalanceCard.vue'
-import AccountView from './AccountView.vue'
-import BalanceReminder from './BalanceReminder.vue'
-import DateRange from './DateRange.vue'
-import ListFilter from './ListFilter.vue'
-
-export {
-  BalanceCard,
-  AccountView,
-  BalanceReminder,
-  DateRange,
-  ListFilter
-}
+import BalanceCard from './BalanceCard.vue'
+import AccountView from './AccountView.vue'
+import BalanceReminder from './BalanceReminder.vue'
+import DateRange from './DateRange.vue'
+import ListFilter from './ListFilter.vue'
+import PromoterCard from './PromoterCard.vue'
+
+export { BalanceCard, AccountView, BalanceReminder, DateRange, ListFilter, PromoterCard }

package/src/balance/types.ts

@@ -1,91 +1,97 @@
-export const consumptionTypes = [
-  '全部',
-  '充值',
-  '缴费',
-  '返额',
-  '增加',
-  '扣减',
-  '消耗',
-  '退回',
-  '赠送',
-  '换购',
-] as const
-
-export type ConsumptionType = (typeof consumptionTypes)[number]
-
-export const consumptionPositions = ['全部', '云豆', '权益'] as const
-
-export type ConsumptionPosition = (typeof consumptionPositions)[number]
-
-export const consumptionDirections = ['全部', '收入', '支出'] as const
-
-export type ConsumptionDirection = (typeof consumptionDirections)[number]
-
-/**
- * 账户流水
- */
-export type 账户流水 = {
-  /**
-   * 数量
-   */
-  amount: number
-  /**
-   * 交易名称
-   */
-  title: string
-  /**
-   * 交易说明
-   */
-  description: string
-  /**
-   * 交易时间
-   **/
-  time: number
-  /**
-   * 交易类型类型
-   */
-  交易类型: ConsumptionType
-  权益类目: string
-  /**
-   * 账户类型
-   */
-  账户类型: ConsumptionPosition
-  /**
-   * 收入/支出
-   */
-  收入还是支出: ConsumptionDirection
-}
-
-/**
- * 账户流水筛选项
- */
-export type 账户流水筛选项 = Pick<
-  账户流水,
-  '交易类型' | '账户类型' | '收入还是支出' | '权益类目'
-> & {
-  dateFrom: string
-  dateTo: string
-  page: number
-  pageSize: 20
-}
-
-export type ConsumptionGroup = {
-  date: string
-  consumptions: 账户流水[]
-}
-
-export type Privilege = {
-  title: string
-  count: number
-}
-
-export type Balance = {
-  total: number
-  privileges: any
-  commonAccount?: number
-}
-
-export type 权益类目 = {
-  name: string
-  code: string
-}
+export const consumptionTypes = [
+  '全部',
+  '充值',
+  '缴费',
+  '返额',
+  '增加',
+  '扣减',
+  '消耗',
+  '退回',
+  '赠送',
+  '换购',
+] as const
+
+export type ConsumptionType = (typeof consumptionTypes)[number]
+
+export const consumptionPositions = ['全部', '云豆', '权益'] as const
+
+export type ConsumptionPosition = (typeof consumptionPositions)[number]
+
+export const consumptionDirections = ['全部', '收入', '支出'] as const
+
+export type ConsumptionDirection = (typeof consumptionDirections)[number]
+
+/**
+ * 账户流水
+ */
+export type 账户流水 = {
+  /**
+   * 数量
+   */
+  amount: number
+  /**
+   * 交易名称
+   */
+  title: string
+  /**
+   * 交易说明
+   */
+  description: string
+  /**
+   * 交易时间
+   **/
+  time: number
+  /**
+   * 交易类型类型
+   */
+  交易类型: ConsumptionType
+  权益类目: string
+  /**
+   * 账户类型
+   */
+  账户类型: ConsumptionPosition
+  /**
+   * 收入/支出
+   */
+  收入还是支出: ConsumptionDirection
+}
+
+/**
+ * 账户流水筛选项
+ */
+export type 账户流水筛选项 = Pick<
+  账户流水,
+  '交易类型' | '账户类型' | '收入还是支出' | '权益类目'
+> & {
+  dateFrom: string
+  dateTo: string
+  page: number
+  pageSize: 20
+}
+
+export type ConsumptionGroup = {
+  date: string
+  consumptions: 账户流水[]
+}
+
+export type Privilege = {
+  title: string
+  count: number
+}
+
+export type Balance = {
+  total: number
+  privileges: any
+  commonAccount?: number
+}
+
+export type 权益类目 = {
+  name: string
+  code: string
+}
+
+export type Promoter = {
+  total: number
+  totalIncome: number
+  totalRebateIncome: number
+}