@tplc/business 0.4.20 → 0.4.21

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.21](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.20...v0.4.21) (2025-03-26)
+
+
+### ✨ Features | 新功能
+
+* search 调整 ([62102ae](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/62102ae0d4dbc56a910aa95264550df796a8cf55))
+
 ### [0.4.20](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.19...v0.4.20) (2025-03-26)
 
 ### [0.4.19](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.16...v0.4.19) (2025-03-26)

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

@@ -111,7 +111,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, reactive, watchEffect } from 'vue'
+import { computed, ref, reactive, watchEffect, inject } from 'vue'
 import { LcbHomeSearch } from './types'
 import dayjs from 'dayjs/esm'
 import useLocation from '../../hooks/useLocation'
@@ -119,6 +119,7 @@ import { useTranslate } from '@tplc/wot'
 import { ChildHotAddress } from '../lcb-city-select/api'
 import { stringify } from 'qs'
 import { getHistoryCity } from '../../utils/history'
+import { FORM_KEY } from '../../constants'
 const dayRange = ref([dayjs().valueOf(), dayjs().add(1, 'day').valueOf()])
 const { translate } = useTranslate()
 const { getLocation, userLocation, locationIng } = useLocation()
@@ -144,7 +145,7 @@ const props = withDefaults(defineProps<LcbHomeSearch>(), {
 })
 
 const current = ref(0)
