批量查询

  <!--批量查单-->
  <div style="position: fixed;top:370px;right: 10px;min-height: 100px;background: #EA5413;padding: 10px;width: 360px;z-index:999;overflow: hidden;" >
   <div style="margin-bottom:8px;color: aliceblue;">运单号查询</div>
   <div style="height: 65px;width:340px;display:flex;">
    <textarea id="input" placeholder="多单查询,单号用英文逗号隔开" style="width: 290px;height:65px;resize:none;margin-right:5px;float:left;"></textarea>
    <button onclick="QueryInterface()" style="height:65px;width:45px;vertical-align: top;border-radius:5%;background: #ffffff;border:1px solid #DCDFE6;">查询</button>
   </div>

  </div>
  <script>
   function QueryInterface() {
    let input = document.getElementById('input').value;
    str= input.replace(/\n/g,",");
    window.open('http://www.vcaveman.com/track/modalbox.html'+ "?" + "ordernos=" + str + "&appid=" + 'emhpaHVp');
   }
  </script>

引用我公司的查单弹窗

如下图显示的效果图

引用操作步骤

第一步：引用文件

在公司网站（贵公司）的引用页面，在head头标签中 添加引用文件

<script src="http://webapi.vcaveman.com/Scripts/jquery-1.11.3.min.js"></script>
<script src="http://webapi.vcaveman.com/QueryWayBillNo/vcaveman.trackorder.js"></script>

注意：如果已经引用了jquery.js插件，第一个链接可以不引用。如下图所示：

第二步：加载

在此页面的body标签中加入script语句：

<script> vcaveman.chadan('字体颜色','背景颜色','微信appid');</script>

实例如下：

<script> vcaveman.chadan('#fff','#ea5413','gh_e42c9b47917f');</script>

即可