2468 lines
82 KiB
PHP
2468 lines
82 KiB
PHP
<?php
|
||
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
|
||
/**
|
||
* 知识插件后台管理面板
|
||
*/
|
||
|
||
// 获取配置
|
||
$options = Typecho_Widget::widget('Widget_Options');
|
||
$config = $options->plugin('Memo');
|
||
|
||
// 引入Action类
|
||
require_once __DIR__ . '/Action.php';
|
||
$action = new Memo_Action();
|
||
|
||
// 获取搜索和筛选参数
|
||
$search = isset($_GET['search']) ? trim($_GET['search']) : '';
|
||
$category = isset($_GET['category']) ? trim($_GET['category']) : '';
|
||
$page = isset($_GET['page']) ? intval($_GET['page']) : 1;
|
||
$perPage = isset($config->perPage) ? intval($config->perPage) : 10;
|
||
|
||
// 获取所有分类
|
||
$allCategories = $action->getAllCategories();
|
||
$categoryCounts = $action->getCategoryCounts();
|
||
|
||
// 获取统计信息
|
||
$statistics = $action->getStatistics();
|
||
|
||
// 获取默认分类设置
|
||
$defaultCategories = isset($config->defaultCategories) ? explode("\n", $config->defaultCategories) : array('默认');
|
||
$defaultCategories = array_map('trim', $defaultCategories);
|
||
$defaultCategories = array_filter($defaultCategories);
|
||
|
||
// 处理表单提交
|
||
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||
// 处理新增
|
||
if (!empty($_POST['content'])) {
|
||
try {
|
||
$action->addMemo(array(
|
||
'content' => $_POST['content'],
|
||
'category' => isset($_POST['category']) ? $_POST['category'] : '默认',
|
||
'event_date' => isset($_POST['event_date']) && !empty($_POST['event_date']) ? $_POST['event_date'] : null,
|
||
'post_cids' => isset($_POST['post_cids']) ? $_POST['post_cids'] : '',
|
||
'original_url' => isset($_POST['original_url']) ? $_POST['original_url'] : '' // 新增：原文链接
|
||
));
|
||
|
||
$successMsg = '知识添加成功！';
|
||
// 重定向到当前页面（保持筛选状态）
|
||
$redirectUrl = $_SERVER['PHP_SELF'] . '?panel=Memo/manage-panel.php&page=' . $page;
|
||
if ($search) $redirectUrl .= '&search=' . urlencode($search);
|
||
if ($category) $redirectUrl .= '&category=' . urlencode($category);
|
||
$redirectUrl .= '#memo-list-anchor';
|
||
header('Location: ' . $redirectUrl);
|
||
exit;
|
||
} catch (Exception $e) {
|
||
$errorMsg = '添加失败: ' . htmlspecialchars($e->getMessage());
|
||
}
|
||
}
|
||
|
||
// 处理批量删除 - 修复：独立的批量删除处理
|
||
if (isset($_POST['bulk_delete']) && !empty($_POST['delete_ids']) && is_array($_POST['delete_ids'])) {
|
||
$action->deleteMemos($_POST['delete_ids']);
|
||
$successMsg = '删除成功！';
|
||
// 重定向到当前页面（保持筛选状态）
|
||
$redirectUrl = $_SERVER['PHP_SELF'] . '?panel=Memo/manage-panel.php&page=' . $page;
|
||
if ($search) $redirectUrl .= '&search=' . urlencode($search);
|
||
if ($category) $redirectUrl .= '&category=' . urlencode($category);
|
||
$redirectUrl .= '#memo-list-anchor';
|
||
header('Location: ' . $redirectUrl);
|
||
exit;
|
||
}
|
||
|
||
// 处理批量导出TXT - 修复：正确处理导出数据
|
||
if (isset($_POST['export_selected_txt']) && !empty($_POST['export_ids'])) {
|
||
try {
|
||
// 将逗号分隔的字符串转换为数组
|
||
$exportIds = explode(',', $_POST['export_ids']);
|
||
$exportIds = array_map('intval', $exportIds);
|
||
$exportIds = array_filter($exportIds);
|
||
|
||
if (empty($exportIds)) {
|
||
throw new Exception('没有选择有效的记录');
|
||
}
|
||
|
||
$exportContent = $action->exportSelectedData($exportIds, 'txt');
|
||
$filename = 'memo_selected_' . date('Ymd_His') . '.txt';
|
||
|
||
header('Content-Type: text/plain');
|
||
header('Content-Disposition: attachment; filename="' . $filename . '"');
|
||
header('Content-Length: ' . strlen($exportContent));
|
||
echo $exportContent;
|
||
exit;
|
||
} catch (Exception $e) {
|
||
$errorMsg = '导出失败: ' . htmlspecialchars($e->getMessage());
|
||
}
|
||
}
|
||
|
||
// 处理批量导出MD - 修复：正确处理导出数据
|
||
if (isset($_POST['export_selected_md']) && !empty($_POST['export_ids'])) {
|
||
try {
|
||
// 将逗号分隔的字符串转换为数组
|
||
$exportIds = explode(',', $_POST['export_ids']);
|
||
$exportIds = array_map('intval', $exportIds);
|
||
$exportIds = array_filter($exportIds);
|
||
|
||
if (empty($exportIds)) {
|
||
throw new Exception('没有选择有效的记录');
|
||
}
|
||
|
||
$exportContent = $action->exportSelectedData($exportIds, 'md');
|
||
$filename = 'memo_selected_' . date('Ymd_His') . '.md';
|
||
|
||
header('Content-Type: text/markdown');
|
||
header('Content-Disposition: attachment; filename="' . $filename . '"');
|
||
header('Content-Length: ' . strlen($exportContent));
|
||
echo $exportContent;
|
||
exit;
|
||
} catch (Exception $e) {
|
||
$errorMsg = '导出失败: ' . htmlspecialchars($e->getMessage());
|
||
}
|
||
}
|
||
|
||
// 处理单个导出
|
||
if (isset($_POST['export_single_txt']) && !empty($_POST['single_id'])) {
|
||
try {
|
||
$exportContent = $action->exportSelectedData(array(intval($_POST['single_id'])), 'txt');
|
||
$filename = 'memo_' . $_POST['single_id'] . '_' . date('Ymd_His') . '.txt';
|
||
|
||
header('Content-Type: text/plain');
|
||
header('Content-Disposition: attachment; filename="' . $filename . '"');
|
||
header('Content-Length: ' . strlen($exportContent));
|
||
echo $exportContent;
|
||
exit;
|
||
} catch (Exception $e) {
|
||
$errorMsg = '导出失败: ' . htmlspecialchars($e->getMessage());
|
||
}
|
||
}
|
||
|
||
if (isset($_POST['export_single_md']) && !empty($_POST['single_id'])) {
|
||
try {
|
||
$exportContent = $action->exportSelectedData(array(intval($_POST['single_id'])), 'md');
|
||
$filename = 'memo_' . $_POST['single_id'] . '_' . date('Ymd_His') . '.md';
|
||
|
||
header('Content-Type: text/markdown');
|
||
header('Content-Disposition: attachment; filename="' . $filename . '"');
|
||
header('Content-Length: ' . strlen($exportContent));
|
||
echo $exportContent;
|
||
exit;
|
||
} catch (Exception $e) {
|
||
$errorMsg = '导出失败: ' . htmlspecialchars($e->getMessage());
|
||
}
|
||
}
|
||
|
||
// 处理编辑
|
||
if (!empty($_POST['edit_id'])) {
|
||
$action->updateMemo(array(
|
||
'edit_id' => $_POST['edit_id'],
|
||
'edit_content' => $_POST['edit_content'],
|
||
'edit_category' => isset($_POST['edit_category']) ? $_POST['edit_category'] : '默认',
|
||
'edit_event_date' => isset($_POST['edit_event_date']) && !empty($_POST['edit_event_date']) ? $_POST['edit_event_date'] : null,
|
||
'edit_post_cids' => isset($_POST['edit_post_cids']) ? $_POST['edit_post_cids'] : '',
|
||
'edit_original_url' => isset($_POST['edit_original_url']) ? $_POST['edit_original_url'] : ''
|
||
));
|
||
$successMsg = '知识更新成功！';
|
||
// 重定向到当前页面（保持筛选状态）
|
||
$redirectUrl = $_SERVER['PHP_SELF'] . '?panel=Memo/manage-panel.php&page=' . $page;
|
||
if ($search) $redirectUrl .= '&search=' . urlencode($search);
|
||
if ($category) $redirectUrl .= '&category=' . urlencode($category);
|
||
$redirectUrl .= '#memo-list-anchor';
|
||
header('Location: ' . $redirectUrl);
|
||
exit;
|
||
}
|
||
|
||
// 处理全量导出
|
||
if (isset($_POST['export'])) {
|
||
$exportContent = $action->exportData();
|
||
$filename = 'memo_' . date('Ymd_His') . '.txt';
|
||
|
||
header('Content-Type: text/plain');
|
||
header('Content-Disposition: attachment; filename="' . $filename . '"');
|
||
header('Content-Length: ' . strlen($exportContent));
|
||
echo $exportContent;
|
||
exit;
|
||
}
|
||
|
||
// 处理全量导出为MD
|
||
if (isset($_POST['export_md'])) {
|
||
$exportContent = $action->exportMdData();
|
||
$filename = 'memo_' . date('Ymd_His') . '.md';
|
||
|
||
header('Content-Type: text/markdown');
|
||
header('Content-Disposition: attachment; filename="' . $filename . '"');
|
||
header('Content-Length: ' . strlen($exportContent));
|
||
echo $exportContent;
|
||
exit;
|
||
}
|
||
|
||
// 处理导入
|
||
if (isset($_POST['import']) && !empty($_FILES['import_file']['tmp_name'])) {
|
||
$fileContent = file_get_contents($_FILES['import_file']['tmp_name']);
|
||
$fileExtension = strtolower(pathinfo($_FILES['import_file']['name'], PATHINFO_EXTENSION));
|
||
|
||
if ($fileExtension == 'sql') {
|
||
// 导入SQL文件
|
||
$importCategory = isset($_POST['import_category']) ? $_POST['import_category'] : '文章导入';
|
||
$result = $action->importSqlData($fileContent, $importCategory);
|
||
} else {
|
||
// 导入文本文件
|
||
$result = $action->importData($fileContent);
|
||
}
|
||
|
||
if ($result['imported'] > 0) {
|
||
$successMsg = '导入成功！成功导入 ' . $result['imported'] . ' 条记录';
|
||
if ($result['failed'] > 0) {
|
||
$successMsg .= '，失败 ' . $result['failed'] . ' 条记录';
|
||
|
||
if (!empty($result['fail_reasons'])) {
|
||
$errorDetails = '<strong>失败原因：</strong><br>';
|
||
$displayCount = min(10, count($result['fail_reasons']));
|
||
for ($i = 0; $i < $displayCount; $i++) {
|
||
$errorDetails .= htmlspecialchars($result['fail_reasons'][$i]) . '<br>';
|
||
}
|
||
if (count($result['fail_reasons']) > 10) {
|
||
$errorDetails .= '...还有 ' . (count($result['fail_reasons']) - 10) . ' 条失败记录';
|
||
}
|
||
$errorMsg = $errorDetails;
|
||
}
|
||
}
|
||
} else {
|
||
$errorMsg = '导入失败！未找到可导入的记录或格式不正确';
|
||
if (!empty($result['fail_reasons'])) {
|
||
$errorMsg .= '<br><strong>失败原因：</strong><br>';
|
||
$displayCount = min(10, count($result['fail_reasons']));
|
||
for ($i = 0; $i < $displayCount; $i++) {
|
||
$errorMsg .= htmlspecialchars($result['fail_reasons'][$i]) . '<br>';
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// 获取知识数据
|
||
$memos = $action->getMemos($page, $perPage, $search, $category);
|
||
$total = $action->getTotalCount($search, $category);
|
||
$totalPages = ceil($total / $perPage);
|
||
|
||
// 为每条记录获取关联的文章信息
|
||
foreach ($memos as &$memo) {
|
||
$memo['post_info'] = array();
|
||
if (!empty($memo['post_cids'])) {
|
||
$cids = array_filter(array_map('trim', explode(',', $memo['post_cids'])));
|
||
foreach ($cids as $cid) {
|
||
if (is_numeric($cid)) {
|
||
$post = $action->getPostByCid($cid);
|
||
if ($post) {
|
||
$memo['post_info'][$cid] = $post;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
unset($memo);
|
||
|
||
// 辅助函数：将URL转换为链接（精确匹配）
|
||
function convertUrlsToLinks($text) {
|
||
if (empty($text)) {
|
||
return $text;
|
||
}
|
||
|
||
// 先进行HTML实体编码
|
||
$encodedText = htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
|
||
|
||
// 精确匹配URL的正则表达式
|
||
// 只匹配以http://或https://开头的完整URL
|
||
$urlPattern = '/(https?:\/\/[a-zA-Z0-9][-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)/';
|
||
|
||
// 使用preg_replace_callback进行精确处理
|
||
return preg_replace_callback($urlPattern, function($matches) {
|
||
$url = $matches[1];
|
||
|
||
// 清理URL末尾可能错误的标点符号
|
||
$punctuation = array('.', ',', ';', ':', '!', '?', ')', ']', '}');
|
||
$lastChar = substr($url, -1);
|
||
if (in_array($lastChar, $punctuation)) {
|
||
$url = substr($url, 0, -1);
|
||
$suffix = $lastChar;
|
||
} else {
|
||
$suffix = '';
|
||
}
|
||
|
||
// 确保URL格式正确
|
||
if (!preg_match('/^https?:\/\//', $url)) {
|
||
return $matches[0]; // 如果不是合法URL，返回原文本
|
||
}
|
||
|
||
// 创建链接
|
||
return '<a href="' . htmlspecialchars($url) . '" class="url-link" target="_blank" rel="noopener noreferrer">' . htmlspecialchars($url) . '</a>' . $suffix;
|
||
}, $encodedText);
|
||
}
|
||
|
||
?>
|
||
|
||
<?php include 'header.php'; ?>
|
||
<?php include 'menu.php'; ?>
|
||
|
||
<style>
|
||
|
||
/* 分类横向列表样式 - 修改为自动换行 */
|
||
.categories-horizontal-list {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 8px;
|
||
padding-bottom: 5px;
|
||
align-items: center;
|
||
max-height: 100px; /* 限制最大高度，超出可滚动 */
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.category-tag {
|
||
display: inline-block;
|
||
padding: 4px 10px;
|
||
border-radius: 4px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
background: #e8f5e8;
|
||
color: #2e7d32;
|
||
border: 1px solid #c8e6c9;
|
||
white-space: nowrap;
|
||
text-decoration: none;
|
||
transition: all 0.2s;
|
||
cursor: pointer;
|
||
flex-shrink: 0; /* 防止标签被压缩 */
|
||
}
|
||
|
||
.category-tag:hover {
|
||
background: #d5ecd5;
|
||
border-color: #a8d5a9;
|
||
text-decoration: none;
|
||
color: #2e7d32;
|
||
}
|
||
|
||
/* 确保统计卡片内容不换行 */
|
||
.stats-card h3 {
|
||
margin-top: 0;
|
||
margin-bottom: 15px;
|
||
color: #333;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
border-bottom: 1px solid #f0f0f0;
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
.stats-card .categories-horizontal-list {
|
||
margin-top: 8px;
|
||
min-height: 32px;
|
||
}
|
||
/* 基础样式 */
|
||
.memo-panel {
|
||
padding: 40px 0;
|
||
margin-left: 150px;
|
||
margin-top:50px;
|
||
}
|
||
|
||
.panel-container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 0 30px;
|
||
}
|
||
|
||
/* 浮动消息 */
|
||
.floating-message {
|
||
position: fixed;
|
||
top: 20px;
|
||
right: 20px;
|
||
z-index: 9999;
|
||
max-width: 350px;
|
||
opacity: 0;
|
||
transform: translateY(-20px);
|
||
transition: opacity 0.3s, transform 0.3s;
|
||
padding: 14px 20px;
|
||
border-radius: 6px;
|
||
border: 1px solid transparent;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.floating-message.show {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.floating-message.success {
|
||
color: #0f5132;
|
||
background-color: #d1e7dd;
|
||
border-color: #badbcc;
|
||
}
|
||
|
||
.floating-message.error {
|
||
color: #842029;
|
||
background-color: #f8d7da;
|
||
border-color: #f5c2c7;
|
||
}
|
||
|
||
/* 统计卡片样式 */
|
||
.stats-section {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.stats-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||
gap: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.stats-card {
|
||
background: white;
|
||
border-radius: 8px;
|
||
padding: 20px;
|
||
border: 1px solid #e0e0e0;
|
||
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
|
||
}
|
||
|
||
.stats-card h3 {
|
||
margin-top: 0;
|
||
margin-bottom: 15px;
|
||
color: #333;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
border-bottom: 1px solid #f0f0f0;
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
.stats-number {
|
||
font-size: 24px;
|
||
font-weight: bold;
|
||
color: #007bff;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.stats-label {
|
||
font-size: 13px;
|
||
color: #666;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.stats-date {
|
||
font-size: 14px;
|
||
color: #333;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.stats-category-item {
|
||
padding: 10px 0;
|
||
border-bottom: 1px solid #f5f5f5;
|
||
}
|
||
|
||
.stats-category-item:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
.stats-category-header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.stats-category-name {
|
||
font-weight: 500;
|
||
color: #333;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.stats-category-name:hover {
|
||
color: #007bff;
|
||
}
|
||
|
||
.stats-category-count {
|
||
background: #e8f5e8;
|
||
color: #2e7d32;
|
||
padding: 2px 8px;
|
||
border-radius: 10px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.stats-empty {
|
||
text-align: center;
|
||
padding: 20px;
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
|
||
/* 批量操作表单修复 */
|
||
.bulk-form {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.bulk-actions .bulk-actions-buttons button {
|
||
margin: 0 5px;
|
||
}
|
||
|
||
/* 导入导出 */
|
||
.import-export-section {
|
||
margin-bottom: 22px;
|
||
}
|
||
|
||
.import-export-grid {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 22px;
|
||
}
|
||
|
||
.import-box, .export-box {
|
||
background: #fff;
|
||
padding: 22px;
|
||
border-radius: 6px;
|
||
border: 1px solid #dee2e6;
|
||
}
|
||
|
||
.import-box h4, .export-box h4 {
|
||
margin-top: 0;
|
||
margin-bottom: 16px;
|
||
color: #495057;
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.export-buttons {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.format-example {
|
||
background: #f8f9fa;
|
||
padding: 16px;
|
||
border-radius: 6px;
|
||
border-left: 3px solid #007bff;
|
||
margin-top: 18px;
|
||
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.format-example pre {
|
||
margin: 5px 0px;
|
||
white-space: pre-wrap;
|
||
font-size: 12px;
|
||
}
|
||
|
||
#post_cids, #original_url{height:36px;border-radius:4px!important;}
|
||
|
||
/* 发布表单 */
|
||
.publish-form {
|
||
background: #fff;
|
||
padding: 25px;
|
||
margin-bottom: 20px;
|
||
border-radius: 8px;
|
||
border: 1px solid #e0e0e0;
|
||
}
|
||
|
||
.publish-form h2 {
|
||
margin-top: 0;
|
||
margin-bottom: 22px;
|
||
padding-bottom: 16px;
|
||
border-bottom: 1px solid #f0f0f0;
|
||
color: #333;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.form-row {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.form-group {
|
||
flex: 1;
|
||
min-width: 200px;
|
||
}
|
||
|
||
.form-group label {
|
||
display: block;
|
||
margin-bottom: 8px;
|
||
margin-top:8px ;
|
||
font-weight: 500;
|
||
color: #555;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.form-control {
|
||
width: 100%;
|
||
padding: 10px 14px;
|
||
border: 1px solid #ced4da;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
margin-top:5px;
|
||
color: #333;
|
||
background-color: #fff;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
textarea.form-control {
|
||
resize: vertical;
|
||
min-height: 100px;
|
||
}
|
||
|
||
/* 修复：日期输入框宽度问题 */
|
||
input[type="date"].form-control {
|
||
width: 100%;
|
||
padding: 10px 14px;
|
||
border: 1px solid #ced4da;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
background-color: #fff;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* 修复1：分类下拉选择框 - 确保文字完整显示 */
|
||
select.form-control {
|
||
width: 100%;
|
||
padding: 10px 14px;
|
||
border: 1px solid #ced4da;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
color: #333;
|
||
background-color: #fff;
|
||
box-sizing: border-box;
|
||
max-width: 100%;
|
||
height: auto; /* 允许高度自动调整 */
|
||
min-height: 42px; /* 设置最小高度 */
|
||
line-height: 1.5; /* 设置行高 */
|
||
overflow: visible !important; /* 强制显示完整内容 */
|
||
}
|
||
|
||
/* 修复1：分类下拉选项 - 确保文字完整显示 */
|
||
select.form-control option {
|
||
padding: 10px 12px; /* 增加内边距 */
|
||
font-size: 14px;
|
||
line-height: 1.5; /* 设置行高 */
|
||
height: auto; /* 允许高度自动调整 */
|
||
white-space: normal; /* 允许文字换行 */
|
||
overflow: visible; /* 允许内容溢出可见 */
|
||
text-overflow: clip; /* 不截断文字 */
|
||
max-width: 100%;
|
||
word-wrap: break-word; /* 允许单词换行 */
|
||
word-break: break-word; /* 允许单词内断行 */
|
||
}
|
||
|
||
.form-actions {
|
||
text-align: center;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.description {
|
||
font-size: 12px;
|
||
color: #6c757d;
|
||
margin-top: 6px;
|
||
display: block;
|
||
}
|
||
|
||
/* 按钮样式 */
|
||
.btn {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 10px 18px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
border: 1px solid transparent;
|
||
border-radius: 4px;
|
||
height: 40px;
|
||
min-width: 80px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.btn-primary {
|
||
color: #fff;
|
||
background-color: #007bff;
|
||
border-color: #007bff;
|
||
}
|
||
|
||
.btn-primary:hover {
|
||
background-color: #0069d9;
|
||
border-color: #0062cc;
|
||
}
|
||
|
||
.btn-secondary {
|
||
color: #fff;
|
||
background-color: #6c757d;
|
||
border-color: #6c757d;
|
||
}
|
||
|
||
.btn-secondary:hover {
|
||
background-color: #5a6268;
|
||
border-color: #545b62;
|
||
}
|
||
|
||
.btn-danger {
|
||
color: #fff;
|
||
background-color: #dc3545;
|
||
border-color: #dc3545;
|
||
}
|
||
|
||
.btn-danger:hover {
|
||
background-color: #c82333;
|
||
border-color: #bd2130;
|
||
}
|
||
|
||
.btn-success {
|
||
color: #fff;
|
||
background-color: #28a745;
|
||
border-color: #28a745;
|
||
}
|
||
|
||
.btn-success:hover {
|
||
background-color: #218838;
|
||
border-color: #1e7e34;
|
||
}
|
||
|
||
.btn-info {
|
||
color: #fff;
|
||
background-color: #17a2b8;
|
||
border-color: #17a2b8;
|
||
}
|
||
|
||
.btn-info:hover {
|
||
background-color: #138496;
|
||
border-color: #117a8b;
|
||
}
|
||
|
||
.btn-warning {
|
||
color: #212529;
|
||
background-color: #ffc107;
|
||
border-color: #ffc107;
|
||
}
|
||
|
||
.btn-warning:hover {
|
||
background-color: #e0a800;
|
||
border-color: #d39e00;
|
||
}
|
||
|
||
.btn-sm {
|
||
padding: 6px 12px;
|
||
font-size: 12px;
|
||
height: 36px;
|
||
min-width: 60px;
|
||
}
|
||
|
||
/* 知识列表区域 */
|
||
.memo-list-section {
|
||
background: #fff;
|
||
padding: 0;
|
||
border-radius: 8px;
|
||
border: 1px solid #e0e0e0;
|
||
margin-bottom: 20px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.memo-list-section h2 {
|
||
margin: 0;
|
||
padding: 20px 25px;
|
||
border-bottom: 1px solid #f0f0f0;
|
||
color: #333;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
/* 搜索和筛选工具栏 */
|
||
.search-filter-toolbar {
|
||
padding: 15px 25px;
|
||
background: #f8f9fa;
|
||
border-bottom: 1px solid #e0e0e0;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 15px;
|
||
align-items: center;
|
||
}
|
||
|
||
.search-box {
|
||
flex: 1;
|
||
min-width: 250px;
|
||
}
|
||
|
||
.search-box form {
|
||
display: flex;
|
||
gap: 10px;
|
||
}
|
||
|
||
.search-input {
|
||
flex: 1;
|
||
padding: 8px 12px;
|
||
border: 1px solid #ced4da;
|
||
border-radius: 4px!important;
|
||
overflow: hidden;
|
||
font-size: 14px;
|
||
min-width: 200px;
|
||
height: 36px;
|
||
}
|
||
|
||
.filter-box {
|
||
display: flex;
|
||
gap: 10px;
|
||
align-items: center;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.category-filter {
|
||
min-width: 150px;
|
||
}
|
||
|
||
/* 修复1：分类筛选下拉框 - 确保文字完整显示 */
|
||
.category-select {
|
||
padding: 8px 12px;
|
||
border: 1px solid #ced4da;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
background: white;
|
||
min-width: 150px;
|
||
max-width: 200px;
|
||
height: auto;
|
||
min-height: 36px;
|
||
line-height: 1.5;
|
||
overflow: visible !important;
|
||
}
|
||
|
||
.category-select option {
|
||
padding: 8px 12px;
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
height: auto;
|
||
white-space: normal;
|
||
overflow: visible;
|
||
text-overflow: clip;
|
||
word-wrap: break-word;
|
||
word-break: break-word;
|
||
}
|
||
|
||
.filter-info {
|
||
padding: 8px 15px;
|
||
background: #e7f3ff;
|
||
border-radius: 4px;
|
||
color: #0066cc;
|
||
font-size: 13px;
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.filter-info strong {
|
||
color: #0056b3;
|
||
}
|
||
|
||
.clear-filter {
|
||
color: #666;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.clear-filter:hover {
|
||
color: #333;
|
||
}
|
||
|
||
/* 表格样式 */
|
||
.data-table {
|
||
width: 100%;
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
margin: 0;
|
||
font-size: 14px;
|
||
background-color: #fff;
|
||
table-layout: auto;
|
||
}
|
||
|
||
.data-table th,
|
||
.data-table td {
|
||
padding: 14px 12px;
|
||
border-bottom: 1px solid #f0f0f0;
|
||
text-align: left;
|
||
vertical-align: middle;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.data-table th {
|
||
background-color: #fafbfc;
|
||
font-weight: 600;
|
||
color: #333;
|
||
border-bottom: 2px solid #e0e0e0;
|
||
font-size: 14px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.data-table tbody tr:hover {
|
||
background-color: #f8f9fa;
|
||
}
|
||
|
||
/* 列宽设置 - 修复 */
|
||
.data-table th:nth-child(1),
|
||
.data-table td:nth-child(1) {
|
||
width: 30px;
|
||
text-align: center;
|
||
padding: 14px 8px;
|
||
}
|
||
|
||
.data-table th:nth-child(2),
|
||
.data-table td:nth-child(2) {
|
||
width: 40px;
|
||
text-align: center;
|
||
font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
|
||
font-size: 13px;
|
||
color: #666;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* 内容列 - 问题3：超出显示查看更多 */
|
||
.data-table th:nth-child(3),
|
||
.data-table td:nth-child(3) {
|
||
min-width: 350px;
|
||
max-width: 400px; /* 限制最大宽度 */
|
||
word-wrap: break-word;
|
||
overflow-wrap: break-word;
|
||
position: relative;
|
||
}
|
||
|
||
.data-table th:nth-child(4),
|
||
.data-table td:nth-child(4) {
|
||
width: 50px;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.data-table th:nth-child(5),
|
||
.data-table td:nth-child(5) {
|
||
width: 50px;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.data-table th:nth-child(6),
|
||
.data-table td:nth-child(6) {
|
||
width: 80px;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.data-table th:nth-child(7),
|
||
.data-table td:nth-child(7) {
|
||
width: 120px;
|
||
min-width: 100px;
|
||
max-width: 150px;
|
||
}
|
||
|
||
.data-table th:nth-child(8),
|
||
.data-table td:nth-child(8) {
|
||
width: 200px; /* 增加宽度以容纳更多按钮 */
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
padding: 14px 8px;
|
||
}
|
||
|
||
/* 分类徽章 - 修改为可点击 */
|
||
.category-badge {
|
||
display: inline-block;
|
||
padding: 4px 10px;
|
||
border-radius: 4px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
background: #e8f5e8;
|
||
color: #2e7d32;
|
||
border: 1px solid #c8e6c9;
|
||
max-width: 120px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
cursor: pointer;
|
||
text-decoration: none;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.category-badge:hover {
|
||
background: #d5ecd5;
|
||
border-color: #a8d5a9;
|
||
text-decoration: none;
|
||
color: #2e7d32;
|
||
}
|
||
|
||
/* 日期徽章 */
|
||
.date-badge {
|
||
display: inline-block;
|
||
background-color: #f0f7ff;
|
||
color: #0066cc;
|
||
padding: 4px 10px;
|
||
border-radius: 4px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* 创建时间 */
|
||
.created-time {
|
||
color: #666;
|
||
font-size: 12px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* CID徽章 - 修改为可点击链接 */
|
||
.cid-badge {
|
||
display: inline-block;
|
||
background-color: #fff3cd;
|
||
color: #856404;
|
||
padding: 3px 8px;
|
||
margin: 2px;
|
||
border-radius: 3px;
|
||
font-size: 11px;
|
||
font-weight: 500;
|
||
font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
|
||
border: 1px solid #ffeaa7;
|
||
white-space: nowrap;
|
||
cursor: pointer;
|
||
text-decoration: none;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.cid-badge:hover {
|
||
background-color: #ffeaa7;
|
||
border-color: #ffdd59;
|
||
text-decoration: none;
|
||
color: #856404;
|
||
}
|
||
|
||
.cid-container {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 3px;
|
||
max-height: 60px;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
/* 批量操作 */
|
||
.bulk-actions {
|
||
padding: 15px;
|
||
background-color: #f8f9fa;
|
||
border: 1px solid #e0e0e0;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
|
||
.bulk-actions-footer {
|
||
border-top: none;
|
||
border-bottom: 2px solid #e0e0e0;
|
||
}
|
||
|
||
.select-all-area {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 15px;
|
||
}
|
||
|
||
.selected-info {
|
||
font-size: 13px;
|
||
color: #666;
|
||
}
|
||
|
||
/* 新增：批量操作按钮组 */
|
||
.bulk-actions-buttons {
|
||
display: flex;
|
||
gap: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
/* 分页样式 */
|
||
.pagination {
|
||
margin-top: 25px;
|
||
margin-bottom: 25px;
|
||
text-align: center;
|
||
}
|
||
|
||
.pagination ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
display: inline-flex;
|
||
gap: 4px;
|
||
}
|
||
|
||
.pagination li {
|
||
display: inline;
|
||
}
|
||
|
||
.pagination a, .pagination span {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 8px 12px;
|
||
background-color: #fff;
|
||
color: #495057;
|
||
text-decoration: none;
|
||
border-radius: 4px;
|
||
border: 1px solid #dee2e6;
|
||
min-width: 36px;
|
||
height: 36px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.pagination a:hover {
|
||
background-color: #f8f9fa;
|
||
border-color: #dee2e6;
|
||
}
|
||
|
||
.pagination .active a, .pagination .active span {
|
||
background-color: #007bff;
|
||
color: white;
|
||
border-color: #007bff;
|
||
}
|
||
|
||
/* 空状态 */
|
||
.empty-state {
|
||
text-align: center;
|
||
padding: 50px 20px;
|
||
color: #999;
|
||
}
|
||
|
||
.empty-state .icon {
|
||
font-size: 48px;
|
||
margin-bottom: 20px;
|
||
opacity: 0.5;
|
||
}
|
||
|
||
/* 模态框 */
|
||
.modal {
|
||
display: none;
|
||
position: fixed;
|
||
z-index: 1000;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0,0,0,0.5);
|
||
}
|
||
|
||
.modal-content {
|
||
background-color: #fff;
|
||
margin: 3.5% auto;
|
||
padding: 0;
|
||
border-radius: 8px;
|
||
width: 85%;
|
||
max-width: 800px; /* 增加最大宽度用于内容查看 */
|
||
box-shadow: 0 5px 25px rgba(0,0,0,0.15);
|
||
position: relative;
|
||
max-height: 87vh; /* 限制最大高度 */
|
||
overflow-y: auto; /* 允许垂直滚动 */
|
||
}
|
||
|
||
.close {
|
||
position: absolute;
|
||
right: 20px;
|
||
top: 18px;
|
||
font-size: 22px;
|
||
cursor: pointer;
|
||
color: #999;
|
||
background: none;
|
||
border: none;
|
||
padding: 0;
|
||
width: 24px;
|
||
height: 24px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.close:hover {
|
||
color: #333;
|
||
background-color: #f5f5f5;
|
||
}
|
||
|
||
.modal-header {
|
||
margin: 0;
|
||
padding: 20px 25px;
|
||
border-bottom: 1px solid #e0e0e0;
|
||
background-color: #fafbfc;
|
||
border-radius: 8px 8px 0 0;
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 10;
|
||
}
|
||
|
||
.modal-header h3 {
|
||
margin: 0;
|
||
color: #333;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.modal-body {
|
||
padding: 25px;
|
||
max-height: calc(85vh - 70px); /* 减去头部高度 */
|
||
overflow-y: auto;
|
||
}
|
||
|
||
/* 内容查看模态框特定样式 */
|
||
#contentModal .modal-body {
|
||
font-size: 14px;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
white-space: pre-wrap; /* 仅在弹窗中支持换行显示 */
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
/* 修复2：超链接样式 - 只对URL本身加链接 */
|
||
.url-link {
|
||
color: #0066cc;
|
||
text-decoration: none;
|
||
border-bottom: 1px dotted #0066cc;
|
||
transition: all 0.2s;
|
||
word-break: break-all; /* 允许URL换行 */
|
||
}
|
||
|
||
.url-link:hover {
|
||
color: #0056b3;
|
||
background-color: #f8f9fa;;
|
||
}
|
||
|
||
/* 原文链接样式 */
|
||
.original-link {
|
||
margin-top: 15px;
|
||
padding: 10px 12px;
|
||
background: #f8f9fa;
|
||
border-radius: 4px;
|
||
border-left: 3px solid #28a745;
|
||
}
|
||
|
||
.original-link-label {
|
||
font-size: 12px;
|
||
font-weight: 600;
|
||
color: #495057;
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
.original-link-url {
|
||
font-size: 13px;
|
||
word-break: break-all;
|
||
}
|
||
|
||
.original-link-url a {
|
||
color: #0066cc;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.original-link-url a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.modal-content form {
|
||
padding: 25px;
|
||
}
|
||
|
||
/* 查看更多按钮 */
|
||
.view-more-btn {
|
||
display: inline-block;
|
||
color: #0066cc;
|
||
background: none;
|
||
border: none;
|
||
padding: 2px 6px 2px 0px;
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
margin-top: 5px;
|
||
border-radius: 3px;
|
||
transition: all 0.2s;
|
||
}
|
||
|
||
.view-more-btn:hover {
|
||
background-color: #f0f7ff;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* 内容容器 */
|
||
.content-container {
|
||
position: relative;
|
||
}
|
||
|
||
.content-preview {
|
||
max-height: 80px;
|
||
overflow: hidden;
|
||
position: relative;
|
||
color: #000;
|
||
/* 修复1：移除 white-space: pre-wrap，列表不处理换行 */
|
||
word-wrap: break-word;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
/* 操作按钮组 */
|
||
.action-buttons {
|
||
display: flex;
|
||
gap: 5px;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
}
|
||
|
||
/* 锚点目标 */
|
||
.anchor-target {
|
||
scroll-margin-top: 20px;
|
||
}
|
||
|
||
/* 响应式设计 */
|
||
@media (max-width: 992px) {
|
||
.import-export-grid {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
|
||
.search-filter-toolbar {
|
||
flex-direction: column;
|
||
align-items: stretch;
|
||
}
|
||
|
||
.search-box {
|
||
width: 100%;
|
||
}
|
||
|
||
.filter-box {
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.data-table {
|
||
display: block;
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.data-table th:nth-child(8),
|
||
.data-table td:nth-child(8) {
|
||
width: 150px;
|
||
}
|
||
|
||
.action-buttons {
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.panel-container {
|
||
padding: 0 15px;
|
||
}
|
||
|
||
.form-row {
|
||
flex-direction: column;
|
||
gap: 15px;
|
||
}
|
||
|
||
.form-group {
|
||
width: 100%;
|
||
}
|
||
|
||
.bulk-actions {
|
||
flex-direction: column;
|
||
gap: 10px;
|
||
}
|
||
|
||
.bulk-actions-buttons {
|
||
width: 100%;
|
||
justify-content: center;
|
||
}
|
||
|
||
.select-all-area {
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
gap: 10px;
|
||
}
|
||
|
||
.floating-message {
|
||
left: 20px;
|
||
right: 20px;
|
||
max-width: none;
|
||
}
|
||
|
||
.search-box form {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.search-input {
|
||
min-width: 100%;
|
||
}
|
||
|
||
.category-filter {
|
||
min-width: 100%;
|
||
}
|
||
|
||
.category-select {
|
||
min-width: 100%;
|
||
max-width: 100%;
|
||
}
|
||
|
||
.data-table th:nth-child(3),
|
||
.data-table td:nth-child(3) {
|
||
max-width: 200px;
|
||
}
|
||
|
||
.data-table th:nth-child(8),
|
||
.data-table td:nth-child(8) {
|
||
width: 120px;
|
||
}
|
||
|
||
.export-buttons {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.export-buttons button {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.pagination a, .pagination span {
|
||
min-width: 30px;
|
||
height: 30px;
|
||
padding: 0 8px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.action-buttons button {
|
||
font-size: 11px;
|
||
padding: 4px 8px;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<div class="memo-panel">
|
||
<div class="panel-container">
|
||
|
||
<!-- 浮动消息提示 -->
|
||
<?php if (isset($successMsg)): ?>
|
||
<div id="floatingMessage" class="floating-message success show">
|
||
<div style="display: flex; justify-content: space-between; align-items: flex-start;">
|
||
<div style="flex-grow: 1;">
|
||
<strong>✓ 成功</strong>
|
||
<div style="margin-top: 5px;"><?php echo $successMsg; ?></div>
|
||
</div>
|
||
<button type="button" onclick="hideMessage()" style="background: none; border: none; color: inherit; font-size: 18px; cursor: pointer; margin-left: 10px; padding: 0 5px;">×</button>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<?php if (isset($errorMsg)): ?>
|
||
<div id="floatingMessage" class="floating-message error show">
|
||
<div style="display: flex; justify-content: space-between; align-items: flex-start;">
|
||
<div style="flex-grow: 1;">
|
||
<strong>✗ 错误</strong>
|
||
<div style="margin-top: 5px;"><?php echo $errorMsg; ?></div>
|
||
</div>
|
||
<button type="button" onclick="hideMessage()" style="background: none; border: none; color: inherit; font-size: 18px; cursor: pointer; margin-left: 10px; padding: 0 5px;">×</button>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<div class="typecho-page-main" role="main">
|
||
<!-- 统计信息 -->
|
||
<div class="stats-section">
|
||
<!--<h2 style="margin-bottom: 20px; color: #333; font-size: 18px; font-weight: 600;">知识统计</h2>-->
|
||
|
||
<div class="stats-grid" style="margin-top:10px;">
|
||
<!-- 总知识数 -->
|
||
<div class="stats-card">
|
||
<h3>总知识数</h3>
|
||
<div class="stats-number"><?php echo $statistics['total_count']; ?></div>
|
||
<div class="stats-label">条知识记录</div>
|
||
</div>
|
||
|
||
<!-- 时间范围 -->
|
||
<!-- 时间范围 -->
|
||
<div class="stats-card">
|
||
<h3>跨度时间</h3>
|
||
<?php if ($statistics['oldest_date'] && $statistics['newest_date']): ?>
|
||
<div class="stats-date">
|
||
最早：<?php echo date('Y-m-d', strtotime($statistics['oldest_date'])); ?>
|
||
</div>
|
||
<div class="stats-date">
|
||
最新：<?php echo date('Y-m-d', strtotime($statistics['newest_date'])); ?>
|
||
</div>
|
||
<div class="stats-label" style="margin-top: 8px; padding-top: 8px; border-top: 1px solid #f0f0f0;">
|
||
<!--<span style="font-size: 12px; color: #666;">
|
||
有日期：<?php echo $statistics['dated_count']; ?> 条，
|
||
无日期：<?php echo $statistics['undated_count']; ?> 条
|
||
</span>-->
|
||
</div>
|
||
<?php elseif ($statistics['oldest_date']): ?>
|
||
<div class="stats-date">
|
||
最早：<?php echo date('Y-m-d', strtotime($statistics['oldest_date'])); ?>
|
||
</div>
|
||
<div class="stats-label" style="margin-top: 8px; padding-top: 8px; border-top: 1px solid #f0f0f0;">
|
||
<!--<span style="font-size: 12px; color: #666;">
|
||
有日期：<?php echo $statistics['dated_count']; ?> 条，
|
||
无日期：<?php echo $statistics['undated_count']; ?> 条
|
||
</span>-->
|
||
</div>
|
||
<?php elseif ($statistics['newest_date']): ?>
|
||
<div class="stats-date">
|
||
最新：<?php echo date('Y-m-d', strtotime($statistics['newest_date'])); ?>
|
||
</div>
|
||
<div class="stats-label" style="margin-top: 8px; padding-top: 8px; border-top: 1px solid #f0f0f0;">
|
||
<span style="font-size: 12px; color: #666;">
|
||
有日期：<?php echo $statistics['dated_count']; ?> 条，
|
||
无日期：<?php echo $statistics['undated_count']; ?> 条
|
||
</span>
|
||
</div>
|
||
<?php else: ?>
|
||
<div class="stats-empty" style="padding: 10px 0;">
|
||
暂无事件日期数据
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<!-- 分类分布 -->
|
||
<!-- 分类分布 -->
|
||
<div class="stats-card">
|
||
<h3>分类分布</h3>
|
||
<?php if (!empty($statistics['categories'])): ?>
|
||
<div class="categories-horizontal-list" style="margin-top: 8px;">
|
||
<?php foreach ($statistics['categories'] as $catName => $catCount): ?>
|
||
<a href="?panel=Memo/manage-panel.php&category=<?php echo urlencode($catName); ?>&scroll=list"
|
||
class="category-tag"
|
||
title="点击查看该分类的知识">
|
||
<?php echo htmlspecialchars($catName); ?>（<?php echo $catCount; ?>）
|
||
</a>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
<?php else: ?>
|
||
<div class="stats-empty">暂无分类数据</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 导入导出功能 -->
|
||
<div class="import-export-section">
|
||
<div class="import-export-grid">
|
||
<!-- 导出功能 -->
|
||
<div class="export-box">
|
||
<h4>导出知识</h4>
|
||
<p style="color:#000;">导出所有知识为文件格式</p>
|
||
<div class="export-buttons">
|
||
<form method="post" action="" style="display: inline;">
|
||
<button type="submit" name="export" class="btn btn-success">
|
||
导出为 TXT 文件
|
||
</button>
|
||
</form>
|
||
<form method="post" action="" style="display: inline;">
|
||
<button type="submit" name="export_md" class="btn btn-warning">
|
||
导出为 MD 文件
|
||
</button>
|
||
</form>
|
||
</div>
|
||
<div class="format-example">
|
||
<strong style="color:#000;">TXT格式示例：</strong>
|
||
<pre>[工作] 2025.12.21 完成项目报告
|
||
[学习] PHP编程学习笔记
|
||
[生活] 周末购物清单</pre>
|
||
<strong style="color:#000;">MD格式示例：</strong>
|
||
<pre>## 工作
|
||
- **2025-12-21** 完成项目报告
|
||
|
||
## 学习
|
||
- PHP编程学习笔记
|
||
|
||
## 生活
|
||
- 周末购物清单</pre>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 导入功能 -->
|
||
<div class="import-box">
|
||
<h4>导入知识</h4>
|
||
<p style="color:#000;">从文件导入知识</p>
|
||
<form method="post" action="" enctype="multipart/form-data">
|
||
<div style="margin-bottom: 15px;">
|
||
<label for="import_file" style="color:#000;padding-bottom:3px;">选择文件：</label>
|
||
<input type="file" id="import_file" name="import_file" class="form-control" required accept=".txt,.text,.sql,.md">
|
||
<p class="description">支持 .txt/.md 文本文件和 .sql 数据库文件</p>
|
||
</div>
|
||
|
||
<div style="margin-bottom: 15px; display: none;" id="sqlImportOptions">
|
||
<label for="import_category">导入分类：</label>
|
||
<input type="text" id="import_category" name="import_category" class="form-control" value="文章导入" placeholder="设置导入的分类名称">
|
||
<p class="description">设置SQL导入的知识分类名称</p>
|
||
</div>
|
||
|
||
<button type="submit" name="import" class="btn btn-info">
|
||
导入文件
|
||
</button>
|
||
</form>
|
||
<div class="format-example">
|
||
<strong style="color:#000;">支持格式：</strong>
|
||
<pre>1. TXT文本文件格式：
|
||
[分类] 日期 内容
|
||
日期格式: YYYY.MM.DD
|
||
|
||
2. MD文件格式：
|
||
## 分类
|
||
- **日期** 内容
|
||
|
||
3. SQL文件格式：
|
||
从Typecho文章的SQL备份文件导入
|
||
提取文章标题和内容作为知识</pre>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 发布新知识 -->
|
||
<div class="publish-form">
|
||
<h2>发布新知识</h2>
|
||
<form method="post" action="" id="publishForm">
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="category">知识分类 *</label>
|
||
<select id="category" name="category" class="form-control" required>
|
||
<option value="">请选择分类</option>
|
||
<?php foreach ($defaultCategories as $cat): ?>
|
||
<option value="<?php echo htmlspecialchars($cat); ?>"><?php echo htmlspecialchars($cat); ?></option>
|
||
<?php endforeach; ?>
|
||
<?php foreach ($allCategories as $cat): ?>
|
||
<?php if (!in_array($cat, $defaultCategories)): ?>
|
||
<option value="<?php echo htmlspecialchars($cat); ?>"><?php echo htmlspecialchars($cat); ?></option>
|
||
<?php endif; ?>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="event_date">发掘日期（可选）</label>
|
||
<input type="date" id="event_date" name="event_date" class="form-control"
|
||
value="<?php echo date('Y-m-d'); ?>">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="content">知识内容 *</label>
|
||
<textarea id="content" name="content" class="form-control" rows="4" required
|
||
placeholder="请输入知识内容（支持网址，会自动转换为超链接）"></textarea>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="post_cids">关联文章CID（可选）</label>
|
||
<input type="text" id="post_cids" name="post_cids" class="form-control"
|
||
placeholder="输入文章CID，多个用逗号分隔，如：123,456">
|
||
<span class="description">可关联多个文章，输入文章CID，用逗号分隔</span>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="original_url">原文链接（可选）</label>
|
||
<input type="text" id="original_url" name="original_url" class="form-control"
|
||
placeholder="输入原文链接，如：https://www.shitoucuo.com/tandian_10.html">
|
||
<span class="description">可填写原文链接，查看完整内容时会显示</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-actions">
|
||
<button type="reset" class="btn btn-secondary" style="margin-right: 10px;">重置</button>
|
||
<button type="submit" class="btn btn-primary">发布</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- 锚点目标 -->
|
||
<div id="memo-list-anchor" class="anchor-target"></div>
|
||
|
||
<!-- 知识列表区域 -->
|
||
<div class="memo-list-section">
|
||
<h2>知识列表</h2>
|
||
|
||
<!-- 搜索和筛选工具栏 -->
|
||
<div class="search-filter-toolbar">
|
||
<!-- 搜索框 -->
|
||
<div class="search-box">
|
||
<form method="get" action="">
|
||
<input type="hidden" name="panel" value="Memo/manage-panel.php">
|
||
<input type="hidden" name="category" value="<?php echo htmlspecialchars($category); ?>">
|
||
<input type="hidden" name="scroll" value="list">
|
||
<input type="text" name="search" class="search-input"
|
||
placeholder="搜索知识内容..."
|
||
value="<?php echo htmlspecialchars($search); ?>">
|
||
<button type="submit" class="btn btn-primary btn-sm">搜索</button>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- 分类筛选 -->
|
||
<div class="filter-box">
|
||
<div class="category-filter">
|
||
<select name="category" class="category-select" onchange="if(this.value) window.location.href='?panel=Memo/manage-panel.php&category='+encodeURIComponent(this.value)+'<?php echo $search ? '&search=' . urlencode($search) : ''; ?>&scroll=list'; else window.location.href='?panel=Memo/manage-panel.php<?php echo $search ? '&search=' . urlencode($search) : ''; ?>&scroll=list';">
|
||
<option value="">全部分类</option>
|
||
<?php foreach ($allCategories as $cat): ?>
|
||
<option value="<?php echo htmlspecialchars($cat); ?>"
|
||
<?php echo $category == $cat ? 'selected' : ''; ?>>
|
||
<?php echo htmlspecialchars($cat); ?>
|
||
<?php if (isset($categoryCounts[$cat])): ?>
|
||
(<?php echo $categoryCounts[$cat]; ?>)
|
||
<?php endif; ?>
|
||
</option>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
</div>
|
||
|
||
<?php if ($search || $category): ?>
|
||
<div class="filter-info">
|
||
<?php if ($search && $category): ?>
|
||
搜索"<strong><?php echo htmlspecialchars($search); ?></strong>"，知识分类"<strong><?php echo htmlspecialchars($category); ?></strong>"，共找到 <?php echo $total; ?> 条记录
|
||
<?php elseif ($search): ?>
|
||
搜索"<strong><?php echo htmlspecialchars($search); ?></strong>"，共找到 <?php echo $total; ?> 条记录
|
||
<?php elseif ($category): ?>
|
||
分类"<strong><?php echo htmlspecialchars($category); ?></strong>"，共 <?php echo $total; ?> 条记录
|
||
<?php endif; ?>
|
||
<a href="?panel=Memo/manage-panel.php&scroll=list" class="clear-filter">清除筛选</a>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
|
||
<?php if (empty($memos)): ?>
|
||
<div class="empty-state">
|
||
<div class="icon">📝</div>
|
||
<h3>暂无知识记录</h3>
|
||
<p>还没有添加知识，或者当前筛选条件没有匹配的记录</p>
|
||
<?php if ($search || $category): ?>
|
||
<a href="?panel=Memo/manage-panel.php&scroll=list" class="btn btn-primary" style="margin-top: 15px;">查看全部</a>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php else: ?>
|
||
<!-- 批量操作区域 -->
|
||
<div class="bulk-actions">
|
||
<div class="select-all-area">
|
||
<div>
|
||
<input type="checkbox" id="select-all" style="margin: 0; width: 16px; height: 16px;">
|
||
<label for="select-all" style="color:#000;margin-left: 8px; font-weight: 500; font-size: 14px;">
|
||
全选本页
|
||
</label>
|
||
</div>
|
||
<div class="selected-info">
|
||
已选择 <strong id="selected-count">0</strong> 条记录
|
||
</div>
|
||
</div>
|
||
<div class="bulk-actions-buttons">
|
||
<button type="button" class="btn btn-success btn-sm" onclick="exportSelected('txt')">
|
||
导出选中TXT
|
||
</button>
|
||
<button type="button" class="btn btn-warning btn-sm" onclick="exportSelected('md')">
|
||
导出选中MD
|
||
</button>
|
||
<button type="button" class="btn btn-danger btn-sm" onclick="confirmBulkDelete()">
|
||
删除选中
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 主表单（只用于删除） -->
|
||
<form method="post" action="" id="bulkActionForm" style="display:none;">
|
||
<input type="hidden" name="bulk_delete" value="1">
|
||
<input type="hidden" name="delete_ids[]" id="deleteIdsField">
|
||
</form>
|
||
|
||
<!-- 导出表单 - 修复：改为两个独立的表单 -->
|
||
<form method="post" action="" id="exportTxtForm" style="display:none;">
|
||
<input type="hidden" name="export_ids" id="exportIdsTxtField">
|
||
<input type="hidden" name="export_selected_txt" value="1">
|
||
</form>
|
||
|
||
<form method="post" action="" id="exportMdForm" style="display:none;">
|
||
<input type="hidden" name="export_ids" id="exportIdsMdField">
|
||
<input type="hidden" name="export_selected_md" value="1">
|
||
</form>
|
||
|
||
<table class="data-table">
|
||
<thead>
|
||
<tr>
|
||
<th>
|
||
<input type="checkbox" id="thead-select-all" style="margin: 0; width: 16px; height: 16px;">
|
||
</th>
|
||
<th>ID</th>
|
||
<th>知识内容</th>
|
||
<th>知识分类</th>
|
||
<th>发掘时间</th>
|
||
<th>发布时间</th>
|
||
<th>文章关联</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<?php foreach ($memos as $memo):
|
||
$cids = !empty($memo['post_cids']) ? explode(',', $memo['post_cids']) : array();
|
||
?>
|
||
<tr>
|
||
<td>
|
||
<input type="checkbox" name="memo_ids[]" value="<?php echo $memo['id']; ?>" class="row-checkbox" style="margin: 0; width: 16px; height: 16px;">
|
||
</td>
|
||
<td>
|
||
<span class="memo-id">#<?php echo $memo['id']; ?></span>
|
||
</td>
|
||
|
||
|
||
<!-- <td>
|
||
<div class="content-container">
|
||
<div class="content-preview">
|
||
<?php
|
||
// 修复2：只对精确的URL加超链接
|
||
$content = convertUrlsToLinks($memo['content']);
|
||
|
||
if ($search) {
|
||
$searchEncoded = htmlspecialchars($search);
|
||
$content = preg_replace(
|
||
'/(' . preg_quote($searchEncoded, '/') . ')/i',
|
||
'<mark style="background: #fff3cd; padding: 1px 3px;">$1</mark>',
|
||
$content
|
||
);
|
||
}
|
||
// 修复1：列表不处理换行，使用 nl2br 保持原有格式但不保留空格格式
|
||
echo nl2br($content);
|
||
?>
|
||
</div>
|
||
<button type="button" class="view-more-btn"
|
||
data-content="<?php echo htmlspecialchars($memo['content'], ENT_QUOTES, 'UTF-8'); ?>"
|
||
data-original-url="<?php echo htmlspecialchars($memo['original_url'] ?? '', ENT_QUOTES, 'UTF-8'); ?>"
|
||
onclick="viewContent(<?php echo $memo['id']; ?>, this)">
|
||
查看更多
|
||
</button>
|
||
</div>
|
||
</td>不管是否截取均显示查看更多-->
|
||
<td>
|
||
<div class="content-container">
|
||
<div class="content-preview" id="content-preview-<?php echo $memo['id']; ?>">
|
||
<?php
|
||
// 修复2：只对精确的URL加超链接
|
||
$content = convertUrlsToLinks($memo['content']);
|
||
|
||
if ($search) {
|
||
$searchEncoded = htmlspecialchars($search);
|
||
$content = preg_replace(
|
||
'/(' . preg_quote($searchEncoded, '/') . ')/i',
|
||
'<mark style="background: #fff3cd; padding: 1px 3px;">$1</mark>',
|
||
$content
|
||
);
|
||
}
|
||
|
||
// 获取纯文本长度（不含HTML标签）用于判断
|
||
$plainText = strip_tags($content);
|
||
|
||
// 显示内容，如果过长则截取
|
||
$maxLength = 200; // 截取长度阈值
|
||
$showFullContent = false;
|
||
|
||
if (mb_strlen($plainText, 'UTF-8') > $maxLength) {
|
||
// 截取内容
|
||
$shortenedContent = mb_substr($plainText, 0, $maxLength, 'UTF-8') . '...';
|
||
// 重新应用HTML处理（只处理URL）
|
||
$shortenedContent = convertUrlsToLinks($shortenedContent);
|
||
|
||
// 如果搜索关键词被截断了，确保高亮显示
|
||
if ($search) {
|
||
$shortenedContent = preg_replace(
|
||
'/(' . preg_quote(htmlspecialchars($search), '/') . ')/i',
|
||
'<mark style="background: #fff3cd; padding: 1px 3px;">$1</mark>',
|
||
$shortenedContent
|
||
);
|
||
}
|
||
|
||
echo nl2br($shortenedContent);
|
||
$showFullContent = true;
|
||
} else {
|
||
// 内容不长，显示完整内容
|
||
echo nl2br($content);
|
||
$showFullContent = false;
|
||
}
|
||
?>
|
||
</div>
|
||
|
||
<?php if ($showFullContent): ?>
|
||
<button type="button" class="view-more-btn"
|
||
data-content="<?php echo htmlspecialchars($memo['content'], ENT_QUOTES, 'UTF-8'); ?>"
|
||
data-original-url="<?php echo htmlspecialchars($memo['original_url'] ?? '', ENT_QUOTES, 'UTF-8'); ?>"
|
||
onclick="viewContent(<?php echo $memo['id']; ?>, this)">
|
||
查看更多
|
||
</button>
|
||
<?php endif; ?>
|
||
</div>
|
||
</td>
|
||
|
||
<td>
|
||
<a href="?panel=Memo/manage-panel.php&category=<?php echo urlencode($memo['category']); ?>&scroll=list"
|
||
class="category-badge"
|
||
title="点击查看该分类的知识">
|
||
<?php echo htmlspecialchars($memo['category']); ?>
|
||
</a>
|
||
</td>
|
||
<td>
|
||
<?php if (!empty($memo['event_date'])): ?>
|
||
<span class="date-badge">
|
||
<?php echo date('Y-m-d', strtotime($memo['event_date'])); ?>
|
||
</span>
|
||
<?php else: ?>
|
||
<span style="color: #999; font-size: 12px;">-</span>
|
||
<?php endif; ?>
|
||
</td>
|
||
<td>
|
||
<span class="created-time">
|
||
<?php echo date('Y-m-d', strtotime($memo['created'])); ?>
|
||
</span>
|
||
</td>
|
||
<td>
|
||
<?php if (!empty($cids)): ?>
|
||
<div class="cid-container">
|
||
<?php foreach ($cids as $cid):
|
||
$cid = trim($cid);
|
||
if (!empty($cid)):
|
||
$postInfo = $memo['post_info'][$cid] ?? null;
|
||
$title = $postInfo['title'] ?? '文章' . $cid;
|
||
$url = $postInfo['url'] ?? '';
|
||
?>
|
||
<?php if (!empty($url)): ?>
|
||
<a href="<?php echo htmlspecialchars($url); ?>"
|
||
class="cid-badge"
|
||
title="<?php echo htmlspecialchars($title); ?>"
|
||
target="_blank">
|
||
<?php echo $cid; ?>
|
||
</a>
|
||
<?php else: ?>
|
||
<span class="cid-badge" title="<?php echo htmlspecialchars($title); ?>">
|
||
<?php echo $cid; ?>
|
||
</span>
|
||
<?php endif; ?>
|
||
<?php endif; ?>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
<?php else: ?>
|
||
<span style="color: #999; font-size: 12px;">-</span>
|
||
<?php endif; ?>
|
||
</td>
|
||
<td>
|
||
<div class="action-buttons">
|
||
<!-- 新增：单个导出按钮 -->
|
||
<form method="post" action="" style="display: inline;">
|
||
<input type="hidden" name="single_id" value="<?php echo $memo['id']; ?>">
|
||
<button type="submit" name="export_single_txt" class="btn btn-sm btn-success" style="padding: 4px 8px; font-size: 12px;" title="导出为TXT">
|
||
TXT
|
||
</button>
|
||
</form>
|
||
<form method="post" action="" style="display: inline;">
|
||
<input type="hidden" name="single_id" value="<?php echo $memo['id']; ?>">
|
||
<button type="submit" name="export_single_md" class="btn btn-sm btn-warning" style="padding: 4px 8px; font-size: 12px;" title="导出为MD">
|
||
MD
|
||
</button>
|
||
</form>
|
||
<button type="button" class="btn btn-sm btn-primary edit-btn"
|
||
data-memo='<?php echo htmlspecialchars(json_encode($memo), ENT_QUOTES, 'UTF-8'); ?>'
|
||
style="padding: 4px 10px; font-size: 12px;" title="编辑">
|
||
编辑
|
||
</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<?php endforeach; ?>
|
||
</tbody>
|
||
</table>
|
||
|
||
<!-- 批量操作底部栏 -->
|
||
<div class="bulk-actions bulk-actions-footer">
|
||
<div class="select-all-area">
|
||
<div>
|
||
<input type="checkbox" id="footer-select-all" style="margin: 0; width: 16px; height: 16px;">
|
||
<label for="footer-select-all" style="color:#000;margin-left: 8px; font-weight: 500; font-size: 14px;">
|
||
全选本页
|
||
</label>
|
||
</div>
|
||
<div class="selected-info">
|
||
已选择 <strong id="footer-selected-count">0</strong> 条记录
|
||
</div>
|
||
</div>
|
||
<div class="bulk-actions-buttons">
|
||
<button type="button" class="btn btn-success btn-sm" onclick="exportSelected('txt')">
|
||
导出选中TXT
|
||
</button>
|
||
<button type="button" class="btn btn-warning btn-sm" onclick="exportSelected('md')">
|
||
导出选中MD
|
||
</button>
|
||
<button type="button" class="btn btn-danger btn-sm" onclick="confirmBulkDelete()">
|
||
删除选中
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 分页 -->
|
||
<?php if ($totalPages > 1): ?>
|
||
<div class="pagination">
|
||
<ul>
|
||
<?php if ($page > 1): ?>
|
||
<li><a href="?panel=Memo/manage-panel.php&page=<?php echo $page-1; ?><?php echo $search ? '&search=' . urlencode($search) : ''; ?><?php echo $category ? '&category=' . urlencode($category) : ''; ?>&scroll=list">« 上一页</a></li>
|
||
<?php endif; ?>
|
||
|
||
<?php
|
||
$start = max(1, $page - 2);
|
||
$end = min($totalPages, $page + 2);
|
||
|
||
if ($start > 1) {
|
||
echo '<li><a href="?panel=Memo/manage-panel.php&page=1' . ($search ? '&search=' . urlencode($search) : '') . ($category ? '&category=' . urlencode($category) : '') . '&scroll=list">1</a></li>';
|
||
if ($start > 2) echo '<li><span>...</span></li>';
|
||
}
|
||
|
||
for ($i = $start; $i <= $end; $i++): ?>
|
||
<li <?php if ($i == $page) echo 'class="active"'; ?>>
|
||
<a href="?panel=Memo/manage-panel.php&page=<?php echo $i; ?><?php echo $search ? '&search=' . urlencode($search) : ''; ?><?php echo $category ? '&category=' . urlencode($category) : ''; ?>&scroll=list"><?php echo $i; ?></a>
|
||
</li>
|
||
<?php endfor; ?>
|
||
|
||
<?php if ($end < $totalPages): ?>
|
||
<?php if ($end < $totalPages - 1): ?>
|
||
<li><span>...</span></li>
|
||
<?php endif; ?>
|
||
<li><a href="?panel=Memo/manage-panel.php&page=<?php echo $totalPages; ?><?php echo $search ? '&search=' . urlencode($search) : ''; ?><?php echo $category ? '&category=' . urlencode($category) : ''; ?>&scroll=list"><?php echo $totalPages; ?></a></li>
|
||
<?php endif; ?>
|
||
|
||
<?php if ($page < $totalPages): ?>
|
||
<li><a href="?panel=Memo/manage-panel.php&page=<?php echo $page+1; ?><?php echo $search ? '&search=' . urlencode($search) : ''; ?><?php echo $category ? '&category=' . urlencode($category) : ''; ?>&scroll=list">下一页 »</a></li>
|
||
<?php endif; ?>
|
||
</ul>
|
||
</div>
|
||
<?php endif; ?>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 编辑模态框 -->
|
||
<div id="editModal" class="modal" style="display:none;">
|
||
<div class="modal-content">
|
||
<button type="button" class="close" onclick="closeModal()">×</button>
|
||
<div class="modal-header">
|
||
<h3>编辑知识</h3>
|
||
</div>
|
||
<form id="editForm" method="post" action="">
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label for="edit_category">知识分类 *</label>
|
||
<select id="edit_category" name="edit_category" class="form-control" required>
|
||
<option value="">请选择分类</option>
|
||
<?php foreach ($defaultCategories as $cat): ?>
|
||
<option value="<?php echo htmlspecialchars($cat); ?>"><?php echo htmlspecialchars($cat); ?></option>
|
||
<?php endforeach; ?>
|
||
<?php foreach ($allCategories as $cat): ?>
|
||
<?php if (!in_array($cat, $defaultCategories)): ?>
|
||
<option value="<?php echo htmlspecialchars($cat); ?>"><?php echo htmlspecialchars($cat); ?></option>
|
||
<?php endif; ?>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="edit_event_date">发掘日期（可选）</label>
|
||
<input type="date" id="edit_event_date" name="edit_event_date" class="form-control">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="edit_content">知识内容 *</label>
|
||
<textarea id="edit_content" name="edit_content" class="form-control" rows="5" required></textarea>
|
||
</div>
|
||
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="edit_post_cids">关联文章CID（可选）</label>
|
||
<input type="text" id="edit_post_cids" name="edit_post_cids" class="form-control"
|
||
placeholder="输入文章CID，多个用逗号分隔">
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label for="edit_original_url">原文链接（可选）</label>
|
||
<input type="text" id="edit_original_url" name="edit_original_url" class="form-control"
|
||
placeholder="输入原文链接">
|
||
</div>
|
||
</div>
|
||
|
||
<input type="hidden" name="edit_id" id="edit_id">
|
||
</div>
|
||
|
||
<div style="text-align:right;margin-top:0; padding: 15px 25px; border-top: 1px solid #eee;">
|
||
<button type="button" class="btn btn-secondary" onclick="closeModal()" style="margin-right:10px;">
|
||
取消
|
||
</button>
|
||
<button type="submit" class="btn btn-primary">保存修改</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 内容查看模态框 -->
|
||
<div id="contentModal" class="modal" style="display:none;">
|
||
<div class="modal-content">
|
||
<button type="button" class="close" onclick="closeContentModal()">×</button>
|
||
<div class="modal-header">
|
||
<h3>知识内容</h3>
|
||
</div>
|
||
<div class="modal-body" id="contentModalBody">
|
||
<!-- 内容将通过JavaScript填充 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 页面加载后自动滚动到锚点
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// 检查是否需要滚动到列表区域
|
||
var urlParams = new URLSearchParams(window.location.search);
|
||
if (urlParams.get('scroll') === 'list') {
|
||
setTimeout(function() {
|
||
var anchor = document.getElementById('memo-list-anchor');
|
||
if (anchor) {
|
||
anchor.scrollIntoView({ behavior: 'smooth' });
|
||
}
|
||
}, 100);
|
||
}
|
||
|
||
// 自动隐藏浮动消息
|
||
var floatingMessage = document.getElementById('floatingMessage');
|
||
if (floatingMessage) {
|
||
setTimeout(function() {
|
||
hideMessage();
|
||
}, 5000);
|
||
}
|
||
|
||
// 初始化选择功能
|
||
initBulkOperations();
|
||
|
||
// 初始化编辑按钮
|
||
initEditButtons();
|
||
|
||
// 表单验证
|
||
initFormValidation();
|
||
|
||
// 搜索框回车提交
|
||
var searchInput = document.querySelector('.search-input');
|
||
if (searchInput) {
|
||
searchInput.addEventListener('keypress', function(e) {
|
||
if (e.key === 'Enter') {
|
||
e.preventDefault();
|
||
// 添加滚动参数
|
||
var form = this.form;
|
||
var scrollInput = form.querySelector('input[name="scroll"]');
|
||
if (!scrollInput) {
|
||
scrollInput = document.createElement('input');
|
||
scrollInput.type = 'hidden';
|
||
scrollInput.name = 'scroll';
|
||
scrollInput.value = 'list';
|
||
form.appendChild(scrollInput);
|
||
}
|
||
form.submit();
|
||
}
|
||
});
|
||
}
|
||
|
||
// 文件上传类型变化时显示/隐藏SQL选项
|
||
var importFile = document.getElementById('import_file');
|
||
var sqlImportOptions = document.getElementById('sqlImportOptions');
|
||
|
||
if (importFile && sqlImportOptions) {
|
||
importFile.addEventListener('change', function() {
|
||
var fileName = this.value.toLowerCase();
|
||
if (fileName.endsWith('.sql')) {
|
||
sqlImportOptions.style.display = 'block';
|
||
} else {
|
||
sqlImportOptions.style.display = 'none';
|
||
}
|
||
});
|
||
}
|
||
});
|
||
|
||
// 隐藏浮动消息
|
||
function hideMessage() {
|
||
var message = document.getElementById('floatingMessage');
|
||
if (message) {
|
||
message.classList.remove('show');
|
||
setTimeout(function() {
|
||
if (message.parentNode) {
|
||
message.parentNode.removeChild(message);
|
||
}
|
||
}, 300);
|
||
}
|
||
}
|
||
|
||
// 将文本中的URL转换为链接（JavaScript版本）
|
||
function makeLinksClickable(text) {
|
||
if (!text) return text;
|
||
|
||
// 精确匹配URL的正则表达式
|
||
var urlPattern = /(https?:\/\/[a-zA-Z0-9][-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)/g;
|
||
|
||
return text.replace(urlPattern, function(url) {
|
||
// 清理URL末尾可能错误的标点符号
|
||
var punctuation = ['.', ',', ';', ':', '!', '?', ')', ']', '}'];
|
||
var lastChar = url.slice(-1);
|
||
var suffix = '';
|
||
|
||
if (punctuation.includes(lastChar)) {
|
||
url = url.slice(0, -1);
|
||
suffix = lastChar;
|
||
}
|
||
|
||
// 创建链接
|
||
return '<a href="' + url + '" class="url-link" target="_blank" rel="noopener noreferrer">' + url + '</a>' + suffix;
|
||
});
|
||
}
|
||
|
||
// 查看完整内容
|
||
function viewContent(memoId, button) {
|
||
var content = button.getAttribute('data-content');
|
||
var originalUrl = button.getAttribute('data-original-url');
|
||
|
||
// 处理内容中的换行符
|
||
content = content.replace(/\\r\\n|\\r|\\n/g, '\n');
|
||
|
||
// 处理内容中的URL链接
|
||
var processedContent = makeLinksClickable(content);
|
||
|
||
// 创建模态框内容
|
||
var modalContent = '<div style="margin-bottom: 15px; font-size: 12px; color: #666;">';
|
||
modalContent += '知识 ID: #' + memoId;
|
||
modalContent += '</div>';
|
||
modalContent += '<div style="font-size: 14px; line-height: 1.6; color: #333; white-space: pre-wrap; word-wrap: break-word; margin-bottom: 20px;">';
|
||
modalContent += processedContent.replace(/\n/g, '<br>');
|
||
modalContent += '</div>';
|
||
|
||
// 添加原文链接（如果有）
|
||
if (originalUrl && originalUrl.trim() !== '') {
|
||
modalContent += '<div class="original-link">';
|
||
modalContent += '<div class="original-link-label">原文链接：</div>';
|
||
modalContent += '<div class="original-link-url">';
|
||
modalContent += '<a href="' + originalUrl + '" target="_blank" rel="noopener noreferrer">' + originalUrl + '</a>';
|
||
modalContent += '</div>';
|
||
modalContent += '</div>';
|
||
}
|
||
|
||
// 更新模态框内容
|
||
document.getElementById('contentModalBody').innerHTML = modalContent;
|
||
|
||
// 显示模态框
|
||
document.getElementById('contentModal').style.display = 'block';
|
||
}
|
||
|
||
// 关闭内容查看模态框
|
||
function closeContentModal() {
|
||
document.getElementById('contentModal').style.display = 'none';
|
||
}
|
||
|
||
// 点击模态框外部关闭
|
||
window.onclick = function(event) {
|
||
var modal = document.getElementById('editModal');
|
||
var contentModal = document.getElementById('contentModal');
|
||
|
||
if (event.target == modal) {
|
||
closeModal();
|
||
}
|
||
if (event.target == contentModal) {
|
||
closeContentModal();
|
||
}
|
||
}
|
||
|
||
// 初始化选择功能
|
||
function initBulkOperations() {
|
||
// 更新选中数量
|
||
function updateSelectedCount() {
|
||
var checkboxes = document.querySelectorAll('.row-checkbox:checked');
|
||
var count = checkboxes.length;
|
||
|
||
document.getElementById('selected-count').textContent = count;
|
||
document.getElementById('footer-selected-count').textContent = count;
|
||
|
||
return count;
|
||
}
|
||
|
||
// 全选/全不选
|
||
function setupSelectAll(selector, targetSelector) {
|
||
var selectAll = document.querySelector(selector);
|
||
if (selectAll) {
|
||
selectAll.addEventListener('change', function(e) {
|
||
var checkboxes = document.querySelectorAll(targetSelector);
|
||
checkboxes.forEach(function(checkbox) {
|
||
checkbox.checked = e.target.checked;
|
||
});
|
||
updateSelectedCount();
|
||
});
|
||
}
|
||
}
|
||
|
||
// 行复选框事件
|
||
function setupRowCheckboxes() {
|
||
var checkboxes = document.querySelectorAll('.row-checkbox');
|
||
checkboxes.forEach(function(checkbox) {
|
||
checkbox.addEventListener('change', updateSelectedCount);
|
||
});
|
||
}
|
||
|
||
// 设置事件监听
|
||
setupSelectAll('#select-all', '.row-checkbox');
|
||
setupSelectAll('#thead-select-all', '.row-checkbox');
|
||
setupSelectAll('#footer-select-all', '.row-checkbox');
|
||
setupRowCheckboxes();
|
||
|
||
updateSelectedCount();
|
||
}
|
||
|
||
// 导出选中记录
|
||
function exportSelected(format) {
|
||
var checkboxes = document.querySelectorAll('.row-checkbox:checked');
|
||
var count = checkboxes.length;
|
||
|
||
if (count === 0) {
|
||
alert('请先选择要导出的知识！');
|
||
return false;
|
||
}
|
||
|
||
if (!confirm('确定要导出选中的 ' + count + ' 条知识吗？')) {
|
||
return false;
|
||
}
|
||
|
||
// 收集选中的ID
|
||
var selectedIds = [];
|
||
checkboxes.forEach(function(checkbox) {
|
||
selectedIds.push(checkbox.value);
|
||
});
|
||
|
||
// 设置导出表单数据并提交
|
||
if (format === 'txt') {
|
||
document.getElementById('exportIdsTxtField').value = selectedIds.join(',');
|
||
document.getElementById('exportTxtForm').submit();
|
||
} else if (format === 'md') {
|
||
document.getElementById('exportIdsMdField').value = selectedIds.join(',');
|
||
document.getElementById('exportMdForm').submit();
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
// 确认批量删除
|
||
function confirmBulkDelete() {
|
||
var checkboxes = document.querySelectorAll('.row-checkbox:checked');
|
||
var count = checkboxes.length;
|
||
|
||
if (count === 0) {
|
||
alert('请先选择要删除的知识！');
|
||
return false;
|
||
}
|
||
|
||
if (!confirm('确定要删除选中的 ' + count + ' 条知识吗？此操作不可恢复！')) {
|
||
return false;
|
||
}
|
||
|
||
// 收集选中的ID
|
||
var selectedIds = [];
|
||
checkboxes.forEach(function(checkbox) {
|
||
selectedIds.push(checkbox.value);
|
||
});
|
||
|
||
// 设置删除表单数据并提交
|
||
document.getElementById('deleteIdsField').value = selectedIds.join(',');
|
||
document.getElementById('bulkActionForm').submit();
|
||
}
|
||
|
||
// 初始化编辑按钮
|
||
function initEditButtons() {
|
||
var editButtons = document.querySelectorAll('.edit-btn');
|
||
editButtons.forEach(function(button) {
|
||
button.addEventListener('click', function() {
|
||
try {
|
||
var memoData = JSON.parse(this.getAttribute('data-memo'));
|
||
editMemo(memoData);
|
||
} catch (e) {
|
||
console.error('解析知识数据失败:', e);
|
||
alert('编辑失败：数据格式错误');
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
// 编辑知识
|
||
function editMemo(memo) {
|
||
document.getElementById('edit_id').value = memo.id;
|
||
document.getElementById('edit_content').value = memo.content;
|
||
|
||
// 设置分类
|
||
var categorySelect = document.getElementById('edit_category');
|
||
for (var i = 0; i < categorySelect.options.length; i++) {
|
||
if (categorySelect.options[i].value === memo.category) {
|
||
categorySelect.selectedIndex = i;
|
||
break;
|
||
}
|
||
}
|
||
|
||
// 设置事件日期
|
||
if (memo.event_date) {
|
||
var eventDate = new Date(memo.event_date);
|
||
var year = eventDate.getFullYear();
|
||
var month = (eventDate.getMonth() + 1).toString().padStart(2, '0');
|
||
var day = eventDate.getDate().toString().padStart(2, '0');
|
||
document.getElementById('edit_event_date').value = year + '-' + month + '-' + day;
|
||
} else {
|
||
document.getElementById('edit_event_date').value = '';
|
||
}
|
||
|
||
// 设置关联文章CID
|
||
document.getElementById('edit_post_cids').value = memo.post_cids || '';
|
||
|
||
// 设置原文链接
|
||
document.getElementById('edit_original_url').value = memo.original_url || '';
|
||
|
||
// 显示模态框
|
||
document.getElementById('editModal').style.display = 'block';
|
||
}
|
||
|
||
// 关闭模态框
|
||
function closeModal() {
|
||
document.getElementById('editModal').style.display = 'none';
|
||
}
|
||
|
||
// 表单验证
|
||
function initFormValidation() {
|
||
var publishForm = document.getElementById('publishForm');
|
||
if (publishForm) {
|
||
publishForm.addEventListener('submit', function(e) {
|
||
var category = document.getElementById('category').value;
|
||
var content = document.getElementById('content').value;
|
||
|
||
if (!category) {
|
||
e.preventDefault();
|
||
alert('请选择分类！');
|
||
return false;
|
||
}
|
||
|
||
if (!content.trim()) {
|
||
e.preventDefault();
|
||
alert('请输入内容！');
|
||
return false;
|
||
}
|
||
});
|
||
}
|
||
|
||
var editForm = document.getElementById('editForm');
|
||
if (editForm) {
|
||
editForm.addEventListener('submit', function(e) {
|
||
var category = document.getElementById('edit_category').value;
|
||
var content = document.getElementById('edit_content').value;
|
||
|
||
if (!category) {
|
||
e.preventDefault();
|
||
alert('请选择分类！');
|
||
return false;
|
||
}
|
||
|
||
if (!content.trim()) {
|
||
e.preventDefault();
|
||
alert('请输入内容！');
|
||
return false;
|
||
}
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<?php include 'footer.php'; ?>
|