kylx365
/
miaoguo_system_server


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>秒过学习</title>
    <link rel="stylesheet" href="../mg/common.css">
    <style type="text/css">

        .container {
            width:98%;
            margin: 0 20px 0 20px;
        }

        #app {
            margin: 0 auto;
            font-size: 18px;
        }

        .panelHead{
            font-size: 20px;
            font-weight: 500;
        }

        .panelTop{
            width:100%;
            height:50px;
            justify-content: flex-start;
        }

        .btn1{
            width:80px;
            height: 25px;
            border-radius: 2px;
            margin: 0px 10px 0px 10px;
            border: 1px solid #aaaaaa;
            text-align: center;

            background-color: #fff;
            color:#000;
            cursor:pointer;
        }
        .btn2{
            background-color: #19C575;
            color:#fff;
        }

        table {
            border-collapse: collapse;
            margin: 0 0 50px 0;
            width:100%;
        }

        .tdClass {
            background-color: #ddd;
            text-align: center;
        }

        .tdA{
            color:blue;
            text-decoration: underline;
            cursor:pointer;
        }

        td {
            border: 1px solid #aaaaaa;
            min-height: 30px;
            padding: 5px 10px 5px 10px;
            flex: 1;
        }
        .td1{
            text-align: center;
        }


        .td2{
            width: 250px;
        }
        .td3{
            justify-content: space-between;
        }
        .td2_1{
            background-color: #90CAF9;
        }
        .td2__1{
            border:4px groove #EF9A9A;
        }

        .main {
            width: 100%;
        }

        .avatar {
            width: 60px;
            height: 60px;
            border-radius: 10px;
        }

        button {
            margin: 0 3px;
        }

        select{
            font-size:18px;
        }

        .top{
            position: fixed;
            width: 50px;
            height:26px;
            bottom:10px;
            left:10px;
            z-index: 100;
            background-color: #19C575;
            color:#fff;
            border-radius: 5px;
            text-align: center;
        }

        .DateStart{
            margin: 0 0 10px 0;
        }

        .timg{
            margin-top: 50px;
            width:220px;
            height:145px;
        }

        .img{
            width:40px;
            height:40px;
            border-radius: 5px;
            margin-right: 10px;
        }

        .pDetail{
            justify-content: flex-start;
            padding-left: 20px;
        }

        .trDelete{
            text-decoration: line-through;
            background-color: #eee;
        }

        .hasRefund-1{
            background-color: #FFB8B3;
        }

    </style>
    <script src="js/jquery-1.6.4.min.js"></script>
    <script src="js/vue.js"></script>
    <script>

        var vm;
        const Colors=["#EF9A9A","#90CAF9","#C5E1A5","#CE93D8","#80DEEA","#FFF59D","#BCAAA4","#9FA8DA","#FFCC80","#B0BEC5"]
        $(document).ready(function () {
            vm = new Vue({
                el: '#app',
                data: {
                    ListPay: [],
                    ListDetail:[],
                    ClassList: [],
                    PayFinished:"0",
                    RecordID:0,
                },
                methods: {

                    getApplyList:function () {
                        var str = event.currentTarget.id;
                        var url="/api/GetMiaoguoAgentRecordApplyList";
                        if (str=="PayFinished"){
                            url+="?PayFinished=1";
                            vm.PayFinished="1";
                        }
                        else{
                            vm.PayFinished="0";
                        }

                        $.get(url, function (data) {
                            var arr = [];
                            arr = data.result;
                            for(var i=0;i<arr.length;i++){
                                if (arr[i].IsCheck==-1)
                                    arr[i].Delete="trDelete";
                            }
                            vm.ListPay = arr;
                        });

                    },
                    showDetail:function () {
                        if (event.currentTarget.id==vm.RecordID){
                            vm.ListDetail=[];
                            vm.RecordID=0;
                        }
                        else {
                            vm.RecordID = event.currentTarget.id;
                            var userid = event.currentTarget.dataset.userid;
                            var paytype = event.currentTarget.dataset.title;
                            if (paytype == "1")
                                paytype = "promotion";
                            else if (paytype == "2")
                                paytype = "ambassador";

                            var url = "/api/GetMiaoguoAgentPayList?HasDelete=1&UserID=" + userid + "&RecordID=" + vm.RecordID + "&AgentCategory=" + paytype;
                            $.get(url, function (data) {
                                var arr = [];
                                arr = data.result;
                                vm.ListDetail = arr;

                            });
                        }

                    },
                    checkPay:function () {
                        $("#imgMain").css("display","block");
                        var userid = event.currentTarget.dataset.userid;
                        var recordid = event.currentTarget.dataset.recordid;
                        var ischeck = event.currentTarget.dataset.ischeck;
                        var url="/api/CheckWithdraw?UserID="+userid+"&RecordID="+recordid+"&IsCheck="+ischeck;
                        $.get(url, function (data) {
                            $("#imgMain").css("display","none");
                            vm.getApplyList();
                            alert("审核完成");
                        });
                    },
                }
            });

            vm.getApplyList();

        });

    </script>
