diff --git a/package.json b/package.json
index d428e8a2db3ecb77c07c5a37ac0e1e868aad0011..d7893b77eab3f59a89f2465533ad233860d96004 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
   },
   "devDependencies": {
     "@obv/obv-bimserver-client": "^1.0.10",
+    "@obv/obv": "^4.0.9-alpha.8",
     "@types/jest": "^23.3.13",
     "@types/jquery": "^3.3.29",
     "@types/nprogress": "^0.2.0",
diff --git a/prettier.config.js b/prettier.config.js
index df2d032d3333977f3a387c89936a02aadc2f9728..8f4ff4852845969fb4d0918caed642d29adf8568 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -40,5 +40,5 @@ module.exports = {
     // 箭头函数参数括号 默认avoid 可选 avoid| always
     // avoid 能省略括号的时候就省略 例如x => x
     // always 总是有括号
-    arrowParens: 'always'
+    arrowParens: 'always',
 };
diff --git a/public/index.html b/public/index.html
index f27ede1cba46b11e8f8aaa6e55bfc3bec8948034..b8947abf8dea3e5b858267bc60bb6e68707b798f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,12 +6,13 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Collab Console</title>
-      <link href="https://api.cloud.aecworks.cn/bimviewer/viewer/v3/locale/locale.properties" rel="resource"
+      <link href="https://api.cloud-dev.pkpm.cn/bimviewer/viewer/v4/locale/locale.properties" rel="resource"
             type="application/l10n">
-      <link rel="stylesheet" href="https://api.cloud.aecworks.cn/bimviewer/viewer/v3/style.min.css" type="text/css"/>
+      <link rel="stylesheet" href="https://api.cloud-dev.pkpm.cn/bimviewer/viewer/v4/obv.css" type="text/css"/>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.js"></script>
       <!--obv 的 JS-->
-      <script src="https://api.cloud.aecworks.cn/bimviewer/viewer/v3/obv.min.js" type="text/javascript"></script></head>
+      <script src="https://api.cloud-dev.pkpm.cn/bimviewer/viewer/v4/obv.js" charset="utf-8"></script>
+  </head>
   <body>
     <noscript>
       <strong>We're sorry but vue-template doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
diff --git a/src/service/service.ts b/src/service/service.ts
index 4f145810740d637e40ea5f50eb9d03aac295d24f..9da577b15276d58ecb049ad2f7cdd34e91c617b2 100644
--- a/src/service/service.ts
+++ b/src/service/service.ts
@@ -1,5 +1,6 @@
 import { IStorageBuckets } from '@/business/model/storage-bucket';
 import { IStorageObjects } from '@/business/model/storage-object';
+import RuntimeUtils from '@/utils/runtime-utils';
 import * as  BimserverClient from '@aecworks/obv-bimserver-client';
 import AuthToken from '@/views/config/auth-token';
 
@@ -28,15 +29,17 @@ export default class Service {
         const storageServiceOptions = this._createOptions();
         storageServiceOptions.setHeader('Authorization', `Bearer ${tokenInfo.accessToken}`);
         const storageClient = new BimserverClient.StorageClient();
-        return  await storageClient.getObjects(storageServiceOptions, bucketsKey);
+        return await storageClient.getObjects(storageServiceOptions, bucketsKey);
     }
 
     private static _createOptions() {
-        return new BimserverClient.StorageServiceOptions(
-            'api.cloud-dev.pkpm.cn',
-            '443',
-            'https:',
-            '/bimserver/storage/v3',
-        );
+        const clientBaseUrlSplit = RuntimeUtils.instance.service.origin.split(':');
+        const isHttps = clientBaseUrlSplit[0] === 'https';
+        const options = new BimserverClient.StorageServiceOptions(
+            clientBaseUrlSplit[1],
+            isHttps ? '443' : '80',
+            clientBaseUrlSplit[0] + ':',
+            '/bimserver/storage/v3');
+        return options;
     }
 }
diff --git a/src/utils/global-config.ts b/src/utils/global-config.ts
index 35eb33c2404b7e1b95fca68c37025c2f40e09358..c950e17478755b0067dd3c2ba4ea3f8a4be6a63b 100644
--- a/src/utils/global-config.ts
+++ b/src/utils/global-config.ts
@@ -2,10 +2,6 @@ export class GlobalConfig {
     public static env = 'https://api.cloud-dev.pkpm.cn';
     public static clientId = 'demo'; // 'demo';
     public static clientSecret = 'demosecret'; // 'demosecret';
-
-    // public static env = 'http://192.168.0.200';
-    // public static clientId = '1u2dm52R6wW12fpDJH3tJTY5'; // 'demo';
-    // public static clientSecret = '28VGJ22R6wW13VrO7HFobe'; // 'demosecret';
 }
 
 // clientId: 'aecworks-obv-community',
diff --git a/src/views/test-client/example.ts b/src/views/test-client/example.ts
index 452ba808adac80c4ab32187e4b09a8ef7c0e12f6..3fa0c622782128ee87e4fe2f93187fb49203cbbf 100644
--- a/src/views/test-client/example.ts
+++ b/src/views/test-client/example.ts
@@ -1,19 +1,19 @@
 import RuntimeUtils from '@/utils/runtime-utils';
-import {UploadService} from '@/utils/upload-service';
+import { UploadService } from '@/utils/upload-service';
 import AuthToken from '@/views/config/auth-token';
-import {MessageHelper} from '@/utils/message-helper';
-import {Base64UrlSafe} from '@aecworks/base64-url-safe';
+import { MessageHelper } from '@/utils/message-helper';
+import { Base64UrlSafe } from '@aecworks/base64-url-safe';
 
 const token = AuthToken.instance.tokenInfo.accessToken;
 let convertObj = '';
 let uploadUrlData: any = '';
