neumedia-site-configuration v1.0.1

管理平台站点配置列表

管理平台站点配置列表：表格，可编辑。

更新历史

安装

yarn add neumedia-site-configuration

导入

import NeumediaSiteConfiguration from 'neumedia-site-configuration'

export default {
    components: {
        NeumediaSiteConfiguration
    }
}

使用

<neumedia-site-configuration
    ref="siteConfig" 
    :columns="[{title: '配置项', key: 'configuration', dataIndex: 'configuration',  align: 'center'}]" 
    :tableData="[ { key: '1', configuration: '配置项'}]" 
    :actions="[{ name: '编辑', options: [ { title: '配置项', value: 'configuration' } ],  handle: 'editItem' }]" 
    @editItem="editItem"
></neumedia-site-configuration>

API

Props

columns展示 { title: '配置项', key: 'configuration', dataIndex: 'configuration', align: 'center' }, { title: '值', dataIndex: 'value', key: 'value', align: 'center' }, { title: '操作', key: 'action', scopedSlots: { customRender: 'action' }, align: 'center' }

tableData展示 { key: '1', configuration: '配置项1', value: '配置项1值' }, { key: '2', configuration: '配置项2', value: '配置项2值' }, { key: '3', configuration: '配置项3', value: '配置项3值' }

actions展示 [ { name: '编辑', (modal-title显示) options: [ (编辑操作配置) { title: '配置项', (编辑：input-label) value: 'configuration', (编辑：input-value) disabled: true, (编辑：input-disabled 该项是否可编辑 true-不可编辑) hidden: true (编辑：input是否隐藏 true-隐藏) rules: (编辑：input验证规则) { required: true, message: '不能为空' } } ], handle: 'editItem' (编辑后执行操作，emit调用父组件方法，参数newVal - 编辑后的值， oldVal - 旧值) }, ]

组件内部方法

resetBtnsStatus 取消编辑操作确定按钮加载中状态

handleClose 关闭编辑modal