123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- <template>
- <view style="background: #FFFFFF;height: 100%;">
- <!-- 公共组件-每个页面必须引入 -->
- <public-module></public-module>
- <view class="headers " :style="headerStyle">
- <view class="dis a-c j-start " style="padding: 0 15px;">
- <u-icon name="arrow-left" size="40" @tap="back"></u-icon>
- <text style="margin: auto;">收入详情</text>
- </view>
- </view>
- <view style="padding:85px 16px 16px">
- <view class="assets" >
- <view >{{MoneyData.extractFee}}</view>
- <text>{{MoneyData.createTime}}</text>
-
- </view>
- <view class="assets1 dis f-c j-s">
- <view style="border-top: 1px solid #f2f2f2;" class="dis j-s a-c" v-if="MoneyData.companyId">
- <text>订单号</text>
- <text>{{MoneyData.companyId}}</text>
- </view>
- <view class="dis j-s a-c" v-if="MoneyData.industrySector">
- <text>收入类型</text>
- <text>{{MoneyData.industrySector==1?'汽车-车险':'保险-财险'}}</text>
- </view>
- <view class="dis j-s a-c" v-if="MoneyData.issuerName">
- <text>代理人</text>
- <text>{{MoneyData.issuerName}}</text>
- </view>
- <view class="dis j-s a-c" v-if="MoneyData.sumpremium">
- <text>总保费</text>
- <text>{{MoneyData.sumpremium}}</text>
- </view>
- <view class="dis j-s a-c" v-if="MoneyData.proportional">
- <text>佣金比例</text>
- <text>{{MoneyData.proportional}}%</text>
- </view>
- <view class="dis j-s a-c" v-if="MoneyData.extractFee">
- <text>佣金</text>
- <text>{{MoneyData.extractFee}}</text>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import {
- mapState
- } from "vuex"
- export default {
- data() {
- return {
- numList: [],
- MoneyData: {},
- promotionData: {},
- refundData: {},
- trajectoryLength: 0,
- headerStyle: {
- backgroundColor: 'transparent',
- backgroundImage: 'url("/static/beijing (2).png")',
- backgroundSize: 'cover',
- backgroundPosition: '',
- boxShadow: ''
- // 其他样式属性...
- },
- }
- },
- computed: {
- ...mapState(['userInfo'])
- },
- onShow() {
- },
- async onLoad(e) {
- this.MoneyData = JSON.parse(decodeURIComponent(e.key));
- console.log(this.MoneyData)
- },
- onShow() {},
- methods: {
- back() {
- uni.navigateBack({
- delta: 1, // 返回的页面数,如果是1表示返回上一页
- success: function() {}
- });
- },
- }
- }
- </script>
- <style lang="scss" scoped>
- .flexd {
- position: fixed;
- left: 0;
- right: 0;
- }
- .assets1 {
- width: 100%;
- height: auto;
- margin-top: 30px;
- >view {
- border-bottom: 1px solid #f2f2f2;
- font-size: 16px;
- color: #333333;
- padding: 10px;
- }
- }
- .assets {
- color: #333333;
- text-align: center;
- view{
- font-size: 31px;
- font-weight: bold;
- }
- text{
- font-size: 13px;
- color: #666666;
- }
- }
- .headers {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- z-index: 999999;
- padding-top: 40px;
- height: 85px;
- text {
- font-size: 18px;
- font-weight: bold;
- }
- }
- </style>
|