wish-search 使用

安装依赖后在需要的模块中引入import {WishUtilModule} from 'wish-search/publish' 随后界面上便可以使用 <wish-search [isSearch]="isSearch" [RegisterItems]="searchParams" [(condValues)]="condValues" (condValuesChange)="handleComboxAndTree($event)" (submit)="onCloseConditions($event)" [historyConds]="comConds" (historyCondsChange)="historyCondsChange($event)" (cancel) = "isSearch = !isSearch"

效果图： 具体使用案例见安装后的依赖下的app.component.html和app.component.ts文件

isSearch属性： 用于控制查询器modal的显示与否

RegisterItems属性：(1.0.1版本为RegisterItem) 查询条件的列表，是IRegisterImem类型的数组，该类型也可以引入 import { IRegisterImem, edittype } from 'wish-search/publish'; IRegisterImem：{caption: string,//条件名称 name:string,//条件字段名 context: string|undefined,//项目值，当项目值为下拉或树形，使用参照具体使用案例 type: edittype//条件的类型}

condValues属性：（字符串类型（必须是下面例子形式的字符串）），存储下拉或树形需要的项目值。 什么时候使用： 条件的项目值没有在一开始传进来，而是需要选中条件后通过数据库查询或另外处理得到。比如条件为贷款类型，项目值为可选择的下拉框。他的项目值是通过数据库查询所有的贷款类型， 怎么使用：需要双向绑定该树形及配合condValuesChange方法。 例子，"[{itbm:'01',itmc:'a',parentid:''},{itbm:'02',itmc:'b',parentid:'01'},{itbm:'03',itmc:'c',parentid:'02'}]"必须是这样类型的字符串 condValuesChange： 这个方法可以拿到用户选中的条件，方便对这个条件做处理，比如选中贷款类型后需要去数据库查询所有贷款类型的选项供用户选择。$event传回的是选中的条件，类型为IRegisterImem。此时，处理后拿到项目值需要传回插件，需要处理成上面例子格式的字符串赋给condValues属性。

submit：（1.0.1版本为cancel） 提交查询或取消查询的方法，$event传回的是构造好的条件语句 类似下面 { sqlCondition: "khmc = '1' and ywzl = '流动资金贷款'" }对象， cancel：取消查询

historyConds：历史条件列表（类型为IHistoryCond[]） 需要历史条件功能时使用。

historyCondsChange:历史条件改变时处理 返回结果为改变的历史条件对象

Importdoc

This project was generated with Angular CLI version 12.2.18.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.