<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>福利发放</title>
|
<script>
|
window.onresize = function() {
|
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
|
};
|
window.onresize();
|
</script>
|
<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
|
<link rel="stylesheet" type="text/css" href="css/common.css" />
|
<link rel="stylesheet" type="text/css" href="css/index.css" />
|
<script src="../js/jquery.min.js"></script>
|
<script src="../js/vue.min.js"></script>
|
<script src="../layui/layui.js"></script>
|
|
<style>
|
|
</style>
|
</head>
|
|
<body>
|
|
<div id="container" v-cloak>
|
<div class="top" @click="to_miandan">
|
|
<img src="img/icon_miandan.png"/>
|
<span>查看免单福利</span>
|
|
<img src="img/icon_input_miandan.png"/>
|
|
|
|
|
</div>
|
|
<div class="nav-container">
|
<div @click="change_mode(0)">
|
<div class="nav" :class="{'active':mode==0}" > 对账</div>
|
</div>
|
<div class="cutline"></div>
|
<div @click="change_mode(1)">
|
<div class="nav" :class="{'active':mode==1}" > 提现</div>
|
</div>
|
|
</div>
|
<div class="content-order" v-if="mode==0">
|
<div class="search">
|
<div>
|
<img src="img/icon_search.png" />
|
<input id="search_key" type="text" placeholder="请输入要搜索老铁的关键词" />
|
</div>
|
<div class="search-btn" @click="search">搜索</div>
|
</div>
|
<div class="screen">
|
<div @click="open_screen">
|
<img src="img/icon_screen.png" />
|
<span>筛选</span>
|
</div>
|
<div>
|
<span>共</span>
|
<span class="red">{{order_statistic.user_count}}</span>
|
<span>个老铁</span>
|
|
<span>共</span>
|
<span class="red">{{order_statistic.order_count}}</span>
|
<span>笔</span>
|
<br>
|
<span>有效</span>
|
<span class="red">{{order_statistic.valid_order_count}}</span>
|
<span>笔</span>
|
|
<span>共</span>
|
<span class="red">{{order_statistic.total_money}}</span>
|
<span>元</span>
|
|
</div>
|
|
</div>
|
<div class="list">
|
|
<div class="order-item" v-for="(item,index) in orders">
|
<div>
|
<div class="user">
|
<img :src="item.user.portrait" />
|
<div>
|
<div class="name">{{item.user.nickName}}</div>
|
<div class="id">ID:{{item.user.id}}</div>
|
</div>
|
|
</div>
|
<div class="time" v-html="item.createTime">
|
|
</div>
|
</div>
|
<div>
|
<div>
|
<div class="title">代付金额</div>
|
<div class="val">{{item.payMoney}}</div>
|
</div>
|
<div>
|
<div class="title">结算金额</div>
|
<div class="val">{{item.settleMoney}}</div>
|
</div>
|
<div>
|
<div class="title">订单状态</div>
|
<div class="val">
|
<span v-if="item.valid">有效</span>
|
<span v-else>无效</span>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<div class="loading" v-if="orders.length>0" @click="loadOrder" :class="{'loading-no':!hasMore}">
|
<span v-if="hasMore">点击加载更多</span>
|
<span v-else>没有更多了</span>
|
</div>
|
<div class="empty" v-if="orders.length==0">
|
|
暂无数据
|
</div>
|
</div>
|
|
</div>
|
<div class="content-withdraw" v-if="mode==1">
|
|
<div class="list">
|
<div v-for="(item,index) in withdraw_records">
|
<div class="month" v-if="index==0||withdraw_records[index-1].month!=withdraw_records[index].month">{{item.month}}</div>
|
<div class="item">
|
<div class="time">{{item.settleTime}}</div>
|
<div>
|
<div>
|
<div class="title">订单数量</div>
|
<div class="val">{{item.orderCount}}</div>
|
</div>
|
|
<div>
|
<div class="title">提现金额</div>
|
<div class="val">¥{{item.money}}</div>
|
</div>
|
<div>
|
<div class="title">提现状态</div>
|
<div class="val">{{item.statusDesc}}</div>
|
</div>
|
|
<div class="btn" :class="{'active':item.status == 1}" @click="withdraw(item.id)">提现</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
<div class="loading" v-if="withdraw_records.length>0" @click="loadWidthdraw" :class="{'loading-no':!hasMore}">
|
<span v-if="hasMore">点击加载更多</span>
|
<span v-else>没有更多了</span>
|
</div>
|
<div class="empty" v-if="withdraw_records.length==0">
|
|
暂无数据
|
</div>
|
<div style="height: 1.02rem;"></div>
|
|
</div>
|
<div class="alipay-setting">
|
|
<div class="btn" @click="setAlipayAccount">
|
<span>
|
设置提现账户
|
</span>
|
<img src="img/icon_round_in.png" />
|
</div>
|
|
</div>
|
|
</div>
|
<div id="screen" v-if="mode==0">
|
<div class="title">
|
全部筛选
|
</div>
|
<img class="close" src="img/icon_close_sm.png" @click="closeScreen" />
|
<div>查看时间</div>
|
<div class="date">
|
<div class="item" :class="{'active':temp_screen_time_index==0}" @click="selectScreenTime(0)">
|
今天
|
</div>
|
<div class="item" :class="{'active':temp_screen_time_index==1}" @click="selectScreenTime(1)">
|
昨天
|
</div>
|
<div class="item" :class="{'active':temp_screen_time_index==2}" @click="selectScreenTime(2)">
|
近三天
|
</div>
|
<div class="item" :class="{'active':temp_screen_time_index==3}" @click="selectScreenTime(3)">
|
本周
|
</div>
|
</div>
|
<div class="btn-container">
|
<div class="btn btn-reset" @click="resetScreen">重置</div>
|
<div class="btn btn-sure" @click="sureScreen">确定</div>
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/index.js"></script>
|
<script src="js/http.js"></script>
|
|
<script>
|
</script>
|
|
</body>
|
|
</html>
|
