tianyunperfect
/
web-base--


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>content_all</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="js/login.js"></script>
    <script src="js/util.js"></script>
    <style>
        .item {
            display: inline-block;
            margin-right: 20px; /* 调整间隔 */
            vertical-align: top;
        }
        .item a {
            margin-right: 10px; /* 链接和按钮之间的间隔 */
        }
        .delete-btn {
            font-size: 10px; /* 设置字体大小 */
            color: #f44336; /* 红色 */
            background: none;
            border: none;
            cursor: pointer;
            padding: 0;
            margin-left: 5px; /* 调整叉号与链接之间的间隔 */
        }
        .delete-btn:hover {
            color: #d32f2f; /* 悬停时颜色加深 */
        }
    </style>
</head>
<body>
<ul id="list"></ul>
<script>
    $(function () {
        if (!checkLogin()) {
            return;
        }
        let type = getQueryString("type");
        if (!type) {
            showMsg("没有类型", 2000);
            return;
        }

        $.getJSON('https://web_history.tianyunperfect.cn/content/getListByType?type=' + type, function (result) {
            if (result.code === 200) {
                let data = result.res;
                let listHtml = '';
                for (let i = 0; i < data.length; i++) {
                    let a = data[i].id;
                    let title = data[i].title;
                    let version = data[i].version;
                    // share_id
                    let share_id = data[i].share_id;
                    if (type === "mind-map") {
                        let url = `https://map.tianyunperfect.cn/?id=${a}&share_id=${share_id}`;
                        listHtml += `<div class="item">
                        <a href="${url}" target="_blank">${title}</a>
                        <button class="delete-btn" data-id="${a}" data-version="${version}">&#10006;</button>
                    </div>`;
                    }
                }
                $('#list').html(listHtml);

                $('.delete-btn').click(function () {
                    let title = $(this).siblings('a').text(); // 获取标题
                    if (confirm(`确认要删除 "${title}" 吗？`)) { // 在确认框中包含标题
                        let id = $(this).data('id');
                        let version = $(this).data('version');
                        deleteData(id, version);
                    }
                });
            } else {
                alert(result.message);
            }
        });

        function deleteData(id, version) {
            if (type === "mind-map") {
                $.ajax({
                    url: 'https://web_history.tianyunperfect.cn/content/deleteById?id=' + id + '&version=' + version,
                    type: 'DELETE',
                    success: function (result) {
                        if (result.code === 200) {
                            location.reload();
                        } else {
                            alert(result.message);
                        }
                    },
                    error: function () {
                        alert('删除失败');
                    }
                });
            }
        }
    });
</script>
</body>
</html>