@tplc/business 0.4.21 → 0.4.23

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.4.23](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.22...v0.4.23) (2025-03-26)
+
+
+### ✨ Features | 新功能
+
+* 新增组件 ([af04c93](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/af04c93df2bdcf41fde656d5f0e5712539f243c1))
+
+### [0.4.22](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.21...v0.4.22) (2025-03-26)
+
 ### [0.4.21](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.20...v0.4.21) (2025-03-26)
 
 

package/components/lcb-calendar-search/lcb-calendar-search.vue

@@ -84,13 +84,7 @@ withDefaults(defineProps<LcbCalendarSearchProps>(), {
   icon: 'search',
   mode: 'search',
 })
-const urlParams = computed(() => {
-  return stringify({
-    startDate: form.value.startDate,
-    endDate: form.value.endDate,
-    keywords: form.value.keywords,
-  })
-})
+
 const form = inject(FORM_KEY) as Ref<Record<string, any>>
 const addressCity = ref<LcbAddress | undefined>(
   (form.value.cityId || form.value.areaId || form.value.provinceId
@@ -101,6 +95,16 @@ const dayRange = ref([
   form.value.startDate ? dayjs(form.value.startDate).valueOf() : dayjs().valueOf(),
   form.value.endDate ? dayjs(form.value.endDate).valueOf() : dayjs().add(1, 'day').valueOf(),
 ])
+const urlParams = computed(() => {
+  return stringify({
+    startDate: form.value.startDate,
+    endDate: form.value.endDate,
+    keywords: form.value.keywords,
+    provinceId: form.value.provinceId,
+    cityId: form.value.cityId,
+    areaId: form.value.areaId,
+  })
+})
 const { translate } = useTranslate()
 const { getLocation, userLocation } = useLocation()
 

package/components/lcb-particulars/api.ts

@@ -21,8 +21,10 @@ export interface UserCommissionLog {
   relevanceTypeName: string
   status: number
   statusInfo: StatusInfo
+  subTitle: string
   statusName: string
   userId: string
+  buttomContent: string
 }
 export interface StatusInfo {
   statusColor: string

package/components/lcb-particulars/lcb-particulars.vue

@@ -6,30 +6,38 @@
     @query="queryList"
     :height="height"
     :fixed="false"
-    :auto="true"
+    :auto="Boolean(recordType)"
     :use-page-scroll="false"
   >
-    <lcb-block v-bind="$attrs" v-for="item in dataList" :key="item.distributorCommissionLogId">
-      <view class="flex items-center justify-between border-bottom pr-3 font-500">
-        <view class="relative">
-          {{ item.title }}
+    <lcb-block v-bind="$props" v-for="item in dataList" :key="item.distributorCommissionLogId">
+      <view class="border-bottom">
+        <view class="flex items-center justify-between pr-3 font-500">
+          <view class="relative">
+            {{ item.title }}
+            <view
+              class="title-view"
+              :style="{
+                backgroundColor: item.statusInfo.statusColor,
+              }"
+            ></view>
+          </view>
           <view
-            class="title-view"
             :style="{
-              backgroundColor: item.statusInfo.statusColor,
+              color: item.statusInfo.statusColor,
             }"
-          ></view>
-        </view>
-        <view
-          :style="{
-            color: item.statusInfo.statusColor,
-          }"
-        >
-          {{ item.statusInfo.statusName }}
+          >
+            {{ item.statusInfo.statusName }}
+          </view>
         </view>
+        <view class="text-#333 mt-1" v-if="item.subTitle">{{ item.subTitle }}</view>
       </view>
 
-      <view class="border-bottom pb-2 text-24rpx grid grid-cols-3">
+      <view
+        class="text-24rpx grid grid-cols-3"
+        :class="{
+          'border-bottom pb-2': item.buttomContent,
+        }"
+      >
         <view
           v-for="detail in item.pageListFieldDetailList"
           :key="detail.fieldName"
@@ -38,22 +46,30 @@
             'border-b-dashed': detail.lineFlag,
           }"
         >
