neumedia-site-configuration

管理平台站点配置列表

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

更新历史

版本号	作者	更新记录	更新时间
1.0.0	sl	初始版本	2021.04.13

安装

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	表格列配置	Array	[]
tableData	表格数据	Array	[]
actions	表格操作列配置	Array	[]
pagination	表格分页	Boolean Object	false
Function(newVal, oldVal)	表格操作处理

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