江苏省建设工程招标网官网_湖南seo推广系统_谷歌seo网站推广怎么做_体验营销

场景介绍

本章节将向您介绍如何使用选择发票抬头Button功能，开发者可调用对应Button组件跳转发票抬头选择页面，供用户完成已保存发票抬头的选择。

前提条件

参见开发前提。

效果图展示

单击“选择发票抬头”按钮，拉起选择发票抬头界面可选择已保存发票，也可单击“管理/新增发票抬头”进入新增企业/个人发票抬头界面（完整流程请参考获取发票抬头）。

开发步骤

1. 导入Scenario Fusion Kit模块以及相关公共模块。
   1. import { FunctionalButton, functionalButtonComponentManager } from '@kit.ScenarioFusionKit';
   2. import { hilog } from '@kit.PerformanceAnalysisKit';

2. 在容器中声明FunctionalButton，指定Button的openType，并设置对应的回调函数，代码如下：
   1. @Entry
   2. @Component
   3. struct Index {
   4. build() {
   5. Row() {
   6. Column() {
   7. // 声明FunctionalButton
   8. FunctionalButton({
   9. params: {
   10. // OpenType.CHOOSE_INVOICE_TITLE表示Button为选择发票抬头
   11. openType: functionalButtonComponentManager.OpenType.CHOOSE_INVOICE_TITLE,
   12. label: '选择发票抬头',
   13. // 调整Button样式
   14. styleOption: {
   15. bgColor: functionalButtonComponentManager.ColorType.DEFAULT,
   16. size: functionalButtonComponentManager.SizeType.DEFAULT,
   17. plain: false,
   18. disabled: false,
   19. loading: false,
   20. hoverClass: functionalButtonComponentManager.HoverClassType.HOVER_CLASS,
   21. hoverStartTime: 0,
   22. hoverStayTime: 0,
   23. styleConfig: new functionalButtonComponentManager.ButtonConfig()
   24. .fontSize(20)
   25. .fontColor(Color.Black)
   26. },
   27. },
   28. // OpenType为“CHOOSE_INVOICE_TITLE”时，回调必须选择“onChooseInvoiceTitle”
   29. controller: new functionalButtonComponentManager.FunctionalButtonController()
   30. .onChooseInvoiceTitle((err, data) => {
   31. if (err) {
   32. // 错误日志处理
   33. hilog.error(0x0000, "testTag", "error： %{public}d %{public}s", err.code, err.message);
   34. return;
   35. }
   36. // 成功日志处理
   37. hilog.info(0x0000, "testTag", "succeeded in obtaining invoice title");
   38. // 获取发票信息
   39. let type: string = data.type;
   40. let title: string = data.title;
   41. let taxNumber: string = data.taxNumber;
   42. let companyAddress: string | undefined = data.companyAddress;
   43. let telephone: string | undefined = data.telephone;
   44. let bankName: string | undefined = data.bankName;
   45. let bankAccount: string | undefined = data.bankAccount;
   46. })
   47. })
   48. }
   49. .width('100%')
   50. }
   51. .height('100%')
   52. }
   53. }

   说明

   • openType参数填写“functionalButtonComponentManager.OpenType.CHOOSE_INVOICE_TITLE”指定Button为选择发票抬头类型。
   • controller参数必须对应填写“new functionalButtonComponentManager.FunctionalButtonController().onChooseInvoiceTitle”。

   其他参数请参考：FunctionalButton（Button组件）。