目录结构
|-- lib
|-- components
| |-- criticaldeal --危急值处理
| | |-- api.js --接口api
| | |-- CriticalDealDialog.vue --危急值处理弹窗界面
| | |-- README.md --使用说明
| |-- reportresultdialog --报告结果弹窗
| | |-- api.js
| | |-- reportResultDialog.vue
| |-- reportresulttrend --趋势图
| | |-- AddRealtiveItem.vue
| | |-- ReportResultTrend.vue
| | |-- TrendAllResult.vue
| | |-- api
| | |-- api.js
| |-- selectreason --选择原因
| |-- api.js
| |-- selectReason.vue
|-- enums
|-- KeyCode.js
|-- OpreateType.js
|-- PrintMode.js
|-- resultType.js
如何使用
1.文件-package.json
"wn-tech-lims-common-components": "^1.0.1"
2.文件-webpack.base.conf.js
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
……
'@techLimsCommon': resolve('node_modules/wn-tech-lims-common-components/lib'),
……
}
},
……
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'),
resolve('test'),
resolve('node_modules/wn-tech-ui/src'),
resolve('node_modules/wn-tech-common/lib'),
resolve('node_modules/wn-tech-lims-common-components/lib')
]
},
……
3.需要用到的组件示例
//危急值处理弹框
CriticalDealDialog:() => import('@techLimsCommon/components/criticaldeal/CriticalDealDialog'),
维护规范
1、任何公共组件需要在子工程内调试完毕,才允许提取到本库。
2、提取到本库后,需要提前进行验证,否则不允许发布到npm。
3、如果添加组件,参考《生成目录结构说明.txt》的方式进行目录生成,并添加说明
4、子工程使用说明,需要继承LIS6.0的业务工程配置,详见上文