@tplc/business 0.4.21 → 0.4.22

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.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-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="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,12 +46,19 @@
             '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>
@@ -63,7 +78,9 @@ defineOptions({
   },
 })
 const { height } = useAutoHeight('particularsTop')
-const props = defineProps<LcbParticularsProps>()
+const props = withDefaults(defineProps<LcbParticularsProps>(), {
+  textAlign: 'left',
+})
 const paging = ref()
 const dataList = ref<UserCommissionLog[]>([])
 const queryList = async (page: number, limit: number) => {
@@ -83,23 +100,19 @@ const queryList = async (page: number, limit: number) => {
 watch(
   () => props.recordType,
   (value) => {
-    console.log(value, 'value')
     paging.value?.reload()
   },
-  {
-    immediate: 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.22",
   "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'
 }