birt TabTableDetail模板修改

08335 / hivui-platform-template

hivui平台项目模板

Browse code birt TabTableDetail模板修改 master
1 parent 45189ae commit 1e971b2cd961e2027d943ed64a0c7928de064af5 hhb authored on 26 Jan 2022

Showing 11 changed files

Ignore Space Show notes View project/hivuiBirt/templates/pages/TabTableDetail.js
/** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil"; import { QueryStyleFactory } from "../query-panel/QueryStyleFactory"; export function TabTableDetail(conf) { const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabListId = "list_" + dlgId; const hcTabDetailId = "detail_" + dlgId; const hcQueryPanelId = "HcQueryPanel_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: hcQueryPanelId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary: true, height: function (parentHeight) { return parentHeight - 120; }, 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) { debugger 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 returnBtn = { controlName: 'HcButton', controlId: 'HcButton_' + dlgId, title: '返回', size: 'mini', style: 'position: absolute;top:35px;left:35px;z-index:2001', events:{ click:function(){ debugger let curtTabs = this.getRefCompt(hcTabsId); let qPanel = this.getRefCompt(hcQueryPanelId); curtTabs.setActiveTabName(hcTabListId); if(qPanel){ qPanel.$refs[hcQueryPanelId].doQuery() } } } } var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: hcTabListId, tabPosition: 'right', // type: "border-card", children: [ { controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: hcTabListId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(returnBtn) .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], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] // .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) } ] } ] return birtWorkBook } /* * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil"; import { QueryStyleFactory } from "../query-panel/QueryStyleFactory"; export function TabTableDetail(conf) { const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 var queryDataset = conf.mainDataset; queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary:true, height: function (parentHeight) { debugger return parentHeight - 170; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({ url: "/data/querys" }, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } 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(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) } ] } debugger // 应用报表模型 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], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) } ] } ] return birtWorkBook }

Ignore Space Show notes View

project/hivuiBirt/templates/pages/TabTableDetail.js

export function TabTableDetail(conf) {
    const dlgId = StringUtil.randomString(6);
    const hcTabsId = "HcTabs_" + dlgId;
    const hcTabListId = "list_" + dlgId;
    const hcTabDetailId = "detail_" + dlgId;
    const hcQueryPanelId = "HcQueryPanel_" + dlgId;
    // 设置数据集id，分页
    var queryDataset = conf.mainDataset;
    queryDataset.controlId += "_" + dlgId;
    queryDataset._infcPagging = {
        _isPagging: true,
        returnCount: true
    }

// 查询面板
    let hcQueryPanel = false;
    if (conf.hcQueryPanel) {
        hcQueryPanel = {
            controlName: "HcQueryPanel",
            controlId: hcQueryPanelId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) || {});
    }

// 详情表单 
    var hcDetailForm = false;
    if (conf.hcDetailForm) {
        hcDetailForm = Object.assign(
            conf.hcDetailForm,
            {
                height: function (parentHeight) {
                    debugger
                    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 returnBtn = {
        controlName: 'HcButton',
        controlId: 'HcButton_' + dlgId,
        title: '返回',
        size: 'mini',
        style: 'position: absolute;top:35px;left:35px;z-index:2001',
        events:{
            click:function(){
                debugger
                let curtTabs = this.getRefCompt(hcTabsId);
                let qPanel = this.getRefCompt(hcQueryPanelId);
                curtTabs.setActiveTabName(hcTabListId);
                if(qPanel){
                    qPanel.$refs[hcQueryPanelId].doQuery()
                }
            }
        }
    }
    var hcTabs = {
        controlName: "HcTabs",
        controlId: hcTabsId,
        tabPosition: "top",
        activeTabName: hcTabListId,
        tabPosition: 'right',
        // type: "border-card",
        children: [
            {
                controlName: "HcTabPane",
                controlId: "HcTabPane_list_" + dlgId,
                label: "列表",
                name: hcTabListId,
                children: []
                    .concat(hcQueryPanel ? hcQueryPanel : [])
                    .concat(hcFormToolbar ? hcFormToolbar : [])
                    .concat(hcTable)
                    .concat(hcPagination)
            },
            {
                controlName: "HcTabPane",
                controlId: "HcTabPane_detail_" + dlgId,
                label: "详情",
                name: hcTabDetailId,
                children: []
                    .concat(returnBtn)
                    .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],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: []
                        // .concat(hcQueryPanel ? hcQueryPanel : [])
                        .concat(hcTabs)
                }
            ]
        }
    ]
    return birtWorkBook
}

export function TabTableDetail(conf) {
    const dlgId = StringUtil.randomString(6);
    const hcTabsId = "HcTabs_" + dlgId;
    const hcTabDetailId = "detail_" + dlgId;
    // 设置数据集id，分页
    var queryDataset = conf.mainDataset;
    queryDataset.controlId += "_" + dlgId;
    queryDataset._infcPagging = {
        _isPagging: true,
        returnCount: true
    }

// 查询面板
    let hcQueryPanel = false;
    if (conf.hcQueryPanel) {
        hcQueryPanel = {
            controlName: "HcQueryPanel",
            controlId: "HcQueryPanel_" + dlgId,
            dataset: queryDataset.controlId,
            children: []
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel, QueryStyleFactory.buildForm(conf.hcQueryPanel) || {});
    }

// 详情表单 
    var hcDetailForm = false;
    if (conf.hcDetailForm) {
        hcDetailForm = Object.assign(
            conf.hcDetailForm,
            {
                height: function (parentHeight) {
                    return parentHeight - 170;
                },
            })
    }

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(hcFormToolbar ? hcFormToolbar : [])
                    .concat(hcTable)
                    .concat(hcPagination)
            },
            {
                controlName: "HcTabPane",
                controlId: "HcTabPane_detail_" + dlgId,
                label: "详情",
                name: hcTabDetailId,
                children: []
                    .concat(hcDetailForm ? hcDetailForm : [])
            }
        ]
    }
    debugger
    // 应用报表模型
    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],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: []
                        .concat(hcQueryPanel ? hcQueryPanel : [])
                        .concat(hcTabs)
                }
            ]
        }
    ]
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/form-main-sub-detail.js 100644 → 0
/** * 主从表单，网格详情，页面模板 * @param {} mainDataset 主数据集，命名规范 ds_[数组下标]_[对话框id] @param {} subDataset 从数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { formStyle01 } from "@birt/templates/compose/data-list/form-style-01"; import { editTable } from "../compose/table/edit-table" export function newInstance(mainDataset, subDataset, conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id mainDataset.controlId += "_" + dlgId; subDataset.controlId += "_sub_" + dlgId var hcFormToolbar = false; if (conf.hcFormToolbar) { // 表单操作工具条 hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: mainDataset.controlId, size: "small", addOne: "true", style: "padding:15px;text-align:right;" } // 应用工具条个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 表单内容 var hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: mainDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用表单个性化配置 Object.assign(hcForm, conf.hcForm \|\| {}); // 表单网格明细 var hcTable = editTable(dlgId, subDataset.controlId, conf); // 网格明细详情内容 var hcTableDetailForm = false; if (hcTable.detailForm) { hcTableDetailForm = { controlName: "HcForm", controlId: "HcForm_sub_" + dlgId, dataset: subDataset.controlId, // labelWidth: "80px", children: [ formStyle01( hcTable.detailForm.form, hcTable.detailForm.cols )], }; } // 系统表单自动填充字段 var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: mainDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, conf.hcSysForm \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "detail", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [mainDataset, subDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcForm) .concat(hcTable) .concat(hcTableDetailForm ? hcTableDetailForm : []) .concat(hcSysForm ? hcSysForm : []) } ] } ]; // 返回布局结构 return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/form-main-sub-detail.js 100644 → 0

/**
 * 主从表单，网格详情，页面模板
 * @param {*} mainDataset 主数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} subDataset 从数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { formStyle01 } from "@birt/templates/compose/data-list/form-style-01";
import { editTable } from "../compose/table/edit-table"

export function newInstance(mainDataset, subDataset, conf) {
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    mainDataset.controlId += "_" + dlgId;
    subDataset.controlId += "_sub_" + dlgId

// 表单内容
    var hcForm = {
        controlName: "HcForm",
        controlId: "HcForm_" + dlgId,
        dataset: mainDataset.controlId,
        labelWidth: "80px",
        rules: {
        },
        children: [],
    };
    // 应用表单个性化配置
    Object.assign(hcForm, conf.hcForm || {});

// 表单网格明细
    var hcTable = editTable(dlgId, subDataset.controlId, conf);

// 网格明细详情内容
    var hcTableDetailForm = false;
    if (hcTable.detailForm) {
        hcTableDetailForm = {
            controlName: "HcForm",
            controlId: "HcForm_sub_" + dlgId,
            dataset: subDataset.controlId,
            // labelWidth: "80px",
            children: [
                formStyle01(
                    hcTable.detailForm.form,
                    hcTable.detailForm.cols
                )],
        };
    }
    // 系统表单自动填充字段
    var hcSysForm = false;
    if (conf.hcSysForm) {
        var hcSysForm = {
            controlName: "HcForm",
            controlId: "HcForm_sys_" + dlgId,
            dataset: mainDataset.controlId,
            labelWidth: "80px",
            rules: {
            },
            children: [],
        };
        // 应用系统字段表单个性化配置
        Object.assign(hcSysForm, conf.hcSysForm || {});
    }
    // 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "detail",
        height: function (parentHeight) {
            return parentHeight;
        },
    }, conf.birtWorkBook || {})
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [mainDataset, subDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: []
                        .concat(hcFormToolbar ? hcFormToolbar : [])
                        .concat(hcForm)
                        .concat(hcTable)
                        .concat(hcTableDetailForm ? hcTableDetailForm : [])
                        .concat(hcSysForm ? hcSysForm : [])
                }
            ]
        }
    ];
    // 返回布局结构
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/form-main-sub-save.js 100644 → 0
/** * 表单带网格明细保存，页面模板 * @param {} mainDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { formStyle01 } from "@birt/templates/compose/data-list/form-style-01"; import { editTable } from "../compose/table/edit-table" export function newInstance(mainDataset, subDataset, conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id (加上随机数，下推映射不到目标数据集) // mainDataset.controlId += "_" + dlgId; // subDataset.controlId += "_sub_" + dlgId // 表单操作工具条 var hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: mainDataset.controlId, layout: ["cancel", "save"], size: "small", addOne: "true", style: "padding:15px;text-align:right;" } // 应用工具条个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 标题 var hcTitle = false; if (conf.hcTitle) { hcTitle = { controlName: "HcTextLabel", controlId: "HcTextLabel_" + dlgId } // 应用标题个性化配置 Object.assign(hcTitle, conf.hcTitle \|\| {}); } // 表单内容 var hcForm = false; if (conf.hcForm) { hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: mainDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用表单个性化配置 Object.assign(hcForm, conf.hcForm \|\| {}); } // 表单网格明细 if (!conf.hcTable) { conf.hcTable = {} } if (!(conf.hcTable.isEdit === false)) { conf.hcTable.isEdit = true; } var hcTable = editTable(dlgId, subDataset.controlId, conf); // 网格明细详情内容 var hcTableDetailForm = false; if (hcTable.detailForm) { hcTableDetailForm = { controlName: "HcForm", controlId: "HcForm_sub_" + dlgId, dataset: subDataset.controlId, // labelWidth: "80px", children: [ formStyle01( hcTable.detailForm.form, hcTable.detailForm.cols )], }; // 应用表单个性化配置 // Object.assign(hcTableDetailForm, \|\| {}); } // 系统表单自动填充字段 debugger var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: mainDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, conf.hcSysForm \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 150; }, }, conf.birtWorkBook \|\| {}) birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [mainDataset, subDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTitle ? hcTitle : []) .concat(hcForm ? hcForm : []) .concat(hcTable ? hcTable : []) .concat(hcTableDetailForm ? hcTableDetailForm : []) .concat(hcSysForm ? hcSysForm : []) } ] } ]; // 返回布局结构 return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/form-main-sub-save.js 100644 → 0

/**
 * 表单带网格明细保存，页面模板
 * @param {*} mainDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { formStyle01 } from "@birt/templates/compose/data-list/form-style-01";
import { editTable } from "../compose/table/edit-table"

export function newInstance(mainDataset, subDataset, conf) {
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id (加上随机数，下推映射不到目标数据集)
    // mainDataset.controlId += "_" + dlgId;
    // subDataset.controlId += "_sub_" + dlgId

// 表单操作工具条
    var hcFormToolbar = false;
    if (conf.hcFormToolbar) {
        hcFormToolbar = {
            controlName: "HcFormToolbar",
            controlId: "HcFormToolbar_" + dlgId,
            dataset: mainDataset.controlId,
            layout: ["cancel", "save"],
            size: "small",
            addOne: "true",
            style: "padding:15px;text-align:right;"
        }
        // 应用工具条个性化配置
        Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    }

// 标题
    var hcTitle = false;
    if (conf.hcTitle) {
        hcTitle = {
            controlName: "HcTextLabel",
            controlId: "HcTextLabel_" + dlgId
        }
        // 应用标题个性化配置
        Object.assign(hcTitle, conf.hcTitle || {});
    }

// 表单内容
    var hcForm = false;
    if (conf.hcForm) {
        hcForm = {
            controlName: "HcForm",
            controlId: "HcForm_" + dlgId,
            dataset: mainDataset.controlId,
            labelWidth: "80px",
            rules: {
            },
            children: [],
        };
        // 应用表单个性化配置
        Object.assign(hcForm, conf.hcForm || {});
    }

// 表单网格明细
    if (!conf.hcTable) {
        conf.hcTable = {}
    }
    if (!(conf.hcTable.isEdit === false)) {
        conf.hcTable.isEdit = true;
    }
    var hcTable = editTable(dlgId, subDataset.controlId, conf);
    // 网格明细详情内容
    var hcTableDetailForm = false;
    if (hcTable.detailForm) {
        hcTableDetailForm = {
            controlName: "HcForm",
            controlId: "HcForm_sub_" + dlgId,
            dataset: subDataset.controlId,
            // labelWidth: "80px",
            children: [
                formStyle01(
                    hcTable.detailForm.form,
                    hcTable.detailForm.cols
                )],
        };
        // 应用表单个性化配置
        // Object.assign(hcTableDetailForm,  || {});
    }
    // 系统表单自动填充字段
    debugger
    var hcSysForm = false;
    if (conf.hcSysForm) {
        var hcSysForm = {
            controlName: "HcForm",
            controlId: "HcForm_sys_" + dlgId,
            dataset: mainDataset.controlId,
            labelWidth: "80px",
            rules: {
            },
            children: [],
        };
        // 应用系统字段表单个性化配置
        Object.assign(hcSysForm, conf.hcSysForm || {});
    }
    // 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "pages",
        height: function (parentHeight) {
            return parentHeight - 150;
        },
    }, conf.birtWorkBook || {})
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [mainDataset, subDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: []
                        .concat(hcFormToolbar ? hcFormToolbar : [])
                        .concat(hcTitle ? hcTitle : [])
                        .concat(hcForm ? hcForm : [])
                        .concat(hcTable ? hcTable : [])
                        .concat(hcTableDetailForm ? hcTableDetailForm : [])
                        .concat(hcSysForm ? hcSysForm : [])
                }
            ]
        }
    ];
    // 返回布局结构
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/form-single-detail.js 100644 → 0
/** * 单一表单详情，页面模板 * @param {} detailDataset 详情数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; export function newInstance(detailDataset, conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id detailDataset.controlId += "_" + dlgId; var hcFormToolbar = false; if (conf.hcFormToolbar) { // 表单操作工具条 hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: detailDataset.controlId, size: "small", addOne: "true", style: "padding:15px;text-align:right;" } // 应用工具条个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 表单内容 var hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: detailDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用表单个性化配置 Object.assign(hcForm, conf.hcForm \|\| {}); // 系统表单自动填充字段 var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: detailDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, conf.hcSysForm \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "detail", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [detailDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcForm) .concat(hcSysForm ? hcSysForm : []) } ] } ]; // 返回布局结构 return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/form-single-detail.js 100644 → 0

/**
 * 单一表单详情，页面模板
 * @param {*} detailDataset 详情数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";

export function newInstance(detailDataset, conf) {
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    detailDataset.controlId += "_" + dlgId;

// 表单内容
    var hcForm = {
        controlName: "HcForm",
        controlId: "HcForm_" + dlgId,
        dataset: detailDataset.controlId,
        labelWidth: "80px",
        rules: {
        },
        children: [],
    };
    // 应用表单个性化配置
    Object.assign(hcForm, conf.hcForm || {});

// 系统表单自动填充字段
    var hcSysForm = false;
    if (conf.hcSysForm) {
        var hcSysForm = {
            controlName: "HcForm",
            controlId: "HcForm_sys_" + dlgId,
            dataset: detailDataset.controlId,
            labelWidth: "80px",
            rules: {
            },
            children: [],
        };
        // 应用系统字段表单个性化配置
        Object.assign(hcSysForm, conf.hcSysForm || {});
    }

// 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "detail",
        height: function (parentHeight) {
            return parentHeight;
        },
    }, conf.birtWorkBook || {})
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [detailDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: []
                        .concat(hcFormToolbar ? hcFormToolbar : [])
                        .concat(hcForm)
                        .concat(hcSysForm ? hcSysForm : [])
                }
            ]
        }
    ];
    // 返回布局结构
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/form-single-save.js 100644 → 0
/** * 单一表单保存，页面模板 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { editTable } from "../compose/table/edit-table" export function newInstance(saveDataset, conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id // saveDataset.controlId += "_" + dlgId; // 表单操作工具条 var hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: saveDataset.controlId, layout: ["cancel", "save"], addOne: true, size: "small", style: "padding:15px;" } // 应用工具条个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); // 表单内容 var hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: saveDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用表单个性化配置 Object.assign(hcForm, conf.hcForm \|\| {}); // 冗余表格 var hcTable = false; if (conf.hcTable) { // 表单网格明细 hcTable = editTable(dlgId, saveDataset.controlId, conf); } // 系统表单自动填充字段 var hcSysForm = false; if (conf.hcSysForm) { var hcSysForm = { controlName: "HcForm", controlId: "HcForm_sys_" + dlgId, dataset: saveDataset.controlId, labelWidth: "80px", rules: { }, children: [], }; // 应用系统字段表单个性化配置 Object.assign(hcSysForm, conf.hcSysForm \|\| {}); } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [saveDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ hcFormToolbar, hcForm ] .concat(hcTable ? hcTable : []) .concat(hcSysForm ? hcSysForm : []) } ] } ]; // 返回布局结构 return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/form-single-save.js 100644 → 0

/**
 * 单一表单保存，页面模板
 * @param {*} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { editTable } from "../compose/table/edit-table"

export function newInstance(saveDataset, conf) {
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    // saveDataset.controlId += "_" + dlgId;
    // 表单操作工具条
    var hcFormToolbar = {
        controlName: "HcFormToolbar",
        controlId: "HcFormToolbar_" + dlgId,
        dataset: saveDataset.controlId,
        layout: ["cancel", "save"],
        addOne: true,
        size: "small",
        style: "padding:15px;"
    }
    // 应用工具条个性化配置
    Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    // 表单内容
    var hcForm = {
        controlName: "HcForm",
        controlId: "HcForm_" + dlgId,
        dataset: saveDataset.controlId,
        labelWidth: "80px",
        rules: {
        },
        children: [],
    };
    // 应用表单个性化配置
    Object.assign(hcForm, conf.hcForm || {});

// 冗余表格
    var hcTable = false;
    if (conf.hcTable) {
        // 表单网格明细
        hcTable = editTable(dlgId, saveDataset.controlId, conf);
    }

// 系统表单自动填充字段
    var hcSysForm = false;
    if (conf.hcSysForm) {
        var hcSysForm = {
            controlName: "HcForm",
            controlId: "HcForm_sys_" + dlgId,
            dataset: saveDataset.controlId,
            labelWidth: "80px",
            rules: {
            },
            children: [],
        };
        // 应用系统字段表单个性化配置
        Object.assign(hcSysForm, conf.hcSysForm || {});
    }

// 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "pages",
        height: function (parentHeight) {
            return parentHeight;
        },
    }, conf.birtWorkBook || {})
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [saveDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: [
                        hcFormToolbar,
                        hcForm
                    ]
                        .concat(hcTable ? hcTable : [])
                        .concat(hcSysForm ? hcSysForm : [])
                }
            ]
        }
    ];
    // 返回布局结构
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/form-table-detail.js 100644 → 0
/** * 表单，网格明细，页面模板 * @param {} detailDataset 详情数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; export function newInstance(detailDataset, conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id detailDataset.controlId += "_" + dlgId; // 详情表单 var hcForm = false; if (conf.hcForm) { hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: detailDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcForm, conf.hcForm \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: detailDataset.controlId, height: function (parentHeight) { return parentHeight - 100; }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "detail", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [detailDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [].concat(hcForm ? hcForm : []).concat(hcTable) } ] } ] return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/form-table-detail.js 100644 → 0

/**
 * 表单，网格明细，页面模板
 * @param {*} detailDataset 详情数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";

export function newInstance(detailDataset, conf) {
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    detailDataset.controlId += "_" + dlgId;

// 详情表单
    var hcForm = false;
    if (conf.hcForm) {
        hcForm = {
            controlName: "HcForm",
            controlId: "HcForm_" + dlgId,
            dataset: detailDataset.controlId,
            children: []
        }
        // 应用表单个性化配置
        Object.assign(hcForm, conf.hcForm || {});
    }
    // 网格明细
    var hcTable = {
        controlName: "HcTable",
        controlId: "HcTable_" + dlgId,
        dataset: detailDataset.controlId,
        height: function (parentHeight) {
            return parentHeight - 100;
        },
        children: [],
    };
    // 应用网格个性化配置
    Object.assign(hcTable, conf.hcTable || {});

// 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "detail",
        height: function (parentHeight) {
            return parentHeight;
        },
    }, conf.birtWorkBook || {})
    // 添加布局结构
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [detailDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: [].concat(hcForm ? hcForm : []).concat(hcTable)
                }
            ]
        }
    ]
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/tab-table-detail.js 100644 → 0
/** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { $CONST } from "@birt/funclib/ConstUtil"; import {baseURL,projectName,requestUrl} from '@birt/config' var pn = projectName \|\| 'birt' export function newInstance(queryDataset, conf) { const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, conf.hcQueryPanel \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary:true, height: function (parentHeight) { console.log(parentHeight); return parentHeight - 170; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { debugger let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({ url: "/data/querys?pn = " + pn }, row); let eleNumber = this.store && this.store._getEleNumber(); if (eleNumber) { pushParam[$CONST.FLOWNUMBER] = row[eleNumber.field]; } curtTabs.setActiveTabName(hcTabDetailId, pushParam); // alert(JSON.stringify(row)); }, }, 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(hcFormToolbar ? hcFormToolbar : []) .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], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) } ] } ] return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/tab-table-detail.js 100644 → 0

/**
 * 查询方案、查询面板、工具条、网格，标准查询页面
 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { $CONST } from "@birt/funclib/ConstUtil";
import {baseURL,projectName,requestUrl} from '@birt/config'
var pn = projectName || 'birt'
export function newInstance(queryDataset, conf) {
    
    const dlgId = StringUtil.randomString(6);
    const hcTabsId = "HcTabs_" + dlgId;
    const hcTabDetailId = "detail_" + dlgId;
    // 设置数据集id，分页
    queryDataset.controlId += "_" + dlgId;
    queryDataset._infcPagging = {
        _isPagging: true,
        returnCount: true
    }

// 详情表单 
    var hcDetailForm = false;
    if (conf.hcDetailForm) {
        hcDetailForm = Object.assign(
            conf.hcDetailForm, {
            height: function (parentHeight) {
                return parentHeight - 170;
            },
        })
    }

return parentHeight - 1;
        },
    }, conf.birtWorkBook || {})
    // 添加布局结构
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [queryDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: []
                        .concat(hcQueryPanel ? hcQueryPanel : [])
                        .concat(hcTabs)
                }
            ]
        }
    ]
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/tab-table-save.js 100644 → 0
/** * 查询方案、查询面板、工具条、网格，标准查询页面 * @param {} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import axios from "@birt/funclib/AxiosUtil"; import {baseURL,projectName,requestUrl} from '@birt/config' var pn = projectName \|\| 'birt' export function newInstance(queryDataset, addDataset, conf) { const dlgId = StringUtil.randomString(6); const hcTabsId = "HcTabs_" + dlgId; const hcTabDetailId = "detail_" + dlgId; // 设置数据集id，分页 queryDataset.controlId += "_" + dlgId; queryDataset._infcPagging = { _isPagging: true, returnCount: true } addDataset._editState = true; // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, conf.hcQueryPanel \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: queryDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } const hcTableId = "HcTable_" + dlgId const hcTableAddId = "HcTableAdd_" + dlgId // 网格明细 var hcTable = { controlName: "HcTable", controlId: hcTableId, dataset: queryDataset.controlId, border: true, showAddBtn: false, // showSummary:true, height: function (parentHeight) { return parentHeight - 170; }, events: { // 双击跳转至详情页 rowDblclick: function (row, column, event) { let curtTabs = this.getRefCompt(hcTabsId); let pushParam = Object.assign({ url: "/data/querys?pn = " + pn }, row); curtTabs.setActiveTabName(hcTabDetailId, pushParam); // alert(JSON.stringify(row)); }, }, children: [], }; // 网格新增 var hcTableAdd = { isEdit: true, controlName: "HcTable", controlId: hcTableAddId, dataset: addDataset.controlId, highlightCurrentRow: true, height: function (parentHeight) { return parentHeight - 180; }, size: "small", // showSummary:true, children: [], events: { currentChange: function (row) { this.store.setCurtRecord(row); if (this.store.data.length > 0) { this.getRefCompt('HcButton_save').conf.disabled = false } else { this.getRefCompt('HcButton_save').conf.disabled = true } } }, style: "margin:auto;" }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); Object.assign(hcTableAdd, conf.hcTableAdd \|\| {}); // 操作列 let operateColumn = { controlName: "HcTableColumnScope", controlId: "HcTableColumn_operate", label: "操作", width: 100, headerAlign: "center", fixed: "right", slot: "scope", children: [{ controlName: "HcButton", controlId: "HcButton_add", type: "primary", circle: true, icon: "el-icon-plus", disabled: function () { return this.store && this.store.allowAdd && !this.store.allowAdd(); }, events: { click() { let newRecd = this.store.newRecord(); this.store.add(newRecd); }, }, }, { controlName: "HcButton", controlId: "HcButton_del", type: "danger", circle: true, icon: "el-icon-delete", disabled: function () { return this.store && this.store.allowRemove && !this.store.allowRemove(); }, events: { click() { this.store.remove(this.scope.row); }, }, }, ], } hcTableAdd.children.push(operateColumn); // 详情表单 var hcDetailForm = false; if (conf.hcDetailForm) { hcDetailForm = Object.assign( conf.hcDetailForm, { height: function (parentHeight) { return parentHeight - 180; }, }) } // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: queryDataset.controlId, }; var extraBtn = { controlName: 'HcRow', controlId: 'ElRow_extra', style: 'position: absolute;z-index:99;right:30px;height: 40px;line-height: 40px;display:flex', children: [{ controlName: "HcButton", controlId: "HcButton_set", title: "列设置", icon: "el-icon-setting", size: 'small', disabled: function () { return false }, events: { click: function () { var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('list') > -1) { this.getRefCompt(hcTableId).$children[0].showMenu('70%', 0) } else { this.getRefCompt(hcTableAddId).$children[0].showMenu('70%', 0) } } } }, { controlName: "HcButton", controlId: "HcButton_save", title: "保存", icon: "el-icon-s-claim", disabled: true, size: 'small', events: { click: function () { var data = {}, __body = [] var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('add') > -1) { data = this.getWorkBook().dataset[addDataset.controlId] var addData = data.getData() addData.forEach(tem => { tem.$state = 'rsInsert'; }) __body = [{ modelFilePath: data.modelFilePath, data: addData }] } else { data = this.getWorkBook().dataset[queryDataset.controlId] __body = [{ modelFilePath: data.modelFilePath, data: data.getDirtyData() }] } if (__body && __body.length > 0) { this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('保存成功') } else { this.$message.error(res.msg) } }); } else { this.$message.warning('请添加数据') } } }, mounted() { let data = this.getWorkBook().dataset[queryDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_cancel", title: "取消", disabled: true, icon: 'el-icon-close', size: 'small', events: { click: function () { let data = this.getWorkBook().dataset[queryDataset.controlId] data.cancel(); } }, mounted() { let data = this.getWorkBook().dataset[queryDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_del", title: "删除", icon: 'el-icon-delete', size: 'small', events: { click: function () { let data = this.getWorkBook().dataset[queryDataset.controlId] let removeData = this.getRefCompt(hcTableId).$children[0].elTable().selection; if (removeData.length == 0) { this.$message.warning('未勾选要删除的选项') } else { this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { removeData.forEach(tem => { tem.$state = 'rsDelete'; }) var __body = [{ modelFilePath: data.modelFilePath, data: removeData }] this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('删除成功') data.remove(removeData) } else { this.$message.error(res.msg) } }); }) } }, }, } ] } var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list_" + dlgId, events: { click: function () { var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('detail') > -1) { this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none' } else { this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex' } } }, children: [{ controlName: "HcTabPane", controlId: "HcTabPane_list_" + dlgId, label: "列表", name: "list_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_add" + dlgId, label: "批量新增", name: "add_" + dlgId, children: [] .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTableAdd) }, { controlName: "HcTabPane", controlId: "HcTabPane_detail_" + dlgId, label: "详情", name: hcTabDetailId, children: [] .concat(hcDetailForm ? hcDetailForm : []) }, ], slot: [].concat(extraBtn) } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [{ controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [queryDataset, addDataset], axios: axios, saveUrl: "/data/save?pn = " + pn, children: [{ controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcTabs) // .concat(extraBtn) }] }] return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/tab-table-save.js 100644 → 0

/**
 * 查询方案、查询面板、工具条、网格，标准查询页面
 * @param {*} queryDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import axios from "@birt/funclib/AxiosUtil";
import {baseURL,projectName,requestUrl} from '@birt/config'
var pn = projectName || 'birt'
export function newInstance(queryDataset, addDataset, conf) {
  
  const dlgId = StringUtil.randomString(6);
  const hcTabsId = "HcTabs_" + dlgId;
  const hcTabDetailId = "detail_" + dlgId;
  // 设置数据集id，分页
  queryDataset.controlId += "_" + dlgId;
  queryDataset._infcPagging = {
    _isPagging: true,
    returnCount: true
  }

addDataset._editState = true;

// 查询面板
  let hcQueryPanel = false;
  if (conf.hcQueryPanel) {
    hcQueryPanel = {
      controlName: "HcQueryPanel",
      controlId: "HcQueryPanel_" + dlgId,
      dataset: queryDataset.controlId,
      children: []
    }
    // 应用查询面板个性化配置
    Object.assign(hcQueryPanel, conf.hcQueryPanel || {});
  }

// 操作工具条
  let hcFormToolbar = false;
  if (conf.hcFormToolbar) {
    hcFormToolbar = {
      controlName: "HcFormToolbar",
      controlId: "HcFormToolbar_" + dlgId,
      dataset: queryDataset.controlId,
      children: []
    }
    // 应用表单个性化配置
    Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
  }
  const hcTableId = "HcTable_" + dlgId
  const hcTableAddId = "HcTableAdd_" + dlgId
  // 网格明细
  var hcTable = {
    controlName: "HcTable",
    controlId: hcTableId,
    dataset: queryDataset.controlId,
    border: true,
    showAddBtn: false,
    // showSummary:true,
    height: function (parentHeight) {
      return parentHeight - 170;
    },
    events: {
      // 双击跳转至详情页
      rowDblclick: function (row, column, event) {
        let curtTabs = this.getRefCompt(hcTabsId);
        let pushParam = Object.assign({
          url: "/data/querys?pn = " + pn
        }, row);
        curtTabs.setActiveTabName(hcTabDetailId, pushParam);
        // alert(JSON.stringify(row));
      },
    },
    children: [],
  };
  // 网格新增
  var hcTableAdd = {
    isEdit: true,
    controlName: "HcTable",
    controlId: hcTableAddId,
    dataset: addDataset.controlId,
    highlightCurrentRow: true,
    height: function (parentHeight) {
      return parentHeight - 180;
    },
    size: "small",
    // showSummary:true,
    children: [],
    events: {
      currentChange: function (row) {
        this.store.setCurtRecord(row);
        if (this.store.data.length > 0) {
          this.getRefCompt('HcButton_save').conf.disabled = false
        } else {
          this.getRefCompt('HcButton_save').conf.disabled = true
        }
      }
    },
    style: "margin:auto;"
  };
  // 应用网格个性化配置
  Object.assign(hcTable, conf.hcTable || {});
  Object.assign(hcTableAdd, conf.hcTableAdd || {});
  // 操作列 
  let operateColumn = {
    controlName: "HcTableColumnScope",
    controlId: "HcTableColumn_operate",
    label: "操作",
    width: 100,
    headerAlign: "center",
    fixed: "right",
    slot: "scope",
    children: [{
      controlName: "HcButton",
      controlId: "HcButton_add",
      type: "primary",
      circle: true,
      icon: "el-icon-plus",
      disabled: function () {
        return this.store && this.store.allowAdd && !this.store.allowAdd();
      },
      events: {
        click() {
          let newRecd = this.store.newRecord();
          this.store.add(newRecd);
        },
      },
    },
    {
      controlName: "HcButton",
      controlId: "HcButton_del",
      type: "danger",
      circle: true,
      icon: "el-icon-delete",
      disabled: function () {
        return this.store && this.store.allowRemove && !this.store.allowRemove();
      },
      events: {
        click() {
          this.store.remove(this.scope.row);
        },
      },
    },
    ],
  }
  hcTableAdd.children.push(operateColumn);

// 详情表单 
  var hcDetailForm = false;
  if (conf.hcDetailForm) {
    hcDetailForm = Object.assign(
      conf.hcDetailForm, {
      height: function (parentHeight) {
        return parentHeight - 180;
      },
    })
  }

var hcTabs = {
    controlName: "HcTabs",
    controlId: hcTabsId,
    tabPosition: "top",
    activeTabName: "list_" + dlgId,
    events: {
      click: function () {
        var tabs = this.getRefCompt(hcTabsId).activeTabName
        if (tabs.indexOf('detail') > -1) {
          this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'none'
        } else {
          this.getRefCompt('HcButton_set').$parent.$parent.$el.style.display = 'flex'
        }
      }
    },
    children: [{
      controlName: "HcTabPane",
      controlId: "HcTabPane_list_" + dlgId,
      label: "列表",
      name: "list_" + dlgId,
      children: []
        .concat(hcFormToolbar ? hcFormToolbar : [])
        .concat(hcTable)
        .concat(hcPagination)
    },
    {
      controlName: "HcTabPane",
      controlId: "HcTabPane_add" + dlgId,
      label: "批量新增",
      name: "add_" + dlgId,
      children: []
        .concat(hcFormToolbar ? hcFormToolbar : [])
        .concat(hcTableAdd)
    },
    {
      controlName: "HcTabPane",
      controlId: "HcTabPane_detail_" + dlgId,
      label: "详情",
      name: hcTabDetailId,
      children: []
        .concat(hcDetailForm ? hcDetailForm : [])
    },
    ],
    slot: [].concat(extraBtn)
  }
  // 应用报表模型
  var birtWorkBook = Object.assign({
    controlName: "BirtWorkBook",
    controlId: "BirtWorkBook_" + dlgId,
    showToolBar: false,
    totalPage: 1,
    renderType: "pages",
    height: function (parentHeight) {

return parentHeight;
    },
  }, conf.birtWorkBook || {})
  // 添加布局结构
  birtWorkBook.children = [{
    controlName: "BirtSheet",
    controlId: "BirtSheet_" + dlgId,
    name: "sheet_" + dlgId,
    pageIndex: 0,
    dataSets: [queryDataset, addDataset],
    axios: axios,
    saveUrl: "/data/save?pn = " + pn,
    children: [{
      controlName: "BirtFormSheet",
      controlId: "BirtFormSheet_" + dlgId,
      children: []
        .concat(hcQueryPanel ? hcQueryPanel : [])
        .concat(hcTabs)
      // .concat(extraBtn)
    }]
  }]
  return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/table-pagging-save.js 100644 → 0
/** * 保存工具条、查询方案、查询面板、工具条、网格、分页工具条，标准网络批量编辑页面 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; export function newInstance(saveDataset, conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id，分页 saveDataset.controlId += "_" + dlgId; saveDataset._infcPagging = { _isPagging: true, returnCount: true } // 保存工具条 let hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: saveDataset.controlId, size: "small", style: "height:30px;", children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); // 查询面板 let hcQueryPanel = false; if (conf.hcQueryPanel) { hcQueryPanel = { controlName: "HcQueryPanel", controlId: "HcQueryPanel_" + dlgId, dataset: saveDataset.controlId, children: [], style: "height:50px;" } // 应用查询面板个性化配置 Object.assign(hcQueryPanel, conf.hcQueryPanel \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: saveDataset.controlId, showAddBtn: false, height: function (parentHeight) { return parentHeight - 170; }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: saveDataset.controlId, }; // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [saveDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [] .concat(hcQueryPanel ? hcQueryPanel : []) .concat(hcFormToolbar) .concat(hcTable) .concat(hcPagination) } ] } ] return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/table-pagging-save.js 100644 → 0

/**
 * 保存工具条、查询方案、查询面板、工具条、网格、分页工具条，标准网络批量编辑页面
 * @param {*} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";

export function newInstance(saveDataset, conf) {
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id，分页
    saveDataset.controlId += "_" + dlgId;
    saveDataset._infcPagging = {
        _isPagging: true,
        returnCount: true
    }

// 保存工具条
    let hcFormToolbar = {
        controlName: "HcFormToolbar",
        controlId: "HcFormToolbar_" + dlgId,
        dataset: saveDataset.controlId,
        size: "small",
        style: "height:30px;",
        children: []
    }
    // 应用表单个性化配置
    Object.assign(hcFormToolbar, conf.hcFormToolbar || {});

// 查询面板
    let hcQueryPanel = false;
    if (conf.hcQueryPanel) {
        hcQueryPanel = {
            controlName: "HcQueryPanel",
            controlId: "HcQueryPanel_" + dlgId,
            dataset: saveDataset.controlId,
            children: [],
            style: "height:50px;"
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel, conf.hcQueryPanel || {});
    }

// 网格明细
    var hcTable = {
        controlName: "HcTable",
        controlId: "HcTable_" + dlgId,
        dataset: saveDataset.controlId,
        showAddBtn: false,
        height: function (parentHeight) {
            return parentHeight - 170;
        },
        children: [],
    };
    // 应用网格个性化配置
    Object.assign(hcTable, conf.hcTable || {});

// 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "pages",
        height: function (parentHeight) {
            return parentHeight;
        },
    }, conf.birtWorkBook || {})
    // 添加布局结构
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [saveDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: []
                        .concat(hcQueryPanel ? hcQueryPanel : [])
                        .concat(hcFormToolbar)
                        .concat(hcTable)
                        .concat(hcPagination)
                }
            ]
        }
    ]
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/tree-tab-table-query.js 100644 → 0
/** * 左边树，右边网格明细查询 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { treeEditFilter } from "../compose/tree-edit-filter" export function newInstance(queryDataset,saveDataset, conf) { debugger const dlgId = StringUtil.randomString(6); // 设置数据集id queryDataset.controlId += "_" + dlgId; saveDataset.controlId += "_" + dlgId; const hcTabsId = "HcTabs_" + dlgId; const hcTableId1 = "HcTable1_" + dlgId const hcTableId2 = "HcTable2_" + dlgId // 编辑过滤树 let treeEditFilterInsc = treeEditFilter(dlgId, queryDataset.controlId, conf.treeEditFilter); console.log('treeEditFilterInsc', treeEditFilterInsc) // 查询面板 let hcQueryPanel1 = false; let hcQueryPanel2 = false; if (conf.hcQueryPanel1) { hcQueryPanel1 = { controlName: "HcQueryPanel", controlId: "hcQueryPanel1_" + dlgId, dataset: saveDataset.controlId, style: 'margin: 10px 0;', children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel1, conf.hcQueryPanel1 \|\| {}); } if (conf.hcQueryPanel2) { hcQueryPanel2 = { controlName: "HcQueryPanel", controlId: "hcQueryPanel2_" + dlgId, dataset: saveDataset.controlId, style: 'margin: 10px 0;', children: [] } // 应用查询面板个性化配置 Object.assign(hcQueryPanel2, conf.hcQueryPanel2 \|\| {}); } // 操作工具条 let hcFormToolbar = false; if (conf.hcFormToolbar) { hcFormToolbar = { controlName: "HcFormToolbar", controlId: "HcFormToolbar_" + dlgId, dataset: saveDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcFormToolbar, conf.hcFormToolbar \|\| {}); } // 网格明细 var hcTable1 = { controlName: "HcTable", controlId: hcTableId1, dataset: saveDataset.controlId, height: function (parentHeight) { return parentHeight - 10; }, children: [], }; var hcTable2 = { controlName: "HcTable", controlId: hcTableId2, dataset: saveDataset.controlId, height: function (parentHeight) { return parentHeight - 40; }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable1, conf.hcTable1 \|\| {}); Object.assign(hcTable2, conf.hcTable2 \|\| {}); // 分页工具条 var hcPagination = { controlName: "HcPagination", controlId: "HcPagination_" + dlgId, pageSizes: [10, 20, 50, 100], layout: "total, prev, pager, next, sizes, jumper", dataset: saveDataset.controlId, }; var extraBtn = { controlName: 'HcRow', controlId: 'ElRow_extra', style: 'position: absolute;z-index:99;right:30px;height: 40px;line-height: 40px;display:flex', children: [ { controlName: "HcButton", controlId: "HcButton_set", title: "列设置", icon: "el-icon-setting", size: 'small', disabled: function () { return false }, events: { click: function () { debugger var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('list1') > -1) { this.getRefCompt(hcTableId1).$children[0].showMenu('70%', 0) } else { this.getRefCompt(hcTableId2).$children[0].showMenu('70%', 0) } } } }, { controlName: "HcButton", controlId: "HcButton_save", title: "保存", icon: "el-icon-s-claim", disabled: true, size: 'small', events: { click: function () { var data = {}, __body = [] var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('list1') > -1) { data = this.getWorkBook().dataset[queryDataset.controlId] __body = [{ modelFilePath: data.modelFilePath, data: data.getDirtyData() }] // var addData = data.getData() // addData.forEach(tem => { // tem.$state = 'rsInsert'; // }) // __body = [{ // modelFilePath: data.modelFilePath, // data: addData // }] } else { data = this.getWorkBook().dataset[saveDataset.controlId] __body = [{ modelFilePath: data.modelFilePath, data: data.getDirtyData() }] } if (__body && __body.length > 0) { this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('保存成功') } else { this.$message.error(res.msg) } }); } else { this.$message.warning('请添加数据') } } }, mounted() { debugger let data = this.getWorkBook().dataset[saveDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_cancel", title: "取消", disabled: true, icon: 'el-icon-close', size: 'small', events: { click: function () { let data = this.getWorkBook().dataset[saveDataset.controlId] data.cancel(); } }, mounted() { debugger let data = this.getWorkBook().dataset[saveDataset.controlId] let me = this; data.on("dirtyChange", (isDirty) => { me.conf.disabled = !isDirty; }); }, }, { controlName: "HcButton", controlId: "HcButton_del", title: "删除", icon: 'el-icon-delete', size: 'small', events: { click: function () { let data,removeData var tabs = this.getRefCompt(hcTabsId).activeTabName if (tabs.indexOf('list1') > -1) { data = this.getWorkBook().dataset[queryDataset.controlId] removeData = this.getRefCompt(hcTableId1).$children[0].elTable().selection; }else{ data = this.getWorkBook().dataset[saveDataset.controlId] removeData = this.getRefCompt(hcTableId2).$children[0].elTable().selection; } if (removeData.length == 0) { this.$message.warning('未勾选要删除的选项') } else { this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { removeData.forEach(tem => { tem.$state = 'rsDelete'; }) var __body = [{ modelFilePath: data.modelFilePath, data: removeData }] this.axios.post(data.saveUrl, { __body: JSON.stringify(__body) }).then((res) => { if (res.status == 200) { this.$message.success('删除成功') data.remove(removeData) } else { this.$message.error(res.msg) } }); }) } }, }, } ] } var hcTabs = { controlName: "HcTabs", controlId: hcTabsId, tabPosition: "top", activeTabName: "list1_" + dlgId, height: function (parentHeight) { debugger return parentHeight - 120; }, // type: "border-card", children: [ { controlName: "HcTabPane", controlId: "HcTabPane_list1_" + dlgId, label: "机构列表", name: "list1_" + dlgId, children: [] .concat(hcQueryPanel1 ? hcQueryPanel1 : []) .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable1) .concat(hcPagination) }, { controlName: "HcTabPane", controlId: "HcTabPane_list2_" + dlgId, label: "人员列表", name: "list2_" + dlgId, children: [] .concat(hcQueryPanel2 ? hcQueryPanel2 : []) .concat(hcFormToolbar ? hcFormToolbar : []) .concat(hcTable2) .concat(hcPagination) } ], slot: [].concat(extraBtn) } // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { debugger return parentHeight - 10; }, }, 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", gutter: 10, children: [ treeEditFilterInsc, { controlName: "HcCol", controlId: "HcCol_01_right", span: 18, children: [] .concat(hcTabs) } ] } ] } ] } ] return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/tree-tab-table-query.js 100644 → 0

/**
 * 左边树，右边网格明细查询
 * @param {*} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { StringUtil } from "@birt/funclib/StringUtil.js";
import { treeEditFilter } from "../compose/tree-edit-filter"

export function newInstance(queryDataset,saveDataset, conf) {
    debugger
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    queryDataset.controlId += "_" + dlgId;
    saveDataset.controlId += "_" + dlgId;
    const hcTabsId = "HcTabs_" + dlgId;
    const hcTableId1 = "HcTable1_" + dlgId
    const hcTableId2 = "HcTable2_" + dlgId
    // 编辑过滤树
    let treeEditFilterInsc = treeEditFilter(dlgId, queryDataset.controlId, conf.treeEditFilter);
    console.log('treeEditFilterInsc', treeEditFilterInsc)
    // 查询面板
    let hcQueryPanel1 = false;
    let hcQueryPanel2 = false;
    if (conf.hcQueryPanel1) {
      hcQueryPanel1 = {
            controlName: "HcQueryPanel",
            controlId: "hcQueryPanel1_" + dlgId,
            dataset: saveDataset.controlId,
            style: 'margin: 10px 0;',
            children: []
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel1, conf.hcQueryPanel1 || {});
    }
    if (conf.hcQueryPanel2) {
      hcQueryPanel2 = {
            controlName: "HcQueryPanel",
            controlId: "hcQueryPanel2_" + dlgId,
            dataset: saveDataset.controlId,
            style: 'margin: 10px 0;',
            children: []
        }
        // 应用查询面板个性化配置
        Object.assign(hcQueryPanel2, conf.hcQueryPanel2 || {});
    }

// 操作工具条
    let hcFormToolbar = false;
    if (conf.hcFormToolbar) {
        hcFormToolbar = {
            controlName: "HcFormToolbar",
            controlId: "HcFormToolbar_" + dlgId,
            dataset: saveDataset.controlId,
            children: []
        }
        // 应用表单个性化配置
        Object.assign(hcFormToolbar, conf.hcFormToolbar || {});
    }
    // 网格明细
    var hcTable1 = {
        controlName: "HcTable",
        controlId: hcTableId1,
        dataset: saveDataset.controlId,
        height: function (parentHeight) {
            return parentHeight - 10;
        },
        children: [],
    };
    var hcTable2 = {
        controlName: "HcTable",
        controlId: hcTableId2,
        dataset: saveDataset.controlId,
        height: function (parentHeight) {
            return parentHeight - 40;
        },
        children: [],
    };
    // 应用网格个性化配置
    Object.assign(hcTable1, conf.hcTable1 || {});
    Object.assign(hcTable2, conf.hcTable2 || {});
     // 分页工具条
    var hcPagination = {
        controlName: "HcPagination",
        controlId: "HcPagination_" + dlgId,
        pageSizes: [10, 20, 50, 100],
        layout: "total, prev, pager, next, sizes, jumper",
        dataset: saveDataset.controlId,
    };
    
    var extraBtn = {
        controlName: 'HcRow',
        controlId: 'ElRow_extra',
        style: 'position: absolute;z-index:99;right:30px;height: 40px;line-height: 40px;display:flex',
        children: [
        {
          controlName: "HcButton",
          controlId: "HcButton_set",
          title: "列设置",
          icon: "el-icon-setting",
          size: 'small',
          disabled: function () {
            return false
          },
          events: {
            click: function () {
                debugger
              var tabs = this.getRefCompt(hcTabsId).activeTabName
              if (tabs.indexOf('list1') > -1) {
                this.getRefCompt(hcTableId1).$children[0].showMenu('70%', 0)
              } else {
                this.getRefCompt(hcTableId2).$children[0].showMenu('70%', 0)
              }
            }
          }
        },
        {
          controlName: "HcButton",
          controlId: "HcButton_save",
          title: "保存",
          icon: "el-icon-s-claim",
          disabled: true,
          size: 'small',
          events: {
            click: function () {
              var data = {}, __body = []
              var tabs = this.getRefCompt(hcTabsId).activeTabName
              if (tabs.indexOf('list1') > -1) {
                data = this.getWorkBook().dataset[queryDataset.controlId]
                __body = [{
                  modelFilePath: data.modelFilePath,
                  data: data.getDirtyData()
                }]
                // var addData = data.getData()
                // addData.forEach(tem => {
                //   tem.$state = 'rsInsert';
                // })
                // __body = [{
                //   modelFilePath: data.modelFilePath,
                //   data: addData
                // }]
              } else {
                data = this.getWorkBook().dataset[saveDataset.controlId]
                __body = [{
                  modelFilePath: data.modelFilePath,
                  data: data.getDirtyData()
                }]
              }
              if (__body && __body.length > 0) {
                this.axios.post(data.saveUrl, {
                  __body: JSON.stringify(__body)
                }).then((res) => {
                  if (res.status == 200) {
                    this.$message.success('保存成功')
                  } else {
                    this.$message.error(res.msg)
                  }
                });
              } else {
                this.$message.warning('请添加数据')
              }
            }
          },
          mounted() {
              debugger
            let data = this.getWorkBook().dataset[saveDataset.controlId]
            let me = this;
            data.on("dirtyChange", (isDirty) => {
              me.conf.disabled = !isDirty;
            });
          },
        },
        {
          controlName: "HcButton",
          controlId: "HcButton_cancel",
          title: "取消",
          disabled: true,
          icon: 'el-icon-close',
          size: 'small',
          events: {
            click: function () {
              let data = this.getWorkBook().dataset[saveDataset.controlId]
              data.cancel();
            }
          },
          mounted() {
              debugger
            let data = this.getWorkBook().dataset[saveDataset.controlId]
            let me = this;
            data.on("dirtyChange", (isDirty) => {
              me.conf.disabled = !isDirty;
            });
          },
        },
        {
          controlName: "HcButton",
          controlId: "HcButton_del",
          title: "删除",
          icon: 'el-icon-delete',
          size: 'small',
          events: {
            click: function () {
              let data,removeData
              var tabs = this.getRefCompt(hcTabsId).activeTabName
              if (tabs.indexOf('list1') > -1) {
                data = this.getWorkBook().dataset[queryDataset.controlId]
                removeData = this.getRefCompt(hcTableId1).$children[0].elTable().selection;
              }else{
                data = this.getWorkBook().dataset[saveDataset.controlId]
                removeData = this.getRefCompt(hcTableId2).$children[0].elTable().selection;
              }
              if (removeData.length == 0) {
                this.$message.warning('未勾选要删除的选项')
              } else {
                this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
                  confirmButtonText: '确定',
                  cancelButtonText: '取消',
                  type: 'warning'
                }).then(() => {
                  removeData.forEach(tem => {
                    tem.$state = 'rsDelete';
                  })
                  var __body = [{
                    modelFilePath: data.modelFilePath,
                    data: removeData
                  }]
                  this.axios.post(data.saveUrl, {
                    __body: JSON.stringify(__body)
                  }).then((res) => {
                    if (res.status == 200) {
                      this.$message.success('删除成功')
                      data.remove(removeData)
                    } else {
                      this.$message.error(res.msg)
                    }
                  });
                })
              }
            },
          },
        }
        ]
      }

var hcTabs = {
        controlName: "HcTabs",
        controlId: hcTabsId,
        tabPosition: "top",
        activeTabName: "list1_" + dlgId,
        height: function (parentHeight) {
            debugger
            return parentHeight - 120;
        },
        // type: "border-card",
        children: [
            {
                controlName: "HcTabPane",
                controlId: "HcTabPane_list1_" + dlgId,
                label: "机构列表",
                name: "list1_" + dlgId,
                children: []
                    .concat(hcQueryPanel1 ? hcQueryPanel1 : [])
                    .concat(hcFormToolbar ? hcFormToolbar : [])
                    .concat(hcTable1)
                    .concat(hcPagination)
            },
            {
                controlName: "HcTabPane",
                controlId: "HcTabPane_list2_" + dlgId,
                label: "人员列表",
                name: "list2_" + dlgId,
                children: []
                .concat(hcQueryPanel2 ? hcQueryPanel2 : [])
                    .concat(hcFormToolbar ? hcFormToolbar : [])
                    .concat(hcTable2)
                    .concat(hcPagination)
            }
        ],
        slot: [].concat(extraBtn)
    }
    // 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "pages",
        height: function (parentHeight) {
            debugger
            return parentHeight - 10;
        },
    }, 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",
                            gutter: 10,
                            children: [
                                treeEditFilterInsc,
                                {
                                    controlName: "HcCol",
                                    controlId: "HcCol_01_right",
                                    span: 18,
                                    children: []
                                    .concat(hcTabs)
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
    return birtWorkBook
}

Show notes View project/hivuiBirt/templates/pages/tree-table-query.js 100644 → 0
/** * 左边树，右边网格明细查询 * @param {} saveDataset 保存数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { StringUtil } from "@birt/funclib/StringUtil.js"; import { treeEditFilter } from "../compose/tree-edit-filter" export function newInstance(saveDataset, conf) { const dlgId = StringUtil.randomString(6); // 设置数据集id saveDataset.controlId += "_" + dlgId; // 编辑过滤树 let treeEditFilterInsc = treeEditFilter(dlgId, saveDataset.controlId, conf.treeEditFilter); console.log('treeEditFilterInsc', treeEditFilterInsc) // 详情表单 var hcForm = false; if (conf.hcForm) { hcForm = { controlName: "HcForm", controlId: "HcForm_" + dlgId, dataset: saveDataset.controlId, children: [] } // 应用表单个性化配置 Object.assign(hcForm, conf.hcForm \|\| {}); } // 网格明细 var hcTable = { controlName: "HcTable", controlId: "HcTable_" + dlgId, dataset: saveDataset.controlId, height: function (parentHeight) { return parentHeight - 170; }, children: [], }; // 应用网格个性化配置 Object.assign(hcTable, conf.hcTable \|\| {}); // 应用报表模型 var birtWorkBook = Object.assign({ controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight - 10; }, }, conf.birtWorkBook \|\| {}) // 添加布局结构 birtWorkBook.children = [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [saveDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ { controlName: "HcRow", gutter: 10, children: [ treeEditFilterInsc, { controlName: "HcCol", controlId: "HcCol_01_right", span: 18, children: [].concat(hcForm ? hcForm : []).concat(hcTable) } ] } ] } ] } ] return birtWorkBook }

Show notes View

project/hivuiBirt/templates/pages/tree-table-query.js 100644 → 0

export function newInstance(saveDataset, conf) {
    const dlgId = StringUtil.randomString(6);
    // 设置数据集id
    saveDataset.controlId += "_" + dlgId;
    // 编辑过滤树
    let treeEditFilterInsc = treeEditFilter(dlgId, saveDataset.controlId, conf.treeEditFilter);
    console.log('treeEditFilterInsc', treeEditFilterInsc)
    // 详情表单
    var hcForm = false;
    if (conf.hcForm) {
        hcForm = {
            controlName: "HcForm",
            controlId: "HcForm_" + dlgId,
            dataset: saveDataset.controlId,
            children: []
        }
        // 应用表单个性化配置
        Object.assign(hcForm, conf.hcForm || {});
    }
    // 网格明细
    var hcTable = {
        controlName: "HcTable",
        controlId: "HcTable_" + dlgId,
        dataset: saveDataset.controlId,
        height: function (parentHeight) {
            return parentHeight - 170;
        },
        children: [],
    };
    // 应用网格个性化配置
    Object.assign(hcTable, conf.hcTable || {});

// 应用报表模型
    var birtWorkBook = Object.assign({
        controlName: "BirtWorkBook",
        controlId: "BirtWorkBook_" + dlgId,
        showToolBar: false,
        totalPage: 1,
        renderType: "pages",
        height: function (parentHeight) {
            return parentHeight - 10;
        },
    }, conf.birtWorkBook || {})
    // 添加布局结构
    birtWorkBook.children = [
        {
            controlName: "BirtSheet",
            controlId: "BirtSheet_" + dlgId,
            name: "sheet_" + dlgId,
            pageIndex: 0,
            dataSets: [saveDataset],
            children: [
                {
                    controlName: "BirtFormSheet",
                    controlId: "BirtFormSheet_" + dlgId,
                    children: [
                        {
                            controlName: "HcRow",
                            gutter: 10,
                            children: [
                                treeEditFilterInsc,
                                {
                                    controlName: "HcCol",
                                    controlId: "HcCol_01_right",
                                    span: 18,
                                    children: [].concat(hcForm ? hcForm : []).concat(hcTable)
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
    return birtWorkBook
}

Show line notes below