1.0.21 • Published 3 years ago
analy-table-ally-yb v1.0.21
any-table
安装
npm i analy-table-ally-yb
//淘宝镜像安装
cnpm i analy-table-ally-yb
全局注册(在main.js文件里注册)
import VueAnalytable from 'analy-table-ally-yb'
Vue.use(VueAnalytable)
例子
使用方法:
<vue-analytable :analy-table="analyTable" :analy-table-title="analyTableTitle" @btnClick="btnClick"></vue-analytable>
参数analyTable:
let analyTable = [{
trxDate:'test-ally-01',
marchentSignName: 'test',
marchentNo:'RdbExtractor',
salesName:'test-ally-01',
marchentShorterName: 'test',
tradeLine:'RdbExtractor',
investSuccessNum:'2000',
investTotalNum: '222',
investSuccessRate:'0.55',
}, {
trxDate:'test-ally-02',
marchentSignName: 'test',
marchentNo: 'RdbExtractor',
salesName:'test-ally-01',
marchentShorterName: 'test',
tradeLine:'RdbExtractor',
investSuccessNum:'2000',
investTotalNum: '222',
investSuccessRate:'0.34',
}]
参数analyTableTitle:
llet analyTableTitle = [
{prop:"",sortable:false,label:"",width:"",ischeckbox:true,align:'center'},
{prop:"trxDate",sortable:false,label:"交易日期",width:""},
{prop:"marchentSignName",sortable:false,label:"商户签约名",width:"",islink:true,path:'#/monitordetail'},
{prop:"marchentNo",sortable:false,label:"商编",width:""},
{prop:"salesName",sortable:false,label:"销售名称",width:""},
{prop:"marchentShorterName",sortable:false,label:"商户简称",width:""},
{prop:"tradeLine",sortable:false,label:"行业业绩属性",width:""},
{prop:"investSuccessNum",sortable:false,label:"收单成功笔数(笔)",width:"",isformat:true,showtitle:true,unit:'count'},
{prop:"investTotalNum",sortable:false,label:"收单总笔数(笔)",width:"",isformat:true,showtitle:true,unit:'count'},
{prop:"investSuccessRate",sortable:false,label:"收单成功率(%)",width:"",ispercent:true},
{prop:"",sortable:false,label:"操作",width:"180",align:'center',isbtn:true,btnList:['重跑','监控','异常信息']},
]
}
事件btnClick:
btnClick(row,num){
//第一个参数行内容,第二个参数行数index-1
console.log(row,num)
}
字段解释:
prop:"currDateAmount”, //英文名称
sortable:false, //是否排序
label:"净金额”, //中文名称
width:"", //列表宽度
isformat:true, //是否格式化数据
showtitle:true, //是否鼠标经过时显示全部内容
unit:'money’, //数据格式化单位
ischanin:true, //
islink:true, //是否下钻
align:left center right 展示位置
path:'#/monitordetail’ //下钻地址
isbtn:true, //是否按钮
btnList:['重跑','监控','异常信息'] //按钮显示的文字
ispercent:true // 是否百分比
ischeckbox:true // 是否有复选框
islabelbtn:true 是否是操作栏按钮
islabelbtntitle: 【’运行所选任务’】操作栏按钮名称
1.0.21
3 years ago
1.0.19
3 years ago
1.0.18
3 years ago
1.0.20
3 years ago
1.0.16
3 years ago
1.0.15
3 years ago
1.0.14
3 years ago
1.0.13
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.11
3 years ago
1.0.10
3 years ago
1.0.12
3 years ago
1.0.2
3 years ago
1.0.3
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago