目录结构

|-- 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')
//或者 
import CriticalDealDialogfrom '@techLimsCommon/components/criticaldeal/CriticalDealDialog';

维护规范

1、任何公共组件需要在子工程内调试完毕，才允许提取到本库。

2、提取到本库后，需要提前进行验证，否则不允许发布到npm。

3、如果添加组件，参考《生成目录结构说明.txt》的方式进行目录生成，并添加说明

4、子工程使用说明，需要继承LIS6.0的业务工程配置，详见上文