vue-gyc-ui/src/g-config.js

``` npm i element-ui npm i vue-gyc-ui ```

export const gconfig = {
    btnStyle: {
        add: {
            style: {
                color: 'red'
            }
        }, del: {
            style: { color: 'green' }
        }
    },
    pagesize: () => 10
    /**
     * 
    globleBtnStyle: {
        size: "medium", type: 'info', plain: true, round: false, circle: false
    },
    btnStyle: {
        // read: { type: 'text', plain: false, icon: undefined },
        // edit: { type: 'text', plain: false, icon: undefined },
        // save: { type: 'text', plain: false },
        // del: { type: 'text', plain: false, style: 'color:red;', icon: undefined },
        // cancel: { text: '关闭', style: { color: 'red' } },
        // close: { icon: 'el-icon-error', style: { 'font-size': "25px", color: 'red' } },
        // add: { text: 'addd', type: 'primary', style: { color: "red" } }
        //setting: { text: '444', type: 'waring' }
    },
    formFooterAlign: () => "center",
    //FORM 项标题分散对齐
    formLabelJustify: () => false,
    //FORM 显示验证错误消息
    showErrMessage: () => true,
    //================TABLE=======================
    //TABLE 上下查询风格或左右查询风格
    queryH: true,
    //TABLE 分页条显示位置letf|center|right|flex-end|flex-start
    page_align: () => 'flex-end',
    //TABLE 查询标题分散对齐
    queryLabelJustify: () => false,
    //TABLE 查询标题宽度
    queryLabelWidth: () => 100,
    //TABLE 查询输入宽度
    queryInputWidth: () => 160,
    //TABLE 表格右侧操作按钮显示位置letf|center|right|flex-end|flex-start
    controlAlign: () => 'center',
    //TABLE 表格列默认宽度 默认120px
    dWidth: () => '120px',
    //TABLE 列设置宽度
    setWidth: () => '528px',
    //用户自定义信息存储
    saveCache: (a, b) => { console.log(a, b) },
    //分页条数
    pagesize: () => 20,
    //增加时插入最前面
    insertTop: false,
    //处理排序
    handleSort: (query, col, order) => {
        let t = order == "ascending" ? "asc" : "desc";
        let v = { val: `${col} ${t}`, inVisible: true }
        query.orderlist = v;
    }    
     */
}