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

<template>
    <el-card shadow="never">
        <yun-table
                :columns="columns"
                ref="yuntable"
                @render="onTableRender"
                toolbar="refresh,add,edit"
                :auth="{
                    add:{:$auth->check('app\\admin\\controller\\user\\StockLog','add')},
                    edit:{:$auth->check('app\\admin\\controller\\user\\StockLog','edit')},
                    multi:{:$auth->check('app\\admin\\controller\\user\\StockLog','multi')},
                }"
                :extend="extend">
        </yun-table>
    </el-card>
</template>
<script>
import table from "@components/Table.js";
export default{
    components:{
        'YunTable':table
    },
    data:{
        extend:{
            index_url: 'user/stock_log/index',
            add_url: 'user/stock_log/add',
            edit_url: 'user/stock_log/edit',
            multi_url: 'user/stock_log/multi',
        },
        columns:[
            {checkbox: true,selectable:function (row,index){
                return true;
            }},
            {field:"id",title:"ID",operate:false},
            {field:"user_id",title:"用户"},
            {field: 'type_id',title: __('类型'),operate: false, searchList: Yunqi.data.typeList},
            {field:"type",title:"类型",width: 80,formatter:function (data) {
                    let tag=Yunqi.formatter.tag;
                    if (data == 1) {
                            tag.type='primary';
                        tag.value='出库';
                    }else{
                        tag.type='success';
                        tag.value='入库';
                    }
                    return tag;
            }},
            {field:"stockconfig.title",title:"物品/品种",operate:false},
            {field:"change",title:"变更数量"},
            {field:"after",title:"当前库存"},
            {field:"remark",title:"备注",operate:false},
            {field:"createtime",title:"创建时间",operate:"daterange",formatter:Yunqi.formatter.datetime},
            {field:"updatetime",title:"变更时间",visible:false,operate:false,formatter:Yunqi.formatter.datetime},
            {
                field: 'operate',
                title: __('操作'),
                width:130,
                action:{
                    edit:function(row){
                        //可以根据业务需求返回false让按钮不显示
                        return 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>