create-weapp-vite 2.0.30 → 2.0.32

package/templates/wevu-retail/src/pages/order/config.ts

@@ -0,0 +1,94 @@
+export const OrderStatus = {
+  PENDING_PAYMENT: 5, // 待支付
+  PENDING_DELIVERY: 10, // 待发货
+  PENDING_RECEIPT: 40, // 待收货
+  COMPLETE: 50, // 已完成/待评价
+  PAYMENT_TIMEOUT: 80, // 已取消，支付超时
+  CANCELED_NOT_PAYMENT: 80, // 已取消，未支付主动取消
+  CANCELED_PAYMENT: 80, // 已取消，已支付主动取消
+  CANCELED_REJECTION: 80, // 已取消，拒收
+};
+
+// 售后状态 10:待审核,20:已审核,30:已收货,40:收货异常,50:已完成,60:已关闭;
+export const AfterServiceStatus = {
+  TO_AUDIT: 10, // 待审核
+  THE_APPROVED: 20, // 已审核
+  HAVE_THE_GOODS: 30, // 已收货
+  ABNORMAL_RECEIVING: 40, // 收货异常
+  COMPLETE: 50, // 已完成
+  CLOSED: 60, // 已关闭
+};
+
+// 售后类型
+export const ServiceType = {
+  RETURN_GOODS: 10, // 退货退款
+  ONLY_REFUND: 20, // 仅退款
+  ORDER_CANCEL: 30, // 支付后取消
+};
+
+export const ServiceTypeDesc = {
+  [ServiceType.RETURN_GOODS]: '退货',
+  [ServiceType.ONLY_REFUND]: '退款',
+  [ServiceType.ORDER_CANCEL]: '支付后取消',
+};
+
+// 订单按钮类型
+export const OrderButtonTypes = {
+  PAY: 1, // 付款
+  CANCEL: 2, // 取消订单
+  CONFIRM: 3, // 确认收货
+  APPLY_REFUND: 4, // 申请售后
+  VIEW_REFUND: 5, // 查看退款
+  COMMENT: 6, // 评价
+  DELETE: 7, // 删除订单
+  DELIVERY: 8, // 查看物流
+  REBUY: 9, // 再次购买
+  INVITE_GROUPON: 11, //邀请好友拼团
+};
+
+// 售后服务按钮类型
+export const ServiceButtonTypes = {
+  REVOKE: 2, // 撤销
+  FILL_TRACKING_NO: 3, // 填写运单号
+  CHANGE_TRACKING_NO: 4, // 修改运单号
+  VIEW_DELIVERY: 5, // 查看物流
+};
+
+// 售后状态
+export const ServiceStatus = {
+  PENDING_VERIFY: 100, //待审核
+  VERIFIED: 110, // 已审核待寄回商品
+  PENDING_DELIVERY: 120, // 等待买家寄回商品
+  PENDING_RECEIPT: 130, // 已寄回商品，待收货
+  RECEIVED: 140, // 已收货
+  EXCEPTION: 150, // 收货异常
+  REFUNDED: 160, // 已退款
+  CLOSED: 170, // 已关闭
+};
+
+// 售后收货状态
+export const ServiceReceiptStatus = {
+  RECEIPTED: 1, // 已收到货
+  NOT_RECEIPTED: 2, // 未收到货
+};
+
+// 物流节点
+export const LogisticsNodeTypes = {
+  SUBMITTED: 200001, // 已提交订单
+  PAYMENTED: 200002, // 已付款/已下单
+  SHIPPED: 200003, // 已发货
+  CANCELED: 200004, // 已取消
+  RECEIVED: 200005, // 已签收
+  ADDRESS_CHANGED: 200006, // 已修改地址
+  IN_TRANSIT: 200007, // 运输中
+};
+
+export const LogisticsIconMap = {
+  [LogisticsNodeTypes.SUBMITTED]: '',
+  [LogisticsNodeTypes.PAYMENTED]: 'credit_card',
+  [LogisticsNodeTypes.SHIPPED]: 'deliver',
+  [LogisticsNodeTypes.CANCELED]: '',
+  [LogisticsNodeTypes.RECEIVED]: 'check',
+  [LogisticsNodeTypes.ADDRESS_CHANGED]: '',
+  [LogisticsNodeTypes.IN_TRANSIT]: 'yunshuzhong',
+};

