fix:发票显示

src/api/index.ts

@@ -30,3 +30,7 @@ export function fetchInvoiceList() {
 export function cancelApplyInvoice() {
   return indexHttp.get("/invoice/cancelApplyInvoice");
 }
+
+export function fetchInvoicePDF(invoiceId: string) {
+  return indexHttp.get(`/invoice/downloadInvoice/${invoiceId}`);
+}

src/pages-charge/orders/orders.vue

@@ -201,6 +201,10 @@ const nextInvoice = () => {
           console.log("打开成功");
           isInvoiceing.value = true;
         },
+        fail() {
+          console.log("打开失败");
+          cancelApplyInvoice();
+        },
       });
     })
     .catch((err) => {
@@ -225,15 +229,9 @@ onLoad(() => {
 });
 onShow(() => {
   if (isInvoiceing.value) {
-    uni.showLoading({
-      title: "加载中",
-    });
-    cancelApplyInvoice().then(() => {
-      uni.hideLoading();
-      isInvoiceing.value = false;
-      isInvoice.value = false;
-      infiniteScroller.refresh();
-    });
+    isInvoiceing.value = false;
+    isInvoice.value = false;
+    infiniteScroller.refresh();
   }
 });
 onPullDownRefresh(() => {

src/pages-common/invoice/invoice.vue

@@ -1,35 +1,154 @@
 <template>
   <view class="page">
+    <view class="block">
+      <view
+        class="flex"
+        :style="{
+          marginTop: index === 0 ? 0 : '40rpx',
+        }"
+        v-for="(item, index) in list"
+        :key="index"
+      >
+        <view class="fs-32 lh-48 color-999" style="width: 192rpx">{{
+          item.label
+        }}</view>
+        <view class="fs-32 lh-48 color-000" v-if="index === 7">
+          <text style="color: rgba(255, 153, 0, 1)">{{ item.value }}</text>
+          <text style="margin-left: 2px">元</text>
+        </view>
+        <view class="fs-32 lh-48 color-000" v-else>{{ item.value }}</view>
+      </view>
+    </view>
+    <style-bottom-view background="transparent">
+      <view class="pl-40 pr-40 pb-30 pt-30">
+        <style-button type="primary" @click="openInvoice"
+          >查看发票</style-button
+        >
+      </view>
+    </style-bottom-view>
   </view>
 </template>
 
 <script setup lang="ts">
+import { fetchInvoiceList, fetchInvoicePDF } from "@/api";
 import { onLoad } from "@dcloudio/uni-app";
 import { ref } from "vue";
 
+const openInvoiceId = ref();
+const list = ref([
+  {
+    label: "公司名称",
+    value: "",
+  },
+  {
+    label: "公司税号",
+    value: "",
+  },
+  {
+    label: "注册地址",
+    value: "",
+  },
+  {
+    label: "注册电话",
+    value: "",
+  },
+  {
+    label: "开户银行",
+    value: "",
+  },
+  {
+    label: "银行账号",
+    value: "",
+  },
+  {
+    label: "备注",
+    value: "",
+  },
+  {
+    label: "发票金额",
+    value: "",
+  },
+  {
+    label: "申请时间",
+    value: "",
+  },
+]);
+
 onLoad((options: any) => {
-  // uni.showLoading({
-  //   title: "加载中",
-  // });
-  // applyInvoice(options.ids.split("|"))
-  //   .then((res) => {
-  //     console.log(res);
-  //     path.value = res;
-  //     uni.hideLoading();
-  //   })
-  //   .catch((err) => {
-  //     uni.hideLoading();
-  //     uni.showModal({
-  //       content: `${err.errMsg},请重试`,
-  //     });
-  //   });
+  uni.showLoading({
+    title: "加载中",
+  });
+  fetchInvoiceList()
+    .then((res) => {
+      // console.log(res);
+      uni.hideLoading();
+      const fd = res.findIndex((item: any) => {
+        if (item.orderDetails && item.orderDetails.length) {
+          return item.orderDetails.some(
+            (order: any) => order.startChargeSeq === options.id
+          );
+        }
+        return false;
+      });
+      if (fd >= 0) {
+        list.value[0].value = res[fd].invoiceTitle;
+        list.value[1].value = res[fd].taxId;
+        list.value[2].value = res[fd].address || "-";
+        list.value[3].value = res[fd].phone || "-";
+        list.value[4].value = res[fd].bankName || "-";
+        list.value[5].value = res[fd].bankAccount || "-";
+        list.value[6].value = res[fd].remark || "-";
+        list.value[7].value = `${(Number(res[fd].invoiceAmount) / 100).toFixed(
+          2
+        )}`;
+        list.value[8].value = res[fd].createTime;
+        openInvoiceId.value = res[fd].id;
+        return;
+      }
+      return Promise.reject({
+        errMsg: "找不到发票数据",
+      });
+    })
+    .catch((err) => {
+      uni.hideLoading();
+      uni.showModal({
+        content: `${err.errMsg},请重试`,
+      });
+    });
 });
 
-const chooseInvoiceTitle = () => {
-  uni.chooseInvoiceTitle({
-    success: (res) => {
-      console.log(res);
-    },
+const openInvoice = () => {
+  uni.showLoading({
+    title: "加载中",
+  });
+  fetchInvoicePDF(openInvoiceId.value).then((res) => {
+    uni.downloadFile({
+      url: res.downloadUrl,
+      success: function (res) {
+        const filePath = res.tempFilePath;
+        uni.openDocument({
+          filePath,
+          fileType: "pdf",
+          showMenu: true,
+          success: function (res) {
+            uni.hideLoading();
+            console.log("打开文档成功");
+          },
+          fail(err) {
+            uni.hideLoading();
+            uni.showModal({
+              content: `${err.errMsg},请重试`,
+            });
+          },
+        });
+      },
+      fail(err) {
+        uni.hideLoading();
+        uni.showModal({
+          content: `${err.errMsg},请重试`,
+        });
+      },
+    });
   });
 };
 </script>
@@ -38,5 +157,11 @@ const chooseInvoiceTitle = () => {
 .page {
   min-height: 100vh;
   background-color: #f6f7fa;
+  padding: 20rpx;
+}
+.block {
+  border-radius: 20rpx;
+  background: #fff;
+  padding: 30rpx;
 }
 </style>