Versions Compared

Old Version 1

changes.mady.by.user finedev

Saved on

compared with

New Version Current

changes.mady.by.user finedev

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

平台整体布局为"上-左-右"布局,绿色区域为头部,红色区域未左侧导航栏,蓝色区域为内容展示区域,展示目录和管理系统.

主体结构

Code Block
languagejs
//  修改header和侧栏menu的高与宽
BI.config("dec.constant.config", function (config) {
    config.config4Frame.north.height=50;
	config.config4Frame.west.width=150;
    return config;
});
 
// 取消目录面板的悬浮状态,始终固定
BI.config("dec.constant.config", function (config) {
	config.config4EntryPane.pinable=false;
});

顶部header

顶部分为左右两个区域,左侧显示logo和标题,右侧显示账户设置和消息管理组件.

...

Code Block
languagejs
BI.extend(Dec.Utils, {

    // 分层加载树结构
    getWorkbenchSubDirectoryById: function (pId, callback) {

    },

    //  搜索目录树
    searchWorkbenchSubDirectory: function (keyword, callback) {

    },

    // 收藏 or 取消收藏
    handlerCollect: function (id, isFavorite, callback) {

    },

    // 取收藏列表
    getFavoritesList: function (callback) {

    }
});

服务

Code Block
languagejs
//  调用方式  BI.Services.getService("dec.service.tabs").addItem()
var Service = BI.inherit(BI.OB, {

    addItem: function (entry) {
		//  在tabPane打开新标签页.在结合目录树使用时,直接传入目录节点的bean即可.
    },

    closeTab: function (v) {
		// 关闭某个tab
    },

    openCustomTab: function (cardName, cardValue, cardType) {
		//  参数直白的在tabPane新开标签页方式,适用于平台内部逻辑之外的标签页
    },

    refreshTab: function (cardValue, options) {
		//  刷新某个tab
    },

    closeActiveTab: function () {
		//  关闭当前打开的tab
    },

    getShowingTab: function () {
		//  获取当前激活的tab的组件引用
    }
});
BI.service("dec.service.tabs", Service);

组件

  1. dec.workbench.panel 目录面板容器

  2. dec.workbench.directory 目录树

  3. dec.workbench.favorite 收藏列表