123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- <!-- +---------------------------------------------------------------------- -->
- <!-- | CRMEB [ CRMEB赋能开发者,助力企业发展 ] -->
- <!-- +---------------------------------------------------------------------- -->
- <!-- | Copyright (c) 2016~2022 https://www.crmeb.com All rights reserved. -->
- <!-- +---------------------------------------------------------------------- -->
- <!-- | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权 -->
- <!-- +---------------------------------------------------------------------- -->
- <!-- | Author: CRMEB Team <admin@crmeb.com> -->
- <!-- +---------------------------------------------------------------------- -->
- {extend name="public/container" /}
- {block name="title"}收益明细{/block}
- {block name="head"}
- <style>
- body {background-color: #F5F5F5;}
- </style>
- {/block}
- {block name="content"}
- <div v-cloak id="app" class="lecturer-income">
- <div class="header">
- <div v-for="item in tabs" :key="item.value" :class="{ on: active === item.value }" class="item" @click="active = item.value">{{ item.name }}</div>
- </div>
- <div class="main">
- <dl v-if="list.length">
- <template v-for="item in list">
- <dt :key="item.time">{{ item.time }}</dt>
- <dd :key="item.time">
- <ul>
- <li v-for="cell in item.list">
- <div class="lt">
- <div>{{ cell.title }}</div>
- <div class="time">{{ cell.add_time }}</div>
- </div>
- <div :class="{ add: cell.pm }" class="rt">{{ (cell.pm ? '+' : '-') + cell.number }}</div>
- </li>
- </ul>
- </dd>
- </template>
- </dl>
- <img v-else-if="finished" src="{__WAP_PATH}zsff/images/empty.png" class="empty">
- </div>
- <quick-menu></quick-menu>
- </div>
- {/block}
- {block name="foot"}
- <script>
- require(['vue', 'helper', 'store', 'quick'], function (Vue, $h, store) {
- var active = 1;
- var search = window.location.search.slice(1);
- var query = {};
- search.split('&').forEach(function (item) {
- item = item.split('=');
- query[item[0]] = item[1];
- });
- if (query.active) {
- active = Number(query.active);
- }
- new Vue({
- el: '#app',
- data: {
- tabs: [
- {
- name: '余额',
- value: 1
- },
- {
- name: '提现',
- value: 2
- },
- {
- name: '金币',
- value: 3
- }
- ],
- active: active,
- page: 1,
- limit: 10,
- finished: false,
- list: []
- },
- watch: {
- active: function () {
- this.page = 1;
- this.finished = false;
- this.list = [];
- this.get_flowing_water_list();
- }
- },
- created: function () {
- this.get_flowing_water_list();
- $h.EventUtil.listenTouchDirection(document, this.get_flowing_water_list);
- },
- methods: {
- get_flowing_water_list: function () {
- var vm = this;
- var is_extract = 0;
- var category = 'now_money';
- if (this.finished) {
- return;
- }
- if (this.active === 3) {
- category = 'gold_num';
- } else {
- if (this.active === 2) {
- is_extract = 1;
- }
- }
- $h.loadFFF();
- store.baseGet($h.U({
- c: 'merchant',
- a: 'get_flowing_water_list',
- q: {
- category: category,
- page: this.page++,
- limit: this.limit,
- is_extract: is_extract
- }
- }), function (res) {
- $h.loadClear();
- var data = res.data.data.data;
- vm.list = vm.list.concat(data);
- vm.finished = vm.limit > data.length;
- });
- }
- }
- });
- });
- </script>
- {/block}
|