项目地址 gitlab(http://ubuntu/ui/angular-libraries.git)
the difference between @zijin/vault-chengdu-web and @zijin/vault-chengdu-mobile
devDependencies dependencies providers
使用方式
<zijin-vault-map [retryInterval]="3000" [refreshInterval]="1200"
(locationClick)="doHandle($event)"
(agvClick)="doHandle($event)"
(handcartClick)="doHandle($event)"
(itemClick)="handleClick()"></zijin-valut-map>
retryInterval 设置连接失败后 重新尝试的时间间隔
refreshInterval 设置数据刷新频率
交互示例
import {ZijinVaultMapComponent} from '@zijin/vault-chengdu-mobile';
const vaultMap: ZijinVaultMapComponent;
/**
* 加载位置信息
* forceRealTime 可选 加载完成位置信息后,是否自动开启实时模式
*/
vaultMap.loadLocation(forceRealTime?)
// 开启实时模式 定时向后端发起请求获得金库最新状态数据
vaultMap.startRealTime();
/**
* 高亮显示指定目标和类型
* example:vaultMap.highlight('C009','handcart');将编号为C009的笼车高亮显示
* notes: 调用该方法,会清空上一次被高亮的元素
*/
vaultMap.highlight(targetNo,targetType);
/**
* 清除高亮
*/
vaultMap.clearHighlight();
/**
* **增量**高亮显示
* 将指定位置高亮,高亮的颜色由color变量指定
* 如果该位置之前已经高亮,则切换高亮颜色
* note:不影响其他已经高亮显示的位置
*/
vaultMap.incrementalHighlight(id,color);
/**
* 将指定位置数组高亮显示,高亮显示的颜色由color变量指定
* 指定的数组中如果有部分已经高亮,则这部分的颜色发生切换,切换到color变量指定的颜色
*/
vaultMap.multiHighlight(idArray,color);
// 清除高亮
vaultMap.clearMultiHighlight();
VaultChengduMobile
This library was generated with Angular CLI version 7.2.0.
Code scaffolding
Run ng generate component component-name --project vault-chengdu-mobile
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project vault-chengdu-mobile
.
Note: Don't forget to add
--project vault-chengdu-mobile
or else it will be added to the default project in yourangular.json
file.
Build
Run ng build vault-chengdu-mobile
to build the project. The build artifacts will be stored in the dist/
directory.
Publishing
After building your library with ng build vault-chengdu-mobile
, go to the dist folder cd dist/vault-chengdu-mobile
and run npm publish
.
Running unit tests
Run ng test vault-chengdu-mobile
to execute the unit tests via Karma.
Further help
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.