package/templates/wevu-retail/src/pages/order/delivery-detail/index.vue

@@ -0,0 +1,145 @@
+<script lang="ts">
+Page({
+  data: {
+    logisticsData: {
+      logisticsNo: '',
+      nodes: [],
+      company: '',
+      phoneNumber: '',
+    },
+    active: 0,
+  },
+
+  onLoad(query) {
+    let data;
+    try {
+      data = JSON.parse(decodeURIComponent(query.data || '{}'));
+    } catch (e) {
+      console.warn('物流节点数据解析失败', e);
+    }
+    if (Number(query.source) === 2) {
+      const service = {
+        company: data.logisticsCompanyName,
+        logisticsNo: data.logisticsNo,
+        nodes: data.nodes,
+      };
+      this.setData({
+        logisticsData: service,
+      });
+    } else if (data) {
+      this.setData({ logisticsData: data });
+    }
+  },
+
+  onLogisticsNoCopy() {
+    wx.setClipboardData({ data: this.data.logisticsData.logisticsNo });
+  },
+
+  onCall() {
+    const { phoneNumber } = this.data.logisticsData;
+    wx.makePhoneCall({
+      phoneNumber,
+    });
+  },
+});
+</script>
+
+<template>
+<wxs src="./isUrl.wxs" module="isUrl"></wxs>
+
+<view class="page-section cells [margin-top:24rpx] [background-color:white] [&_.order-group__left]:[margin-right:0]" wx:if="{{logisticsData.logisticsNo || logisticsData.company}}">
+	<t-cell-group>
+		<t-cell
+		  title="快递单号"
+		  t-class-title="wr-cell__title"
+		  t-class-note="wr-cell__value"
+		  t-class-left="order-group__left"
+		  wx:if="{{logisticsData.logisticsNo}}"
+		  bordered="{{false}}"
+		>
+			<text slot="note" class="logistics-no [display:inline-block] [text-align:left] [word-break:break-all] [color:#333]">{{logisticsData.logisticsNo}}</text>
+			<view
+			  slot="right-icon"
+			  class="text-btn [margin-left:20rpx] [display:inline] [font-size:24rpx] [padding:0_15rpx] [border:1rpx_solid_#ddd] [border-radius:28rpx] [color:#333]"
+			  hover-class="text-btn--active [opacity:0.5]"
+			  bindtap="onLogisticsNoCopy"
+			>复制
+			</view>
+		</t-cell>
+		<t-cell
+		  title="物流公司"
+		  t-class-title="wr-cell__title"
+		  t-class-note="wr-cell__value"
+		  t-class-left="order-group__left"
+		  bordered="{{false}}"
+		  wx:if="{{logisticsData.company}}"
+		  note="{{logisticsData.company + (logisticsData.phoneNumber ? '-' + logisticsData.phoneNumber : '')}}"
+		>
+			<view
+			  slot="right-icon"
+			  class="text-btn [margin-left:20rpx] [display:inline] [font-size:24rpx] [padding:0_15rpx] [border:1rpx_solid_#ddd] [border-radius:28rpx] [color:#333]"
+			  hover-class="text-btn--active [opacity:0.5]"
+			  bindtap="onCall"
+			  wx:if="{{logisticsData.phoneNumber}}"
+			>
+				拨打
+			</view>
+		</t-cell>
+	</t-cell-group>
+</view>
+<view class="page-section cell-steps [margin-top:24rpx] [background-color:white] [padding:8rpx] [&_.order-group__left]:[margin-right:0]">
+	<t-steps
+	  class="page-section__steps [padding:24rpx]"
+	  t-class="steps [&_.step-title]:[font-weight:bold] [&_.step-title]:[color:#333] [&_.step-title]:[font-size:30rpx] [&_.step-desc]:[color:#333333] [&_.step-desc]:[font-size:28rpx] [&_.step-date]:[color:#999999] [&_.step-date]:[font-size:24rpx] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--process_.t-steps-item__icon-number]:[background:#ffece9] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--process_.t-steps-item__icon-number]:[color:white] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--process_.t-steps-item__icon-number]:[border:none] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--default_.t-steps-item__icon-number]:[color:white] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--default_.t-steps-item__icon-number]:[background:#f5f5f5] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--default_.t-steps-item__icon-number]:[border:none]"
+	  layout="vertical"
+	  current="{{active}}"
+	>
+		<t-step
+		  class="steps [&_.step-title]:[font-weight:bold] [&_.step-title]:[color:#333] [&_.step-title]:[font-size:30rpx] [&_.step-desc]:[color:#333333] [&_.step-desc]:[font-size:28rpx] [&_.step-date]:[color:#999999] [&_.step-date]:[font-size:24rpx] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--process_.t-steps-item__icon-number]:[background:#ffece9] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--process_.t-steps-item__icon-number]:[color:white] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--process_.t-steps-item__icon-number]:[border:none] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--default_.t-steps-item__icon-number]:[color:white] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--default_.t-steps-item__icon-number]:[background:#f5f5f5] [&_.t-step--vertical_.t-step--default-anchor_.t-steps-item--default_.t-steps-item__icon-number]:[border:none]"
+		  t-class-title="step-title"
+		  wx:for="{{logisticsData.nodes}}"
+		  wx:for-item="item"
+		  wx:for-index="index"
+		  wx:key="index"
+		  title="{{item.title}}"
+		  icon="slot"
+		>
+			<block wx:if="{{isUrl.isUrl(item.icon)}}">
+				<t-image
+				  class="cell-steps__imgWrapper [width:48rpx] [height:48rpx]"
+				  slot="icon"
+				  t-class="cell-steps__img [width:48rpx] [height:48rpx]"
+				  src="{{item.icon}}"
+				/>
+			</block>
+			<block wx:else>
+				<t-icon
+				  slot="icon"
+				  size="32rpx"
+				  prefix="wr"
+				  color="{{index === 0 ? '#ef5433' : '#bbb'}}"
+				  name="{{item.icon}}"
+				/>
+			</block>
+			<view slot="content">
+				<view class="step-desc">{{item.desc}}</view>
+				<view class="step-date">{{item.date}}</view>
+			</view>
+		</t-step>
+	</t-steps>
+</view>
+
+</template>
+
+<json>
+{
+  "navigationBarTitleText": "物流信息",
+  "usingComponents": {
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "t-cell-group": "tdesign-miniprogram/cell-group/cell-group",
+    "t-image": "/components/webp-image/index",
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-steps": "tdesign-miniprogram/steps/steps",
+    "t-step": "tdesign-miniprogram/step-item/step-item"
+  }
+}</json>

