子比主题 – 用户中心增加我的投诉页面（三款）

飞流 · 发表于昨天 22:55

资源无需等待，交易就趁现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

您需要登录才可以下载或查看，没有账号？立即注册

×

给子比用户中心加一个投诉的页面，这样就可以让很多用户可以看到自己投诉的用户什么时候能否处理好，之前就是在子比后台显示，那么让他前台也显示了一下，更美观，一共三款样式，话不多说直接开始！

第一款

第二款

第三款

代码部署

定位：/wp-content/themes/zibll/inc/functions/user/page.php文件，我们搜下面的函数

function zib_user_ctnter_main_tabs_array_filter_main($tabs_array)

复制代码

然后在官方认证下面添加下面的代码！

$tabs_array['complaint'] = array(
'title' => '我的投诉',
'nav_attr' => 'drawer-title="我的投诉"',
'content_class' => 'complaint-settings',
'loader' => '<div class="zib-widget">
<div class="placeholder k1 mb10"></div>
<div class="placeholder k1 mb10"></div>
<div class="placeholder s1"></div>
<div class="placeholder t1 mt20"></div>
<div class="placeholder s2"></div>
<div class="placeholder k1 mb10"></div>
<div class="placeholder k1 mb10"></div>
<div class="placeholder s1"></div>
<div class="placeholder t1 mt20"></div>
<div class="placeholder s2"></div>
</div>',
'content_func' => 'zib_main_user_tab_content_complaint', // 添加此行
);

复制代码

然后我们搜下面的函数

function zib_user_center_page_sidebar_button_1($con)

复制代码

在官方认证下面添加下面的代码

$buttons[] = array(
'html' => '',
'icon' => '<svg t="1688968573785" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5245" width="200" height="200"><path d="M232.727273 117.410909m93.090909 0l372.363636 0q93.090909 0 93.090909 93.090909l0 512q0 93.090909-93.090909 93.090909l-372.363636 0q-93.090909 0-93.090909-93.090909l0-512q0-93.090909 93.090909-93.090909Z" fill="#B177ED" opacity=".8" p-id="5246"></path><path d="M337.454545 233.774545m23.272728 0l302.545454 0q23.272727 0 23.272728 23.272728l0 0q0 23.272727-23.272728 23.272727l-302.545454 0q-23.272727 0-23.272728-23.272727l0 0q0-23.272727 23.272728-23.272728Z" fill="#FFFFFF" p-id="5247"></path><path d="M337.454545 373.387636m23.272728 0l186.181818 0q23.272727 0 23.272727 23.272728l0 0q0 23.272727-23.272727 23.272727l-186.181818 0q-23.272727 0-23.272728-23.272727l0 0q0-23.272727 23.272728-23.272728Z" fill="#FFFFFF" p-id="5248"></path><path d="M814.568727 907.636364h-605.090909a93.090909 93.090909 0 0 1-93.090909-93.090909v-334.289455a93.090909 93.090909 0 0 1 130.653091-85.154909l227.397818 100.305454a93.090909 93.090909 0 0 0 75.147637 0l227.397818-100.305454a93.090909 93.090909 0 0 1 130.676363 85.154909v334.289455a93.090909 93.090909 0 0 1-93.090909 93.090909z" fill="#8D1DEF" opacity=".8" p-id="5249"></path></svg>',
'name' => '我的投诉',
'tab' => 'complaint',
);

复制代码

接下来就是我们的页面样式了，如一开始的图片，选择你喜欢的样式，下面任意位置添加，我的投诉选项卡页面的代码，我这边是加到了如下图的地方，记住还是这个文件，别乱去其他文件
tengfei_down (58).webp

第一款代码

// 我的投诉页面
function zib_main_user_tab_content_complaint()
{
$current_user_id = get_current_user_id();
$my_complaint_style = '<div style="margin-bottom: 10px;padding: 15px;color: #0986f5;background: #337ab71c;">加入网络监督员维护社区网络环境，举报不良信息，共建和谐绿色社区</div>';
$my_complaint_div ='style="background: #eeeeee57;padding: 15px;"';
global $wpdb;
$table_name = $wpdb->prefix . 'zib_message';
$query = $wpdb->prepare(
"SELECT * FROM $table_name WHERE send_user = %d AND type = %s",
$current_user_id,
'user_report'
);
$results = $wpdb->get_results($query);
//如果查询记录为空则显示
if (empty($results)) {
$html = '<form class="zib-widget">' . $my_complaint_style . '<div ' . $my_complaint_div . '>您当前没有举报记录</div></form>';
} else {
$html = '<div>';
foreach ($results as $result) {
// 提取被举报用户到提交时间之间的文本
$start_pos = strpos($result->content, '被举报用户：');
$end_pos = strpos($result->content, '提交时间：');
$filtered_content = substr($result->content, $start_pos, $end_pos - $start_pos);
$html .= "<p $my_complaint_div>" . $filtered_content;
// 提取提交时间中的数字部分
preg_match('/提交时间：(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})/', $result->content, $matches);
if (isset($matches[1])) {
$submission_time = $matches[1];
$html .= '提交时间：' . $submission_time;
}
$html .= '</p>';
}
$html .= '</div>';
$html = '<form class="zib-widget">' . $my_complaint_style . $html . '</form>';
}
return zib_get_ajax_ajaxpager_one_centent($html);
}
add_filter('main_user_tab_content_complaint', 'zib_main_user_tab_content_complaint');

