系统功能菜单查找定义过滤无效

08335 / hivui-platform-template

hivui平台项目模板

Browse code 系统功能菜单查找定义过滤无效 master
1 parent 496dba5 commit edb10dd36a77311820a69b39dba742ef5b9fd16a hhb authored on 24 Feb 2022

Showing 2 changed files

Ignore Space Show notes View project/hivuiBirt/templates/compose/input-filter-select.js
/** * 关键字输入框过滤组合组件，带已选、未选、全部 * @param {} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 @param {} dsId 绑定过滤数据集ID @param {} filterField 过滤字段名 @param {} option 扩展选项 @returns / export function inputFilterSelect(dlgId, dsId, filterField, option) { // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: "keyup", events: { filterChange: function (filterKey) { this.getRefCompt(dsId).filter( filterKey ); // let ds = this.getWorkBook().dataset[dsId]; // let isRemoteFilter = ds._isRemoteFilter(); // if (filterKey) { // ds.addFilterCdion({ // sign: isRemoteFilter ? "like" : "pinyin", // name: filterField, // dataType: "string", // value: filterKey, // enable: true, // }); // } else { // ds.removeFilterCdion(filterField); // } } } }; // 按钮方案过滤 let buttonFilter = { controlName: "HcRadioGroup", controlId: "HcRadioGroup_" + dlgId, value: "0", size: "small", children: [ { controlName: "HcRadioButton", label: true, title: "已选", }, { controlName: "HcRadioButton", label: false, title: "未选", }, { controlName: "HcRadioButton", label: "", title: "全部", }, ], events: { change: function (filterKey) { this.getWorkBook().dataset[dsId].setCheckCdion( filterKey ); }, }, } // 返回布局结构 return { controlName: "ElRow", style: "margin-top:10px;", gutter: 10, children: [ { controlName: "ElCol", span: 12, children: [ inputFilter ] }, { controlName: "ElCol", span: 12, children: [ buttonFilter ] } ] } } /* * 关键字输入框过滤组合组件，带已选、未选、全部 * @param {} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用 @param {} dsId 绑定过滤数据集ID @param {} filterField 过滤字段名 @param {} option 扩展选项 @returns */ export function inputFilterSelect(dlgId, dsId, filterField, option) { // 过滤编辑器 let inputFilter = { controlName: "HcInputFilter", controlId: "HcInputFilter_" + dlgId, size: "small", fireAction: "keyup", events: { filterChange: function (filterKey) { debugger let ds = this.getWorkBook().dataset[dsId]; let isRemoteFilter = ds._isRemoteFilter(); if (filterKey) { ds.addFilterCdion({ sign: isRemoteFilter ? "like" : "pinyin", name: filterField, dataType: "string", value: filterKey, enable: true, }); } else { ds.removeFilterCdion(filterField); } } } }; // 按钮方案过滤 let buttonFilter = { controlName: "HcRadioGroup", controlId: "HcRadioGroup_" + dlgId, value: "0", size: "small", children: [ { controlName: "HcRadioButton", label: true, title: "已选", }, { controlName: "HcRadioButton", label: false, title: "未选", }, { controlName: "HcRadioButton", label: "", title: "全部", }, ], events: { change: function (filterKey) { this.getWorkBook().dataset[dsId].setCheckCdion( filterKey ); }, }, } // 返回布局结构 return { controlName: "ElRow", style: "margin-top:10px;", gutter: 10, children: [ { controlName: "ElCol", span: 12, children: [ inputFilter ] }, { controlName: "ElCol", span: 12, children: [ buttonFilter ] } ] } }

Ignore Space Show notes View

project/hivuiBirt/templates/compose/input-filter-select.js

/**
 * 关键字输入框过滤组合组件，带已选、未选、全部
 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用
 * @param {*} dsId 绑定过滤数据集ID
 * @param {*} filterField 过滤字段名
 * @param {*} option 扩展选项
 * @returns 
 */
 export function inputFilterSelect(dlgId, dsId, filterField, option) {
    // 过滤编辑器
    let inputFilter = {
        controlName: "HcInputFilter",
        controlId: "HcInputFilter_" + dlgId,
        size: "small",
        fireAction: "keyup",
        events: {
            filterChange: function (filterKey) {
                this.getRefCompt(dsId).filter(
                    filterKey
                  );
                // let ds = this.getWorkBook().dataset[dsId];
                // let isRemoteFilter = ds._isRemoteFilter();
                // if (filterKey) {
                //     ds.addFilterCdion({
                //         sign: isRemoteFilter ? "like" : "pinyin",
                //         name: filterField,
                //         dataType: "string",
                //         value: filterKey,
                //         enable: true,
                //     });
                // } else {
                //     ds.removeFilterCdion(filterField);
                // }
            }
        }
    };

// 按钮方案过滤
    let buttonFilter = {
        controlName: "HcRadioGroup",
        controlId: "HcRadioGroup_" + dlgId,
        value: "0",
        size: "small",
        children: [
            {
                controlName: "HcRadioButton",
                label: true,
                title: "已选",
            },
            {
                controlName: "HcRadioButton",
                label: false,
                title: "未选",
            },
            {
                controlName: "HcRadioButton",
                label: "",
                title: "全部",
            },
        ],
        events: {
            change: function (filterKey) {
                this.getWorkBook().dataset[dsId].setCheckCdion(
                    filterKey
                );
            },
        },
    }
    // 返回布局结构
    return {
        controlName: "ElRow",
        style: "margin-top:10px;",
        gutter: 10,
        children: [
            {
                controlName: "ElCol",
                span: 12,
                children: [
                    inputFilter
                ]
            },
            {
                controlName: "ElCol",
                span: 12,
                children: [
                    buttonFilter
                ]
            }
        ]
    }
}

/**
 * 关键字输入框过滤组合组件，带已选、未选、全部
 * @param {*} dlgId 对话框随机id,防止id冲突与数据集id统一命名引用
 * @param {*} dsId 绑定过滤数据集ID
 * @param {*} filterField 过滤字段名
 * @param {*} option 扩展选项
 * @returns 
 */
export function inputFilterSelect(dlgId, dsId, filterField, option) {
    // 过滤编辑器
    let inputFilter = {
        controlName: "HcInputFilter",
        controlId: "HcInputFilter_" + dlgId,
        size: "small",
        fireAction: "keyup",
        events: {
            filterChange: function (filterKey) {
                debugger
                let ds = this.getWorkBook().dataset[dsId];
                let isRemoteFilter = ds._isRemoteFilter();
                if (filterKey) {
                    ds.addFilterCdion({
                        sign: isRemoteFilter ? "like" : "pinyin",
                        name: filterField,
                        dataType: "string",
                        value: filterKey,
                        enable: true,
                    });
                } else {
                    ds.removeFilterCdion(filterField);
                }
            }
        }
    };

Ignore Space Show notes View project/hivuiBirt/templates/lookup/TreeSingleSelect.js
/** * 树节点查找返回，可多选，单选 * @param {} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns / import { inputFilterSelect } from "../compose/input-filter-select" import { StringUtil } from "@birt/funclib/StringUtil.js"; import pinyin from "pinyin"; var treeClickCount = 0, timer = null export function TreeSingleSelect(conf) { const dlgId = StringUtil.randomString(6); const treeId = "HcTree_" + dlgId; // 设置数据集id let lookDataset = conf.lookDataset; lookDataset.controlId += "_" + dlgId; // 关键字过滤框，带已未选方案 let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField); // 树节点选择器 // 只返回父节点 let checkStrictly = true; if (conf.hcTree.checkStrictly !== undefined) { checkStrictly = conf.hcTree.checkStrictly; } let hcTree = { controlName: "HcTree", controlId: treeId, // lazy: true, dataset: lookDataset.controlId, isTreeData: false, idField: conf.hcTree.idField, parentIdField: conf.hcTree.parentIdField, labelField: conf.hcTree.labelField, // showCheckbox: true, defaultExpandAll: true, checkStrictly: checkStrictly, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =node.label +"_" + pinyin.getCamelChars(node.label); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 55; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;", mounted: function () { this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad); let me = this; function doPageAfterLoad(param) { if (param) { me.elTree().setCheckedNodes(param.lastTargetRetuData \|\| []); } } }, events:{ currentChange: function (data, node) { this.store.setCurtRecord(data); }, nodeClick: function (data) { debugger treeClickCount++; if (treeClickCount >= 2) { return; } //计时器,计算300毫秒为单位,可自行修改 timer = window.setTimeout(() => { if (treeClickCount == 1) { //把次数归零 treeClickCount = 0; //单击事件处理 } else if (treeClickCount > 1) { //把次数归零 treeClickCount = 0; //双击事件 if(data.fresguid && (data.frestype.indexOf('dir') > -1 \|\| data.frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ let dlg = this.getWorkBook().dialog; if (dlg) { dlg._doConfirm(data); } } } }, 300); } } } // 返回布局结构 return { controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, confirm: function (callFun) { debugger // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord(); let dsLk = this.dataset[lookDataset.controlId].curtRecord; let retuData = []; retuData[0] = dsLk if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 \|\| retuData[0].frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ return retuData; } }, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [lookDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ inputFilter, hcTree ] } ] } ] } } /* * 树节点查找返回，可多选，单选 * @param {} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id] @param {} conf 组件定义配置项 @returns */ import { inputFilterSelect } from "../compose/input-filter-select" import { StringUtil } from "@birt/funclib/StringUtil.js"; import pinyin from "js-pinyin"; var treeClickCount = 0,timer = null export function TreeSingleSelect(conf) { const dlgId = StringUtil.randomString(6); const treeId = "HcTree_" + dlgId; // 设置数据集id let lookDataset = conf.lookDataset; lookDataset.controlId += "_" + dlgId; // 关键字过滤框，带已未选方案 let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField); // 树节点选择器 // 只返回父节点 let checkStrictly = true; if (conf.hcTree.checkStrictly !== undefined) { checkStrictly = conf.hcTree.checkStrictly; } let hcTree = { controlName: "HcTree", controlId: treeId, // lazy: true, dataset: lookDataset.controlId, isTreeData: false, idField: conf.hcTree.idField, parentIdField: conf.hcTree.parentIdField, labelField: conf.hcTree.labelField, // showCheckbox: true, defaultExpandAll: true, checkStrictly: checkStrictly, filterNodeMethod:function(value, data,node) { if (!value){ return true }else{ let key =node.label +"_" + pinyin.getCamelChars(node.label); return key.indexOf(value.toUpperCase()) !== -1; } }, height: function (parentHeight) { return parentHeight - 55; }, style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;", mounted: function () { this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad); let me = this; function doPageAfterLoad(param) { if (param) { me.elTree().setCheckedNodes(param.lastTargetRetuData \|\| []); } } }, events:{ currentChange: function (data, node) { this.store.setCurtRecord(data); }, nodeClick: function (data) { debugger treeClickCount++; if (treeClickCount >= 2) { return; } //计时器,计算300毫秒为单位,可自行修改 timer = window.setTimeout(() => { if (treeClickCount == 1) { //把次数归零 treeClickCount = 0; //单击事件处理 } else if (treeClickCount > 1) { //把次数归零 treeClickCount = 0; //双击事件 if(data.fresguid && (data.frestype.indexOf('dir') > -1 \|\| data.frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ let dlg = this.getWorkBook().dialog; if (dlg) { dlg._doConfirm(data); } } } }, 300); } } } // 返回布局结构 return { controlName: "BirtWorkBook", controlId: "BirtWorkBook_" + dlgId, showToolBar: false, totalPage: 1, renderType: "pages", height: function (parentHeight) { return parentHeight; }, confirm: function (callFun) { debugger // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord(); let dsLk = this.dataset[lookDataset.controlId].curtRecord; let retuData = []; retuData[0] = dsLk if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 \|\| retuData[0].frestype == 'pro')){ this.$message({ type: 'warning', message: '只能选中流程或功能节点' }) }else{ return retuData; } }, children: [ { controlName: "BirtSheet", controlId: "BirtSheet_" + dlgId, name: "sheet_" + dlgId, pageIndex: 0, dataSets: [lookDataset], children: [ { controlName: "BirtFormSheet", controlId: "BirtFormSheet_" + dlgId, children: [ inputFilter, hcTree ] } ] } ] } }

Ignore Space Show notes View

project/hivuiBirt/templates/lookup/TreeSingleSelect.js

/**
 * 树节点查找返回，可多选，单选
 * @param {*} lookDataset 查找数据集，命名规范 ds_[数组下标]_[对话框id]
 * @param {*} conf 组件定义配置项
 * @returns 
 */
import { inputFilterSelect } from "../compose/input-filter-select"
import { StringUtil } from "@birt/funclib/StringUtil.js";
import pinyin from "pinyin";
 
 var treeClickCount = 0,
   timer = null
 export function TreeSingleSelect(conf) {
     
     const dlgId = StringUtil.randomString(6);
     const treeId = "HcTree_" + dlgId;
     // 设置数据集id
     let lookDataset = conf.lookDataset;
     lookDataset.controlId += "_" + dlgId;
     // 关键字过滤框，带已未选方案
     let inputFilter = inputFilterSelect(dlgId,treeId, lookDataset.controlId, conf.hcTree.labelField);
     // 树节点选择器
     // 只返回父节点
     let checkStrictly = true;
     if (conf.hcTree.checkStrictly !== undefined) {
         checkStrictly = conf.hcTree.checkStrictly;
     }
     let hcTree = {
         controlName: "HcTree",
         controlId: treeId,
         // lazy: true,
         dataset: lookDataset.controlId,
         isTreeData: false,
         idField: conf.hcTree.idField,
         parentIdField: conf.hcTree.parentIdField,
         labelField: conf.hcTree.labelField,
         // showCheckbox: true,
         defaultExpandAll: true,
         checkStrictly: checkStrictly,
         filterNodeMethod:function(value, data,node) {
          if (!value){
              return true
          }else{
              let key =node.label +"_" + pinyin.getCamelChars(node.label);
              return key.indexOf(value.toUpperCase()) !== -1;
          }
      },
         height: function (parentHeight) {
             return parentHeight - 55;
         },
         style: "overflow: auto;border:1px solid rgb(235, 238, 245);margin-top: 10px;",
         mounted: function () {
             this.getRefCompt("BirtWorkBook_" + dlgId).on("afterLoad", doPageAfterLoad);
             let me = this;
             function doPageAfterLoad(param) {
                 if (param) {
                     me.elTree().setCheckedNodes(param.lastTargetRetuData || []);
                 }
             }
         },
         events:{
          currentChange: function (data, node) {
               
               this.store.setCurtRecord(data);
           },
           nodeClick: function (data) {
             debugger
             treeClickCount++;
             if (treeClickCount >= 2) {
               return;
             }
             //计时器,计算300毫秒为单位,可自行修改
             timer = window.setTimeout(() => {
               if (treeClickCount == 1) {
                 //把次数归零
                 treeClickCount = 0;
                 //单击事件处理
               } else if (treeClickCount > 1) {
                 //把次数归零
                 treeClickCount = 0;
                 //双击事件
                 if(data.fresguid && (data.frestype.indexOf('dir') > -1 || data.frestype == 'pro')){
                   this.$message({
                     type: 'warning',
                     message: '只能选中流程或功能节点'
                   })
                 }else{
                   let dlg = this.getWorkBook().dialog;
                   if (dlg) {
                       dlg._doConfirm(data);
                   }
                 }
               }
             }, 300);
           }
         }
         
     }
     // 返回布局结构
     return {
         controlName: "BirtWorkBook",
         controlId: "BirtWorkBook_" + dlgId,
         showToolBar: false,
         totalPage: 1,
         renderType: "pages",
         height: function (parentHeight) {
             return parentHeight;
         },
         confirm: function (callFun) {
             debugger
             // let dsLk = this.dataset[lookDataset.controlId].getCurtRecord();
             let dsLk = this.dataset[lookDataset.controlId].curtRecord;
             let retuData = [];
             retuData[0] = dsLk
             if(retuData[0].fresguid && (retuData[0].frestype.indexOf('dir') > -1 || retuData[0].frestype == 'pro')){
                 this.$message({
                 type: 'warning',
                 message: '只能选中流程或功能节点'
                 })
             }else{
                 return retuData;
             }
         },
         children: [
             {
                 controlName: "BirtSheet",
                 controlId: "BirtSheet_" + dlgId,
                 name: "sheet_" + dlgId,
                 pageIndex: 0,
                 dataSets: [lookDataset],
                 children: [
                     {
                         controlName: "BirtFormSheet",
                         controlId: "BirtFormSheet_" + dlgId,
                         children: [
                             inputFilter,
                             hcTree
                         ]
                     }
                 ]
             }
         ]
     }
 }

Show line notes below