package/templates/wevu-retail/src/pages/order/delivery-detail/isUrl.wxs

@@ -0,0 +1,7 @@
+var isUrl = function(item) {
+  return item.indexOf('http') > -1;
+};
+
+module.exports = {
+  isUrl: isUrl,
+};

package/templates/wevu-retail/src/pages/order/fill-tracking-no/api.ts

@@ -0,0 +1,71 @@
+import { mockIp, mockReqId } from '../../../utils/mock';
+
+export function create() {
+  const _resq = {
+    data: null,
+    code: 'Success',
+    msg: null,
+    requestId: mockReqId(),
+    clientIp: mockIp(),
+    rt: 79,
+    success: true,
+  };
+  return Promise.resolve(_resq);
+}
+
+export function update() {
+  const _resq = {
+    data: null,
+    code: 'Success',
+    msg: null,
+    requestId: mockReqId(),
+    clientIp: mockIp(),
+    rt: 79,
+    success: true,
+  };
+  return Promise.resolve(_resq);
+}
+
+export function getDeliverCompanyList() {
+  const _resq = {
+    data: [
+      {
+        name: '中通快递',
+        code: '0001',
+      },
+      {
+        name: '申通快递',
+        code: '0002',
+      },
+      {
+        name: '圆通快递',
+        code: '0003',
+      },
+      {
+        name: '顺丰快递',
+        code: '0004',
+      },
+      {
+        name: '百世快递',
+        code: '0005',
+      },
+      {
+        name: '韵达快递',
+        code: '0006',
+      },
+      {
+        name: '邮政快递',
+        code: '0007',
+      },
+      {
+        name: '丰网快递',
+        code: '0008',
+      },
+      {
+        name: '顺丰直邮',
+        code: '0009',
+      },
+    ],
+  };
+  return Promise.resolve(_resq);
+}

package/templates/wevu-retail/src/pages/order/fill-tracking-no/index.vue