复制代码

第二款代码

// 我的投诉页面
function zib_main_user_tab_content_complaint()
{
$current_user_id = get_current_user_id();
$my_complaint_style = '<div style="margin-bottom: 10px;padding: 15px;color: #0986f5;background: #337ab71c;">加入网络监督员维护社区网络环境，举报不良信息，共建和谐绿色社区</div>';
$my_complaint_div ='style="background: #eeeeee57;padding: 15px;margin-bottom: 15px;"';
$my_complaint_time ='style="background: rgb(239, 243, 245);padding: 10px;color: #55798a;margin-bottom: auto;"';
global $wpdb;
$table_name = $wpdb->prefix . 'zib_message';
$query = $wpdb->prepare(
"SELECT * FROM $table_name WHERE send_user = %d AND type = %s ORDER BY status ASC, content ASC",
$current_user_id,
'user_report'
);
$results = $wpdb->get_results($query);
//如果查询记录为空则显示
if (empty($results)) {
$html = '<form class="zib-widget">' . $my_complaint_style . '<div ' . $my_complaint_div . '>您当前没有举报记录</div></form>';
} else {
$html = '<form class="zib-widget">' . $my_complaint_style;
foreach ($results as $result) {
// 提取提交举报的时间
preg_match('/提交时间：(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})/', $result->content, $matches);
if (isset($matches[1])) {
$submission_time = $matches[1];
$html .= "<p $my_complaint_time>提交时间：$submission_time</p>";
}
// 提取被举报用户到提交时间之间举报信息
$start_pos = strpos($result->content, '被举报用户：');
$end_pos = strpos($result->content, '提交时间：');
$filtered_content = substr($result->content, $start_pos, $end_pos - $start_pos);
$filtered_content = str_replace('<br>', '<br class="complaint-br">', $filtered_content);
$html .= "<div $my_complaint_div>" . $filtered_content;
// 判断处理进度并添加相应的样式和文字
if ($result->status == 1) {
// 处理完成
$html .= '<div class="progress-bar">';
$html .= '<div class="progress-bg progress-completed"></div>';
$html .= '</div>';
$html .= '<p style="margin-bottom: 5px;">投诉已经处理</p>';
} else {
// 正在处理
$html .= '<div class="progress-bar">';
$html .= '<div class="progress-bg progress-processing"></div>';
$html .= '</div>';
$html .= '<p style="margin-bottom: 5px;">正在处理中...</p>';
}
$html .= '</div>';
}
$html .= '</form>';
}
return zib_get_ajax_ajaxpager_one_centent($html);
}
add_filter('main_user_tab_content_complaint', 'zib_main_user_tab_content_complaint');
// 添加CSS样式
function add_custom_styles() {
echo '
<style>
.progress-bar{
width: 100%;
height: 10px;
overflow: hidden;
box-sizing: border-box;
border-radius: 24px;
background-color: rgba(180, 160, 120, .2);
position: relative;
box-shadow: unset;
margin-bottom: 5px;
}
.progress-bg{
width: 10%;
height: 100%;
overflow: hidden;
box-sizing: border-box;
background-image: linear-gradient(135deg, #00BFFF 25%,#FA8072 0,#FA8072 50%,#00BFFF 0,#00BFFF 75%, #FA8072 0);
border-radius: 24px;
animation: panoramic 20s linear infinite;
background-size: 32px 100%;
}
@keyframes panoramic{
to {
background-position: 200% 0;
}
}
.progress-completed {
width: 100%;
background-image: linear-gradient(135deg, #4abd15bd 25%,#4abd15bd 0,#4abd15bd 50%,#4abd15bd 0,#4abd15bd 75%, #4abd15bd 0);
animation: none;
}
.progress-processing {
width: 50%;
background-image: linear-gradient(135deg, #ffe8a4 25%,#ffd353 0,#ffd353 50%,#ffe8a4 0,#ffe8a4 75%, #ffd353 0);
animation: none;
}
.complaint-br {
display: block;
margin-bottom: 5px;
}
</style>
';
}
add_action('wp_head', 'add_custom_styles');

复制代码

第三款代码

// 我的投诉页面
function zib_main_user_tab_content_complaint()
{
$current_user_id = get_current_user_id();
$my_complaint_style = '<div style="margin-bottom: 10px;padding: 15px;color: #0986f5;background: #337ab71c;">加入网络监督员维护社区网络环境，举报不良信息，共建和谐绿色社区</div>';
$my_complaint_div ='style="background: #eeeeee57;padding: 15px;"';
$my_complaint_time ='style="background: rgba(255, 111, 6, 0.1);padding: 5px;color: #ff6c00;"';
global $wpdb;
$table_name = $wpdb->prefix . 'zib_message';
$query = $wpdb->prepare(
"SELECT * FROM $table_name WHERE send_user = %d AND type = %s ORDER BY status ASC, content ASC",
$current_user_id,
'user_report'
);
$results = $wpdb->get_results($query);
//如果查询记录为空则显示
if (empty($results)) {
$html = '<form class="zib-widget">' . $my_complaint_style . '<div ' . $my_complaint_div . '>您当前没有举报记录</div></form>';
} else {
$page = isset($_GET['page']) ? absint($_GET['page']) : 1; // 获取当前页数，默认为第一页
$per_page = 3; // 每页显示的举报信息数量
$total_items = count($results); // 总的举报信息数量
$total_pages = ceil($total_items / $per_page); // 计算总页数
// 确保当前页数不超过总页数
if ($page > $total_pages) {
$page = $total_pages;
}
// 计算起始索引和结束索引
$start_index = ($page - 1) * $per_page;
$end_index = min($start_index + $per_page, $total_items);
$html = '<div>';
for ($i = $start_index; $i < $end_index; $i++) {
$result = $results[$i];
// 提取提交举报的时间
preg_match('/提交时间：(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})/', $result->content, $matches);
if (isset($matches[1])) {
$submission_time = $matches[1];
$html .= "<p $my_complaint_time>提交时间：$submission_time</p>";
}
// 提取被举报用户到提交时间之间举报信息
$start_pos = strpos($result->content, '被举报用户：');
$end_pos = strpos($result->content, '提交时间：');
$filtered_content = substr($result->content, $start_pos, $end_pos - $start_pos);
$html .= "<p $my_complaint_div>" . $filtered_content;
// 判断处理进度并添加相应的样式和文字
if ($result->status == 1) {
// 处理完成
$html .= '<span style="display: inline-block; width: 100%; height: 2px; background-color: #4abd15bd;"></span>';
$html .= '<span style="color: #4abd15bd;">处理完成</span>';
} else {
// 正在处理
$html .= '<span style="display: inline-block; width: 50%; height: 2px; background-color: #ffe8a4;"></span>';
$html .= '<span style="color: #ffd353;">正在处理</span>';
}
$html .= '</p>';
}
$html .= '</div>';
// 分页按钮
if ($total_pages > 1) {
$pagination_html = '<div style="margin-top: 10px;">';
$pagination_html .= '<span style="padding: 5px;">共 ' . $total_items . ' 条举报信息</span>';
if ($page > 1) {
$prev_page = $page - 1;
$pagination_html .= '<a href="?page=' . $prev_page . '" style="padding: 5px;margin-right: 5px;">上一页</a>';
}
if ($page < $total_pages) {
$next_page = $page + 1;
$pagination_html .= '<a href="?page=' . $next_page . '" style="padding: 5px;margin-right: 5px;">下一页</a>';
}
$pagination_html .= '</div>';
$html .= $pagination_html;
}
$html = '<form class="zib-widget">' . $my_complaint_style . $html . '</form>';
}
return zib_get_ajax_ajaxpager_one_centent($html);
}
add_filter('main_user_tab_content_complaint', 'zib_main_user_tab_content_complaint');

复制代码

	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	10-09 09:07
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-24 09:00
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-11 11:40
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-02 09:17
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-27 08:56
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-20 15:12
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-03 10:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	06-30 08:57
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	06-18 09:14
	系统消息：清风网络已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-11 09:40
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-10 09:31
	系统消息：IXM77777已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 13:44
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 09:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-09 08:52
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-08 09:24
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-07 09:02
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	02-27 09:35
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-26 09:06
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-25 08:49
	系统消息：飞流安卓客户端APP已上线，请在QQ群（123129）群文件内获取下载。	02-21 02:22

[代码技巧] 子比主题 – 用户中心增加我的投诉页面（三款）

资源无需等待，交易就趁现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

第一款

第二款

第三款

代码部署

相关帖子

飞流广播+ 发布

连签LV.1

会员LV.1

会员LV.2

会员LV.3

会员LV.4

会员LV.5

会员LV.6

会员LV.7

会员LV.8

会员LV.9

会员LV.10

关于我们

常用功能

服务引导

fl@fllt.cn