项目运行及调试

同基础系统及ICPS系统

项目结构

同基础系统及ICPS系统

业务逻辑

移动端H5主要是审批流程，主要的js逻辑和PC的逻辑是一模一样的，方法也和PC一样，可以直接复制，
需要注意的点有：

  1. PC获取参数是从链接上获取而H5是触发APP的方法传的数据具体为：
    1. window.AppEvent = (data) => {
    2.    if (data.type * 1 === 1) { // 发起流程
    3.      self.initFlowsData(data);
    4.      self.initHandleType(data.rawId, data.contractId);
    5.      /**
    6.       * @Description: 判断为哪种流程
    7.       * @Param: dataTypeId  1快检 2批次检测 3复检 4抽检
    8.       * @Author: wangwangwang
    9.       */
    10.      let code = 'OtherCheck';
    11.      if (data.dataTypeId) {
    12.        code = ['OtherCheck', 'FastCheck', 'BatchCheck', 'ReCheckOut', 'SpotCheck'][data.dataTypeId * 1]
    13.      }
    14.      if (data.dataTypeId*1===3) {
    15.        self.form.handling = '2';
    16.      }
    17.      self.dataTypeId = data.dataTypeId*1;
    18.      self.$refs.flowcontent.initBaseData(code);
    19.      self.billDate = moment().format('yyyy-MM-DD hh:mm:ss');
    20.      self.applyPerson = data.applyPerson;
    21.      return
    22.    }
    23.    self.$refs.flowcontent.initBusiness(data)
    24.    self.initFlowsData2(data);
    25.    self.readOnly = true;
    26.  }
    window.AppEvent返回的data参数即为流程需要的参数。

混合开发API

1.window.AppEvent：app传参给h5，页面初始化的时候调用。
2.Rebound.finish(); // 安卓关闭页面方法
3.window.webkit.messageHandlers.Rebound.postMessage(0); IOS关闭页面方法

项目打包及部署

项目打包运行命令 cnpm run build，因为项目中的如果接口请求及连接都是动态获取的由运维人员在NGINX中配置反向代理实现接口请求，所以项目打包时不需要修改任何配置。
打包完成后将项目上传到服务器，分别为：
10.31.5.145 目录为 /usr/Nginx/html/h5/
10.31.5.146 目录为 /usr/Nginx/html/h5/
将打包完成的dist中的文件放到h5文件中就可以了。
完成后访问路径由NGINX配置。