<!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">
|
<div class="nav-container">
|
<div>
|
<div class="nav" :class="{'active':mode==0}" @click="change_mode(0)"> 对账</div>
|
</div>
|
<div class="cutline"></div>
|
<div>
|
<div class="nav" :class="{'active':mode==1}" @click="change_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">10</span>
|
<span>个老铁</span>
|
|
<span>共</span>
|
<span class="red">30</span>
|
<span>笔</span>
|
|
<span>共</span>
|
<span class="red">300.00</span>
|
<span>元</span>
|
|
</div>
|
|
</div>
|
<div class="list">
|
|
<div class="order-item" v-for="(item,index) in orders">
|
<div>
|
<div class="user">
|
<img />
|
<div>
|
<div class="name">那些年错过的大鱼</div>
|
<div class="id">ID:12345</div>
|
</div>
|
|
</div>
|
<div class="time">
|
2020.06.18<br>
|
17:00:00
|
</div>
|
</div>
|
<div>
|
<div>
|
<div class="title">代付金额</div>
|
<div class="val">10.00</div>
|
</div>
|
<div>
|
<div class="title">结算金额</div>
|
<div class="val">0.6</div>
|
</div>
|
<div>
|
<div class="title">订单状态</div>
|
<div class="val">有效</div>
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<div class="content-withdraw" v-if="mode==1">
|
|
<div v-for="(item,index) in withdraw_records">
|
<div class="month">2024年07月</div>
|
<div class="item">
|
<div class="time">2020.06.18-17:00:00</div>
|
<div>
|
<div>
|
<div class="title">订单数量</div>
|
<div class="val">12</div>
|
</div>
|
<div>
|
<div class="title">提现金额</div>
|
<div class="val">¥100.00</div>
|
</div>
|
<div>
|
<div class="title">提现状态</div>
|
<div class="val">未提现</div>
|
</div>
|
|
<div class="btn">提现</div>
|
|
|
</div>
|
|
</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>
|
|
</script>
|
|
|
</body>
|
</html>
|
