@zijin/vault-chengdu-web

项目地址 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();

VaultChengduWeb

This library was generated with Angular CLI version 7.2.0.

Code scaffolding

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

Note: Don't forget to add --project vault-chengdu-web or else it will be added to the default project in your angular.json file.

Build

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

Publishing

After building your library with ng build vault-chengdu-web, go to the dist folder cd dist/vault-chengdu-web and run npm publish.

Running unit tests

Run ng test vault-chengdu-web 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.