@uxda/appkit 1.1.0 → 1.2.0

package/src/balance/components/BalanceCard.vue

@@ -4,9 +4,12 @@
       <div class="card-row">
         <div class="card-row-left">
           <div class="bean-box">
-           <div class="bean-icon-box">
-            <img class="bean-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/gold-bean.png" />
-           </div>
+            <div class="bean-icon-box">
+              <img
+                class="bean-icon"
+                src="https://cdn.ddjf.com/static/images/bpms-workBench/gold-bean.png"
+              />
+            </div>
             <span class="baan-name">云豆</span>
           </div>
           <div class="bean-nums number">{{ balance.total || 0 }}</div>
@@ -15,18 +18,24 @@
           <div class="account-info-entry" @click="gotoDetail">
             <div class="account-info-name">账户明细</div>
             <div class="account-info-icon">
-              <img class="icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/gold-to.png" />
+              <img
+                class="icon"
+                src="https://cdn.ddjf.com/static/images/bpms-workBench/gold-to.png"
+              />
             </div>
           </div>
         </div>
       </div>
       <div class="line"></div>
       <div class="card-row">
-        <div class="card-row-left desc">仅云豆可充值，小云豆为平台赠送</div>
+        <div class="card-row-left desc">权益使用时自动扣减云豆</div>
         <div class="card-row-right">
           <div class="pay" @click="gotoRecharge">
             <div>充值</div>
-            <img class="pay-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/bean-right.png" />
+            <img
+              class="pay-icon"
+              src="https://cdn.ddjf.com/static/images/bpms-workBench/bean-right.png"
+            />
           </div>
         </div>
       </div>
@@ -35,94 +44,97 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
-import { endpoints, useHttp } from '../api'
-import { Balance } from '../types'
-import { useDidShow } from '@tarojs/taro'
+import { ref } from "vue";
+import { endpoints, useHttp } from "../api";
+import { Balance } from "../types";
+import { useDidShow } from "@tarojs/taro";
 
 type BalanceCardProps = {
-  app: string
-}
-const props = withDefaults(
-  defineProps<BalanceCardProps>(), {
-    app: ''
-  }
-)
+  app: string;
+};
+const props = withDefaults(defineProps<BalanceCardProps>(), {
+  app: "",
+});
 
 const balance = ref<Balance>({
   total: 0,
-  privileges: []
-})
+  privileges: [],
+});
 
 const gotoRecharge = () => {
-  emit('recharge')
-}
+  emit("recharge");
+};
 
-async function loadBalance () {
-  const $http = useHttp()
-  $http.get<Balance>(endpoints.获取余额明细, {
-    app: props.app
-  }).then(data => {
-    balance.value = data
-  })
+async function loadBalance() {
+  const $http = useHttp();
+  $http
+    .get<Balance>(endpoints.获取余额明细, {
+      app: props.app,
+    })
+    .then((data) => {
+      balance.value = data;
+    });
 }
 
 const emit = defineEmits([
   /**
    * 跳账户详情
    */
-  'drill',
+  "drill",
   /**
    * 跳充值页
    */
-  'recharge'
-])
+  "recharge",
+]);
 
-function gotoDetail () {
-  emit('drill')
+function gotoDetail() {
+  emit("drill");
 }
 
 useDidShow(() => {
-  loadBalance()
-})
+  loadBalance();
+});
 
+defineExpose({
+  reload: loadBalance,
+});
 </script>
 
 <style lang="scss">
