内蒙项目，外设多合一，品牌和连接方式等参数使用同一份配置

2021/nm-zsyt/ipu/connect-config.html

@@ -29,60 +29,7 @@
    </header>
  </div>
  <div class="ipu-flex-col ipu-flex-col-auto">
    <div class="ipu-flex-content">
      <div class="ipu-tab ipu-tab-fixed ipu-tab-button" id="tabFixed">
        <div class="ipu-tab-head">
          <ul>
          <!--  <li class="ipu-current">身份证读卡器</li>
            <li class="">sim卡读卡器</li>-->
          </ul>
        </div>
        <div class="ipu-tab-body">
          <ul>
           <!-- <li class="ipu-current">
              <div class="demo-item">
                <p class="demo-title">读卡器连接方式</p>
                <div class="demo-body">
                  <div class="ipu-list">
                    <ul>
                      <li class="ipu-list-item">
                        <div class="ipu-list-item-inner">
                          <label class="ipu-radio">
                            <input type="radio" name="cardreader_connection">蓝牙
                          </label>
                        </div>
                      </li>
                      <li class="ipu-list-item">
                        <div class="ipu-list-item-inner">
                          <label class="ipu-radio">
                            <input type="radio" name="cardreader_connection">OTG
                          </label>
                        </div>
                      </li>
                      <li class="ipu-list-item">
                        <div class="ipu-list-item-inner">
                          <label class="ipu-radio">
                            <input type="radio" name="cardreader_connection">NFC
                          </label>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </li>
            <li class="">
              <div class="demo-body">
                <div class="demo-content">
                </div>
              </div>
            </li>-->
          </ul>
        </div>
      </div>
    <div class="ipu-flex-content" id="content">
    </div>
  </div>
</div>

2021/nm-zsyt/ipu/js/connect-config.js

