Gong-Ying-Lian-API/app/admin/view/user/index/index.html

<template>
    <el-card shadow="never">
        <yun-table
                :columns="columns"
                search="nickname,mobile"
                toolbar="refresh,edit,del,recyclebin,more"
                ref="yuntable"
                :auth="auth"
                :extend="extend">
        </yun-table>
    </el-card>
</template>
<script>
    import table from "@components/Table.js";
    export default{
        components:{'YunTable':table},
        data:{
            auth:{
                add:Yunqi.auth.check('app\\admin\\controller\\user\\Index','add'),
                edit:Yunqi.auth.check('app\\admin\\controller\\user\\Index','edit'),
                del:Yunqi.auth.check('app\\admin\\controller\\user\\Index','del'),
                multi:Yunqi.auth.check('app\\admin\\controller\\user\\Index','multi'),
                recyclebin:Yunqi.auth.check('app\\admin\\controller\\user\\Index','recyclebin'),
            },
            extend:{
                index_url: 'user/index/index',
                edit_url: 'user/index/edit',
                del_url: 'user/index/del',
                multi_url: 'user/index/multi',
                download_url: 'user/index/download',
                recyclebin_url: 'user/index/recyclebin',
            },
            columns:[
                {checkbox: true},
                {field: 'id',title: __('ID'),width:80,sortable: true},
                {field: 'username',title: __('用户名'),operate:'='},
                {field: 'avatar', title: __('头像'), formatter: Yunqi.formatter.image, operate: false},
                {field: 'nickname',title: __('昵称'),operate: 'LIKE',formatter: Yunqi.formatter.tag},
                {field: 'sex', title: __('性别'),width:100,searchList: {1: __('男'), 2: __('女')},operate:'select',formatter:Yunqi.formatter.select},
                {field: 'email',title: __('邮箱'),operate:'LIKE'},
                {field: 'mobile',title: __('手机'),operate: '='},
                {field: 'level', title: __('等级'),sortable: true,operate:'selects',searchList:{0:'普通',1:'1级',2:'2级',3:'3级',4:'4级'}},
                {field: 'score', title: __('积分'),sortable: true,operate:'between'},
                {field: 'balance', title: __('余额'),sortable: true,operate:'between'},
                {field: 'status', title: __('状态'),searchList: {'normal': __('正常'),'hidden': __('隐藏')},formatter:Yunqi.formatter.switch,operate:'select'},
                {field: 'createtime', title: __('创建时间'), width:160,formatter: Yunqi.formatter.datetime,operate:false,sortable: true},
                {
                    field: 'operate',
                    title: __('操作'),
                    width:180,
                    fixed:'right',
                    action:{
                        recharge:{
                            tooltip:true,
                            icon:'fa fa-plug',
                            type:'warning',
                            text:__('会员充值'),
                            method:'recharge'
                        },
                        detail:{
                            tooltip:true,
                            icon:'fa fa-list',
                            type:'info',
                            text:__('会员明细'),
                            method:'detail'
                        },
                        edit:true,
                        del:true
                    }
                }
            ]
        },
        methods: {
            detail:function (row){
                Yunqi.api.open({
                    url:'user/index/detail?ids='+row.id,
                    width:1000,
                    title:__('会员明细'),
                    icon:'fa fa-list'
                });
            },
            recharge:function (row){
                Yunqi.api.open({
                    url:'user/index/recharge?ids='+row.id,
                    title:__('会员充值'),
                    icon:'fa fa-plug',
                    close:()=>{
                        this.$refs.yuntable.reload();
                    }
                });
            }
        }
    }
</script>
<style>

</style>