@@ -0,0 +1,267 @@
+<script lang="ts">
+import Dialog from 'tdesign-miniprogram/dialog/index';
+import Toast from 'tdesign-miniprogram/toast/index';
+import reasonSheet from '../components/reason-sheet/reasonSheet';
+import { getDeliverCompanyList, create, update } from './api';
+
+Page({
+  deliveryCompanyList: [],
+
+  data: {
+    trackingNo: '',
+    remark: '',
+    deliveryCompany: null,
+    submitActived: false,
+    submitting: false,
+  },
+  onLoad(query) {
+    const {
+      rightsNo = '',
+      logisticsNo = '',
+      logisticsCompanyName = '',
+      logisticsCompanyCode = '',
+      remark = '',
+    } = query;
+
+    if (!rightsNo) {
+      Dialog.confirm({
+        title: '请选择售后单？',
+        content: '',
+        confirmBtn: '确认',
+      }).then(() => {
+        wx.navigateBack({ backRefresh: true });
+      });
+    }
+    this.rightsNo = rightsNo;
+    if (logisticsNo) {
+      wx.setNavigationBarTitle({
+        title: '修改运单号',
+        fail() {},
+      });
+      this.isChange = true;
+      this.setData({
+        deliveryCompany: {
+          name: logisticsCompanyName,
+          code: logisticsCompanyCode,
+        },
+        trackingNo: logisticsNo,
+        remark,
+        submitActived: true,
+      });
+    }
+    this.setWatcher('trackingNo', this.checkParams.bind(this));
+    this.setWatcher('deliveryCompany', this.checkParams.bind(this));
+  },
+
+  setWatcher(key, callback) {
+    let lastData = this.data;
+    const keys = key.split('.');
+    keys.slice(0, -1).forEach((k) => {
+      lastData = lastData[k];
+    });
+    const lastKey = keys[keys.length - 1];
+    this.observe(lastData, lastKey, callback);
+  },
+
+  observe(data, k, callback) {
+    let val = data[k];
+    Object.defineProperty(data, k, {
+      configurable: true,
+      enumerable: true,
+      set: (value) => {
+        val = value;
+        callback();
+      },
+      get: () => {
+        return val;
+      },
+    });
+  },
+
+  getDeliveryCompanyList() {
+    if (this.deliveryCompanyList.length > 0) {
+      return Promise.resolve(this.deliveryCompanyList);
+    }
+    return getDeliverCompanyList().then((res) => {
+      this.deliveryCompanyList = res.data || [];
+      return this.deliveryCompanyList;
+    });
+  },
+
+  onInput(e) {
+    const { key } = e.currentTarget.dataset;
+    const { value } = e.detail;
+    this.setData({ [key]: value });
+  },
+
+  onCompanyTap() {
+    this.getDeliveryCompanyList().then((deliveryCompanyList) => {
+      reasonSheet({
+        show: true,
+        title: '选择物流公司',
+        options: deliveryCompanyList.map((company) => ({
+          title: company.name,
+          checked: this.data.deliveryCompany
+            ? company.code === this.data.deliveryCompany.code
+            : false,
+        })),
+        showConfirmButton: true,
+        showCancelButton: true,
+        emptyTip: '请选择物流公司',
+      }).then((indexes) => {
+        this.setData({
+          deliveryCompany: deliveryCompanyList[indexes[0]],
+        });
+      });
+    });
+  },
+
+  checkParams() {
+    const res = { errMsg: '', require: false };
+
+    if (!this.data.trackingNo) {
+      res.errMsg = '请填写运单号';
+      res.require = true;
+    } else if (!this.data.deliveryCompany) {
+      res.errMsg = '请选择物流公司';
+      res.require = true;
+    }
+    this.setData({ submitActived: !res.require });
+    return res;
+  },
+
+  onSubmit() {
+    const checkRes = this.checkParams();
+    if (checkRes.errMsg) {
+      Toast({
+        context: this,
+        selector: '#t-toast',
+        message: checkRes.errMsg,
+        icon: '',
+      });
+      return;
+    }
+
+    const {
+      trackingNo,
+      remark,
+      deliveryCompany: { code, name },
+    } = this.data;
+
+    const params = {
+      rightsNo: this.rightsNo,
+      logisticsCompanyCode: code,
+      logisticsCompanyName: name,
+      logisticsNo: trackingNo,
+      remark,
+    };
+    const api = this.isChange ? create : update;
+    this.setData({ submitting: true });
+    api(params)
+      .then(() => {
+        this.setData({ submitting: false });
+        Toast({
+          context: this,
+          selector: '#t-toast',
+          message: '保存成功',
+          icon: '',
+        });
+        setTimeout(() => wx.navigateBack({ backRefresh: true }), 1000);
+      })
+      .catch(() => {
+        this.setData({ submitting: false });
+      });
+  },
+
+  onScanTap() {
+    wx.scanCode({
+      scanType: ['barCode'],
+      success: (res) => {
+        Toast({
+          context: this,
+          selector: '#t-toast',
+          message: '扫码成功',
+          icon: '',
+        });
+        this.setData({ trackingNo: res.result });
+      },
+      fail: () => {},
+    });
+  },
+});
+</script>
+
+<template>
+<view class="fill-tracking-no">
+  <view class="notice-bar [padding:24rpx_30rpx] [text-align:center] [font-size:26rpx] [color:#e17349] [background:#fefcef]">请填写正确的退货包裹运单信息，以免影响退款进度</view>
+  <view class="fill-tracking-no__form [margin-top:20rpx] [--td-input-vertical-padding:0] [&_.t-cell__note]:[justify-content:flex-start] [&_.t-cell__note]:[width:340rpx] [&_.t-cell__note]:[margin-left:10rpx] [&_.t-cell__value]:[color:#333] [&_.t-cell__value]:[font-size:30rpx] [&_.t-cell__value]:[text-align:left] [&_.t-cell__value]:[padding:0] [&_.t-cell__value_.t-textarea__wrapper]:[padding:0] [&_.t-input__control]:[font-size:30rpx] [&_.t-textarea__placeholder]:[font-size:30rpx] [&_.t-cell__placeholder]:[font-size:30rpx] [&_.t-textarea__placeholder]:[color:#bbbbbb] [&_.t-cell__placeholder]:[color:#bbbbbb] [&_.t-input__wrapper]:[margin:0]">
+    <t-cell-group>
+      <t-cell title="运单号" t-class-title="t-cell-title-width">
+        <t-input
+          slot="note"
+          borderless
+          t-class="t-cell__value"
+          type="text"
+          value="{{trackingNo}}"
+          maxlength="30"
+          placeholder="请输入物流单号"
+          bind:change="onInput"
+          data-key="trackingNo"
+        />
+
+        <t-icon slot="right-icon" name="scan" t-class="icon-scan" bindtap="onScanTap" />
+      </t-cell>
+      <t-cell
+        t-class-title="t-cell-title-width"
+        t-class-note="{{deliveryCompany && deliveryCompany.name ? 't-cell__value' : 't-cell__placeholder'}}"
+        title="物流公司"
+        note="{{deliveryCompany && deliveryCompany.name || '请选择物流公司'}}"
+        arrow
+        bindtap="onCompanyTap"
+      />
+    </t-cell-group>
+    <view class="textarea-wrapper [background:#fff] [display:flex] [align-items:flex-start] [padding:24rpx_32rpx_0_32rpx]">
+      <text>备注信息</text>
+    </view>
+    <t-textarea
+      t-class="t-textarea-wrapper [box-sizing:border-box]"
+      type="text"
+      value="{{remark}}"
+      maxlength="140"
+      autosize
+      placeholder="选填项，如有多个包裹寄回，请注明其运单信息"
+      bind:change="onInput"
+      data-key="remark"
+    />
+  </view>
+  <view class="fill-tracking-no__button-bar [margin:38rpx_30rpx_0] [&_.btn]:[background-color:transparent] [&_.btn]:[font-size:32rpx] [&_.btn]:[width:100%] [&_.btn]:[border-radius:48rpx] [&_.btn:first-child]:[margin-bottom:20rpx] [&_.btn_.confirmBtn]:[background:#fa4126] [&_.btn_.confirmBtn]:[color:#fff] [&_.btn_.disabled]:[background-color:#c6c6c6] [&_.btn_.disabled]:[color:#fff]">
+    <t-button
+      t-class="btn {{ submitActived ? 'confirmBtn' : '' }}"
+      disabled="{{!submitActived}}"
+      loading="{{submitting}}"
+      bindtap="onSubmit"
+    >
+      保存
+    </t-button>
+  </view>
+</view>
+<ui-reason-sheet id="wr-reason-sheet" />
+<t-toast id="t-toast" />
+<t-dialog id="t-dialog" />
+</template>
+
+<json>
+{
+  "navigationBarTitleText": "填写运单号",
+  "usingComponents": {
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "t-cell-group": "tdesign-miniprogram/cell-group/cell-group",
+    "t-textarea": "tdesign-miniprogram/textarea/textarea",
+    "t-input": "tdesign-miniprogram/input/input",
+    "t-toast": "tdesign-miniprogram/toast/toast",
+    "t-dialog": "tdesign-miniprogram/dialog/dialog",
+    "t-button": "tdesign-miniprogram/button/button",
+    "ui-reason-sheet": "../components/reason-sheet/index"
+  }
+}</json>

