页面历史

（1）V10.5以下版本不支持仪表盘二次开发；

（2）对于仪表盘二次开发：可在原有扩展包基础上加上包：webpack .zip；（包含下面两个示例的基础文件，下载后按说明可直接使用）

npm install smartbi-ext-env

npm run dev  //开发调试命令

npm run build  //打包命令

npm run dev 

import FlexMenuExtension from './FlexMenuExtension'
const provideMetaInfo = () => {
     // 二开文件
    return { implement: FlexMenuExtension}
 }
export default {
  provideMetaInfo
}

• BaseDashExtender是一个基类，系统提供了内置方法
• install是入口方法
• on方法是向系统添加某个事件的处理程序，系统在这个时机就会触发此方法回调。

import SmartBIExt from  'smartbi-ext'
let {
  DashModule: {
    DashEventEmum: {
      PAGE_ON_FLEX_MENU_INIT
    },
    BaseDashExtender
  }
} = SmartBIExt

class FlexMenuExtender extends BaseDashExtender {
  
  constructor() {
    super()
  }

  install () {
    //  page菜单初始化
    this.on(PAGE_ON_FLEX_MENU_INIT, iFlexMenu => {
      iFlexMenu.removeItem(1)
      iFlexMenu.insertItem(3, {
        id: 'TEST',
        icon: 'sx-icon-like',
        label: '测试',
        color: '#ed6b1f',
        handler: () => {
          alert('测试按钮')
        }
      })
    })
  }  

}

export default FlexMenuExtender

组件新增场景仅支持仪表盘。

• index文件是入口文件；
• providerMetaInfo是入口方法；
• vue文件是具体实现的业务文件；

import HelloView from './HelloView.vue'

const provideMetaInfo = () => { //入口方法
    return {
      name: '模版DEMO', // 组件名称
      type: 'HELLO', // 组件类型（不能轻易修改）
      svg: 'db-left-widget__chart-pie',
      entry: { // 组件入口，可以从仪表盘工具栏中直接添加（不配置就只能通过智能配图切换出来）
          title: 'Hello入口', // 在组件入口中显示的名称，不填显示组件名称
          order: 15, // 组件入口中的顺序，默认放在最后
      },
      // 组件文件
      portletImplement:HelloView
    }
}

export default {
  provideMetaInfo
}

<template>
  <div>hello</div>
</template>
<script>
export default {
  name: 'hello'
}
</script>

import NewTableView from './NewTableView.vue'
function provideMetaInfo () {
  return {
      name: 'Hello新清单表', // 组件名称
      type: 'helloNEW_TABLE', // 组件类型
      svg: 'db-left-widget__charttable-pielist',

     icon: 'sx-icon-widget-table-chartlist icon-16',
    class: 'TABLE_LIST',
    entry: { // 组件入口，可以从仪表盘工具栏中直接添加（不配置就只能通过智能配图切换出来）组件入口
      titleid: 'Hello入口Table', // 在组件入口中显示的名称，不填显示组件名称 组件入口中的分类类别 Chart | Table | Indicator，默认为Custom
      orderindex: 151, // 组件入口中的顺序，默认放在最后
  组件入口中的顺序，默认放在最后，注意：这里是分类中包含所有子类型的排序
      canSwitch: true // 是否能切换组件
    },
    freeSize: {
      width: 400,
      height: 260
    },
    groupfieldRules: [{ // 字段区配置，可以理解为行列区和标记区配置
分组，不配置放到默认分组      areaType: 'cols',
      idtips: 'basic' // 分组标识',
      rule: {
        fieldCount: {
          min: 0
        }
      },
    }],
    // 组件文件
 
    portletImplement:HelloView NewTableView
   }
}

export default {
  provideMetaInfo
}

<template>
   <div slot="notEmpty" style="height: 100%;" >
     <table v-if = "gridDataModel">
       <th>
         <td
           v-for="field in gridDataModel.getFields()"
           :key="field.uniqueId">
           {{ field.alias }}
         </td>
       </th>
       <tr
         v-for="row in gridDataModel.getRowCount()"
         :key="row">
         <td
           v-for="field in gridDataModel.getFields()"
           :key="row + field.uniqueId">
           {{ gridDataModel.getDisplayValueByRowAndUid(row - 1, field.uniqueId) }}
         </td>
       </tr>
     </table>
   </div>
</template>
<script>
export default {
  name: 'hello'
}
</script>

• zh：中文，tw：台湾，en：英文

• 想要修改某个多语言文字，需要从源文件中找到对应的json路径，如示例中的dashboard:{chartBar}代表修改仪表盘下的"柱图"

  
  

import Extender from './Extender1Extender'

const provideMetaInfo = () => {
  let customLang  // 二开文件
     implement: Extender1
 }
=
  {
    zh: {
      dashboard: {
        chartBar: '自定义',
      }
    },
    tw: {
      dashboard: {
        chartBar: '自定義',
      }
    },
    en: {
      dashboard: {
        chartBar: 'custom',
      }
    }
  }
  return { implement: Extender, customLang: customLang }
}
export default {

    provideMetaInfo
 }

本地打包非必要时候，不建议使用！

如果有需要本地打包的话，请配置添加localBuild.xml文件。

<exclude name="**/webpack/" />

<target name="webpack"  description="webpack npm build">
   <exec executable="cmd.exe">
    icon: 'sx-icon-menu',
        label: 'PageInfo', <arg line="/c "cd ${basedir}/src/webpack && npm run build " "/>
   </exec>
</target>

<target name="dist" depends="init">
 color: 'rgba(97, 133, 199, 0.95)', <parallel failonany="true">
      <echo>==============</echo>
  handler () {  <antcall target="webpack" />
      console.log('hello')
 <echo>webpack npm build</echo>
      <echo>${ant.project.name}: dist</echo>
      <echo>==============</echo>
   })   <antcall  }target="compile" />
   </parallel>
}}   <antcall export default extendObject