layui.use(['jquery', 'madmin', 'mhttp', 'layer', 'common'], function () {
    let $ = layui.jquery;
    let layer = layui.layer;
    let madmin = layui.madmin;
    let mhttp = layui.mhttp;
    let common = layui.common;
    let ret = mhttp.ajax({
        url: '/share/lists',
        data: {
            page_size: 100,
        }
    });
    ret.then((data) => {
        if (data.code === 200) {
            let html = '';
            let array = [];
            if (data.data.length > 0) {
                for (let i in data.data) {
                    let list = data.data[i];
                    if (list.length > 0) {
                        for (let i in list) {
                            let item = list[i];
                            array.push(item);
                            // html += '<div class="layui-col-md3 ew-datagrid-item">\n' +
                            //     '            <div class="project-list-item" channel_uid="' + item.channel_uid + '"  url="' + item.url + '">' +
                            //     '               <img class="project-list-item-cover" src="' + item.cover + '">\n' +
                            //     '                <div class="project-list-item-body"><p class="app-name">'+item.title+'</p>\n' +
                            //     '                    <div class="project-list-item-text layui-text">\n' +
                            //     '                        <button  class="layui-btn layui-btn-sm qrcode">二维码</button>\n' +
                            //     '                        <button class="layui-btn layui-btn-sm  link">获取链接</button>\n' +
                            //     '                    </div>\n' +
                            //     '                </div>\n' +
                            //     '            </div>\n' +
                            //     '        </div>';
                        }
                    }
                }
            }
            var desc = function (x,y){
                return(x['sort'] < y['sort'])?1:-1;
            };
            array.sort(desc);
            if (array.length > 0) {
                for (let i in array) {
                    let item = array[i];
                    html += '<div class="layui-col-md3 ew-datagrid-item">\n' +
                        '            <div class="project-list-item" channel_uid="' + item.channel_uid + '"  url="' + item.url + '">' +
                        '               <img class="project-list-item-cover" src="' + item.cover + '">\n' +
                        '                <div class="project-list-item-body"><p class="app-name">'+item.title+'</p>\n' +
                        '                    <div class="project-list-item-text layui-text">\n' +
                        '                        <button  class="layui-btn layui-btn-sm qrcode">二维码</button>\n' +
                        '                        <button class="layui-btn layui-btn-sm  link">获取链接</button>\n' +
                        '                    </div>\n' +
                        '                </div>\n' +
                        '            </div>\n' +
                        '        </div>';
                }
            }
            $('.layui-row').append(html);
        } else {
            layer.msg(data.message, {icon: 2, time: 1000});
        }
    });

    // 二维码
    $(document).on('click', '.layui-row .qrcode', function () {
        let channel_uid = $(this).parents('.project-list-item').attr('channel_uid');
        let url = $(this).parents('.project-list-item').attr('url');
        let url_link = '';
        if (url.indexOf('?') !== -1) {
            url_link = url + '&channel_code=' + channel_uid;
        } else {
            url_link = url + '?channel_code=' + channel_uid;
        }
        // 首次出现的位置
        if (url_link.substr(url_link.indexOf('?')-1,1) !== '/'){
            // 添加 /
            url_link = url_link.substr(0,url_link.indexOf('?'))+'/'+url_link.substr(url_link.indexOf('?'));
        }
        layer.open({
            id: 'qrcode',
            type: 2,
            title: '二维码',
            shade: 0.1,
            offset: '20px',
            area: ['400px', '400px'],
            maxWidth: 500,
            maxHeight: 500,
            scrollbar: true,
            content: 'qrcode.html?|||' + url_link,
        });
    });

    // 获取链接
    $(document).on('click', '.layui-row .link', function () {
        let channel_uid = $(this).parents('.project-list-item').attr('channel_uid');
        let url = $(this).parents('.project-list-item').attr('url');
        let url_link = '';
        if (url.indexOf('?') !== -1) {
            url_link = url + '&channel_code=' + channel_uid;
        } else {
            url_link = url + '?channel_code=' + channel_uid;
        }
        // 首次出现的位置
        if (url_link.substr(url_link.indexOf('?')-1,1) !== '/'){
            // 添加 /
            url_link = url_link.substr(0,url_link.indexOf('?'))+'/'+url_link.substr(url_link.indexOf('?'));
        }

        layer.open({
            id: 'qrcode',
            type: 2,
            title: '获取链接',
            shade: 0.1,
            offset: '200px',
            area: ['400px', '200px'],
            maxWidth: 500,
            maxHeight: 500,
            scrollbar: true,
            content: 'copy_link.html?|||' + url_link,
        });
    });
})