@tplc/business 0.1.14 → 0.2.1

package/components/lcb-product-item/lcb-product-item.vue

@@ -2,9 +2,6 @@
 import { computed, provide, useAttrs } from 'vue'
 import { LcbProductItemProps } from './types'
 import ItemValue from './components/ItemValue.vue'
-
-const isNumber = (value: any) => typeof value === 'number'
-
 defineOptions({
   name: 'LcbProductItem',
   options: {
@@ -13,6 +10,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+const isNumber = (value: any) => typeof value === 'number'
 
 const props = withDefaults(defineProps<LcbProductItemProps>(), {
   layoutType: 'horizontal',
@@ -139,7 +137,9 @@ defineSlots<{
                 <template #title="{ value }"><slot name="title" :value="value" /></template>
                 <template #subTitle="{ value }"><slot name="subTitle" :value="value" /></template>
                 <template #price="{ value }"><slot name="price" :value="value" /></template>
-                <template #priceUnit="{ value }"><slot name="priceUnit" :value="value" /></template>
+                <template #priceUnit="{ value }">
+                  <slot name="priceUnit" :value="value" />
+                </template>
                 <template #priceSuffix="{ value }">
                   <slot name="priceSuffix" :value="value" />
                 </template>
@@ -169,7 +169,9 @@ defineSlots<{
                 <template #title="{ value }"><slot name="title" :value="value" /></template>
                 <template #subTitle="{ value }"><slot name="subTitle" :value="value" /></template>
                 <template #price="{ value }"><slot name="price" :value="value" /></template>
-                <template #priceUnit="{ value }"><slot name="priceUnit" :value="value" /></template>
+                <template #priceUnit="{ value }">
+                  <slot name="priceUnit" :value="value" />
+                </template>
                 <template #priceSuffix="{ value }">
                   <slot name="priceSuffix" :value="value" />
                 </template>
@@ -256,7 +258,9 @@ defineSlots<{
                 <template #title="{ value }"><slot name="title" :value="value" /></template>
                 <template #subTitle="{ value }"><slot name="subTitle" :value="value" /></template>
                 <template #price="{ value }"><slot name="price" :value="value" /></template>
-                <template #priceUnit="{ value }"><slot name="priceUnit" :value="value" /></template>
+                <template #priceUnit="{ value }">
+                  <slot name="priceUnit" :value="value" />
+                </template>
                 <template #priceSuffix="{ value }">
                   <slot name="priceSuffix" :value="value" />
                 </template>
@@ -286,7 +290,9 @@ defineSlots<{
                 <template #title="{ value }"><slot name="title" :value="value" /></template>
                 <template #subTitle="{ value }"><slot name="subTitle" :value="value" /></template>
                 <template #price="{ value }"><slot name="price" :value="value" /></template>
-                <template #priceUnit="{ value }"><slot name="priceUnit" :value="value" /></template>
+                <template #priceUnit="{ value }">
+                  <slot name="priceUnit" :value="value" />
+                </template>
                 <template #priceSuffix="{ value }">
                   <slot name="priceSuffix" :value="value" />
                 </template>

package/components/lcb-rich-text/lcb-rich-text.vue

@@ -0,0 +1,22 @@
+<template>
+  <lcb-block v-bind="$props">
+    <mp-html :content="content" />
+  </lcb-block>
+</template>
+
+<script setup lang="ts">
+import { LcbRichTextProps } from './types'
+import mpHtml from 'mp-html/src/uni-app/components/mp-html/mp-html.vue'
+defineOptions({
+  name: 'LcbRichText',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const props = withDefaults(defineProps<LcbRichTextProps>(), {})
+console.log('props', props)
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-rich-text/types.ts

@@ -0,0 +1,5 @@
+import { LcbBlockProps } from '../lcb-block/types'
+
+export interface LcbRichTextProps extends LcbBlockProps {
+  content?: string
+}

package/components/lcb-text/lcb-text.vue

@@ -0,0 +1,20 @@
+<template>
+  <lcb-block>
+    {{ text }}
+  </lcb-block>
+</template>
+
+<script setup lang="ts">
+import { LcbTextProps } from './types'
+defineOptions({
+  name: 'LcbText',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbTextProps>(), {})
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-text/types.ts

@@ -0,0 +1,5 @@
+import { LcbBlockProps } from '../lcb-block/types'
+
+export interface LcbTextProps extends LcbBlockProps {
+  text: string
+}

package/components/lcb-title/lcb-title.vue

@@ -4,24 +4,44 @@
       ...$props,
     }"
   >
-    <lcb-action-view customClass="!flex items-center" v-bind="action">
-      <text
+    <lcb-action-view :customClass="`!flex ${justify} !leading-none`" v-bind="action">
+      <view
         :style="{
           fontWeight,
         }"
       >
         {{ title }}
-      </text>
-      <text class="text-24rpx ml-3">
+      </view>
+      <view
+        class="ml-3"
+        v-if="hint"
+        :style="{
+          fontSize: transformValueUnit(hintFontSize),
+          color: hintColor,
+          alignSelf: hintVerticalAlign,
+        }"
+      >
         {{ hint }}
-      </text>
-      <text v-if="showMore" class="flex-1 text-end text-24rpx">更多</text>
+      </view>
+      <view
+        v-if="moreText"
+        class="flex-1 flex justify-end items-center"
+        :style="{
+          fontSize: transformValueUnit(moreFontSize),
+          color: moreColor,
+          alignSelf: moreVerticalAlign,
+        }"
+      >
+        更多
+        <wd-icon name="xiangyou" classPrefix="lcb" :size="transformValueUnit(moreFontSize)" />
+      </view>
     </lcb-action-view>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
 import { LcbTitleProps } from './types'
+import { transformValueUnit } from '../../utils/transform'
 defineOptions({
   name: 'LcbTitle',
   options: {
@@ -36,6 +56,13 @@ withDefaults(defineProps<LcbTitleProps>(), {
   fontSize: 28,
   color: '#333',
   title: '标题',
+  justify: 'justify-start',
+  moreFontSize: 24,
+  moreColor: '#999',
+  moreVerticalAlign: 'center',
+  hintFontSize: 24,
+  hintColor: '#666',
+  hintVerticalAlign: 'end',
 })
 </script>
 <style lang="scss" scoped></style>

package/components/lcb-title/types.ts

@@ -1,10 +1,24 @@
 import { LcbActionViewProps } from '../lcb-action-view/types'
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbTitleProps extends LcbBlockProps {
-  title: string
   /** 副标题 */
-  hint?: string
+  title: string
   fontWeight?: number
-  showMore?: boolean
   action?: LcbActionViewProps
+  justify?:
+    | 'justify-start'
+    | 'justify-end'
+    | 'justify-center'
+    | 'justify-between'
+    | 'justify-around'
+
+  hint?: string
+  hintColor?: string
+  hintFontSize?: number
+  hintVerticalAlign?: 'end' | 'center'
+
+  moreColor?: string
+  moreFontSize?: number
+  moreText?: string
+  moreVerticalAlign?: 'end' | 'center'
 }

package/components/lcb-user-order/lcb-user-order.vue

@@ -1,60 +1,55 @@
 <template>
-  <lcb-block v-bind="$props" customClass="flex flex-justify-between">
-    <view
-      class="flex flex-col flex-justify-center items-center"
-      @click="onClick(item)"
-      v-for="item in iconList"
-      :key="item.id"
-    >
+  <lcb-block v-bind="$props">
+    <view class="flex justify-between">
       <view
-        class="position-relative"
-        :style="{
-          height: transformValueUnit(iconSize),
-          width: transformValueUnit(iconSize),
-        }"
-        @click="onClick"
+        class="flex flex-col flex-justify-center items-center"
+        @click="onClick(item)"
+        v-for="item in items"
+        :key="item.iconTitle"
       >
-        <view v-if="item.iconType === 0">
-          <wd-icon
-            class-prefix="lcb"
-            v-bind="{
-              name: item.iconName || '',
-              size: transformValueUnit(iconSize),
-              color: iconColor,
-            }"
-          />
-        </view>
         <view
-          v-if="item.iconType === 1"
-          class="bg-no-repeat bg-contain"
+          class="position-relative"
           :style="{
             height: transformValueUnit(iconSize),
             width: transformValueUnit(iconSize),
-            color: iconColor,
-            backgroundImage: `url('${item.iconUpload}')`,
           }"
-        />
+        >
+          <wd-badge :modelValue="dataInfo[item.countKey || ''] || 0" :max="99">
+            <wd-icon
+              v-if="item.iconType === 0"
+              class-prefix="lcb"
+              v-bind="{
+                name: item.iconName || '',
+                size: transformValueUnit(iconSize),
+                color: iconColor,
+              }"
+            />
+
+            <wd-img
+              v-if="item.iconType === 1"
+              :height="transformValueUnit(iconSize)"
+              :width="transformValueUnit(iconSize)"
+              :src="item.iconUpload"
+            />
+          </wd-badge>
+        </view>
         <view
-          v-if="item.id < 5"
-          class="pos-absolute bg-#f23d3d pos-top-0 pos-right-0 w-8px h-8px rounded-4px"
-        />
-      </view>
-      <view
-        class="flex flex-justify-between text-center"
-        :style="{
-          color: textColor,
-          fontSize: transformValueUnit(textSize),
-          marginTop: transformValueUnit((textSize || 0) / 3),
-        }"
-      >
-        {{ item.iconTitle }}
+          class="flex flex-justify-between text-center"
+          :style="{
+            color: textColor,
+            fontSize: transformValueUnit(textSize),
+            marginTop: transformValueUnit((textSize || 0) / 3),
+          }"
+        >
+          {{ item.iconTitle }}
+        </view>
       </view>
     </view>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { ref, watch } from 'vue'
 import { LcbUserOrderProps, IIconList } from './types'
 import { transformValueUnit } from '../../utils/transform'
 defineOptions({
@@ -65,7 +60,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-const onClick = (item: any) => {
+const onClick = (item: IIconList) => {
   uni.navigateTo({
     url: `/pages/order/index?status=${item.status}`,
   })
@@ -75,25 +70,17 @@ const props = withDefaults(defineProps<LcbUserOrderProps>(), {
   paddingHorizontal: 0,
   blurSize: 5,
 })
-const statusNumbers = ['0', '1', '4', '2', '3', '5', '']
-const iconList = computed(() => {
-  const list: IIconList[] = []
-  for (let i = 0; i < statusNumbers.length; i++) {
-    const item = statusNumbers[i]
-    const isShow = props['iconShow' + item]
-    if (isShow !== false) {
-      list.push({
-        id: i,
-        iconType: props['iconType' + item],
-        iconTitle: props['iconTitle' + item],
-        iconName: props['iconName' + item],
-        iconUpload: props['iconUpload' + item],
-        status: item,
-      })
+const dataInfo = ref<Record<string, any>>({})
+watch(
+  () => props.dataUrl,
+  async (url) => {
+    if (url) {
+      const { data } = await uni.$lcb.http.post(url)
+      dataInfo.value = data as Record<string, any>
     }
-  }
-  return list as IIconList[]
-})
+  },
+  { immediate: true },
+)
 </script>
 
 <style lang="scss" scoped></style>

package/components/lcb-user-order/types.ts

@@ -1,23 +1,17 @@
 export interface IIconList {
-  id: number
-  iconType: number
+  iconType: 0 | 1
   iconTitle?: string
   iconName?: string
   iconUpload?: string
-  status?: any
+  status?: string
+  countKey?: string
 }
 
 export interface LcbUserOrderProps {
-  // Define the component's prop types here
+  dataUrl?: string
   marginTop?: number
   marginBottom?: number
   marginHorizontal?: number
-  // marginLeft?: number
-  // marginRight?: number
-  // paddingTop?: number
-  // paddingBottom?: number
-  // paddingLeft?: number
-  // paddingRight?: number
   paddingVertical?: number
   paddingHorizontal?: number
   backgroundColor?: string
@@ -30,42 +24,5 @@ export interface LcbUserOrderProps {
   shadowColor?: string
   shadowSize?: number
   blurSize?: number
-
-  iconTitle0?: string
-  iconType0?: 0 | 1
-  iconName0?: string
-  iconUpload0?: string
-
-  iconTitle1?: string
-  iconType1?: 0 | 1
-  iconName1?: string
-  iconUpload1?: string
-  iconShow1?: boolean
-
-  iconTitle2?: string
-  iconType2?: 0 | 1
-  iconName2?: string
-  iconUpload2?: string
-  iconShow2?: boolean
-
-  iconTitle3?: string
-  iconType3?: 0 | 1
-  iconName3?: string
-  iconUpload3?: string
-  iconShow3?: boolean
-
-  iconTitle4?: string
-  iconType4?: 0 | 1
-  iconName4?: string
-  iconUpload4?: string
-  iconShow4?: boolean
-
-  iconTitle5?: string
-  iconType5?: 0 | 1
-  iconName5?: string
-  iconUpload5?: string
-  iconTitle?: string
-  iconType?: 0 | 1
-  iconName?: string
-  iconUpload?: string
+  items: IIconList[]
 }

package/components/lcb-user-top/Nums/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <View class="">
+  <view @click="emits('click')">
     <view
       class="font-bold leading-none"
       :style="{
@@ -18,7 +18,7 @@
     >
       {{ title }}
     </view>
-  </View>
+  </view>
 </template>
 
 <script setup lang="ts">
@@ -26,4 +26,5 @@ import { NumsItemProps } from '../types'
 import { transformValueUnit } from '../../../utils/transform'
 
 defineProps<NumsItemProps>()
+const emits = defineEmits(['click'])
 </script>

package/components/lcb-user-top/lcb-user-top.vue

@@ -27,17 +27,17 @@
         />
       </lcb-action-view>
       <view class="flex-1">
-        <lcb-action-view :jumpType="88" @phone="getPhone" v-if="!userStore?.userInfo?.phone">
-          <view
-            class="font-500"
-            :style="{
-              fontSize: transformValueUnit(textSize),
-              color: textColor,
-            }"
-          >
-            授权登录
-          </view>
-        </lcb-action-view>
+        <view
+          class="font-500"
+          v-if="!userStore?.userInfo?.phone"
+          :style="{
+            fontSize: transformValueUnit(textSize),
+            color: textColor,
+          }"
+          @click="phoneHandler"
+        >
+          授权登录
+        </view>
         <view v-else class="leading-none">
           <view class="text-32rpx font-#333 font-500 mb-20rpx">
             {{ userStore?.userInfo?.userName || '微信用户' }}
@@ -90,10 +90,30 @@
         padding: `0 ${transformValueUnit(numsPadLR || 0)}`,
       }"
     >
-      <Nums v-if="valuesCard == true" v-bind="$props" title="储值卡" />
-      <Nums v-if="coupons == true" v-bind="$props" title="优惠券" />
-      <Nums v-if="presales == true" v-bind="$props" title="预售券" />
-      <Nums v-if="memberPoints == true" v-bind="$props" title="会员积分" />
+      <Nums
+        v-if="valuesCard == true"
+        v-bind="$props"
+        title="储值卡"
+        @click="navigateTo('/pages-sub/walletAccount/index')"
+      />
+      <Nums
+        v-if="coupons == true"
+        v-bind="$props"
+        title="优惠券"
+        @click="navigateTo('/pages-sub/mine/coupon')"
+      />
+      <Nums
+        v-if="presales == true"
+        v-bind="$props"
+        title="预售券"
+        @click="navigateTo('/pages-sub/mine/advanceTicket')"
+      />
+      <Nums
+        v-if="memberPoints == true"
+        v-bind="$props"
+        title="会员积分"
+        @click="navigateTo('/pages-sub/vip/points')"
+      />
     </view>
   </lcb-block>
 </template>
@@ -104,7 +124,7 @@ import { transformValueUnit } from '../../utils/transform'
 import Nums from './Nums/index.vue'
 import { computed } from 'vue'
 import { addUnit } from '@tplc/wot/components/common/util'
-import { getUserPhone } from './api'
+
 const { statusBarHeight } = uni.getSystemInfoSync()
 defineOptions({
   name: 'LcbUserTop',
@@ -136,16 +156,9 @@ withDefaults(defineProps<LcbUserTopProps>(), {
 const padTop = computed(() => {
   return addUnit(statusBarHeight || 0)
 })
-const getPhone = async (e) => {
-  uni.login({
-    provider: 'weixin',
-    success: async (res) => {
-      const { code } = res
-      await getUserPhone({
-        ...e.detail,
-        code,
-      })
-    },
+const phoneHandler = () => {
+  uni.navigateTo({
+    url: '/pages/system/authPhone',
   })
 }
 const onAvatar = (headImgUrl) => {
@@ -158,6 +171,11 @@ const toEdit = () => {
     url: '/pages/user/edit',
   })
 }
+const navigateTo = (url) => {
+  uni.navigateTo({
+    url,
+  })
+}
 </script>
 <style lang="scss" scoped>
 .userPlace {

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

@@ -0,0 +1,35 @@
+import { LcbActionViewProps } from '../../lcb-action-view/types'
+import { ActionView } from '../../../action'
+
+export interface CurrentRightsDetail {
+  coverImg: string
+  effectiveDate: string
+  sumPoint: number
+  upgradeTips: string
+  usePoint: number
+  usedPoint: number
+  userLevelName: string
+  userLevelRightsList: UserLevelRightsList[]
+  waitPoint: number
+}
+
+export interface UserLevelRightsList extends ActionView {
+  categoryId: string
+  categoryName: string
+  categoryTags: string
+  icon: string
+  userRightsConfigId: string
+  userRightsContent: string
+  userRightsSubTitle: string
+  userRightsTitle: string
+  link: LcbActionViewProps
+  userRightsType: string
+  weightSort: string
+  qrCode: string
+  qrCodeTips: string
+  otherConfig: {
+    textColor: string
+  }
+}
+export const currentRightsDetail = () =>
+  uni.$lcb.http.post<CurrentRightsDetail>('/userLevel/currentRightsDetail')

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

@@ -0,0 +1,65 @@
+<template>
+  <wd-popup v-model="show" custom-style="background:transparent" @close="onClose" closable>
+    <view class="pop-view flex justify-center flex-col items-center" v-if="modelValue">
+      <view class="text-4 mb-4 font-500">{{ modelValue.userRightsTitle }}</view>
+      <mp-html :content="modelValue.userRightsContent" v-if="modelValue.userRightsContent" />
+      <wd-qr-code
+        custom-class="!mt-5"
+        :size="130"
+        canvasId="qrCode"
+        :value="modelValue.qrCode"
+        v-if="modelValue.qrCode"
+      />
+      <view class="text-3 text-#969696 mt-3.5" v-if="modelValue.qrCodeTips">
+        {{ modelValue.qrCodeTips }}
+      </view>
+      <wd-button
+        type="primary"
+        plain
+        custom-class="!rounded-10rpx !mt-4 "
+        @click="onDrawdown"
+        v-if="['voucher', 'cashVoucher'].includes(modelValue.userRightsType) && !hiddenDrawdown"
+      >
+        {{ translate('领取') }}
+      </wd-button>
+    </view>
+  </wd-popup>
+</template>
+
+<script setup lang="ts">
+import { useTranslate } from '@tplc/wot'
+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)
+defineProps<{
+  hiddenDrawdown?: boolean
+}>()
+const modelValue = defineModel<UserLevelRightsList>()
+watch(
+  () => modelValue.value,
+  (val) => {
+    if (val) show.value = true
+  },
+)
+const onDrawdown = () => {
+  uni.navigateTo({
+    url: `/pages/drawdown/drawdown?from=vip&id=${modelValue.value?.userRightsConfigId}`,
+  })
+}
+const onClose = () => {
+  show.value = false
+  modelValue.value = undefined
+}
+</script>
+<style lang="scss" scoped>
+.pop-view {
+  width: 606rpx;
+  padding: 40rpx;
+  color: #000000;
+  background: #ffffff;
+  border-radius: 40rpx;
+  box-sizing: border-box;
+}
+</style>