泛微oa办公系统之emobile客户端配置扫码验票功能

泛微oa办公系统之emobile客户端配置扫码验票功能

移动引擎创建创建应用

设计应用

打开应用

拖入幻灯片控件

添加图片，图片如下:

选择图片，确定保存

拖入导航栏控件

拖入三个导航栏图片到幻灯片下面

修改显示名称

第一个导航栏的显示名称修改为：

<div class='titleNav'>&nbsp;&nbsp;&nbsp;&nbsp;影像自动识别&nbsp;&nbsp;&nbsp;&nbsp;</div>

第二个导航栏的显示名称修改为：

<div class='titleNav'>&nbsp;&nbsp;&nbsp;&nbsp;二维码扫码识别&nbsp;&nbsp;&nbsp;&nbsp;</div>

第三个导航栏的显示名称修改为：

<div class='titleNav'>&nbsp;&nbsp;&nbsp;&nbsp;手动输入识别&nbsp;&nbsp;&nbsp;&nbsp;</div>

点击确认按钮：

修改图标

点击图标

影像自动识别，二维码自动识别的图标为：

手动输入识别的图标为：

选择点击确定保存

修改源码

点击源码

在style标签中填写如下样式：

.titleNav{

    border: 1px solid #30A5FF;

    background: #30A5FF;

    border-radius: 20px;

    float: right;

    margin-top: 70px;

    }

.navContainer li .icon img{

    height:120px;

    width:120px;

    top:25px;

    left:20px;

}

.navContainer li .uiname{

    height:180px;

    text-align:right;

    line-height:40px;

    font-size:14px;

    color:#fff;

}

.navContainer li .rightFlag img{

    display:none;

}

#scroll_wrapper{

    background-color:#edf1f4;

}

.navContainer{

    padding:0 6px 0 6px;

    background-color:#edf1f4;

}

.navContainer li{

    border-radius:10px;

}

点击保存

新建3个自定义页面

发票信息页面

拖入html控件

添加下面的html文档

点击确定保存

手动输入验票

拖入html控件

控件添加如下html文本

点击确定保存

手动输入验票（用于OCR识别跳转）

拖入html控件

添加如下html

点击确定保存

添加二维码扫码识别脚本

首页的二维码自动识别添加如下脚本

点击确定保存

添加影像自动识别页面脚本

$u('/fna/invoice/mobilepage/invoiceOCR_emobile.html');

点击确定保存

添加手动输入识别跳转的自定义页面

首页手动输入识别跳转自定义页面设置为手动输入验票页面

点击确定保存

修改id

修改手动输入验票页面的html

autoCheck方法中的跳转页面的id改成发票信息页面的id，确定保存

同样的操作，修改手动输入验票（用于OCR识别跳转）页面的html

修改二维码扫码识别脚本

跳转页面的id改成发票信息页面的id

修改影像识别跳转页面的id

修改页面/fna/invoice/mobilepage/invoiceOCR_emobile.html

标注的id改成手动输入验票页面（用于OCR识别跳转）的id

emobile客户端添加应用

应用页面右键发布地址，并复制

emobile客户端后台管理应用中心新建应用：

应用类型为自定义内部地址；

访问地址为上一步复制的发布地址。

把应用保存更新到客户端，在emobile端就可以看到这个应用。