npm run lib
上传到npm
使用说明
1.main.js
import CheckerboardView from 'aegleboard'
Vue.use(CheckerboardView)
2.vue页面使用:
棋谱列表(九宫格)
<CheckerboardView v-if="parentHeight"
:manualHeight="parentHeight"
:businessParams="businessParams"
@getPieceMsg="getPieceMsg"/>
parentHeight:容器高度。例:this.parentHeight = this.$parent.$el.offsetHeight
businessParams:请求棋子接口需要的业务参数。
如:businessParams:{
patientBaseId:'',
visitCardNo:''
}
getPieceMsg:棋子操作的回调事件,返回的数据为msgCenter.js中sendEventMsg函数的返回值
添加棋子
<AddPieceToChess :menu-id="menuId" :manualHeight="parentHeight" />
parentHeight:容器高度。例:this.parentHeight = this.$parent.$el.offsetHeight
棋谱列表
CheckerboardView.vue
根据chess-use/manual/${id}获取棋谱数据,并且获取棋子列表
循环棋子列表:
1.通过数据类型(type)显示组件
2.通过组件名称(componentName)显示组件----自定义组件(注:本项目中必须下载有自定义组件的依赖)
添加棋子到棋谱
AddPieceToChessManual.vue