-const form = reactive({
+const form = inject(FORM_KEY, {
   categoryTags: '',
   keywords: '',
   startDate: '',

package/components/lcb-particulars/api.ts

@@ -0,0 +1,48 @@
+// /api/recordPageList/page
+// recordType
+// 这个给我个type
+export interface UserCommissionLog {
+  auditDateTime: string
+  auditRemark: string
+  auditStatus: number
+  changeAmount: number
+  checkoutAmount: number
+  commissionName: string
+  createDate: string
+  distributorCheckoutLogId: string
+  pageListFieldDetailList: DistributorCommissionDetailList[]
+  distributorCommissionLogId: string
+  lastModifyDate: string
+  orderNo: string
+  title: string
+  relevanceAction: string
+  relevanceId: string
+  relevanceType: string
+  relevanceTypeName: string
+  status: number
+  statusInfo: StatusInfo
+  statusName: string
+  userId: string
+}
+export interface StatusInfo {
+  statusColor: string
+  statusRemark: string
+  statusName: string
+}
+
+interface DistributorCommissionDetailList {
+  fieldName: string
+  fieldValue: string
+  lineFlag: boolean
+  singleFlag: boolean
+}
+
+export const getRecordPageList = (params: {
+  recordType: string
+  pageSearch: {
+    limit: number
+    page: number
+  }
+}) => {
+  return uni.$lcb.http.post<UserCommissionLog[]>('/recordPageList/page', params)
+}

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

@@ -0,0 +1,120 @@
+<template>
+  <view id="particularsTop"></view>
+  <z-paging
+    ref="paging"
+    v-model="dataList"
+    @query="queryList"
+    :height="height"
+    :fixed="false"
+    :auto="true"
+    :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 }}
+          <view
+            class="title-view"
+            :style="{
+              backgroundColor: item.statusInfo.statusColor,
+            }"
+          ></view>
+        </view>
+        <view
+          :style="{
+            color: item.statusInfo.statusColor,
+          }"
+        >
+          {{ item.statusInfo.statusName }}
+        </view>
+      </view>
+
+      <view class="border-bottom pb-2 text-24rpx grid grid-cols-3">
+        <view
+          v-for="detail in item.pageListFieldDetailList"
+          :key="detail.fieldName"
+          :class="{
+            inLine: detail.singleFlag,
+            'border-b-dashed': detail.lineFlag,
+          }"
+        >
+          <view class="text-#969696">{{ detail.fieldName }}</view>
+          <view>{{ detail.fieldValue }}</view>
+        </view>
+      </view>
+      <view>
+        {{ item.createDate }}
+      </view>
+    </lcb-block>
+  </z-paging>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch } from 'vue'
+import { getRecordPageList, UserCommissionLog } from './api'
+import { LcbParticularsProps } from './types'
+import useAutoHeight from '../../hooks/useAutoHeight'
+defineOptions({
+  name: 'LcbParticulars',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const { height } = useAutoHeight('particularsTop')
+const props = defineProps<LcbParticularsProps>()
+const paging = ref()
+const dataList = ref<UserCommissionLog[]>([])
+const queryList = async (page: number, limit: number) => {
+  try {
+    const { data } = await getRecordPageList({
+      recordType: props.recordType,
+      pageSearch: {
+        limit,
+        page,
+      },
+    })
+    paging.value.complete(data)
+  } catch (error) {
+    paging.value.complete(false)
+  }
+}
+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;
+  border-bottom: 1rpx solid #eeeeee;
+}
+.border-b-dashed {
+  padding-bottom: 24rpx;
+  margin-bottom: 24rpx;
+  border-bottom: 1rpx dashed #eeeeee;
+}
+.title-view {
+  position: absolute;
+  top: 4rpx;
+  left: -24rpx;
+  width: 8rpx;
+  height: 32rpx;
+  margin: auto;
+}
+.inLine {
+  display: flex;
+  grid-column: span 3;
+  gap: 16rpx;
+  align-items: center;
+  width: 100% !important;
+}
+</style>

package/components/lcb-particulars/types.ts

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

package/components/lcb-search/components/SearchList/index.vue

@@ -22,7 +22,7 @@
       <wd-img
         :src="item.productTypeIcon"
         v-if="item.productTypeIcon"
-        height="auto"
+        height="0rpx"
         width="28rpx"
         custom-class="mt-1 mr-2"
         mode="widthFix"
@@ -42,7 +42,7 @@
             <wd-img
               :src="item.titleIcon"
               v-if="item.titleIcon"
-              height="24rpx"
+              height="0rpx"
               width="24rpx"
               custom-class="ml-1"
               mode="aspectFill"

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

@@ -168,10 +168,14 @@ const popupProvide = inject('wd-popup', {
 getLocation()
 const form = inject(FORM_KEY) as Ref<Record<string, any>>
 const onSearch = async (e: { detail: { value: string } }) => {
-  onSelect(searchListRef.value?.getList()?.[0])
+  if (form?.value?.keywords) {
+    uni.$emit(`${getPreviousPageId()}_filter_change`, {
+      keywords: form?.value?.keywords,
+    })
+    uni.navigateBack()
+  }
 }
-const onSelect = (keyword?: ProductInfo) => {
-  if (!keyword) return
+const onSelect = (keyword: ProductInfo) => {
   searchHistoryRef.value?.saveHistory(keyword)
   const [path, query] = keyword.link.jumpUrl.split('?')
   let queryParams = query ? parse(query) : {}

package/global.d.ts

@@ -29,6 +29,7 @@ declare module 'vue' {
     'lcb-nav': (typeof import('@tplc/business/components/lcb-nav/lcb-nav.vue'))['default']
     'lcb-notice': (typeof import('@tplc/business/components/lcb-notice/lcb-notice.vue'))['default']
     'lcb-operation-actions': (typeof import('@tplc/business/components/lcb-operation-actions/lcb-operation-actions.vue'))['default']
+    'lcb-particulars': (typeof import('@tplc/business/components/lcb-particulars/lcb-particulars.vue'))['default']
     'lcb-poster': (typeof import('@tplc/business/components/lcb-poster/lcb-poster.vue'))['default']
     'lcb-product': (typeof import('@tplc/business/components/lcb-product/lcb-product.vue'))['default']
     'lcb-product-item': (typeof import('@tplc/business/components/lcb-product-item/lcb-product-item.vue'))['default']

package/package.json

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

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

@@ -0,0 +1,42 @@
+export interface UserCommissionLog {
+  auditDateTime: string
+  auditRemark: string
+  auditStatus: number
+  changeAmount: number
+  checkoutAmount: number
+  commissionName: string
+  createDate: string
+  distributorCheckoutLogId: string
+  pageListFieldDetailList: DistributorCommissionDetailList[]
+  distributorCommissionLogId: string
+  lastModifyDate: string
+  orderNo: string
+  title: string
+  relevanceAction: string
+  relevanceId: string
+  relevanceType: string
+  relevanceTypeName: string
+  status: number
+  statusInfo: StatusInfo
+  statusName: string
+  userId: string
+}
+export interface StatusInfo {
+  statusColor: string
+  statusRemark: string
+  statusName: string
+}
+interface DistributorCommissionDetailList {
+  fieldName: string
+  fieldValue: string
+  lineFlag: boolean
+  singleFlag: boolean
+}
+export declare const getRecordPageList: (params: {
+  recordType: string
+  pageSearch: {
+    limit: number
+    page: number
+  }
+}) => Promise<import('../../action').IResData<UserCommissionLog[]>>
+export {}

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

@@ -0,0 +1,28 @@
+import { LcbParticularsProps } from './types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<LcbParticularsProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LcbParticularsProps>>>,
+  {},
+  {}
+>
+export default _default
+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-particulars/types.d.ts

@@ -0,0 +1,4 @@
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbParticularsProps extends LcbBlockProps {
+  recordType: string
+}