衡石bi的几种跳转方式

衡石bi的几种跳转方式

---

通过点击表格的单元格跳转(带参)

点击首页的表格里任意一行的单元格跳转到明细页的企业相关数据

这两个数据集都是有一个info_uuid的主键，我们知道每个控件都可以设置交互的方式进行跳转应用内的仪表盘。
点击首页里要设置跳转的控件右上角的三个点再点击控件设置。

点击交互，选择跳转->应用内仪表盘，选择明细的仪表盘，然后点击带入过滤条件指后的设置logo，把自定义打开，设置好两个仪表盘之间的数据集关联主键即可。

---

通过识别单元格内容点击表格的单元格跳转(不带参)

普通表格控件下获取

点击表格控件里的交互，选择执行js代码

params.filters[0]代表表格第一列的所有单元格里的内容
params.filters[1]代表表格第二列的所有单元格里的内容
params.filters[2]代表表格第三列的所有单元格里的内容
params.filters[3]代表表格第四列的所有单元格里的内容
params.filters[4]代表表格第五列的所有单元格里的内容
params.filters[5]代表表格第六列的所有单元格里的内容

params.redirectCallback 在当前页面窗口打开链接地址
params.newTabCallback 在新的页面窗口打开链接地址
params.modalCallback 在当前页面窗口弹出一个弹窗，用户可自定义显示内容

var nr=params.filters[3].args[1].op[0];
if(nr==='发票风险核实'){
  params.modalCallback({	
    url:"https://gushitong.baidu.com/stock/us-DD",
    title:nr,
    width:"90%",
    height:800
	})
}else if(nr==='即征即退'){
  params.modalCallback({	
    url:"https://gushitong.baidu.com/index/us-IXIC",
    title:nr,
    width:"90%",
    height:800
	})
}else if(nr==='注销税务登记'){
  params.modalCallback({	
    url:"https://gushitong.baidu.com/index/br-WIBRA.LOC-FTX",
    title:nr,
    width:"90%",
    height:800
	})
}

---

交互表格控件下获取

console.log("params are:", params);

/* 关键在于这个创建的targetColumnLable参数，对于哪一列列表头的内容横向获取就写这个列表头的名字*/

const targetColumnLable = '流程名称';

const filter = params.filters.filter(filter => filter.label === targetColumnLable);

if(filter.length !== 1){
  return;
}

const name=filter[0].args[1].op[0];

console.log("clicked name:", name);

if(name==='即征即退'){
  params.modalCallback({	
    url:"https://gushitong.baidu.com/stock/us-DD",
    title:name,
    width:"90%",
    height:800
	})
}else if(name==='发票风险核实'){
  params.modalCallback({	
    url:"https://gushitong.baidu.com/stock/us-DD",
    title:name,
    width:"90%",
    height:800
	})
}