页面历史

功能说明

 MobilePortalChange.ext

该扩展包的主要功能有：

• 替换登陆页背景；
• 替换登陆页logo；

• 替换界面页头logo；

• 替换界面页头logo显示的样式；
• 替换关于弹窗logo。

扩展包的替换方式可参考Wiki：更换产品显示方式_

扩展包方式。

操作说明

部署开发扩展包

部署 MobilePortalChange.ext，详细说明请参考Wiki链接：扩展包部署

替换登陆页整页内容

1. 修改扩展包中某个文件

1. （1） 首先用 WinRAR 之类的压缩工具，打开 MobilePortalChange.ext 文件。

   （2） 然后将需要修改的文件从 WinRAR 窗口中拖出来，对其进行修改。

   （3） 接着将修改后的文件，拖放回 WinRAR 窗口中，覆盖以前的旧文件。

   （4） 关闭 WinRAR 窗口保存修改即可。

   MobilePortalChange.

1. ext中包含着对V8.5之前的版本和V8.5之后版本的移动端界面的扩展，分别对应不同的目录。其中 MobilePortalChange\vision\mobileX 对应的是V8.5之后移动端界面，其它目录对应的是V8.5之前的旧移动端界面，请参考

1. 相关图片资源。

2. Logo图片替换
   V8.5的界面图片替换，都位于MobilePortalChange\vision\mobileX\static\img\logo目录下。具体可替换的图片列表如下：

   LOGO及企业信息

   手机端

1. 登录页	Image Added	logo.png	518 X 56
   界面 页头	Image Added	sm-logo.png	44X 40
   关于弹窗

1. Image Added	about_logo.png	256 X 47
   平板端	登陆页

1. Image Added	login_logo.png	504 X 155
   界面页头

1. Image Added	logo_pad.png	200 X 40
   关于弹窗

1. Image Added

   about_logo.png

   256 X 47

   
   

2. 通过Css处理额外的样式
   如果要修改的图片，不再上述列表中，或者想要微调修改某些页面元素的显示属性，可以通过修改MobilePortalChange\vision\mobileX\static\patch\patch.css文件来处理。以修改登录界面的背景图为例，步骤如下：

           (1) 首先打开Chrome浏览器，通过F12，进入开发者模式，点击工具栏上“toggle device tool”，进入模拟移动端界面的状态。

           (2) 在地址栏中打开http://server:port/smartbi/vision/mobileX/

index，进入移动端的登录界面。

           (3) 通过Chrome的工具定位到背景图所在的节点，找到样式名称

           Image Added

       可以看到这个背景图片是带有随机数的，这是在VUE编译时自动生成。直接在MobilePortalChange\vision\mobileX\static\img放置一个同名文件进行替换也能生效，但是遇到版本升级的时候，这个随机数有可能会被改变掉，造成升级后失效，因此最好还是通过css进行修改。

       (4)编辑css，用同名样式进行覆盖修改

        Image Added
    4. 通过patch.js修改处理逻辑

1. 对于一些处理逻辑和展示逻辑的修改，例如修改登录验证方式等，则需要通过patch.js进行处理。这里涉及比较多的内部处理逻辑，请联系Smartbi售后进行定制处理。

注意事项

 1、修改完扩展包的文件之后，需要保存

 2、修改的位置需正确，否则会导致正常功能失效

 3、若需要替换更多的图片，需先找到该图片所在目录，找目录请参考 前端定位技巧。