@extends('layouts.base')
@section('title', "退款列表")
@section('content')
<style>
    .rightlist #app .rightlist-head{line-height:50px;padding:15px 0;}
    .rightlist #app{margin-left:30px;}
    .rightlist #app .el-breadcrumb{padding:30px 0;font-size:16px;}
    .el-form-item__label{padding-right:30px;}
    .tip{font-size:12px;color:#999;font-weight:500}
    .rightlist-head-con{padding-right:20px;font-size:16px;color:#888;}
    /* .rightlist-head-con{float:left;padding-right:20px;font-size:16px;color:#888;} */
    .el-tag{font-weight:700;font-size:15px;margin-bottom:30px;}
    .el-icon-edit{font-size:16px;padding:0 15px;color:#409EFF;cursor: pointer;}
    /* 滑块选择小白点 */
    .el-switch.is-checked .el-switch__core::after {left: 100%;margin-left: -17px;}
    .el-switch__core::after {content: "";position: absolute;top: 1px;left: 1px;border-radius: 100%;transition: all .3s;width: 16px;height: 16px;background-color: #fff;}
    .tip1{font-size:12px;color:red;font-weight:500}
    [v-cloak]{
        display:none;
    }
</style>
<div class="rightlist">
    <div id="app"  v-cloak>
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item><a href="{{ yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.index') }}">活动列表</a></el-breadcrumb-item>
            <el-breadcrumb-item>退款列表</el-breadcrumb-item>
        </el-breadcrumb>
        <template>
            <el-form :inline="true" :model="search_form" ref="search_form" style="padding:20px 0 0 0;">
                <el-row>
                    <el-col :xs="12" :md="12" :lg="7">
                        <el-form-item label="支付方式" prop="pay_way">
                            <el-select v-model="search_form.pay_way" placeholder="请选择支付方式" clearable>
                                <el-option v-for="item in pay_list" :key="item.id" :label="item.name" :value="item.id"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="12" :md="12" :lg="7">
                        <el-form-item label="团长昵称" prop="nickname">
                            <el-input v-model="search_form.nickname" placeholder="请输入团长昵称"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :xs="12" :md="12" :lg="7">
                        <el-form-item label="退款状态" prop="">
                            <el-select v-model="search_form.status" placeholder="请选择退款状态" clearable>
                                <el-option v-for="item in pay_list" :key="item.id" :label="item.name" :value="item.id"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>  
                        <a href="#">
                            <el-button type="success" icon="el-icon-search" @click="search()">搜索</el-button>
                        </a>
                    </el-col>
                </el-row>
            </el-form>
            <template>
                <!-- 表格start -->
                <el-table :data="list" style="width: 100%"  v-loading="table_loading">
                    <el-table-column prop="number" label="拼团编号" align="center"></el-table-column>
                    <el-table-column prop="member_name" label="团员" align="center"></el-table-column>
                    <el-table-column prop="total" label="拼团总价" align="center"></el-table-column>
                    <el-table-column prop="" label="支付方式"  min-width="80"  align="center">
                        <template slot-scope="scope">
                            <div>[[scope.row.pay_way]]:[[scope.row.total]]</div>
                        </template>
                    </el-table-column>
                    <el-table-column prop="status" label="退款状态"  min-width="80"  align="center"></el-table-column>
                    <el-table-column prop="time" label="退款时间"  min-width="80"  align="center"></el-table-column>
                    <el-table-column label="管理" min-width="80" align="center">
                        <template slot-scope="scope">                          
                            <a :href="'{{ yzWebFullUrl('plugin.fight-groups.admin.controllers.fight-groups.create', array('id' => '')) }}'+[[scope.row.id]]">
                                <el-button type="primary">退款详情</el-button>
                            </a>
                        </template>
                    </el-table-column>
                </el-table>
            <!-- 表格end -->
            </template> 
            <!-- 分页 -->
            <!-- <el-row>
                <el-col :span="24" align="right" style="padding:15px 5% 15px 0">
                    <el-pagination layout="prev, pager, next" @current-change="currentChangeLocalVoice" :total="total" :page-size="per_size" background v-loading="loading"></el-pagination>
                </el-col>
            </el-row> -->
        </template>

    </div>
<script>
    var app = new Vue({
        el:"#app",     
        delimiters: ['[[', ']]'],
        data() {
            let data = {!! $data?:'{}' !!};
            console.log(data);
            return{
                tab:"all",
                search_form:{},
                form:{},
                pay_list:[
                    {id:1,name:"微信支付"},
                    {id:2,name:"支付宝支付"}
                ],
                list:[
                    {id:1,number:"12312",member_name:"soso",total:"45.22",pay_way:"微信支付",status:"退款中",time:"2019-06-01 15:30:00"}
                ],
                dialog_loading:false,
                table_loading:false,
                rules:{},
            }
        },
        methods: {
            submitForm(){
                var that = this;
                that.all_loading = true;
                console.log(this.data);
                that.$http.post("{!! yzWebFullUrl('plugin.wechat.admin.reply.controller.default-reply.add') !!}",{keywords_id:that.data.id}).then(response => {
                    console.log(response);
                    if(response.data.result==1){
                        that.keyword_list = response.data.data;
                        that.$message.success("保存成功！");
                        window.location.href='{!! yzWebFullUrl('plugin.wechat.admin.reply.controller.default-reply.index') !!}';
                    }
                    else{
                        that.$message.error(response.data);
                    }
                    that.all_loading = false;
                }),function(res){
                    console.log(res);
                    that.all_loading = false;
                };
            },
        },
    })

</script>
@endsection