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

<template>
    <el-card shadow="never">
        <yun-table
                :columns="columns"
                ref="yuntable"
                @render="onTableRender"
                toolbar="refresh,del,import"
                :auth="{
           
                    del:{:$auth->check('app\\admin\\controller\\user\\MoneyLog','del')},
                    multi:{:$auth->check('app\\admin\\controller\\user\\MoneyLog','multi')},
                    import:{:$auth->check('app\\admin\\controller\\user\\MoneyLog','import')},
                }"
                :extend="extend">
        </yun-table>
    </el-card>
</template>
<script>
import table from "@components/Table.js";
export default{
    components:{
        'YunTable':table
    },
    data:{
        extend:{
            index_url: 'user/money_log/index',
            del_url: 'user/money_log/del',
            multi_url: 'user/money_log/multi',
            import_url: 'user/money_log/import',
        },
        columns:[
            {checkbox: true,selectable:function (row,index){
                //可以根据业务需求返回false让某些行不可选中
                return true;
            }},
            {field:"id",title:"ID",operate:false},
            {field:"users.nickname",title:"记账人"}, 
            {field:"type",title:"记账类型",operate:"select",searchList:{1:"收入", 2:"支出"},formatter:Yunqi.formatter.tag},
            {field:"type_name",title:"账变名称",operate:false},
            {field: 'bank_account',title: __('记账账户'),operate: "select", searchList: Yunqi.data.typeList},
            {field:"change",title:"变动金额",operate:false},
            {field:"remark",title:"备注",operate:false},
            {field:"create_date",title:"记账日期",operate:false},
            //{field:"bank_account",title:"记账账户" ,typeList},
            {field:"createtime",title:"创建时间",operate:"daterange",formatter:Yunqi.formatter.datetime},
            {field:"updatetime",title:"修改时间",operate: false,formatter:Yunqi.formatter.datetime},
            {
                field: 'operate',
                title: __('操作'),
                width:130,
                action:{
                    edit:function(row){
                        //可以根据业务需求返回false让按钮不显示
                        return true
                    },
                    del:true,
                }
            }
        ]
    },
    //页面加载完成时执行
    onLoad:function(query){
        console.log(query);
    },
    //页面初始显示或在框架内显示时执行
    onShow:function(){

    },
    //页面在框架内隐藏时执行
    onHide:function(){

    },
    //页面在框架内关闭时执行
    onUnload:function(){

    },
    methods: {
        onTableRender:function(list){
            //表格渲染完成后执行
            /**
             * table常用方法
             * this.$refs.yuntable.reset();//重新渲染整个组件，当columns修改时，需要重新渲染表格才能生效，可以执行该方法。
             * this.$refs.yuntable.reload();//保持当前的page，重新获取数据
             * this.$refs.yuntable.submit();//返回第一页，重新获取数据
             * this.$refs.yuntable.expandAllTree();//树形表格展开所有节点
             * this.$refs.yuntable.expandTree(topid);//树形表格展开指定节点
             */
        }
    }
}
</script>
<style>
</style>