-const bucketKey = 'fbx_bucket';
-const objectKey = '44417382059'; // 44326038540;
+const bucketKey = 'viewer_model_bucket';
+const objectKey = 'jinhuajiegou'; // 44326038540;
 let temp: any = '';
 const ENV = {
     host: RuntimeUtils.instance.service.host,
 };
-const jobType = 'fbx-obv';
+const jobType = 'ifc-obv';
 const authentication = {
     // credentials: {
     //     client_id: '7OO7V2MhKqv2k4gxwAbaGh', // '4WL7jl41t4jQ2YdS451wG9du',
@@ -99,6 +99,7 @@ function convertOnline() {
     const data = JSON.stringify({
         seed: `urn:bimbox.object:${bucketKey}/${objectKey}`,
         job_type: jobType,
+        // converter_meta: JSON.stringify({features: ['assembly']}),
     });
     $.ajax({
         type: 'POST',
@@ -116,27 +117,25 @@ function convertOnline() {
 }
 
 function initializeSampleViewer(containerId: any, urn: any, getToken: any, callback: any) {
-    // 必须保证有前缀： urn: , 否则系统不能够解析。
-    if (urn.indexOf('urn:') !== 0) {
-        urn = 'urn:' + urn;
-    }
-    const config3d = {
-        addins: ['OBV.SampleAddin', 'OBV.SampleGuiAddin'],
+    const applicationOptions = {
+        // 配置 OBV 服务端（BIMServer）API 服务的 origin，这个适合于私有部署的用户使用
+        // 如果不配置，则默认为 'https://api.cloud.pkpm.cn'
+        serviceConfig: {
+            origin: authentication.baseUrl,
+            apiContextPath: '/bimserver/viewing/v3',
+        },
         getAccessToken,
-        urn,
-    };
-    // 初始化view配置
-    const options = {
-        shouldInitializeAuth: true,
-        env: ENV.host, // OBV 的运行环境。 Production：生产环境， Staging：试验环境 // Development dev环境
-        https: true,
-        getAccessToken: getToken ? getAccessToken : undefined,
-        refreshToken: getToken ? getAccessToken : undefined,
-        documentId: urn, // 如果加载多个模型，需使用逗号隔开每个 urn。
-        globalOffset: '{"x":0, "y":0, "z":0}', // 指定模型的位置。如果多个模型，则以逗号隔开；必须与 documentId 指定的模型个数一致。
-        config3d,
     };
-    BIMBox.Viewing.API.initializeViewer(containerId, options, callback);
+    const viewEle = document.getElementById(containerId);
+    const build = new OBV.Api.ObvBuilder();
+    build
+        .initializeViewer3d(viewEle, applicationOptions, {
+            urn,
+        })
+        .then(async (obv: any) => {
+            // @ts-ignore
+            window.obvApi = obv.viewer3dApi;
+        });
 }
 
 // request.setRequestHeader("dataType", 'json');
@@ -155,7 +154,7 @@ function getConvertStatus() {
             if (res.data.state === 'complete') {
                 initializeSampleViewer(
                     'obv-view',
-                    Base64UrlSafe.encode(`urn:bimbox.object:${bucketKey}/${objectKey}`),
+                    `urn:bimbox.object:${bucketKey}/${objectKey}`,
                     true,
                     (obvApi: any) => {
                         MessageHelper.successMessage('模型加载成功');
@@ -219,6 +218,31 @@ function getDownloadFile(bucket: string, object: string) {
     });
 }
 
+function getTokenByPassword() {
+    // fetch('https://api.bimserver.jszxbim.cn/box/v1/auth/password', {
+    //     body: JSON.stringify({
+    //         username: 'sjygsxxh@cscec.com',
+    //         password: '123456',
+    //     }),
+    //     method: 'POST',
+    //     headers: {
+    //         'Content-Type': 'application/json',
+    //     },
+    // })
+
+    $.ajax({
+        type: 'POST',
+        url: 'https://api.bimserver.jszxbim.cn/box/v1/auth/password',
+        data: JSON.stringify({
+            username: 'sjygsxxh@cscec.com',
+            password: '123456',
+        }),
+        beforeSend(request: any) {
+            request.setRequestHeader('Content-type', 'application/json');
+        },
+    });
+}
+
 export {
     getAccessToken,
     createBucket,
diff --git a/tsconfig.json b/tsconfig.json
index 5f4f82b86fd1e6db68d50621ba998cc4f153adbd..ee80225684c91cec2b7aa450780a9798d2a19162 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -38,6 +38,7 @@
     "tests/**/*.tsx"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "@obv/obv"
   ]
 }
diff --git a/vue.config.js b/vue.config.js
index 978bda04193727b5987e81a63904c610f439af17..e4ed9b5ed22302057e7677bd76c6f349e15a347b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -4,4 +4,20 @@ module.exports = {
     devServer: {
         port: 9009,
     },
+    // ...其它 vue-cli 插件选项...
+    pwa: {
+        name: 'My App',
+        themeColor: '#4DBA87',
+        msTileColor: '#000000',
+        appleMobileWebAppCapable: 'yes',
+        appleMobileWebAppStatusBarStyle: 'black',
+
+        // 配置 workbox 插件
+        workboxPluginMode: 'InjectManifest',
+        workboxOptions: {
+            // InjectManifest 模式下 swSrc 是必填的。
+            swSrc: 'dev/sw.js',
+            // ...其它 Workbox 选项...
+        }
+    }
 };
