invoice.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. onUnload(event){ //监听是否跳转页面
  25. if(this.tjzt){
  26. //tjzt为变量
  27. }else{
  28. uni.navigateTo({
  29. url:"/pages/userCenter"
  30. })
  31. }
  32. },
  33. methods:{
  34. // 跳转发票
  35. goList(){
  36. uni.navigateTo({
  37. url:"/pages/invoice/invoiceList"
  38. })
  39. },
  40. // 跳转发票历史
  41. goHistory(){
  42. uni.navigateTo({
  43. url:"/pages/invoice/invoiceHistory"
  44. })
  45. },
  46. // 抬头管理
  47. goAdmin(){
  48. uni.navigateTo({
  49. url:"/pages/invoice/invoiceAdmin"
  50. })
  51. }
  52. }
  53. }
  54. </script>
  55. <style lang="less">
  56. page{
  57. background-color: #F4F4F4 ;
  58. }
  59. .u-cell__body.data-v-913eaa32 {
  60. padding: 36rpx 20rpx !important;
  61. }
  62. .content{
  63. background-color: ;
  64. margin: 30rpx;
  65. background: #FFFFFF;
  66. border-radius: 8rpx 32rpx 8rpx 32rpx;
  67. }
  68. .tips{
  69. display: flex;
  70. align-items: flex-start;
  71. padding:0 30rpx;
  72. color: #999999;
  73. font-size: 26rpx;
  74. }
  75. </style>