commissionDetail.vue 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <template>
  2. <view style="background: #FFFFFF;height: 100%;">
  3. <!-- 公共组件-每个页面必须引入 -->
  4. <public-module></public-module>
  5. <view class="headers " :style="headerStyle">
  6. <view class="dis a-c j-start " style="padding: 0 15px;">
  7. <u-icon name="arrow-left" size="40" @tap="back"></u-icon>
  8. <text style="margin: auto;">收入详情</text>
  9. </view>
  10. </view>
  11. <view style="padding:85px 16px 16px">
  12. <view class="assets" >
  13. <view >{{MoneyData.extractFee}}</view>
  14. <text>{{MoneyData.createTime}}</text>
  15. </view>
  16. <view class="assets1 dis f-c j-s">
  17. <view style="border-top: 1px solid #f2f2f2;" class="dis j-s a-c" v-if="MoneyData.companyId">
  18. <text>订单号</text>
  19. <text>{{MoneyData.companyId}}</text>
  20. </view>
  21. <view class="dis j-s a-c" v-if="MoneyData.industrySector">
  22. <text>收入类型</text>
  23. <text>{{MoneyData.industrySector==1?'汽车-车险':'保险-财险'}}</text>
  24. </view>
  25. <view class="dis j-s a-c" v-if="MoneyData.issuerName">
  26. <text>代理人</text>
  27. <text>{{MoneyData.issuerName}}</text>
  28. </view>
  29. <view class="dis j-s a-c" v-if="MoneyData.sumpremium">
  30. <text>总保费</text>
  31. <text>{{MoneyData.sumpremium}}</text>
  32. </view>
  33. <view class="dis j-s a-c" v-if="MoneyData.proportional">
  34. <text>佣金比例</text>
  35. <text>{{MoneyData.proportional}}%</text>
  36. </view>
  37. <view class="dis j-s a-c" v-if="MoneyData.extractFee">
  38. <text>佣金</text>
  39. <text>{{MoneyData.extractFee}}</text>
  40. </view>
  41. </view>
  42. </view>
  43. </view>
  44. </template>
  45. <script>
  46. import {
  47. mapState
  48. } from "vuex"
  49. export default {
  50. data() {
  51. return {
  52. numList: [],
  53. MoneyData: {},
  54. promotionData: {},
  55. refundData: {},
  56. trajectoryLength: 0,
  57. headerStyle: {
  58. backgroundColor: 'transparent',
  59. backgroundImage: 'url("/static/beijing (2).png")',
  60. backgroundSize: 'cover',
  61. backgroundPosition: '',
  62. boxShadow: ''
  63. // 其他样式属性...
  64. },
  65. }
  66. },
  67. computed: {
  68. ...mapState(['userInfo'])
  69. },
  70. onShow() {
  71. },
  72. async onLoad(e) {
  73. this.MoneyData = JSON.parse(decodeURIComponent(e.key));
  74. console.log(this.MoneyData)
  75. },
  76. onShow() {},
  77. methods: {
  78. back() {
  79. uni.navigateBack({
  80. delta: 1, // 返回的页面数,如果是1表示返回上一页
  81. success: function() {}
  82. });
  83. },
  84. }
  85. }
  86. </script>
  87. <style lang="scss" scoped>
  88. .flexd {
  89. position: fixed;
  90. left: 0;
  91. right: 0;
  92. }
  93. .assets1 {
  94. width: 100%;
  95. height: auto;
  96. margin-top: 30px;
  97. >view {
  98. border-bottom: 1px solid #f2f2f2;
  99. font-size: 16px;
  100. color: #333333;
  101. padding: 10px;
  102. }
  103. }
  104. .assets {
  105. color: #333333;
  106. text-align: center;
  107. view{
  108. font-size: 31px;
  109. font-weight: bold;
  110. }
  111. text{
  112. font-size: 13px;
  113. color: #666666;
  114. }
  115. }
  116. .headers {
  117. position: fixed;
  118. top: 0;
  119. left: 0;
  120. width: 100%;
  121. z-index: 999999;
  122. padding-top: 40px;
  123. height: 85px;
  124. text {
  125. font-size: 18px;
  126. font-weight: bold;
  127. }
  128. }
  129. </style>