Merge branch 'master' of http://120.26.58.240:8888/r/LifePaymentFront

zhengyiming

2025-02-24 c08d65c56e8b90bdef300ac45e5545c944f7eacc

Merge branch 'master' of http://120.26.58.240:8888/r/LifePaymentFront

 packages/components/src/components/Card/OrderCard.vue

@@ -6,7 +6,7 @@
        <div class="order-card-title-status">{{ status }}</div>
      </div>
      <div class="order-card-title-ordernum">
        {{ `订单编号：${'JF202502191515350002'}` }}
        {{ `订单编号：${orderNo}` }}
      </div>
    </div>
    <div class="order-card-content">
@@ -23,37 +23,8 @@
type Props = {
  title: string;
  status: string;
  orderNo: string;
};

const props = withDefaults(defineProps<Props>(), {});
</script>
<style lang="scss">
.order-card {
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 20px;

  .order-card-title {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    margin-bottom: 20px;

    .order-card-title-top {
      display: flex;
      justify-content: space-between;
      color: #333333;
      font-size: 28px;
      line-height: 40px;
      font-weight: 600;
      margin-bottom: 12px;
    }

    .order-card-title-ordernum {
      font-size: 24px;
      color: #999999;
    }
  }
}
</style>

 packages/components/src/components/Card/OrderCardItem.vue

@@ -16,7 +16,7 @@

type Props = {
  label: string;
  value: string;
  value: any;
  labelWidth?: any;
  textAlign?: any;
};
@@ -27,21 +27,4 @@
});
</script>

<style lang="scss">
.order-card-item {
  display: flex;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 15px;

  .order-card-item-label {
    color: #333333;
  }

  .order-card-item-value {
    color: #666666;
    flex: 1;
    min-width: 0;
  }
}
</style>
<style lang="scss"></style>

 packages/components/src/components/NoData/NoData.vue

@@ -8,7 +8,7 @@
<script lang="ts">
import { defineComponent } from 'vue';

const NoDataImage = `'https://parkmanagement.oss-cn-hangzhou.aliyuncs.com/mini/assets/no-data.png`;
const NoDataImage = 'https://parkmanagement.oss-cn-hangzhou.aliyuncs.com/mini/assets/no-data.png';

export default defineComponent({
  name: 'NoData',

 packages/components/src/styles/index.scss

@@ -6,6 +6,7 @@
@use './rechargeGrid.scss' as *;
@use './components.scss' as *;
@use './loading.scss' as *;
@use './orderCard.scss' as *;

:root,
page {

 packages/components/src/styles/orderCard.scss

New file
@@ -0,0 +1,45 @@
.order-card {
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 20px;

  .order-card-title {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    margin-bottom: 20px;

    .order-card-title-top {
      display: flex;
      justify-content: space-between;
      color: #333333;
      font-size: 28px;
      line-height: 40px;
      font-weight: 600;
      margin-bottom: 12px;
    }

    .order-card-title-ordernum {
      font-size: 24px;
      color: #999999;
    }
  }
}

.order-card-item {
  display: flex;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 15px;

  .order-card-item-label {
    color: #333333;
  }

  .order-card-item-value {
    color: #666666;
    flex: 1;
    min-width: 0;
  }
}

 packages/components/src/styles/rechargeGrid.scss

@@ -130,4 +130,12 @@
      }
    }
  }

  &.electric {
    .nut-dialog {
      .nut-dialog__content {
        max-height: 700px;
      }
    }
  }
}

 packages/components/src/views/Order/components/ElectricOrder.vue

@@ -1,24 +1,36 @@
<template>
  <!-- <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">
    <template #renderItem="{ item }"> -->
  <OrderCard title="电费充值" status="待支付">
    <OrderCardItem label="充值地区:" :value="'18888888888'" />
    <OrderCardItem label="充值户号:" :value="'18888888888'" />
    <OrderCardItem label="下单时间:" :value="'2025-02-19  17:15:54'" />
    <OrderCardItem label="充值金额:" :value="'18888888888'" />
    <OrderCardItem label="优惠金额:" :value="'18888888888'" />
    <OrderCardItem label="实付金额:" :value="'18888888888'" />
    <OrderCardItem label="支付时间:" :value="'2025-02-19  17:15:54'" />
    <OrderCardItem label="完成时间:" :value="'2025-02-19  17:15:54'" />
  </OrderCard>
  <!-- </template>
  </InfiniteLoading> -->
  <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">
    <template #renderItem="{ item }">
      <OrderCard title="电费充值" status="待支付" :order-no="item?.orderNo">
        <OrderCardItem label="充值地区:" :value="'18888888888'" />
        <OrderCardItem label="充值户号:" :value="'18888888888'" />
        <OrderCardItem
          label="下单时间:"
          :value="dayjs(item?.creationTime).format('YYYY-MM-DD HH:mm:ss')"
        />
        <OrderCardItem label="充值金额:" :value="item?.rechargeAmount" />
        <OrderCardItem label="优惠金额:" :value="item?.discountAmount" />
        <OrderCardItem label="实付金额:" :value="item?.payAmount" />
        <OrderCardItem
          label="支付时间:"
          :value="dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')"
        />
        <OrderCardItem
          label="完成时间:"
          :value="dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')"
        />
      </OrderCard>
    </template>
  </InfiniteLoading>
