pit-bimwin-ui
pit-bimwin-ui
无需使用专业设计软件,用户可以在 Web 浏览器端、移动客户端中查看、操作图纸模型。基于轻量化引擎可以开发更加丰富、更有价值的 BIM 应用。
更新日志
安装
npm 安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i pit-bimwim-ui
快速上手
完整引入
在 main.js 中写入以下内容
import Vue from "vue";
import PitBimWinUi from "pit-bimwin-ui";
import "pit-bimwin-ui/lib/PIT.css";
Vue.use(PitBimWinUi);
pit-bim-win-ui 组件
加载一个模型及相关的配置
<template>
<pit-bim-win-ui
ref="pitBimWinUi"
:options="options"
:headers="headers"></pit-bim-win-ui>
</template>
<script>
export default {
data() {
return {
options: {
fileId: ["93d0f57ccc0140c99835e0af35850e90"],
url: "http://172.18.1.72:9983/",
},
headers: {
token: "0e8d286ecfa84f01a97c7733b8aeb4a2dt3xrlvrghl",
loginMark: "6Iqx6Ze05LiA5aO26YWS77yM54us6YWM5peg55u45Lqy",
},
};
},
};
</script>
属性
| 参数名 | 类型 | 描述 | 参数 |
|---|---|---|---|
| options | object | 具体请看 options 下表 | - |
| headers | object | 具体请看 headers 下表 | - |
| visibleToolbar | array | 需要隐藏的底部功能按钮 | - |
options 属性字段说明
| 参数名 | 类型 | 描述 | 参数 |
|---|---|---|---|
| url | string | 主机地址 | - |
| fileId | string | 模型 id |
headers 属性字段说明
| 参数名 | 类型 | 描述 | 参数 |
|---|---|---|---|
| token | string | - | - |
| loginMark | string | - | - |
visibleToolbar id 说明
| id | 描述 | 分组 | 图标/图片 |
|---|---|---|---|
| mainPerspective | 主视角 | group1 | icon |
| currentMainPerspective | 设置当前为主视图 | group1 | img |
| resetMainPerspective | 重置主视图 | group1 | img |
| directoryTree | 目录树 | group1 | icon |
| fullScreen | 全屏 | group1 | img |
| measurement | 测量 | group2 | icon |
| section | 剖切 | group2 | img |
| axialSection | 轴向剖切 | group2 | img |
| roamingMode | 漫游模式 | group2 | img |
| componentDetails | 构件属性 | group2 | img |
| layer | 图层 | group2 | icon |
| annotation | 批注 | group2 | img |
| label | 标签 | group2 | img |
| setUp | 设置 | group3 | icon |
| minimap | 小地图 | group3 | img |
| basicInformation | 基本信息 | group3 | icon |
事件
| 事件名 | 返回参数 | 描述 |
|---|---|---|
| loadModel | platform | 模型加载成功回调 |
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 3.1.27 | ^2.6.11 | ||
| 3.1.26 | ^2.6.11 | ||
| 3.1.25 | ^2.6.11 | ||
| 3.1.23 | ^2.6.11 | ||
| 3.1.22 | ^2.6.11 | ||
| 3.1.21 | ^2.6.11 | ||
| 3.1.20 | ^2.6.11 | ||
| 3.1.19 | ^2.6.11 | ||
| 3.1.18 | ^2.6.11 | ||
| 3.1.17 | ^2.6.11 | ||
| 3.1.16 | ^2.6.11 | ||
| 3.1.15 | ^2.6.11 | ||
| 3.1.14 | ^2.6.11 | ||
| 3.1.13 | ^2.6.11 | ||
| 3.1.12 | ^2.6.11 | ||
| 3.1.11 | ^2.6.11 | ||
| 3.1.10 | ^2.6.11 | ||
| 3.1.9 | ^2.6.11 | ||
| 3.1.8 | ^2.6.11 | ||
| 3.1.7 | ^2.6.11 | ||
| 3.1.6 | ^2.6.11 | ||
| 3.1.5 | ^2.6.11 | ||
| 3.1.4 | ^2.6.11 | ||
| 3.1.3 | ^2.6.11 | ||
| 3.1.2 | ^2.6.11 | ||
| 3.1.1 | ^2.6.11 | ||
| 3.1.0 | ^2.6.11 | ||
| 3.0.3 | ^2.6.11 | ||
| 3.0.2 | ^2.6.11 | ||
| 3.0.1 | ^2.6.11 |
Showing the latest 30 of 75. See every release on npm
Pre-releases (39)
| Version | Released | Vue | License |
|---|---|---|---|
| 3.0.1-beta.33 | ^2.6.11 | ||
| 3.0.1-beta.32 | ^2.6.11 | ||
| 3.0.1-beta.31 | ^2.6.11 | ||
| 3.0.1-beta.30 | ^2.6.11 | ||
| 3.0.1-beta.29 | ^2.6.11 | ||
| 3.0.1-beta.28 | ^2.6.11 | ||
| 3.0.1-beta.27 | ^2.6.11 | ||
| 3.0.1-beta.26 | ^2.6.11 | ||
| 3.0.1-beta.25 | ^2.6.11 | ||
| 3.0.1-beta.24 | ^2.6.11 | ||
| 3.0.1-beta.23 | ^2.6.11 | ||
| 3.0.1-beta.22 | ^2.6.11 | ||
| 3.0.1-beta.21 | ^2.6.11 | ||
| 3.0.1-beta.20 | ^2.6.11 | ||
| 3.0.1-beta.18 | ^2.6.11 | ||
| 3.0.1-beta.17 | ^2.6.11 | ||
| 3.0.1-beta.16 | ^2.6.11 | ||
| 3.0.1-beta.15 | ^2.6.11 | ||
| 3.0.1-beta.14 | ^2.6.11 | ||
| 3.0.1-beta.13 | ^2.6.11 | ||
| 3.0.1-beta.12 | ^2.6.11 | ||
| 3.0.1-beta.11 | ^2.6.11 | ||
| 3.0.1-beta.10 | ^2.6.11 | ||
| 3.0.1-beta.9 | ^2.6.11 | ||
| 3.0.1-beta.8 | ^2.6.11 | ||
| 3.0.1-beta.7 | ^2.6.11 | ||
| 3.0.1-beta.6 | ^2.6.11 | ||
| 3.0.1-beta.5 | ^2.6.11 | ||
| 3.0.1-beta.4 | ^2.6.11 | ||
| 3.0.1-beta.3 | ^2.6.11 |
Showing the latest 30 of 39. See every release on npm