fp-table
v1.0.6
Published
``` npm i fp-table import fpTable from 'fp-table' Vue.component('fpTable', fpTable) ``` ## 简单使用 ``` <template> <div id="app"> <fp-table :conditions="conditions" :conditionsValue="conditionsValue" :flows="flows"
Downloads
5
Readme
使用
npm i fp-table
import fpTable from 'fp-table'
Vue.component('fpTable', fpTable)
简单使用
<template>
<div id="app">
<fp-table
:conditions="conditions"
:conditionsValue="conditionsValue"
:flows="flows"
:flowsValue="flowsValue"
:show-remarks=false
></fp-table>
</div>
</template>
<script>
export default {
name: 'App',
data(){
return{
conditions:[
{id:'1',label:'金额',unit:'元',type:'number'},
{id:'2',label:'预算',unit:'',type:'string'}
],
conditionsValue:{
'1':[
{ruleId:'001',value:'300',op:'>='},
{ruleId:'002',value:'300',op:'>='},
{ruleId:'003',value:'300',op:'<'},
{ruleId:'004',value:'300',op:'<'}
],
'2':[
{ruleId:'001',value:'预算内',op:'='},
{ruleId:'002',value:'预算外',op:'='},
{ruleId:'003',value:'预算内',op:'='},
{ruleId:'004',value:'预算外',op:'='}
]
},
flows:[
{id:'1',label:'初审',maxSelect:0},
{id:'2',label:'复审',maxSelect:1}
],
flowsValue:{
'1':[
{ruleId:'001',orgName:'张三;王五',orgId:'0001;0003'},
{ruleId:'002',orgName:'张三;王五',orgId:'0001;0003'},
{ruleId:'003',orgName:'张三;王五',orgId:'0001;0003'},
{ruleId:'004',orgName:'张三;王五',orgId:'0001;0003'}
],
'2':[
{ruleId:'001',orgName:'李四',orgId:'0002'},
{ruleId:'002',orgName:'李四',orgId:'0002'},
{ruleId:'003',orgName:'李四',orgId:'0002'},
{ruleId:'004',orgName:'李四',orgId:'0002'}
]
}
}
},
components: {
},
}
</script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
width:100%;
}
</style>
props
readonly:boolean (只读属性)
showRemarks:boolean (只读属性)