/**
* 查询方案、查询面板、工具条、网格,标准查询页面
* @param {*} queryDataset 保存数据集,命名规范 ds_[数组下标]_[对话框id]
* @param {*} conf 组件定义配置项
* @returns
*/
import { $CONST } from "@birt/funclib/ConstUtil";
import { FormStyleFactory } from "../compose/FormStyleFactory";
import { QueryStyleFactory } from "../query-panel/QueryStyleFactory";
import { StringUtil } from "@birt/funclib/StringUtil.js";
export function FormTabTableDetail(conf) {
debugger
const dlgId = StringUtil.randomString(6);
const hcTabsId = "HcTabs_" + dlgId;
const hcTabDetailId = "detail_" + dlgId;
// 设置数据集id,分页
var queryDataset = conf.mainDataset;
var saveDataset = conf.saveDataset;
queryDataset.controlId += "_" + dlgId;
queryDataset._infcPagging = {
_isPagging: true,
returnCount: true
}
// 操作工具条
let hcFormToolbar = false;
if (conf.hcFormToolbar) {
hcFormToolbar = {
controlName: "HcFormToolbar",
controlId: "HcFormToolbar_" + dlgId,
dataset: saveDataset.controlId,
children: []
}
// 应用表单个性化配置
Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
}
// form
var hcForm = {
controlName: 'HcForm',
controlId: 'HcForm_upgrade',
dataset: saveDataset.controlId,
rules: {
},
children: [],
style:'height: 100%'
}
// 表单提交工具条
// 应用表单个性化配置
Object.assign(hcForm, FormStyleFactory.buildForm(conf.hcForm) || {});
// 查询面板
let hcQueryPanel = false;
if (conf.hcQueryPanel) {
hcQueryPanel = {
controlName: "HcQueryPanel",
controlId: "HcQueryPanel_" + dlgId,
dataset: queryDataset.controlId,
children: []
}
// 应用查询面板个性化配置
Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) || {});
}
// 网格明细
var hcTable = {
controlName: "HcTable",
controlId: "HcTable_" + dlgId,
dataset: queryDataset.controlId,
border: true,
showAddBtn: false,
// showSummary: true,
height: function (parentHeight) {
return parentHeight - 170;
},
events: {
// 双击跳转至详情页
rowDblclick: function (row, column, event) {
debugger
let curtTabs = this.getRefCompt(hcTabsId);
let pushParam = Object.assign({}, row);
let eleNumber = this.store && this.store._getEleNumber();
if (eleNumber) {
pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field];
}
// 下推功能路径
// pushParam[$CONST.FUNCPATH] = this.getWorkBook().getModelPath();
curtTabs.setActiveTabName(hcTabDetailId, pushParam);
},
},
children: [],
};
// 应用网格个性化配置
Object.assign(hcTable, conf.hcTable || {});
// 详情表单
var hcDetailForm = false;
if (conf.hcDetailForm) {
hcDetailForm = Object.assign(
conf.hcDetailForm,
{
height: function (parentHeight) {
return parentHeight - 170;
},
})
}
// 分页工具条
var hcPagination = {
controlName: "HcPagination",
controlId: "HcPagination_" + dlgId,
pageSizes: [10, 20, 50, 100],
layout: "total, prev, pager, next, sizes, jumper",
dataset: queryDataset.controlId,
};
var hcTabs = {
controlName: "HcTabs",
controlId: hcTabsId,
tabPosition: "top",
activeTabName: "list_" + dlgId,
// type: "border-card",
children: [
{
controlName: "HcTabPane",
controlId: "HcTabPane_list_" + dlgId,
label: "列表",
name: "list_" + dlgId,
children: []
.concat(hcTable)
.concat(hcPagination)
},
{
controlName: "HcTabPane",
controlId: "HcTabPane_detail_" + dlgId,
label: "详情",
name: hcTabDetailId,
children: []
.concat(hcDetailForm ? hcDetailForm : [])
}
]
}
// 应用报表模型
var birtWorkBook = Object.assign({
controlName: "BirtWorkBook",
controlId: "BirtWorkBook_" + dlgId,
showToolBar: false,
totalPage: 1,
renderType: "pages",
height: function (parentHeight) {
return parentHeight - 1;
},
}, conf.birtWorkBook || {})
// 添加布局结构
birtWorkBook.children = [
{
controlName: "BirtSheet",
controlId: "BirtSheet_" + dlgId,
name: "sheet_" + dlgId,
pageIndex: 0,
dataSets: [queryDataset, saveDataset],
children: [
{
controlName: "BirtFormSheet",
controlId: "BirtFormSheet_" + dlgId,
children: [
{
controlName: 'HcRow',
controlId: 'HcRow_' + dlgId,
children:[
{
controlName: 'HcCol',
controlId: 'HcCol_1',
span: 8,
children:[].concat(hcFormToolbar ? hcFormToolbar : []).concat(hcForm)
},
{
controlName: 'HcCol',
controlId: 'HcCol_2',
span: 16,
children:[].concat(hcQueryPanel ? hcQueryPanel : [])
.concat(hcTabs)
},
]
}
]
}
]
}
]
return birtWorkBook
}