@tplc/business 0.2.90 → 0.3.2

package/components/lcb-vip/api/index.ts

@@ -1,5 +1,38 @@
 import { LcbActionViewProps } from '../../lcb-action-view/types'
 import { ActionView } from '../../../action'
+import { ButtonProps } from '@tplc/wot/types/components/wd-button/types'
+
+export interface PageBtnProps {
+  buttonList: IPageBtn[]
+  size?: 'small' | 'medium' | 'large'
+}
+export interface IPageBtn {
+  buttonKey: string
+  buttonName: string
+  buttonType: number
+  popUpFlag: boolean
+  popUpTip: string
+  content: string
+  requestParam?: RequestParam
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpUrl: string
+  requestUrl: string
+  jumpPage?: string
+  styleContent: StyleContent2
+  buttonProps?: ButtonProps
+}
+interface StyleContent2 {
+  buttonType: string
+  style: Style
+}
+
+interface Style {
+  width: string
+}
+
+interface RequestParam {
+  orderNo: string
+}
 
 export interface CurrentRightsDetail {
   coverImg: string
@@ -20,6 +53,7 @@ export interface UserLevelRightsList extends ActionView {
   icon: string
   userRightsConfigId: string
   userRightsContent: string
+  buttonList: IPageBtn[]
   userRightsSubTitle: string
   userRightsTitle: string
   link: LcbActionViewProps

package/components/lcb-vip/components/BtnViews/index.vue

@@ -0,0 +1,87 @@
+<template>
+  <lcb-action-view
+    v-bind="item"
+    v-for="item in buttonList"
+    :key="item.buttonName"
+    @click="link({ item })"
+    @refresh="$emit('refresh')"
+  >
+    <wd-button v-bind="getBtnProps(item)" :size="size">{{ item.buttonName }}</wd-button>
+  </lcb-action-view>
+  <view class="absolute">
+    <wd-message-box />
+  </view>
+</template>
+
+<script setup lang="ts">
+import type { ButtonProps } from '@tplc/wot/components/wd-button/types'
+import type { IPageBtn, PageBtnProps } from '../../api'
+import { useMessage } from '@tplc/wot'
+const message = useMessage()
+defineOptions({
+  name: 'BtnViews',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<PageBtnProps>(), {
+  size: 'small',
+})
+const emits = defineEmits(['refresh'])
+const getBtnProps = (item: IPageBtn) => {
+  return {
+    type: item.styleContent?.buttonType?.includes?.('theme') ? 'primary' : 'info',
+    plain: item.styleContent?.buttonType?.includes?.('Hollow'),
+    size: 'small',
+    ...item.buttonProps,
+  } as ButtonProps
+}
+async function link({ item }: { item: IPageBtn }) {
+  if (item.popUpFlag) {
+    message
+      .confirm({
+        msg: item.popUpTip,
+        title: item.content,
+      })
+      .then(async () => {
+        if (item.buttonType === 1) {
+          await uni.$lcb.http.post(item.requestUrl, item.requestParam)
+          emits('refresh')
+        }
+      })
+      .catch(console.log)
+  } else if (item.jumpType === 2) {
+    uni.navigateTo({
+      url: item.jumpUrl,
+    })
+    // 再次支付
+  } else if (item.buttonKey === 'orderPaymentBtn') {
+    const {
+      data: { paymentParams },
+    } = await uni.$lcb.http.post<any>(item.requestUrl, {
+      ...item.requestParam,
+      paymentPlatform: 'wechat',
+      paymentType: 'JSAPI',
+    })
+    uni.requestPayment({
+      provider: 'wxpay',
+      ...paymentParams,
+      success: () => {
+        uni.showToast({
+          title: '支付成功',
+          icon: 'success',
+        })
+        emits('refresh')
+      },
+      fail: () => {
+        uni.showToast({
+          title: '支付取消',
+          icon: 'none',
+        })
+      },
+    })
+  }
+}
+</script>

package/components/lcb-vip/components/InfoDialog/index.vue

@@ -8,35 +8,31 @@
         :size="130"
         canvasId="qrCode"
         :value="modelValue.qrCode"
-        v-if="modelValue.qrCode"
+        v-if="modelValue.qrCode && currentLevelFlag"
       />
-      <view class="text-3 text-#969696 mt-3.5" v-if="modelValue.qrCodeTips">
+      <view class="text-3 text-#969696 mt-3.5" v-if="modelValue.qrCodeTips && currentLevelFlag">
         {{ modelValue.qrCodeTips }}
       </view>
-      <wd-button
-        type="primary"
-        plain
-        custom-class="!rounded-10rpx !mt-4 "
-        @click="onDrawdown"
+      <template
         v-if="
           ['voucher', 'cashVoucher'].includes(modelValue.userRightsType) &&
           !hiddenDrawdown &&
           currentLevelFlag
         "
       >
-        {{ translate('领取') }}
-      </wd-button>
+        <BtnViews :buttonList="modelValue.buttonList" @refresh="emits('refresh')" />
+      </template>
     </view>
   </wd-popup>
 </template>
 
 <script setup lang="ts">
-import { useTranslate } from '@tplc/wot'
+import BtnViews from '../BtnViews/index.vue'
 import { UserLevelRightsList } from '../../api'
 import mpHtml from 'mp-html/src/uni-app/components/mp-html/mp-html.vue'
 import { watch, ref } from 'vue'
-const { translate } = useTranslate()
 const show = ref(false)
+const emits = defineEmits(['refresh'])
 defineProps<{
   hiddenDrawdown?: boolean
   currentLevelFlag?: boolean
@@ -48,11 +44,7 @@ watch(
     if (val) show.value = true
   },
 )
-const onDrawdown = () => {
-  uni.navigateTo({
-    url: `${uni.$lcb.internalPages.drawdown}?from=vip&id=${modelValue.value?.userRightsConfigId}`,
-  })
-}
+
 const onClose = () => {
   show.value = false
   modelValue.value = undefined

package/components/lcb-vip/lcb-vip.vue

@@ -46,7 +46,7 @@
         titleKey="userRightsTitle"
         @click="onItemClick"
       />
-      <InfoDialog v-model="current" />
+      <InfoDialog v-model="current" currentLevelFlag />
     </view>
   </lcb-block>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.2.90",
+  "version": "0.3.2",
   "keywords": [
     "业务组件"
   ],

package/types/components/lcb-vip/api/index.d.ts

@@ -1,5 +1,35 @@
 import { LcbActionViewProps } from '../../lcb-action-view/types'
 import { ActionView } from '../../../action'
+import { ButtonProps } from '@tplc/wot/types/components/wd-button/types'
+export interface PageBtnProps {
+  buttonList: IPageBtn[]
+  size?: 'small' | 'medium' | 'large'
+}
+export interface IPageBtn {
+  buttonKey: string
+  buttonName: string
+  buttonType: number
+  popUpFlag: boolean
+  popUpTip: string
+  content: string
+  requestParam?: RequestParam
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpUrl: string
+  requestUrl: string
+  jumpPage?: string
+  styleContent: StyleContent2
+  buttonProps?: ButtonProps
+}
+interface StyleContent2 {
+  buttonType: string
+  style: Style
+}
+interface Style {
+  width: string
+}
+interface RequestParam {
+  orderNo: string
+}
 export interface CurrentRightsDetail {
   coverImg: string
   effectiveDate: string
@@ -18,6 +48,7 @@ export interface UserLevelRightsList extends ActionView {
   icon: string
   userRightsConfigId: string
   userRightsContent: string
+  buttonList: IPageBtn[]
   userRightsSubTitle: string
   userRightsTitle: string
   link: LcbActionViewProps
@@ -32,3 +63,4 @@ export interface UserLevelRightsList extends ActionView {
 export declare const currentRightsDetail: () => Promise<
   import('../../../action').IResData<CurrentRightsDetail>
 >
+export {}

package/types/components/lcb-vip/components/BtnViews/index.vue.d.ts

@@ -0,0 +1,60 @@
+import type { PageBtnProps } from '../../api'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<PageBtnProps>,
+    {
+      size: string
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    refresh: (...args: any[]) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<PageBtnProps>,
+        {
+          size: string
+        }
+      >
+    >
+  > & {
+    onRefresh?: ((...args: any[]) => any) | undefined
+  },
+  {
+    size: 'small' | 'medium' | 'large'
+  },
+  {}
+>
+export default _default
+type __VLS_WithDefaults<P, D> = {
+  [K in keyof Pick<P, keyof P>]: K extends keyof D
+    ? __VLS_Prettify<
+        P[K] & {
+          default: D[K]
+        }
+      >
+    : P[K]
+}
+type __VLS_Prettify<T> = {
+  [K in keyof T]: T[K]
+} & {}
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
+type __VLS_TypePropsToOption<T> = {
+  [K in keyof T]-?: {} extends Pick<T, K>
+    ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
+      }
+    : {
+        type: import('vue').PropType<T[K]>
+        required: true
+      }
+}

package/types/components/lcb-vip/components/InfoDialog/index.vue.d.ts

@@ -16,11 +16,13 @@ declare const _default: import('vue').DefineComponent<
   import('vue').ComponentOptionsMixin,
   {
     'update:modelValue': (modelValue: UserLevelRightsList) => void
+    refresh: (...args: any[]) => void
   },
   string,
   import('vue').PublicProps,
   Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
     'onUpdate:modelValue'?: ((modelValue: UserLevelRightsList) => any) | undefined
+    onRefresh?: ((...args: any[]) => any) | undefined
   },
   {},
   {}