-.account-card{
-  .card{
-    background: #2F2F2F;
+.account-card {
+  .card {
+    background: #2f2f2f;
     border-radius: 10px;
     padding: 13px 20px;
     margin: 0;
-    .card-row{
+    .card-row {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      .card-row-left{
+      .card-row-left {
         display: flex;
         flex-direction: column;
-        .bean-box{
+        .bean-box {
           display: flex;
           align-items: center;
-          .bean-icon-box{
+          .bean-icon-box {
             width: 20px;
             height: 20px;
             margin-right: 8px;
-            .bean-icon{
+            .bean-icon {
               display: block;
               font-size: 0;
               width: 100%;
               height: 100%;
             }
           }
-          .baan-name{
-            color: #F3D59D;
+          .baan-name {
+            color: #f3d59d;
             font-weight: 600;
             font-size: 11px;
           }
         }
-        .bean-nums{
+        .bean-nums {
           color: #fff;
           line-height: 22px;
           font-weight: 500;
@@ -130,29 +142,29 @@ useDidShow(() => {
           margin-top: 3px;
         }
       }
-      .desc{
+      .desc {
         font-size: 10px;
         color: #ccc;
         line-height: 14px;
       }
     }
-    .line{
+    .line {
       margin: 6px 0px 8px 0px;
       height: 0.5px;
       background: rgb(195, 195, 195);
       opacity: 0.2;
     }
-    .card-row-right{
-      .pay{
+    .card-row-right {
+      .pay {
         padding: 0 8px;
         line-height: 18px;
-        color: #FFD6A5;
-        border: 1px solid #FFD6A5;
+        color: #ffd6a5;
+        border: 1px solid #ffd6a5;
         border-radius: 9px;
         font-size: 12px;
         display: flex;
         align-items: center;
-        .pay-icon{
+        .pay-icon {
           display: block;
           font-size: 0;
           width: 3.5px;
@@ -160,25 +172,30 @@ useDidShow(() => {
           margin-left: 6px;
         }
       }
-      .account-info-entry{
+      .account-info-entry {
         display: flex;
         align-items: center;
         padding: 0 10px;
         height: 28px;
         line-height: 28px;
         border-radius: 14px;
-        background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
-        .account-info-name{
+        background: linear-gradient(
+          90deg,
+          #ffebc1 0%,
+          #ffd7a7 52.29%,
+          #ffb875 100%
+        );
+        .account-info-name {
           color: #975213;
           font-size: 13px;
           font-weight: 500;
           margin-right: 8px;
         }
-        .account-info-icon{
+        .account-info-icon {
           width: 14px;
           height: 14px;
           border-radius: 7px;
-          .icon{
+          .icon {
             display: block;
             font-size: 0;
             width: 100%;

package/src/balance/components/ConsumptionRules.vue

@@ -4,20 +4,20 @@
     <div class="desc">
       <div class="desc-title">【云豆】</div>
       <div>
-        1、云豆系大道云平台为用户提供的数字化商品，用于大道云平台上的产品权益抵扣使用。
+        1、云豆系大道云平台为用户提供的数字化商品，用于大道云平台上的产品权益抵扣使用或者产品权益的兑换。
       </div>
       <div>
         人民币与云豆的兑换比例：1人民币=10云豆。云豆购买成功过后不可转让或者逆向兑换。
       </div>
       <div>
-        2、云豆的使用范围：云豆可用于抵扣AI审批单笔权益、电子签约单笔权益、蜂鸟周转系统单笔权益等，具体抵扣标准详细见各产品页面。
+        2、云豆的使用范围：云豆可用于大道云平台各个系统的产品权益抵扣使用或兑换，系统包括但不限于企明星、AI审批、电子签约、蜂鸟周转系统、蜂鸟居间系统。
       </div>
-      <div class="desc-title">【小云豆】</div>
+      <div class="desc-title">【产品权益】</div>
       <div>
-        1、小云豆系大道云平台单方面为用户赠送的数字化商品，用于大道云平台上的指定产品权益抵扣使用。小云豆仅用于指定的产品权益抵扣使用。小云豆与云豆之间不能相互转换，也无法逆向兑换成人民币。
+        1、产品权益系大道云平台各个系统产品的使用消耗标准，可直接用于单项产品的使用消耗。产品权益可通过人民币充值购买、云豆兑换或大道云平台赠送获得。产品权益仅用于指定的产品使用消耗，也无法逆向兑换成云豆或人民币。
       </div>
       <div>
-        2、小云豆的使用范围：小云豆可用于抵扣AI审批单笔权益、电子签约单笔权益、蜂鸟周转系统单笔权益等，具体抵扣标准详细见各产品页面。
+        2、产品权益的使用范围：产品权益用于大道云平台各个系统产品的消耗使用，系统包括但不限于企明星、AI审批、电子签约、蜂鸟周转系统、蜂鸟居间系统，各个系统的产品权益仅用于各产品专项使用，无法跨产品使用。
       </div>
     </div>
     <div class="know" @click="emit('complete')">我知道了</div>
@@ -25,9 +25,7 @@
 </template>
 
 <script lang="ts" setup>
-
-const emit = defineEmits(['complete'])
-
+const emit = defineEmits(["complete"]);
 </script>
 <style lang="scss">
 .consumption-rules {
@@ -67,4 +65,4 @@ const emit = defineEmits(['complete'])
     text-align: center;
   }
 }
-</style>
+</style>

package/src/balance/components/SecondBalance.vue

@@ -1,13 +1,11 @@
 <template>
   <div class="second-balance">
-    <page-header title="小云豆余额" />
+    <page-header title="权益余额" />
     <div class="positions" v-if="data.length">
-      <div class="position"
-        v-for="(item, index) in data" 
-        :key="index">
+      <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 }}</label>
+        <label class="number amount">{{ item.count }}{{ item.unit }}</label>
       </div>
     </div>
     <empty-view v-else />
@@ -15,20 +13,18 @@
 </template>
 
 <script lang="ts" setup>
-import { Privilege } from '../types'
-import EmptyView from '../../shared/components/EmptyView.vue'
+import { Privilege } from "../types";
+import EmptyView from "../../shared/components/EmptyView.vue";
 
-// 小云豆余额
+// 权益余额
 // 由账户页 AccountView 使用 AppDrawer 弹出
 type SecondBalanceProps = {
-  data: Privilege[]
-}
+  data: Privilege[];
+};
 
-withDefaults(
-  defineProps<SecondBalanceProps>(), {
-    data: () => []
-  }
-)
+withDefaults(defineProps<SecondBalanceProps>(), {
+  data: () => [],
+});
 </script>
 
 <style lang="scss">
@@ -38,7 +34,7 @@ withDefaults(
     padding: 15px;
     .position {
       border-radius: 5px;
-      background: #F7F8FA;
+      background: #f7f8fa;
       height: 54px;
       display: flex;
       align-items: center;
@@ -49,9 +45,8 @@ withDefaults(
       .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-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;
@@ -59,12 +54,14 @@ withDefaults(
         flex-grow: 0;
       }
       .title {
-        flex-grow: 1;color: #353535;
+        flex-grow: 1;
+        color: #353535;
         font-size: 14px;
         font-weight: 500;
       }
       .amount {
-        flex-grow: 0;color: #9E7B5A;
+        flex-grow: 0;
+        color: #9e7b5a;
         font-size: 14px;
         font-weight: 700;
       }

package/src/balance/types.ts

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