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: 【’运行所选任务’】操作栏按钮名称