</template>

<script setup lang="ts">
import InfiniteLoading from '../../../components/InfiniteLoading/InfiniteLoading.vue';
import OrderCard from '../../../components/Card/OrderCard.vue';
import OrderCardItem from '../../../components/Card/OrderCardItem.vue';
import { useGetUserLifePayOrderPage } from '../../../hooks';
import { BlLifeRecharge } from '@life-payment/core-vue';
import dayjs from 'dayjs';

defineOptions({
  name: 'ElectricOrder',
@@ -28,7 +40,7 @@

// const props = withDefaults(defineProps<Props>(), {});

const infiniteLoadingProps = {};
const { infiniteLoadingProps } = useGetUserLifePayOrderPage({
  lifePayOrderType: BlLifeRecharge.constants.LifePayOrderTypeEnum.电费订单,
});
</script>

<style lang="scss"></style>

 packages/components/src/views/Order/components/PhoneOrder.vue

@@ -1,14 +1,23 @@
<template>
  <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">
    <template #renderItem="{ item }">
      <OrderCard title="话费充值" status="待支付">
      <OrderCard title="话费充值" status="待支付" :order-no="item?.orderNo">
        <OrderCardItem label="充值账号:" :value="'18888888888'" />
        <OrderCardItem label="下单时间:" :value="'18888888888'" />
        <OrderCardItem label="充值金额:" :value="'18888888888'" />
        <OrderCardItem label="优惠金额:" :value="'18888888888'" />
        <OrderCardItem label="实付金额:" :value="'18888888888'" />
        <OrderCardItem label="支付时间:" :value="'2025-02-19  17:15:54'" />
        <OrderCardItem label="完成时间:" :value="'2025-02-19  17:15:54'" />
        <OrderCardItem
          label="下单时间:"
          :value="dayjs(item?.creationTime).format('YYYY-MM-DD HH:mm:ss')"
        />
        <OrderCardItem label="充值金额:" :value="item?.rechargeAmount" />
        <OrderCardItem label="优惠金额:" :value="item?.discountAmount" />
        <OrderCardItem label="实付金额:" :value="item?.payAmount" />
        <OrderCardItem
          label="支付时间:"
          :value="dayjs(item?.payTime).format('YYYY-MM-DD HH:mm:ss')"
        />
        <OrderCardItem
          label="完成时间:"
          :value="dayjs(item?.finishTime).format('YYYY-MM-DD HH:mm:ss')"
        />
      </OrderCard>
    </template>
  </InfiniteLoading>
@@ -19,6 +28,7 @@
import OrderCard from '../../../components/Card/OrderCard.vue';
import OrderCardItem from '../../../components/Card/OrderCardItem.vue';
import { useGetUserLifePayOrderPage } from '../../../hooks';
import dayjs from 'dayjs';
import { BlLifeRecharge } from '@life-payment/core-vue';

defineOptions({

 packages/components/src/views/electricBillRecharge/electricBillRecharge.vue

@@ -221,14 +221,3 @@
  } catch (error) {}
}
</script>
<style lang="scss">
.order-bill-recharge {
  &.electric {
    .nut-dialog {
      .nut-dialog__content {
        max-height: 700px;
      }
    }
  }
}
</style>

 packages/core/src/lifeRechargeServices.ts

@@ -279,4 +279,6 @@
  finishTime?: string;
  /** 订单详细数据 */
  orderParamDetailJsonStr?: string;
  /** 下单时间 */
  creationTime?: string;
}

 packages/services/api/typings.d.ts

@@ -20211,6 +20211,8 @@
    finishTime?: string;
    /** 订单详细数据 */
    orderParamDetailJsonStr?: string;
    /** 下单时间 */
    creationTime?: string;
  }

  interface UserLifePayOrderOutputPageOutput {