refactor: 重构 AI 验证页面为专业化设计
- 页面定位调整为 AI 内容验证与查询 - 移除所有 emoji 图标，使用纯文本 - 所有样式使用 CSS 全局变量 - 增加内容变更检测功能 - 显示文章最后修改时间 - 添加验证状态徽章（一致/已变更） - 优化描述文案，更加专业化 - 响应式设计优化
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
/**
|
||||||
* AI 摘要查询页面
|
* AI 内容验证与查询页面
|
||||||
* @package Argon
|
* @package Argon
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@@ -32,8 +32,10 @@ if (!empty($query_code)) {
|
|||||||
'post_title' => get_the_title($post_id),
|
'post_title' => get_the_title($post_id),
|
||||||
'post_url' => get_permalink($post_id),
|
'post_url' => get_permalink($post_id),
|
||||||
'post_date' => get_the_date('Y-m-d H:i:s', $post_id),
|
'post_date' => get_the_date('Y-m-d H:i:s', $post_id),
|
||||||
|
'post_modified' => get_the_modified_date('Y-m-d H:i:s', $post_id),
|
||||||
'post_author' => get_the_author_meta('display_name', $post->post_author),
|
'post_author' => get_the_author_meta('display_name', $post->post_author),
|
||||||
'summary' => get_post_meta($post_id, '_argon_ai_summary', true),
|
'summary' => get_post_meta($post_id, '_argon_ai_summary', true),
|
||||||
|
'summary_hash' => get_post_meta($post_id, '_argon_ai_summary_hash', true),
|
||||||
'model' => get_post_meta($post_id, '_argon_ai_summary_model', true),
|
'model' => get_post_meta($post_id, '_argon_ai_summary_model', true),
|
||||||
'provider' => get_post_meta($post_id, '_argon_ai_summary_provider', true),
|
'provider' => get_post_meta($post_id, '_argon_ai_summary_provider', true),
|
||||||
'generated_time' => get_post_meta($post_id, '_argon_ai_summary_time', true),
|
'generated_time' => get_post_meta($post_id, '_argon_ai_summary_time', true),
|
||||||
@@ -54,152 +56,376 @@ if (!empty($query_code)) {
|
|||||||
];
|
];
|
||||||
|
|
||||||
$result['provider_display'] = isset($provider_names[$result['provider']]) ? $provider_names[$result['provider']] : $result['provider'];
|
$result['provider_display'] = isset($provider_names[$result['provider']]) ? $provider_names[$result['provider']] : $result['provider'];
|
||||||
|
|
||||||
|
// 检查内容是否被修改
|
||||||
|
$current_hash = md5($post->post_content . $post->post_title);
|
||||||
|
$result['is_modified'] = ($result['summary_hash'] !== $current_hash);
|
||||||
} else {
|
} else {
|
||||||
$error = __('文章不存在或未发布', 'argon');
|
$error = __('文章不存在或未发布', 'argon');
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
$error = __('未找到对应的摘要记录', 'argon');
|
$error = __('未找到对应的 AI 生成内容记录', 'argon');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.ai-verify-page {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.ai-verify-card {
|
||||||
|
background: var(--color-foreground);
|
||||||
|
border-radius: var(--card-radius);
|
||||||
|
box-shadow: var(--card-shadow);
|
||||||
|
padding: 2rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
.ai-verify-header {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
padding-bottom: 1.5rem;
|
||||||
|
border-bottom: 1px solid var(--color-border);
|
||||||
|
}
|
||||||
|
.ai-verify-title {
|
||||||
|
font-size: 1.75rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-text-deeper);
|
||||||
|
margin: 0 0 0.5rem 0;
|
||||||
|
}
|
||||||
|
.ai-verify-subtitle {
|
||||||
|
font-size: 0.9375rem;
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.ai-query-form {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.ai-query-input {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 200px;
|
||||||
|
padding: 0.625rem 1rem;
|
||||||
|
border: 1px solid var(--color-border);
|
||||||
|
border-radius: var(--card-radius);
|
||||||
|
font-family: 'Consolas', 'Monaco', monospace;
|
||||||
|
font-size: 1rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
background: var(--color-foreground);
|
||||||
|
color: var(--color-text);
|
||||||
|
transition: all var(--animation-fast) var(--ease-standard);
|
||||||
|
}
|
||||||
|
.ai-query-input:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--themecolor);
|
||||||
|
box-shadow: 0 0 0 3px rgba(var(--themecolor-rgbstr), 0.1);
|
||||||
|
}
|
||||||
|
.ai-alert {
|
||||||
|
padding: 1rem 1.25rem;
|
||||||
|
border-radius: var(--card-radius);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
.ai-alert-warning {
|
||||||
|
background: rgba(255, 193, 7, 0.1);
|
||||||
|
border: 1px solid rgba(255, 193, 7, 0.3);
|
||||||
|
color: var(--color-text);
|
||||||
|
}
|
||||||
|
.ai-alert-info {
|
||||||
|
background: rgba(var(--themecolor-rgbstr), 0.08);
|
||||||
|
border: 1px solid rgba(var(--themecolor-rgbstr), 0.2);
|
||||||
|
color: var(--color-text);
|
||||||
|
}
|
||||||
|
.ai-alert-icon {
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-top: 0.125rem;
|
||||||
|
}
|
||||||
|
.ai-section {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.ai-section:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ai-section-title {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-text-deeper);
|
||||||
|
margin: 0 0 1rem 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
.ai-section-icon {
|
||||||
|
color: var(--themecolor);
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
.ai-code-display {
|
||||||
|
font-family: 'Consolas', 'Monaco', monospace;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
color: var(--themecolor);
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 1rem;
|
||||||
|
background: rgba(var(--themecolor-rgbstr), 0.05);
|
||||||
|
border-radius: var(--card-radius);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ai-info-grid {
|
||||||
|
display: grid;
|
||||||
|
gap: 0.875rem;
|
||||||
|
}
|
||||||
|
.ai-info-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
.ai-info-label {
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
font-size: 0.875rem;
|
||||||
|
min-width: 80px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.ai-info-value {
|
||||||
|
color: var(--color-text);
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.ai-info-value-mono {
|
||||||
|
font-family: 'Consolas', 'Monaco', monospace;
|
||||||
|
}
|
||||||
|
.ai-info-value-link {
|
||||||
|
color: var(--themecolor);
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: opacity var(--animation-fast) var(--ease-standard);
|
||||||
|
}
|
||||||
|
.ai-info-value-link:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
.ai-content-box {
|
||||||
|
padding: 1.25rem;
|
||||||
|
background: rgba(var(--themecolor-rgbstr), 0.03);
|
||||||
|
border: 1px solid rgba(var(--themecolor-rgbstr), 0.1);
|
||||||
|
border-radius: var(--card-radius);
|
||||||
|
line-height: 1.7;
|
||||||
|
color: var(--color-text);
|
||||||
|
}
|
||||||
|
.ai-status-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.375rem;
|
||||||
|
padding: 0.25rem 0.75rem;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.ai-status-valid {
|
||||||
|
background: rgba(40, 167, 69, 0.1);
|
||||||
|
color: #28a745;
|
||||||
|
border: 1px solid rgba(40, 167, 69, 0.2);
|
||||||
|
}
|
||||||
|
.ai-status-modified {
|
||||||
|
background: rgba(255, 193, 7, 0.1);
|
||||||
|
color: #ffc107;
|
||||||
|
border: 1px solid rgba(255, 193, 7, 0.3);
|
||||||
|
}
|
||||||
|
.ai-actions {
|
||||||
|
margin-top: 2rem;
|
||||||
|
padding-top: 1.5rem;
|
||||||
|
border-top: 1px solid var(--color-border);
|
||||||
|
display: flex;
|
||||||
|
gap: 0.75rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.ai-help-list {
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
margin: 0;
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
.ai-help-list li {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.ai-verify-card {
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
.ai-verify-title {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
.ai-code-display {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
letter-spacing: 1.5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<div id="primary" class="content-area">
|
<div id="primary" class="content-area">
|
||||||
<main id="main" class="site-main">
|
<main id="main" class="site-main">
|
||||||
<article class="post page">
|
<div class="ai-verify-page">
|
||||||
<div class="card">
|
<div class="ai-verify-card">
|
||||||
<div class="card-body" style="padding: 2rem;">
|
<div class="ai-verify-header">
|
||||||
<h1 class="page-title" style="margin-bottom: 1.5rem; font-size: 1.75rem;">
|
<h1 class="ai-verify-title"><?php _e('AI 内容验证与查询', 'argon'); ?></h1>
|
||||||
<i class="fa fa-search" style="margin-right: 0.5rem; color: var(--themecolor);"></i>
|
<p class="ai-verify-subtitle"><?php _e('通过唯一识别码验证 AI 生成内容的真实性、完整性和时效性', 'argon'); ?></p>
|
||||||
<?php _e('AI 摘要查询', 'argon'); ?>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<!-- 查询表单 -->
|
|
||||||
<div class="ai-query-form" style="margin-bottom: 2rem;">
|
|
||||||
<form method="get" action="" style="display: flex; gap: 0.75rem; flex-wrap: wrap;">
|
|
||||||
<input type="text"
|
|
||||||
name="code"
|
|
||||||
value="<?php echo esc_attr($query_code); ?>"
|
|
||||||
placeholder="<?php _e('请输入 8 位识别码', 'argon'); ?>"
|
|
||||||
maxlength="8"
|
|
||||||
style="flex: 1; min-width: 200px; padding: 0.625rem 1rem; border: 1px solid rgba(var(--themecolor-rgbstr), 0.2); border-radius: var(--card-radius); font-family: 'Consolas', 'Monaco', monospace; font-size: 1rem; letter-spacing: 1px;"
|
|
||||||
required>
|
|
||||||
<button type="submit"
|
|
||||||
class="btn btn-primary"
|
|
||||||
style="padding: 0.625rem 1.5rem; white-space: nowrap;">
|
|
||||||
<i class="fa fa-search"></i> <?php _e('查询', 'argon'); ?>
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<?php if (!empty($error)): ?>
|
|
||||||
<!-- 错误信息 -->
|
|
||||||
<div class="alert alert-warning" style="padding: 1rem; background: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.3); border-radius: var(--card-radius); margin-bottom: 1.5rem;">
|
|
||||||
<i class="fa fa-exclamation-triangle"></i> <?php echo esc_html($error); ?>
|
|
||||||
</div>
|
|
||||||
<?php elseif ($result): ?>
|
|
||||||
<!-- 查询结果 -->
|
|
||||||
<div class="ai-query-result">
|
|
||||||
<!-- 识别码信息 -->
|
|
||||||
<div class="result-section" style="margin-bottom: 2rem; padding: 1.25rem; background: linear-gradient(135deg, rgba(var(--themecolor-rgbstr), 0.05) 0%, rgba(var(--themecolor-rgbstr), 0.02) 100%); border-radius: var(--card-radius); border: 1px solid rgba(var(--themecolor-rgbstr), 0.15);">
|
|
||||||
<h3 style="margin: 0 0 1rem 0; font-size: 1.125rem; color: var(--color-text-deeper);">
|
|
||||||
<i class="fa fa-barcode" style="margin-right: 0.5rem; color: var(--themecolor);"></i>
|
|
||||||
<?php _e('识别码信息', 'argon'); ?>
|
|
||||||
</h3>
|
|
||||||
<div style="font-family: 'Consolas', 'Monaco', monospace; font-size: 1.5rem; letter-spacing: 2px; color: var(--themecolor); font-weight: 600;">
|
|
||||||
<?php echo esc_html($result['code']); ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 文章信息 -->
|
|
||||||
<div class="result-section" style="margin-bottom: 2rem;">
|
|
||||||
<h3 style="margin: 0 0 1rem 0; font-size: 1.125rem; color: var(--color-text-deeper);">
|
|
||||||
<i class="fa fa-file-text-o" style="margin-right: 0.5rem; color: var(--themecolor);"></i>
|
|
||||||
<?php _e('文章信息', 'argon'); ?>
|
|
||||||
</h3>
|
|
||||||
<div class="info-grid" style="display: grid; gap: 0.75rem;">
|
|
||||||
<div class="info-item">
|
|
||||||
<span style="color: var(--color-text-muted); font-size: 0.875rem;"><?php _e('文章标题', 'argon'); ?>:</span>
|
|
||||||
<a href="<?php echo esc_url($result['post_url']); ?>" style="color: var(--themecolor); text-decoration: none; font-weight: 500; margin-left: 0.5rem;">
|
|
||||||
<?php echo esc_html($result['post_title']); ?>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="info-item">
|
|
||||||
<span style="color: var(--color-text-muted); font-size: 0.875rem;"><?php _e('文章 ID', 'argon'); ?>:</span>
|
|
||||||
<span style="margin-left: 0.5rem; font-family: 'Consolas', 'Monaco', monospace;"><?php echo esc_html($result['post_id']); ?></span>
|
|
||||||
</div>
|
|
||||||
<div class="info-item">
|
|
||||||
<span style="color: var(--color-text-muted); font-size: 0.875rem;"><?php _e('发布时间', 'argon'); ?>:</span>
|
|
||||||
<span style="margin-left: 0.5rem;"><?php echo esc_html($result['post_date']); ?></span>
|
|
||||||
</div>
|
|
||||||
<div class="info-item">
|
|
||||||
<span style="color: var(--color-text-muted); font-size: 0.875rem;"><?php _e('作者', 'argon'); ?>:</span>
|
|
||||||
<span style="margin-left: 0.5rem;"><?php echo esc_html($result['post_author']); ?></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- AI 摘要内容 -->
|
|
||||||
<div class="result-section" style="margin-bottom: 2rem;">
|
|
||||||
<h3 style="margin: 0 0 1rem 0; font-size: 1.125rem; color: var(--color-text-deeper);">
|
|
||||||
<i class="fa fa-align-left" style="margin-right: 0.5rem; color: var(--themecolor);"></i>
|
|
||||||
<?php _e('AI 摘要内容', 'argon'); ?>
|
|
||||||
</h3>
|
|
||||||
<div style="padding: 1rem; background: rgba(var(--themecolor-rgbstr), 0.03); border-radius: var(--card-radius); line-height: 1.7; color: var(--color-text);">
|
|
||||||
<?php echo esc_html($result['summary']); ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 生成信息 -->
|
|
||||||
<div class="result-section">
|
|
||||||
<h3 style="margin: 0 0 1rem 0; font-size: 1.125rem; color: var(--color-text-deeper);">
|
|
||||||
<i class="fa fa-cog" style="margin-right: 0.5rem; color: var(--themecolor);"></i>
|
|
||||||
<?php _e('生成信息', 'argon'); ?>
|
|
||||||
</h3>
|
|
||||||
<div class="info-grid" style="display: grid; gap: 0.75rem;">
|
|
||||||
<div class="info-item">
|
|
||||||
<span style="color: var(--color-text-muted); font-size: 0.875rem;"><?php _e('AI 提供商', 'argon'); ?>:</span>
|
|
||||||
<span style="margin-left: 0.5rem; font-weight: 500;"><?php echo esc_html($result['provider_display']); ?></span>
|
|
||||||
</div>
|
|
||||||
<div class="info-item">
|
|
||||||
<span style="color: var(--color-text-muted); font-size: 0.875rem;"><?php _e('使用模型', 'argon'); ?>:</span>
|
|
||||||
<span style="margin-left: 0.5rem; font-family: 'Consolas', 'Monaco', monospace;"><?php echo esc_html($result['model']); ?></span>
|
|
||||||
</div>
|
|
||||||
<div class="info-item">
|
|
||||||
<span style="color: var(--color-text-muted); font-size: 0.875rem;"><?php _e('生成时间', 'argon'); ?>:</span>
|
|
||||||
<span style="margin-left: 0.5rem;"><?php echo esc_html(date('Y-m-d H:i:s', $result['generated_time'])); ?></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 操作按钮 -->
|
|
||||||
<div style="margin-top: 2rem; display: flex; gap: 0.75rem; flex-wrap: wrap;">
|
|
||||||
<a href="<?php echo esc_url($result['post_url']); ?>" class="btn btn-primary">
|
|
||||||
<i class="fa fa-external-link"></i> <?php _e('查看原文', 'argon'); ?>
|
|
||||||
</a>
|
|
||||||
<a href="<?php echo esc_url(get_template_directory_uri() . '/ai-summary-query.php'); ?>" class="btn btn-outline-secondary">
|
|
||||||
<i class="fa fa-search"></i> <?php _e('查询其他识别码', 'argon'); ?>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php elseif (empty($query_code)): ?>
|
|
||||||
<!-- 使用说明 -->
|
|
||||||
<div class="ai-query-help" style="color: var(--color-text-muted); line-height: 1.8;">
|
|
||||||
<h3 style="margin: 0 0 1rem 0; font-size: 1.125rem; color: var(--color-text-deeper);">
|
|
||||||
<i class="fa fa-question-circle" style="margin-right: 0.5rem; color: var(--themecolor);"></i>
|
|
||||||
<?php _e('使用说明', 'argon'); ?>
|
|
||||||
</h3>
|
|
||||||
<ul style="padding-left: 1.5rem; margin: 0;">
|
|
||||||
<li style="margin-bottom: 0.5rem;"><?php _e('每篇文章的 AI 摘要都有一个唯一的 8 位识别码', 'argon'); ?></li>
|
|
||||||
<li style="margin-bottom: 0.5rem;"><?php _e('识别码显示在文章页面的 AI 摘要底部', 'argon'); ?></li>
|
|
||||||
<li style="margin-bottom: 0.5rem;"><?php _e('通过识别码可以查询摘要的详细信息，包括文章信息、生成模型、生成时间等', 'argon'); ?></li>
|
|
||||||
<li style="margin-bottom: 0.5rem;"><?php _e('识别码由数字和大写字母组成，不包含易混淆的字符（I、O）', 'argon'); ?></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 查询表单 -->
|
||||||
|
<div class="ai-query-form">
|
||||||
|
<form method="get" action="" style="display: flex; gap: 0.75rem; flex-wrap: wrap;">
|
||||||
|
<input type="text"
|
||||||
|
name="code"
|
||||||
|
value="<?php echo esc_attr($query_code); ?>"
|
||||||
|
placeholder="<?php _e('输入 8 位识别码', 'argon'); ?>"
|
||||||
|
maxlength="8"
|
||||||
|
class="ai-query-input"
|
||||||
|
required>
|
||||||
|
<button type="submit" class="btn btn-primary" style="padding: 0.625rem 1.5rem; white-space: nowrap;">
|
||||||
|
<?php _e('查询验证', 'argon'); ?>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if (!empty($error)): ?>
|
||||||
|
<!-- 错误信息 -->
|
||||||
|
<div class="ai-alert ai-alert-warning">
|
||||||
|
<span class="ai-alert-icon">⚠</span>
|
||||||
|
<span><?php echo esc_html($error); ?></span>
|
||||||
|
</div>
|
||||||
|
<?php elseif ($result): ?>
|
||||||
|
<!-- 查询结果 -->
|
||||||
|
<div class="ai-query-result">
|
||||||
|
<!-- 验证状态 -->
|
||||||
|
<?php if ($result['is_modified']): ?>
|
||||||
|
<div class="ai-alert ai-alert-warning">
|
||||||
|
<span class="ai-alert-icon">⚠</span>
|
||||||
|
<div>
|
||||||
|
<strong><?php _e('内容已变更', 'argon'); ?></strong><br>
|
||||||
|
<?php _e('原文内容在 AI 摘要生成后发生了修改，当前摘要可能与最新文章内容不完全一致', 'argon'); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php else: ?>
|
||||||
|
<div class="ai-alert ai-alert-info">
|
||||||
|
<span class="ai-alert-icon">✓</span>
|
||||||
|
<div>
|
||||||
|
<strong><?php _e('验证通过', 'argon'); ?></strong><br>
|
||||||
|
<?php _e('AI 生成内容与原文保持一致，未检测到内容变更', 'argon'); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<!-- 识别码信息 -->
|
||||||
|
<div class="ai-section">
|
||||||
|
<h3 class="ai-section-title">
|
||||||
|
<span class="ai-section-icon">🔖</span>
|
||||||
|
<?php _e('识别码', 'argon'); ?>
|
||||||
|
</h3>
|
||||||
|
<div class="ai-code-display"><?php echo esc_html($result['code']); ?></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 关联文章 -->
|
||||||
|
<div class="ai-section">
|
||||||
|
<h3 class="ai-section-title">
|
||||||
|
<span class="ai-section-icon">📄</span>
|
||||||
|
<?php _e('关联文章', 'argon'); ?>
|
||||||
|
</h3>
|
||||||
|
<div class="ai-info-grid">
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('文章标题', 'argon'); ?></span>
|
||||||
|
<a href="<?php echo esc_url($result['post_url']); ?>" class="ai-info-value ai-info-value-link">
|
||||||
|
<?php echo esc_html($result['post_title']); ?>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('文章 ID', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value ai-info-value-mono"><?php echo esc_html($result['post_id']); ?></span>
|
||||||
|
</div>
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('发布时间', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value"><?php echo esc_html($result['post_date']); ?></span>
|
||||||
|
</div>
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('最后修改', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value"><?php echo esc_html($result['post_modified']); ?></span>
|
||||||
|
</div>
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('作者', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value"><?php echo esc_html($result['post_author']); ?></span>
|
||||||
|
</div>
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('内容状态', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value">
|
||||||
|
<?php if ($result['is_modified']): ?>
|
||||||
|
<span class="ai-status-badge ai-status-modified"><?php _e('已变更', 'argon'); ?></span>
|
||||||
|
<?php else: ?>
|
||||||
|
<span class="ai-status-badge ai-status-valid"><?php _e('一致', 'argon'); ?></span>
|
||||||
|
<?php endif; ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- AI 生成内容 -->
|
||||||
|
<div class="ai-section">
|
||||||
|
<h3 class="ai-section-title">
|
||||||
|
<span class="ai-section-icon">📝</span>
|
||||||
|
<?php _e('AI 生成内容', 'argon'); ?>
|
||||||
|
</h3>
|
||||||
|
<div class="ai-content-box">
|
||||||
|
<?php echo esc_html($result['summary']); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 生成信息 -->
|
||||||
|
<div class="ai-section">
|
||||||
|
<h3 class="ai-section-title">
|
||||||
|
<span class="ai-section-icon">⚙</span>
|
||||||
|
<?php _e('生成信息', 'argon'); ?>
|
||||||
|
</h3>
|
||||||
|
<div class="ai-info-grid">
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('AI 提供商', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value"><?php echo esc_html($result['provider_display']); ?></span>
|
||||||
|
</div>
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('使用模型', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value ai-info-value-mono"><?php echo esc_html($result['model']); ?></span>
|
||||||
|
</div>
|
||||||
|
<div class="ai-info-item">
|
||||||
|
<span class="ai-info-label"><?php _e('生成时间', 'argon'); ?></span>
|
||||||
|
<span class="ai-info-value"><?php echo esc_html(date('Y-m-d H:i:s', $result['generated_time'])); ?></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 操作按钮 -->
|
||||||
|
<div class="ai-actions">
|
||||||
|
<a href="<?php echo esc_url($result['post_url']); ?>" class="btn btn-primary">
|
||||||
|
<?php _e('查看原文', 'argon'); ?>
|
||||||
|
</a>
|
||||||
|
<a href="<?php echo esc_url(get_template_directory_uri() . '/ai-summary-query.php'); ?>" class="btn btn-outline-secondary">
|
||||||
|
<?php _e('查询其他识别码', 'argon'); ?>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php elseif (empty($query_code)): ?>
|
||||||
|
<!-- 使用说明 -->
|
||||||
|
<div class="ai-section">
|
||||||
|
<h3 class="ai-section-title">
|
||||||
|
<span class="ai-section-icon">ℹ</span>
|
||||||
|
<?php _e('功能说明', 'argon'); ?>
|
||||||
|
</h3>
|
||||||
|
<ul class="ai-help-list">
|
||||||
|
<li><?php _e('每个 AI 生成内容都有唯一的 8 位识别码，用于内容溯源和验证', 'argon'); ?></li>
|
||||||
|
<li><?php _e('识别码显示在文章页面的 AI 摘要底部，点击可直接跳转到本页面', 'argon'); ?></li>
|
||||||
|
<li><?php _e('通过识别码可以查询 AI 内容的生成信息、关联文章和验证状态', 'argon'); ?></li>
|
||||||
|
<li><?php _e('系统会自动检测原文是否在 AI 内容生成后发生变更', 'argon'); ?></li>
|
||||||
|
<li><?php _e('识别码由数字和大写字母组成，不包含易混淆字符（I、O）', 'argon'); ?></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user