@@ -1,59 +1,35 @@
$(function () {
  var contentRoot = $("#content");
  // 设备连接配置项
  var configs = [{
    name: '身份证读卡器',
    items: [{
      label: '类型',
      name: 'ID_DEVICE_TYPE',
      options: [{
        name: '森锐', value: 'SR',
      }, {
        name: '三元达', value: 'SYD',
      }, {
        name: '中移在线', value: 'ZYZX',
      }]
  var configItems = [{
    label: '类型',
    name: 'DEVICE_BRAND_TYPE',
    options: [{
      name: '森锐', value: 'SR',
    }, {
      name: '三元达', value: 'SYD',
    }, {
      label: '连接方式',
      name: 'ID_CONNECT_TYPE',
      options: [{
        name: '蓝牙', value: 'bt',
      }, {
        name: 'OTG', value: 'otg',
      }, {
        name: 'NFC', value: 'nfc',
      }]
      name: '中移在线', value: 'ZYZX',
    }]
  }, {
    name: 'SIM卡读卡器',
    items: [{
      label: '类型',
      name: 'SIM_DEVICE_TYPE',
      options: [{
        name: '森锐', value: 'SR',
      }, {
        name: '三元达', value: 'SYD',
      }, {
        name: '中移在线', value: 'ZYZX',
      }]
    label: '连接方式',
    name: 'DEVICE_CONNECT_TYPE',
    options: [{
      name: '蓝牙', value: 'bt',
    }, {
      label: '连接方式',
      name: 'SIM_CONNECT_TYPE',
      options: [{
        name: '蓝牙', value: 'bt',
      }, {
        name: 'OTG', value: 'otg',
      }, {
        name: 'NFC', value: 'nfc',
      }]
      name: 'OTG', value: 'otg',
    }, {
      label: '蓝牙地址',
      name: 'SIM_BT_ADDRESS',
      type: 'input',
      clickFun: function (callback) {
        AndroidWebView.btDeviceList(callback)
      }
      name: 'NFC', value: 'nfc',
    }]
  }, {
    label: '蓝牙地址',
    name: 'DEVICE_BT_ADDRESS',
    type: 'input',
    clickFun: function (callback) {
      AndroidWebView.btDeviceList(callback)
    }
  }];
  // 设置连接信息
@@ -62,12 +38,9 @@ $(function () {
  }
  // 初始化配置项
  function iniTabItem(config) {
    var tabIemHead = "<li>" + config.name + "</li>";
    $(tabIemHead).appendTo(".ipu-tab-head>ul:first");
    var tabIemBody = '';
    $(config.items).each(function (i, item) {
  function iniConfigItem(items) {
    var contentHtml = '';
    $(items).each(function (i, item) {
      var optionStr = '';
      if ($.isArray(item.options)) {
@@ -81,7 +54,7 @@ $(function () {
            '                    </li>'
        });
      } else if (item.type == 'select') {
      } else if (item.type == 'input') {
        var readonly = item.clickFun ? 'readonly' : '';
        optionStr = optionStr + '<li class="ipu-list-item">\n' +
          '                <div class="ipu-list-item-inner">\n' +
@@ -94,62 +67,49 @@ $(function () {
        // 绑定事件
        if (item.clickFun) {
          $(".ipu-tab-body").on("click", "input[name='" + item.name + "']", function () {
          contentRoot.on("click", "input[name='" + item.name + "']", function () {
            var input = $(this);
            item.clickFun(function (result) {
              input.val(result);
              setConnectConfig(input.attr("name"), input.val());
            });
          });
        }
      }
      tabIemBody = tabIemBody + '<div class="demo-item"><p class="demo-title">' + item.label + '</p>' +
      contentHtml = contentHtml + '<div class="demo-item"><p class="demo-title">' + item.label + '</p>' +
        '<div class="demo-body"><div class="ipu-list"><ul>' + optionStr + '</ul></div></div></div>';
    });
    tabIemBody = '<li>' + tabIemBody + '</li>';
    $(tabIemBody).appendTo(".ipu-tab-body>ul:first");
    $(contentHtml).appendTo(contentRoot);
  }
  // 更新配置初始值
  function setInputVal(obj) {
    for (var key in obj) {
      if (obj[key]) { // 缓存有值
        $("input[name='" + key + "']").val(obj[key]);
  //　初始化配置项值
  function initConfigItemValue() {
    AndroidWebView.getDeviceConfig(function (obj) {
      for (var key in obj) {
        if (obj[key]) { // 缓存有值
          $("input[name='" + key + "']").val(obj[key]);
        }
      }
    }
    });
  }
  // 页面初始化
  function init() {
    // 初始化配置项
    $(configs).each(function (i, config) {
      iniTabItem(config);
    });
    // 读取身份证缓存数据
    AndroidWebView.getIdReaderConfig(setInputVal);
    iniConfigItem(configItems);
    // 读取默认配置
    AndroidWebView.getSimReaderConfig(setInputVal);
    // 读取身份证缓存数据,更新配置初始值
    initConfigItemValue();
  }
  // 页面事件绑定
  function bindEvent() {
    // 保存配置项变动
    $(".ipu-tab-body input").change(function () {
    $("input", contentRoot).change(function () {
      setConnectConfig($(this).attr("name"), $(this).val());
    });
    // tab切换
    $(".ipu-tab-head").on("click", "li", function () {
      $(this).addClass("ipu-current").siblings(".ipu-current").removeClass("ipu-current");
      var index = $(this).index();
      $(".ipu-tab-body>ul>li:eq(" + index + ")").addClass("ipu-current").siblings(".ipu-current").removeClass("ipu-current");
    });
    // 选中tab第一项显示
    $(".ipu-tab-head>ul>li:first").click();
  }
  init();

2021/nm-zsyt/ipu/js/frame/android-webview.js

@@ -2,14 +2,10 @@
(function () {
  // 依赖IPU框架ipu-mobile.js
  // 身份证设备连接配置缓存key
  var KEY_ID_DEVICE_TYPE = 'ID_DEVICE_TYPE';    // 身份证读取设备类型缓存key
  var KEY_ID_CONNECT_TYPE = 'ID_CONNECT_TYPE';  // 身份证读取设备连接方式缓存key
  // SIM设备连接配置缓存key
  var KEY_SIM_DEVICE_TYPE = 'SIM_DEVICE_TYPE';      // sim读取设备类型缓存key
  var KEY_SIM_CONNECT_TYPE = 'SIM_CONNECT_TYPE';    // sim读取设备连接类型缓存key
  var KEY_SIM_BT_ADDRESS = 'SIM_BT_ADDRESS';        // sim读取蓝牙设备地址缓存keymobile.js
  // 外设连接配置缓存key
  var KEY_DEVICE_BRAND_TYPE = 'DEVICE_BRAND_TYPE';      // 外设品牌类型缓存key
  var KEY_DEVICE_CONNECT_TYPE = 'DEVICE_CONNECT_TYPE';  // 外设连接方式缓存key
  var KEY_DEVICE_BT_ADDRESS = 'DEVICE_BT_ADDRESS';      // 外设蓝牙地址缓存key
  var SIM_SUCCESS_PREFIX = '0&';                    // 读写卡返回结果成功时字符前缀
@@ -22,81 +18,40 @@
    getCache: IpuMobile.getOfflineCache,           // 读取离线缓存
    /**
     * 设置身份证读卡器类型
     * @param {string} type 读卡器类型，SR/SYD/ZYZX分别代表森锐/三元达/中移在线
     */
    setIdReaderType: function (type) {
      this.setCache(KEY_ID_DEVICE_TYPE, type);
    },
    /**
     * 设置身份证读卡器连接方式
     * @param {string} connection 连接方式 bt\otg\nfc
     */
    setIdReaderConnection: function (connection) {
      this.setCache(KEY_ID_CONNECT_TYPE, connection);
    },
    /**
     * 设置sim读卡器设备类型
     * @param {string} deviceType 设备类型
     */
    setSimReaderDeviceType: function (deviceType) {
      this.setCache(KEY_SIM_DEVICE_TYPE, deviceType);
    },
    /**
     * 设置sim读卡器连接方式
     * @param {string} connectType 设备连接方式
     * 设置外设品牌
     * @param {string} type 连接设备类型，SR/SYD/ZYZX分别代表森锐/三元达/中移在线
     */
    setSimReaderConnection: function (connectType) {
      this.setCache(KEY_SIM_CONNECT_TYPE, connectType);
    setDeviceBrandType: function (type) {
      this.setCache(KEY_DEVICE_BRAND_TYPE, type);
    },
    /**
     * 设置sim读卡器蓝牙地址，可通过 AndroidWebView.btDeviceList()获取
     * @param {string} btnAddress 蓝牙设备地址
     * 设置外设连接方式
     * @param {string} type 连接方式 bt\otg\nfc
     */
    setSimReaderBtnAddress: function (btnAddress) {
      this.setCache(KEY_SIM_BT_ADDRESS, btnAddress);
    setDeviceConnection: function (type) {
      this.setCache(KEY_DEVICE_CONNECT_TYPE, type);
    },
    /**
     * 读取身份证读卡器设备连接配置，蓝牙参数在设备驱动中配置不用传参
     * 读取外设连接配置，蓝牙参数在设备驱动中配置不用传参
     *
     * @param {function} callback 回调函数
     * @param {Object} callback.obj 后面两个参数及值组成的json对象
     * @param {Object} callback.obj 后面参数及值组成的json对象
     * @param {string} callback.deviceType 设备类型
     * @param {string} callback.connectType 连接类型
     * @param {string} callback.btAddress 设备蓝牙地址
     */
    getIdReaderConfig: function (callback) {
    getDeviceConfig: function (callback) {
      this.getCache(function (cacheResult) {  // deviceType, connectType存储在缓存，不直接通过调用传递参数
        cacheResult = JSON.parse(cacheResult);
        var deviceType = cacheResult[KEY_ID_DEVICE_TYPE];
        var connectType = cacheResult[KEY_ID_CONNECT_TYPE];
        callback(cacheResult, deviceType, connectType);
      }, [KEY_ID_DEVICE_TYPE, KEY_ID_CONNECT_TYPE]);
        var deviceType = cacheResult[KEY_DEVICE_BRAND_TYPE];
        var connectType = cacheResult[KEY_DEVICE_CONNECT_TYPE];
        var btAddress = cacheResult[KEY_DEVICE_BT_ADDRESS];
        callback(cacheResult, deviceType, connectType, btAddress);
      }, [KEY_DEVICE_BRAND_TYPE, KEY_DEVICE_CONNECT_TYPE, KEY_DEVICE_BT_ADDRESS]);
    },
    /**
     * 读取SIm蓝牙设备连接配置
     *
     * @param {function} callback 回调函数
     * @param {Object} callback.obj 后面三个参数及值组成的json对象
     * @param {string} callback.deviceType 设备类型
     * @param {string} callback.connectType 连接类型
     * @param {string} callback.btnAddress 设备蓝牙地址,
     */
    getSimReaderConfig: function (callback) {
      // 如需使用js内存缓存，可优化此方法，取一次后缓存起来，不用每次读取缓存
      this.getCache(function (cacheResult) {  // deviceType, connectType存储在缓存，不直接通过调用传递参数
        cacheResult = JSON.parse(cacheResult);
        var deviceType = cacheResult[KEY_SIM_DEVICE_TYPE];
        var connectType = cacheResult[KEY_SIM_CONNECT_TYPE];
        var btnAddress = cacheResult[KEY_SIM_BT_ADDRESS];
        callback(cacheResult, deviceType, connectType, btnAddress);
      }, [KEY_SIM_DEVICE_TYPE, KEY_SIM_CONNECT_TYPE, KEY_SIM_BT_ADDRESS]);
    },
    /**
     * 获取蓝牙设备地址
@@ -215,7 +170,7 @@
     * @param {string} timeStamp 时间戳
     */
    getCardAndUp: function (callbackKey, isTakePicture, opId, timeStamp) {
      this.getIdReaderConfig(function (obj, deviceType, connectType) {
      this.getDeviceConfig(function (obj, deviceType, connectType) {
        IpuMobile.getCardAndUp(function (result) { // IPU插件不直接返回json对象，只返回json字符串
          result = JSON.parse(result);
          if (result.code && !result.errorCode) { // 客户端返回的字段是code，项目使用字段是errorCode
@@ -258,7 +213,7 @@
        }
      }
      this.getSimReaderConfig(function (obj, deviceType, connectType, btnAddress) {
      this.getDeviceConfig(function (obj, deviceType, connectType, btnAddress) {
        count++;  // 调一次插件，计数加1
        IpuMobile.getCardSN(function (result) {
          count--;
@@ -282,7 +237,7 @@
     * @param {string} callback.result 空卡序列号
     */
    getCardSN: function (callback) {
      this.getSimReaderConfig(function (obj, deviceType, connectType, btnAddress) {
      this.getDeviceConfig(function (obj, deviceType, connectType, btnAddress) {
        IpuMobile.getCardSN(function (result) {
          callback(SIM_SUCCESS_PREFIX + result);
        }, deviceType, connectType, {btnAddress: btnAddress});
@@ -296,7 +251,7 @@
     * @param {string} callback.result ICCID信息
     */
    getICCID: function (callback) {
      this.getSimReaderConfig(function (obj, deviceType, connectType, btnAddress) {
      this.getDeviceConfig(function (obj, deviceType, connectType, btnAddress) {
        IpuMobile.getICCID(function (result) {
          callback(SIM_SUCCESS_PREFIX + result);
        }, deviceType, connectType, {btnAddress: btnAddress});
@@ -310,7 +265,7 @@
     * @param {string} callback.result IMSI信息
     */
    getIMSI: function (callback) {
      this.getSimReaderConfig(function (obj, deviceType, connectType, btnAddress) {
      this.getDeviceConfig(function (obj, deviceType, connectType, btnAddress) {
        IpuMobile.getIMSI(function (result) {
          callback(SIM_SUCCESS_PREFIX + result);
        }, deviceType, connectType, {btnAddress: btnAddress});
@@ -325,7 +280,7 @@
     * @param {string} callback.result 回调函数参数，
     */
    isEmptyCard: function (callback) {
      this.getSimReaderConfig(function (obj, deviceType, connectType, btnAddress) {
      this.getDeviceConfig(function (obj, deviceType, connectType, btnAddress) {
        IpuMobile.isEmptyCard(function (result) {
          callback(SIM_SUCCESS_PREFIX + result);
        }, deviceType, connectType, {btnAddress: btnAddress});
@@ -339,7 +294,7 @@
     * @param {function} callback 回调函数
     */
    writeSIM: function (data, callback) {
      this.getSimReaderConfig(function (obj, deviceType, connectType, btnAddress) {
      this.getDeviceConfig(function (obj, deviceType, connectType, btnAddress) {
        IpuMobile.writeSIM(function (result) {
          callback(SIM_SUCCESS_PREFIX + result);
        }, deviceType, connectType, {btnAddress: btnAddress});