</head>
<body class="container">
<div id="app">
    <div class="panelHead">提现审核</div>
    <div class="panelTop FlexRow">
        <button v-on:click="getApplyList" id="payApply" v-if="PayFinished!='0'">待审核</button>
        <button disabled="disabled" v-if="PayFinished=='0'">待审核</button>
        <button v-on:click="getApplyList" id="PayFinished" v-if="PayFinished!='1'">已审核</button>
        <button disabled="disabled" v-if="PayFinished=='1'">已审核</button>
    </div>
    <div class="main FlexColumn">
        <table>
            <thead>
            <tr>
                <td class="tdClass">序号</td>
                <td class="tdClass">提现申请编号</td>
                <td class="tdClass">提现类型</td>
                <td class="tdClass">提现金额</td>
                <td class="tdClass">用户ID</td>
                <td class="tdClass">微信号</td>
                <td class="tdClass">真实姓名</td>
                <td class="tdClass">申请时间</td>
                <td class="td3 td2 FlexRow tdClass" v-if="PayFinished=='0'">审核</td>
                <td class="tdClass" v-if="PayFinished=='1'">批复时间</td>
                <td class="tdClass" v-if="PayFinished=='1'">实付金额</td>
            </tr>
            </thead>
            <tbody>
            <template :id=" 'Tr_'+item.ID " v-for="(item, index) in ListPay">
            <tr :class="item.Delete">
                <td class="td1">{{index+1}}</td>
                <td class="td1"><a href="#" v-on:click="showDetail" :id="item.ID" :data-userid="item.UserID" :data-title="item.PayType">{{item.ID}}</a></td>
                <td class="td1">{{item.PayTypeName}}</td>
                <td class="td1">{{item.ApplyMoney}}</td>
                <td class="td1"><a :href="'webuserinfo?UserID=' + item.UserID " target="_blank">{{item.UserID}}</a></td>
                <td class="td1">{{item.PayeeWechatAccount}}</td>
                <td class="td1">{{item.RealName}}</td>
                <td class="td1">{{item.ApplyTime}}</td>
                <td class="td3 td2 FlexRow"  v-if="PayFinished=='0'">
                    <button v-on:click="checkPay" :data-userid="item.UserID" :data-recordid="item.ID" data-ischeck="1">通过</button>
                    <button v-on:click="checkPay" :data-userid="item.UserID" :data-recordid="item.ID" data-ischeck="-1">拒绝</button>
                </td>
                <td class="td1" v-if="PayFinished=='1'">{{item.CheckTime}}</td>
                <td class="td1" v-if="PayFinished=='1'">{{item.RealMoney}}</td>
            </tr>
            <tr v-if="ListDetail.length>0 && item.ID==RecordID" v-for="(itemChild, indexChild) in ListDetail">
                <td></td>
                <td></td>
                <td colspan="4">
                    <template v-if="item.PayType==1">
                        <p :class=" 'pDetail FlexRow hasRefund'+itemChild.Status " ><img :src="itemChild.AvatarUrl" class="img"/> <a :href="'webuserinfo?UserID=' + itemChild.UserID " target="_blank">{{itemChild.UserID}}</a>&nbsp;{{itemChild.NickName}} {{itemChild.Money}} <template v-if="itemChild.Status==-1">退款</template></p>
                    </template>

                    <template v-if="item.PayType==2">
                        <template v-for="(itemChild2, indexChild2) in itemChild.List">
                            <p :class=" 'pDetail FlexRow hasRefund'+itemChild2.Status " ><img :src="itemChild2.AvatarUrl" class="img"/> <a :href="'webuserinfo?UserID=' + itemChild2.UserID " target="_blank">{{itemChild2.UserID}}</a>&nbsp;{{itemChild2.NickName}} {{itemChild2.Money}} <template v-if="itemChild2.Status==-1">退款</template> 上级介绍人：<a :href="'webuserinfo?UserID=' + itemChild.Introducer " target="_blank">{{itemChild.Introducer}}</a>&nbsp;{{itemChild.IntroducerNickName}}</p>
                        </template>
                    </template>

                </td>
            </tr>
            </template>
            </tbody>
        </table>
    </div>

</div>
</body>
</html>