airongkeji-rule-editor v2.0.17

adp

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Compiles and minifies for library

yarn build:lib

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

在项目中引入组件

step 1：下载包 使用命令npm install airongkeji-rule-editor进行下载

step 2：在main.js中引入注册组件，分为三步

1、引入组件
import Adp from 'airongkeji-rule-editor'
2、引入组件的样式文件
import 'airongkeji-rule-editor/lib/airongkeji-rule-editor.css'
3、挂载组件
Vue.use(Adp)

step 3：在使用该组件的地方，放入对应的代码，举例如下：

<page-rule-editor
   :base-u-r-l="baseURL"
   :bom-base-info-id="$store.state.bom.bomBaseInfo"
   :token="token"
   :rule-content="rule.ruleContent"
   :code-services="rule.codeServices"
   @submitRule="submitRule"
 ></page-rule-editor>

props属性说明：
baseURL   必传属性,接口请求前缀
bomBaseInfoId   必传属性,树状模型的id
token   必传属性,用户的token
rule-content   可选属性,在编辑情况下传ruleContent,置入编辑数据
codeServices   可选属性,在编辑情况下传codeServices,提前查询列表
submitRule    事件,保存规则触发,回调参数：rootTreeNode(树状结构的json数据), text(转化好的决策规则内容文本,比如'险种代码  等于 4343242')