高章伟
2022-03-18 4bfe21c4b5ddc089ae5a95f4b10f6cff148b690d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!--仿WebToEquipmentSetShippmentReceived.page-->
<apex:page showHeader="true" sidebar="true" id="allPage" title="web to app">
<apex:stylesheet value="{!URLFOR($Resource.blockUIcss)}"/>
<apex:includeScript value="{!URLFOR($Resource.jquery183minjs)}"/>
<apex:includeScript value="{!URLFOR($Resource.PleaseWaitDialog)}"/>
<apex:includeScript value="{!URLFOR($Resource.instascan)}"/>
<script>
function go() {
    var id = j$(escapeVfId('id')).value();
    if (id == '') {
        alert('请输入收货清单编码');
    } else {
        location.href = "/apex/ReceivingNoteList?id=" + id;
    }
}
</script>
<table>
 
    <tr>
        <td colspan="2">
            <video playsinline="true" id="preview" style="width: 300px;z-index: 20;transform: scaleX(-1);margin-top: 20px;"></video>
        </td>
    </tr>
    <tr>
        <td>收货清单No.</td>
        <td><input id="id" type="text" name="id" /></td>
    </tr>
    <tr>
        <td><input type="button" value="确定" onclick="go();" /></td>
    </tr>
</table>
 
<script type="text/javascript">
    j$(document).ready(function(){
        let scanner = new Instascan.Scanner({ video: document.getElementById('preview'), scanPeriod: 5 ,mirror: false});
        scanner.addListener('scan', function (content) {
          j$("#id").val(content);
          go();
        });
        Instascan.Camera.getCameras().then(function (cameras) {
          if (cameras.length > 0) {
            let ver = (navigator.userAgent).match(/OS (\d)?\d_\d(_\d)?/i)[0].split('_')[0].replace("OS ","");
            if (ver >= 13) {
                scanner.start(cameras[1]);
            } else {
                scanner.start(cameras[0]);
            }
          } else {
            console.error('No cameras found.');
          }
        }).catch(function (e) {
          console.error(e);
        });
    });
</script>
</apex:page>