-          <view class="text-#969696">{{ detail.fieldName }}</view>
-          <view>{{ detail.fieldValue }}</view>
+          <view class="text-#969696 flex-shrink-0">{{ detail.fieldName }}</view>
+          <view
+            class="flex-1 ml-2"
+            :style="{
+              textAlign: props.textAlign,
+            }"
+          >
+            {{ detail.fieldValue }}
+          </view>
         </view>
       </view>
-      <view>
-        {{ item.createDate }}
+      <view v-if="item.buttomContent">
+        {{ item.buttomContent }}
       </view>
     </lcb-block>
   </z-paging>
 </template>
 
 <script lang="ts" setup>
-import { ref, watch } from 'vue'
+import { ref, watch, inject, Ref } from 'vue'
 import { getRecordPageList, UserCommissionLog } from './api'
 import { LcbParticularsProps } from './types'
 import useAutoHeight from '../../hooks/useAutoHeight'
+import { FORM_KEY } from '../../constants'
 defineOptions({
   name: 'LcbParticulars',
   options: {
@@ -63,7 +79,10 @@ defineOptions({
   },
 })
 const { height } = useAutoHeight('particularsTop')
-const props = defineProps<LcbParticularsProps>()
+const form = inject(FORM_KEY) as Ref<Record<string, any>>
+const props = withDefaults(defineProps<LcbParticularsProps>(), {
+  textAlign: 'left',
+})
 const paging = ref()
 const dataList = ref<UserCommissionLog[]>([])
 const queryList = async (page: number, limit: number) => {
@@ -74,6 +93,7 @@ const queryList = async (page: number, limit: number) => {
         limit,
         page,
       },
+      ...form.value,
     })
     paging.value.complete(data)
   } catch (error) {
@@ -81,25 +101,24 @@ const queryList = async (page: number, limit: number) => {
   }
 }
 watch(
-  () => props.recordType,
-  (value) => {
-    console.log(value, 'value')
-    paging.value?.reload()
+  [() => props.recordType, form],
+  () => {
+    paging.value?.reload?.()
   },
   {
-    immediate: true,
+    deep: true,
   },
 )
 </script>
 <style lang="scss" scoped>
 .border-bottom {
-  padding-bottom: 24rpx;
-  margin-bottom: 24rpx;
+  padding-bottom: 8rpx;
+  margin-bottom: 8rpx;
   border-bottom: 1rpx solid #eeeeee;
 }
 .border-b-dashed {
-  padding-bottom: 24rpx;
-  margin-bottom: 24rpx;
+  padding-bottom: 8rpx;
+  margin-bottom: 8rpx;
   border-bottom: 1rpx dashed #eeeeee;
 }
 .title-view {

package/components/lcb-particulars/types.ts

@@ -2,4 +2,5 @@ import { LcbBlockProps } from '../lcb-block/types'
 
 export interface LcbParticularsProps extends LcbBlockProps {
   recordType: string
+  textAlign?: 'left' | 'right'
 }

package/package.json

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

package/types/components/lcb-particulars/api.d.ts

@@ -18,8 +18,10 @@ export interface UserCommissionLog {
   relevanceTypeName: string
   status: number
   statusInfo: StatusInfo
+  subTitle: string
   statusName: string
   userId: string
+  buttomContent: string
 }
 export interface StatusInfo {
   statusColor: string

package/types/components/lcb-particulars/lcb-particulars.vue.d.ts

@@ -1,6 +1,11 @@
 import { LcbParticularsProps } from './types'
 declare const _default: import('vue').DefineComponent<
-  __VLS_TypePropsToOption<LcbParticularsProps>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbParticularsProps>,
+    {
+      textAlign: string
+    }
+  >,
   {},
   unknown,
   {},
@@ -10,11 +15,34 @@ declare const _default: import('vue').DefineComponent<
   {},
   string,
   import('vue').PublicProps,
-  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LcbParticularsProps>>>,
-  {},
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbParticularsProps>,
+        {
+          textAlign: string
+        }
+      >
+    >
+  >,
+  {
+    textAlign: 'left' | 'right'
+  },
   {}
 >
 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>

package/types/components/lcb-particulars/types.d.ts

@@ -1,4 +1,5 @@
 import { LcbBlockProps } from '../lcb-block/types'
 export interface LcbParticularsProps extends LcbBlockProps {
   recordType: string
+  textAlign?: 'left' | 'right'
 }