373 lines
13 KiB
PHP
373 lines
13 KiB
PHP
<?php
|
||
|
||
/**
|
||
* 投票系统首页
|
||
* 显示投票列表，支持分页和筛选
|
||
*/
|
||
|
||
// 引入必要文件
|
||
require_once 'inc/pubs.php';
|
||
require_once 'inc/sqls.php';
|
||
|
||
// 实例化数据库操作类
|
||
$db = new DB();
|
||
|
||
// 获取当前用户
|
||
$user = checkLogin();
|
||
|
||
// 获取分页参数
|
||
$page = isset($_GET['page']) ? intval($_GET['page']) : 1;
|
||
$pageSize = 10;
|
||
|
||
// 获取筛选参数
|
||
$status = isset($_GET['status']) ? intval($_GET['status']) : -1;
|
||
$type = isset($_GET['type']) ? intval($_GET['type']) : -1;
|
||
|
||
// 构建查询条件
|
||
$whereConditions = [];
|
||
if ($status >= 0) {
|
||
$whereConditions[] = "status = $status";
|
||
}
|
||
if ($type >= 0) {
|
||
$whereConditions[] = "itype = $type";
|
||
}
|
||
|
||
// 当前时间，用于判断投票是否进行中
|
||
$now = date('Y-m-d H:i:s');
|
||
$whereStr = !empty($whereConditions) ? implode(' AND ', $whereConditions) : '';
|
||
|
||
// 获取总记录数
|
||
$total = $db->count('vote', $whereStr);
|
||
|
||
// 计算分页信息
|
||
$pagination = getPagination($total, $page, $pageSize);
|
||
|
||
// 获取投票列表
|
||
$orderBy = "addtime DESC";
|
||
$limit = "{$pagination['offset']}, {$pagination['pageSize']}";
|
||
$voteList = $db->getAll('vote', $whereStr, '*', $orderBy, $limit);
|
||
|
||
// 页面标题
|
||
$pageTitle = "投票系统首页";
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title><?php echo $pageTitle; ?> - <?php echo getSiteTitle(); ?></title>
|
||
<link rel="stylesheet" href="inc/css.css">
|
||
<style>
|
||
.vote-list {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||
gap: 20px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.vote-card {
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.vote-card-body {
|
||
flex: 1;
|
||
}
|
||
|
||
.vote-status {
|
||
display: inline-block;
|
||
padding: 3px 8px;
|
||
border-radius: 3px;
|
||
color: #fff;
|
||
font-size: 12px;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.vote-status-active {
|
||
background-color: #2ecc71;
|
||
}
|
||
|
||
.vote-status-pending {
|
||
background-color: #f39c12;
|
||
}
|
||
|
||
.vote-status-ended {
|
||
background-color: #95a5a6;
|
||
}
|
||
|
||
.vote-status-disabled {
|
||
background-color: #e74c3c;
|
||
}
|
||
|
||
.filter-form {
|
||
margin-bottom: 20px;
|
||
padding: 15px;
|
||
background-color: #f9f9f9;
|
||
border-radius: 5px;
|
||
border: 1px solid #eee;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- 顶部导航 -->
|
||
<header class="header">
|
||
<div class="header-container">
|
||
<div class="logo"><?php echo getSiteTitle(); ?></div>
|
||
<nav class="nav">
|
||
<a href="index.php" class="nav-item active">首页</a>
|
||
<?php if ($user): ?>
|
||
<a href="vote.php?act=my" class="nav-item">我的投票</a>
|
||
<?php if ($user['irole'] == 1): ?>
|
||
<a href="admin.php" class="nav-item">管理中心</a>
|
||
<?php endif; ?>
|
||
<a href="javascript:void(0);" class="nav-item" id="showSettings">个人设置</a>
|
||
<a href="api/user.php?act=logout" class="nav-item">退出登录</a>
|
||
<?php else: ?>
|
||
<a href="login.php" class="nav-item">登录</a>
|
||
<a href="reger.php" class="nav-item">注册</a>
|
||
<?php endif; ?>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 主体内容 -->
|
||
<div class="main">
|
||
<h1>投票列表</h1>
|
||
|
||
<!-- 筛选表单 -->
|
||
<div class="filter-form">
|
||
<form action="index.php" method="get">
|
||
<div style="display: flex; gap: 15px; flex-wrap: wrap;">
|
||
<div>
|
||
<label for="status">状态：</label>
|
||
<select name="status" id="status" class="form-control" style="width: auto;">
|
||
<option value="-1">全部</option>
|
||
<option value="1" <?php echo $status == 1 ? 'selected' : ''; ?>>正常</option>
|
||
<option value="0" <?php echo $status === 0 ? 'selected' : ''; ?>>禁用</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label for="type">类型：</label>
|
||
<select name="type" id="type" class="form-control" style="width: auto;">
|
||
<option value="-1">全部</option>
|
||
<option value="0" <?php echo $type === 0 ? 'selected' : ''; ?>>单选</option>
|
||
<option value="1" <?php echo $type == 1 ? 'selected' : ''; ?>>多选</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<button type="submit" class="btn btn-blue">筛选</button>
|
||
<a href="index.php" class="btn btn-gray">重置</a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<?php if ($user && $user['irole'] == 1): ?>
|
||
<div style="margin-bottom: 20px;">
|
||
<a href="admin/topic.php?act=add" class="btn btn-green">发起新投票</a>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- 投票列表 -->
|
||
<?php if (!empty($voteList)): ?>
|
||
<div class="vote-list">
|
||
<?php foreach ($voteList as $vote): ?>
|
||
<?php
|
||
// 确定投票状态
|
||
$voteStatus = '';
|
||
$statusClass = '';
|
||
|
||
if ($vote['status'] == 0) {
|
||
$voteStatus = '已禁用';
|
||
$statusClass = 'vote-status-disabled';
|
||
} else {
|
||
if ($vote['statime'] > $now) {
|
||
$voteStatus = '未开始';
|
||
$statusClass = 'vote-status-pending';
|
||
} elseif ($vote['endtime'] < $now) {
|
||
$voteStatus = '已结束';
|
||
$statusClass = 'vote-status-ended';
|
||
} else {
|
||
$voteStatus = '进行中';
|
||
$statusClass = 'vote-status-active';
|
||
}
|
||
}
|
||
?>
|
||
<div class="card vote-card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">
|
||
<?php echo htmlspecialchars($vote['title']); ?>
|
||
<span class="vote-status <?php echo $statusClass; ?>"><?php echo $voteStatus; ?></span>
|
||
</h3>
|
||
</div>
|
||
<div class="card-body vote-card-body">
|
||
<p>
|
||
<?php echo mb_substr(strip_tags($vote['idesc']), 0, 100, 'UTF-8'); ?>
|
||
<?php if (mb_strlen($vote['idesc'], 'UTF-8') > 100): ?>...<?php endif; ?>
|
||
</p>
|
||
<p><small>类型：<?php echo $vote['itype'] == 0 ? '单选' : '多选'; ?></small></p>
|
||
<p><small>时间：<?php echo date('Y-m-d', strtotime($vote['statime'])); ?> 至 <?php echo date('Y-m-d', strtotime($vote['endtime'])); ?></small></p>
|
||
<p><small>浏览：<?php echo $vote['iview']; ?>次</small></p>
|
||
</div>
|
||
<div class="card-footer">
|
||
<a href="vote.php?id=<?php echo $vote['id']; ?>" class="btn btn-blue">查看详情</a>
|
||
</div>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
|
||
<!-- 分页 -->
|
||
<div class="pagination" id="pagination"></div>
|
||
<?php else: ?>
|
||
<div class="card">
|
||
<div class="card-body" style="text-align: center; padding: 30px;">
|
||
<p>暂无投票数据</p>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<script src="inc/js.js"></script>
|
||
<script>
|
||
// 初始化分页
|
||
pagination('pagination', <?php echo $pagination['page']; ?>, <?php echo $pagination['totalPage']; ?>, function(page) {
|
||
// 构建URL参数
|
||
var params = new URLSearchParams(window.location.search);
|
||
params.set('page', page);
|
||
|
||
// 跳转到新页面
|
||
window.location.href = 'index.php?' + params.toString();
|
||
});
|
||
|
||
<?php if ($user): ?>
|
||
// 显示个人设置
|
||
document.getElementById('showSettings').addEventListener('click', function() {
|
||
showSettingsModal();
|
||
});
|
||
|
||
// 显示设置模态框
|
||
function showSettingsModal() {
|
||
var modal = document.createElement('div');
|
||
modal.className = 'modal-overlay';
|
||
modal.innerHTML = `
|
||
<div class="modal">
|
||
<div class="modal-header">
|
||
<h3>个人设置</h3>
|
||
<button class="modal-close" onclick="closeSettingsModal()">×</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label for="user_identifier" class="form-label">用户标识</label>
|
||
<input type="text" id="user_identifier" class="form-control" placeholder="请输入用户标识" value="<?php echo htmlspecialchars($user['user_identifier'] ?? ''); ?>">
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-gray" onclick="closeSettingsModal()">取消</button>
|
||
<button class="btn btn-blue" onclick="updateUserIdentifier()">保存</button>
|
||
</div>
|
||
</div>
|
||
`;
|
||
document.body.appendChild(modal);
|
||
}
|
||
|
||
// 关闭设置模态框
|
||
function closeSettingsModal() {
|
||
var modal = document.querySelector('.modal-overlay');
|
||
if (modal) {
|
||
modal.remove();
|
||
}
|
||
}
|
||
|
||
// 更新用户标识
|
||
function updateUserIdentifier() {
|
||
var userIdentifier = document.getElementById('user_identifier').value.trim();
|
||
|
||
ajaxRequest('api/user.php', {
|
||
act: 'updateUserIdentifier',
|
||
user_identifier: userIdentifier
|
||
}, function(response) {
|
||
if (response.code === 0) {
|
||
showMask('成功', '用户标识更新成功', [
|
||
{
|
||
text: '确定',
|
||
class: 'btn-primary',
|
||
callback: function() {
|
||
closeSettingsModal();
|
||
window.location.reload();
|
||
}
|
||
}
|
||
]);
|
||
} else {
|
||
showMask('错误', response.msg || '更新失败，请稍后重试');
|
||
}
|
||
}, function(error) {
|
||
showMask('错误', '请求失败，请稍后重试');
|
||
});
|
||
}
|
||
<?php endif; ?>
|
||
</script>
|
||
|
||
<style>
|
||
.modal-overlay {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
z-index: 1000;
|
||
}
|
||
|
||
.modal {
|
||
background-color: #fff;
|
||
border-radius: 5px;
|
||
width: 90%;
|
||
max-width: 500px;
|
||
max-height: 90vh;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.modal-header {
|
||
padding: 15px 20px;
|
||
border-bottom: 1px solid #eee;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
|
||
.modal-header h3 {
|
||
margin: 0;
|
||
font-size: 18px;
|
||
}
|
||
|
||
.modal-close {
|
||
background: none;
|
||
border: none;
|
||
font-size: 24px;
|
||
cursor: pointer;
|
||
padding: 0;
|
||
width: 30px;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
text-align: center;
|
||
}
|
||
|
||
.modal-body {
|
||
padding: 20px;
|
||
}
|
||
|
||
.modal-footer {
|
||
padding: 15px 20px;
|
||
border-top: 1px solid #eee;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
gap: 10px;
|
||
}
|
||
</style>
|
||
</body>
|
||
</html>
|