package/templates/wevu-retail/src/pages/order/invoice/index.vue

@@ -0,0 +1,94 @@
+<script lang="ts">
+import { fetchOrderDetail } from '../../../services/order/orderDetail';
+
+Page({
+  data: {
+    invoice: {},
+  },
+  onLoad({ orderNo }) {
+    this.orderNo = orderNo;
+    this.init();
+  },
+  init() {
+    this.getDetail();
+  },
+  getDetail() {
+    const params = {
+      parameter: this.orderNo,
+    };
+    return fetchOrderDetail(params).then((res) => {
+      const order = res.data;
+
+      const invoice = {
+        buyerName: order?.invoiceVO?.buyerName, //个人或公司名称
+        buyerTaxNo: order?.invoiceVO?.buyerTaxNo, //税号
+        buyerPhone: order?.invoiceVO?.buyerPhone, //手机
+        email: order?.invoiceVO?.email, //邮箱
+        titleType: order?.invoiceVO?.titleType === 1 ? '个人' : '公司', //发票抬头 1-个人 2-公司
+        ontentType: order?.invoiceVO?.ontentType === 1 ? '商品明细' : '2类别', //发票内容 1-明细 2类别
+        invoiceType:
+          order?.invoiceVO?.invoiceType === 5 ? '电子普通发票' : '不开发票', //是否开票 0-不开 5-电子发票
+        isInvoice: order?.invoiceVO?.buyerName ? '已开票' : '未开票',
+        money: order?.invoiceVO?.money,
+      };
+      this.setData({
+        invoice,
+      });
+    });
+  },
+});
+</script>
+
+<template>
+<view class="invoice-detail [&_.invoice-detail-box]:[background-color:#fff] [&_.invoice-detail-box]:[padding:24rpx_32rpx] [&_.invoice-detail-box]:[margin-top:24rpx]">
+  <view class="invoice-detail-box">
+    <view class="invoice-detail-title [font-size:14px] [font-weight:600]">发票详情</view>
+    <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">发票类型</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.invoiceType}}</view>
+    </view>
+    <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">发票抬头</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.buyerName}}</view>
+    </view>
+    <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">纳税人识别号</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.buyerTaxNo}}</view>
+    </view>
+    <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">发票内容</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.ontentType}}</view>
+    </view>
+     <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">发票金额</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.money}}</view>
+    </view>
+  </view>
+  <view class="invoice-detail-box">
+    <view class="invoice-detail-title [font-size:14px] [font-weight:600]">收票人信息</view>
+    <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">邮箱</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.email}}</view>
+    </view>
+    <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">手机号</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.buyerPhone}}</view>
+    </view>
+    <view class="invoice-detail-box-row [display:flex] [margin-top:44rpx]">
+      <view class="invoice-detail-box-title [font-size:13px] [color:#666666] [width:156rpx] [margin-right:32rpx]">开票状态</view>
+      <view class="invoice-detail-box-value [font-size:13px] [color:#333333]">{{invoice.isInvoice}}</view>
+    </view>
+  </view>
+</view>
+</template>
+
+<json>
+{
+  "navigationBarTitleText": "发票详情",
+  "usingComponents": {
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "t-button": "tdesign-miniprogram/button/button",
+    "t-cell-group": "tdesign-miniprogram/cell-group/cell-group"
+  }
+}
+</json>