invoice.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <template>
  2. <view class="">
  3. <view class="content">
  4. <u-cell-group :border="false">
  5. <u-cell title="开票" isLink size="large" @click="goList" style="padding: 30rpx 0;"></u-cell>
  6. <u-cell title="开票历史" isLink size="large" @click="goHistory"></u-cell>
  7. <u-cell title="抬头管理" isLink size="large" @click="goAdmin"></u-cell>
  8. </u-cell-group>
  9. </view>
  10. <view class="tips">
  11. <u-icon name="error-circle" color="##999999 " size="28"></u-icon>
  12. <view class="" style="margin-left:18rpx;">
  13. 旅行结束后可开具旅行发票,请您在15天内索取,收到您提交的信息后我们会在7个工作日内开具增值税电子普通发票,并发送到您邮箱。
  14. </view>
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. export default{
  20. data(){
  21. return{
  22. }
  23. },
  24. methods:{
  25. // 跳转发票
  26. goList(){
  27. uni.navigateTo({
  28. url:"/pages/invoice/invoiceList"
  29. })
  30. },
  31. // 跳转发票历史
  32. goHistory(){
  33. uni.navigateTo({
  34. url:"/pages/invoice/invoiceHistory"
  35. })
  36. },
  37. // 抬头管理
  38. goAdmin(){
  39. uni.navigateTo({
  40. url:"/pages/invoice/invoiceAdmin"
  41. })
  42. }
  43. }
  44. }
  45. </script>
  46. <style lang="less">
  47. page{
  48. background-color: #F4F4F4 ;
  49. }
  50. .u-cell__body.data-v-913eaa32 {
  51. padding: 36rpx 20rpx !important;
  52. }
  53. .content{
  54. background-color: ;
  55. margin: 30rpx;
  56. background: #FFFFFF;
  57. border-radius: 8rpx 32rpx 8rpx 32rpx;
  58. }
  59. .tips{
  60. display: flex;
  61. align-items: flex-start;
  62. padding:0 30rpx;
  63. color: #999999;
  64. font-size: 26rpx;
  65. }
  66. </style>