$(function () {
    layui.use('element', function () {
        let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
    });
    addTabs('#wssq')
    // 业务
    // 业务
    var data = {
        'progressList': [
            {
                stepName: "信息效验",
                stepState: 2 //0：未办理 1：正在办理 2：已办理
            },
            {
                stepName: "填报信息",
                stepState: 2
            },
            {
                stepName: "完税核税",
                stepState: 2
            },
            {
                stepName: "身份认证",
                stepState: 1
            },
            {
                stepName: "资料审核",
                stepState: 0
            },
            {
                stepName: "线上缴费",
                stepState: 0
            },
            {
                stepName: "生成电子证书",
                stepState: 0
            }
        ],
    }

    layui.use('laytpl', function () {
        laytpl = layui.laytpl;
        var getTpl = document.getElementById('progress').innerHTML
            , view = document.getElementById('app_progress');
        laytpl(getTpl).render(data, function (html) {
            view.innerHTML = html;
        });

        layui.use(['element'], function () {
            var element = layui.element;
            //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
            element.init();
        });
    });


    // ////
    Webcam.set({
        width: 320,
        height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90
    });
    Webcam.attach( '#my_camera' );
    function take_snapshot() {
        // take snapshot and get image data
        Webcam.snap( function(data_uri) {
            // display results in page
            document.getElementById('results').innerHTML = 
                '<h2>Here is your image:</h2>' + 
                '<img src="'+data_uri+'"/>';
        } );
    }
})