tianyunperfect
/
web-base--


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>excalidraw_all</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
<label for="name">选择name：</label>
<select id="name">
    <option value="">加载中...</option>
</select>
<ul id="list"></ul>
<script>

    $(function() {
        if (!checkLogin()) {
            return;
        }
        $.getJSON('https://api.tianyunperfect.cn/excalidraw/all_name', function(result) {
            if (result.code === 1) {
                let names = result.data;
                let selectHtml = '';
                for (let i = 0; i < names.length; i++) {
                    selectHtml += '<option value="' + names[i].id + '">' + names[i].name +' - '+names[i].count+ '个版本</option>';
                }
                $('#name').html(selectHtml);
                $('#name').val(names[0].id);
                loadList(names[0].id);
            } else {
                alert(result.message);
            }
        });

        $('#name').change(function() {
            let id = $(this).val();
            loadList(id);
        });

        function loadList(id) {
            $.getJSON('https://api.tianyunperfect.cn/excalidraw/get_by_id?id=' + id, function(result) {
                if (result.code === 1) {
                    let data = result.data;
                    let listHtml = '';
                    for (let i = 0; i < data.length; i++) {
                        let a = data[i].id;
                        let title = data[i].name;
                        let version = data[i].version;
                        let url = 'https://excalidraw.tianyunperfect.cn/?a=' + a + '&title=' + title + '&version=' + version;
                        listHtml += '<li><a href="' + url + '" target="_blank">' + title + '_' + version + '</a>&nbsp;&nbsp;&nbsp;<button class="delete-btn" data-id="' + a + '" data-version="' + version + '">删除</button></li>';
                    }
                    $('#list').html(listHtml);

                    $('.delete-btn').click(function() {
                        if (confirm('确认要删除吗？')) {
                            let id = $(this).data('id');
                            let version = $(this).data('version');
                            deleteData(id, version);
                        }
                    });
                } else {
                    alert(result.message);
                }
            });
        }
        function deleteData(id, version) {
            $.ajax({
                url: 'https://api.tianyunperfect.cn/excalidraw/delete_by_id?id=' + id + '&version=' + version,
                type: 'DELETE',
                success: function(result) {
                    if (result.code === 1) {
                        loadList($('#name').val());
                    } else {
                        alert(result.message);
                    }
                },
                error: function() {
                    alert('删除失败');
                }
            });
        }
    });
</script>
</body>
</html>