sksTable使用

封装了一些常用的列数据处理方案

简单的主页列表

使用 sks-table

查看Page50代码 复制

关 闭

<template>
    <div>
        <el-row style="margin-bottom:5px;" >
            <ShowRemoteCodeDialog codeRawUrl="https://gitee.com/shoukaiseki/sks-plugin-el-erp/blob/master/docs/.vuepress/example/page/Page50.vue" button-label="查看Page50代码"/>
        </el-row>
        <Page50>
            
        </Page50>
    </div>
</template>
<script>
    export default {
        mixins: [
        ],
        data() {
            return {}
        },
        methods: {
        }
    }
</script>
<!--

-->

显示代码 复制代码 复制代码

列数据处理

sksTable中的列数据格式化处理

列数据格式化

数字取反,绝对值,时间格式化

查看Page51代码 复制

关 闭

<template>
    <div>
        <el-row style="margin-bottom:5px;" >
            <ShowRemoteCodeDialog codeRawUrl="https://gitee.com/shoukaiseki/sks-plugin-el-erp/blob/master/docs/.vuepress/example/page/Page51.vue" button-label="查看Page51代码"/>
        </el-row>
        <Page51>
            
        </Page51>
    </div>
</template>
<script>
    export default {
        mixins: [
        ],
        data() {
            return {}
        },
        methods: {
        }
    }
</script>
<!--

-->

显示代码 复制代码 复制代码

列数据格式化2

图片,日期格式化,字典

查看Page51代码 复制

关 闭

<template>
    <div>
        <el-row style="margin-bottom:5px;" >
            <ShowRemoteCodeDialog codeRawUrl="https://gitee.com/shoukaiseki/sks-plugin-el-erp/blob/master/docs/.vuepress/example/page/Page51.vue" button-label="查看Page51代码"/>
        </el-row>
        <Page52>
            
        </Page52>
    </div>
</template>
<script>
    export default {
        mixins: [
        ],
        data() {
            return {}
        },
        methods: {
        }
    }
</script>
<!--

-->

显示代码 复制代码 复制代码