XH_Digital_Management/templates/base.html

724 lines
39 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% load tags %}
<!DOCTYPE html>
<html lang="en">
{% load static %}
<head>
<title>数字化管理系统</title>
<meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<!-- 网站图标 -->
<link rel="icon" href="{% static '/images/favicon.svg' %}" type="image/x-icon">
<!-- 必备CSS -->
<link rel="stylesheet" href="{% static 'fonts/fontawesome/css/fontawesome-all.min.css' %}">
<link rel="stylesheet" href="{% static 'plugins/animation/css/animate.min.css' %}">
<link rel="stylesheet" href="{% static 'plugins/prism/css/prism.min.css' %}">
<link rel="stylesheet" href="{% static 'css/select2.min.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap-datepicker.min.css' %}">
<!-- 自定义CSS -->
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<!-- 内部CSS -->
<style>
.pcoded-navbar .pcoded-inner-navbar > li.active > a,
.pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a {
background: transparent;
}
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a,
.pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a,
.pcoded-navbar .pcoded-inner-navbar > li.active > a,
.pcoded-navbar .pcoded-inner-navbar > li > a.active {
background: #fff;
color: #19BCBF;
position: relative;
font-weight: 600;
}
.pcoded-navbar .pcoded-inner-navbar > li.active > a,
.pcoded-navbar .pcoded-inner-navbar > li > a.active > .pcoded-micon {
color: #19BCBF;
}
.pcoded-navbar .pcoded-inner-navbar > li > a.active:after {
content: "";
background-color: #19BCBF;
z-index: 1027;
position: absolute;
left: 0;
top: 0px;
width: 3px;
height: 100%;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background: linear-gradient(-45deg, #19BCBF, #149698);
box-shadow: none;
}
pre[class*=language-] > code {
border-left: 5px solid #2196f3;
}
.nav-pills {
padding: 15px 25px;
}
.nav-pills > li i {
display: inline-block;
font-size: 15px;
padding: 0px 0;
}
#gulp pre[class*=language-].line-numbers.line-numbers code {
padding-left: 1.5em;
}
.img-block img {
width: 120px;
margin-right: 8px;
margin-bottom: 8px;
}
.pcoded-navbar .pcoded-inner-navbar > li > a.active:after {
background: linear-gradient(-45deg, #19BCBF, #149698);
}
.navbar-brand {
display: flex;
align-items: center; /* 垂直居中对齐 */
}
.brand-container {
display: flex;
align-items: center; /* 垂直居中对齐 */
margin-right: 10px; /* 根据需要调整间距 */
}
.logo, .logo-thumb {
width: 50px;
height: 50px;
}
.brand-title {
color: white;
margin: 0; /* 移除默认的外边距 */
}
.select2-container--default .select2-selection--single {
padding: 10px 16px;
height: 45px; /* 使其与其他表单元素一致 */
border-width: 2px; /* 确保边框样式一致 */
border-radius: 0.375rem; /* 确保边角样式一致 */
background-color: #fff; /* 背景颜色 */
box-shadow: 0 1px 2px 0 rgba(57, 70, 92, 0.05);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 22px; /* 调整行高以确保文本垂直居中 */
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 34px; /* 使箭头高度与选择框一致 */
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 0; /* 确保文本与输入框文本一致 */
}
.select2-container .select2-selection--single {
display: flex;
align-items: center; /* 垂直居中对齐 */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #555 transparent transparent transparent; /* 修改箭头颜色 */
}
</style>
<!-- 必备JS -->
<script src="{% static 'js/jquery.com_jquery-3.6.0.js' %}"></script>
<script src="{% static 'js/city.js' %}"></script>
<script>
window.onload = function () {
// 读取本地存储中的导航滚动位置
var scrollPosition = localStorage.getItem('navbarScrollPosition');
if (scrollPosition) {
document.getElementById('navbar-content').scrollTop = scrollPosition;
}
// 监听导航菜单的滚动事件
document.getElementById('navbar-content').addEventListener('scroll', function () {
localStorage.setItem('navbarScrollPosition', this.scrollTop);
});
};
</script>
</head>
<body>
<!-- [ 预加载 ] 开始 -->
<div class="loader-bg">
<div class="loader-track">
<div class="loader-fill"></div>
</div>
</div>
<!-- [ 预加载 ] 结束 -->
<div id="alertContainer" style="position: fixed; top: 10px; right: 10px; z-index: 9999; width: 300px;"></div>
<!-- [ 导航菜单 ] 开始 -->
<nav class="pcoded-navbar menupos-fixed menu-dark menu-item-icon-style6 ">
<div class="navbar-wrapper ">
<div class="navbar-brand header-logo">
<a href="{% url 'index' %}" class="b-brand brand-container">
<img src="{% static 'images/logos/Galaxy Logo White.png' %}" alt="logo" class="logo images">
<img src="{% static 'images/logos/Galaxy Logo White.png' %}" alt="logo" class="logo-thumb images">
</a>
<h5 class="brand-title">星环集团</h5>
<a class="mobile-menu" id="mobile-collapse" href="#"><span></span></a>
</div>
<div class="navbar-content" id="navbar-content" style="overflow-y: auto; height: calc(100vh - 70px);">
<ul class="nav pcoded-inner-navbar sidenav-inner">
<li class="nav-item pcoded-menu-caption">
<label>视图数据</label>
</li>
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon">
<i class="feather icon-home"></i></span><span class="pcoded-mtext">视图</span></a>
<ul class="pcoded-submenu">
<li><a href="{% url 'user_homepage' %}">用户中心</a></li>
</ul>
</li>
{% if request.user|has_module_permission:"exec_tbl" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon">
<i class="feather icon-home"></i></span><span class="pcoded-mtext">董事会、总经办</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_financialdata" %}
<li><a href="{% url 'financial_data_list' %}">整体经营情况表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_monthlyfinancialdata" %}
<li><a href="{% url 'monthly_financial_data_list' %}">整体收入情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_receivablesdata" %}
<li><a href="{% url 'receivables_data_list' %}">应收账款情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_receivablesdetail" %}
<li><a href="{% url 'receivables_detail_list' %}">应收账款明细</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_employeestatus" %}
<li><a href="{% url 'employee_status_list' %}">人员情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_employeeperformance" %}
<li><a href="{% url 'employee_performance_list' %}">员工业绩及提成情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_employeeattendance" %}
<li><a href="{% url 'employee_attendance_list' %}">员工出勤情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_projectledgerjr" %}
<li><a href="{% url 'project_ledger_list' %}">项目台账</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"busi_tbl" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-home"></i></span><span class="pcoded-mtext">业务部门</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_departmentannualperformance" %}
<li><a href="{% url 'department_annual_performance_list' %}">年度总体经营指标</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentmonthlyincome" %}
<li><a href="{% url 'department_monthly_income_list' %}">收入情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentmonthlycost" %}
<li><a href="{% url 'department_monthly_cost_list' %}">成本情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentexpense" %}
<li><a href="{% url 'department_expense_list' %}">费用情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentmonthlyprofit" %}
<li><a href="{% url 'department_monthly_profit_list' %}">利润情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentprojectprogress" %}
<li><a href="{% url 'department_project_progress_list' %}">项目进度</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentprojectsettlement" %}
<li><a href="{% url 'department_project_settlement_list' %}">项目结算情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentprojectpayment" %}
<li><a href="{% url 'department_project_payment_list' %}">项目回款情况</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentrevenuestructure" %}
<li><a href="{% url 'department_revenue_structure_list' %}">收入结构</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentprofitstructure" %}
<li><a href="{% url 'department_profit_structure_list' %}">利润结构</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentprojectmanagerincomecommission" %}
<li><a href="{% url 'department_project_manager_income_commission_list' %}">项目经理收入完成及提成情况</a>
</li>
{% endif %}
{% if request.user|has_view_permission:"view_departmentattendance" %}
<li><a href="{% url 'department_attendance_list' %}">出勤情况</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"ops_tbl" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-home"></i></span><span class="pcoded-mtext">中后台</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_departmentexpensedata" %}
<li><a href="{% url 'department_expense_data_list' %}">各部门费用情况</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"fin_tbl" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon">
<i class="feather icon-home"></i></span><span class="pcoded-mtext">财务部</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_departmentoperationaldata" %}
<li><a href="{% url 'department_operational_data_list' %}">各一级部门经营情况</a></li>
{% endif %}
</ul>
</li>
{% endif %}
<li class="nav-item pcoded-menu-caption">
<label>基础数据</label>
</li>
{% if request.user|has_module_permission:"perf_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link">
<span class="pcoded-micon"><i class="feather icon-box"></i></span>
<span class="pcoded-mtext">业绩管理</span>
</a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_groupbusinesstarget" %}
<li><a href="{% url 'gbo_list' %}">集团经营目标表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_employeeperformancetarget" %}
<li><a href="{% url 'emt_list' %}">员工业绩目标表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"org_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">组织管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_companyentity" %}
<li><a href="{% url 'eir_list' %}">公司主体信息登记表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_primarydepartment" %}
<li><a href="{% url 'pd_list' %}">一级部门表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_secondarydepartment" %}
<li><a href="{% url 'sd_list' %}">二级部门表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"hrm_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon">
<i class="feather icon-box"></i></span><span class="pcoded-mtext">人力资源管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_employeeinformation" %}
<li><a href="{% url 'emp_list' %}">人员基本信息表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_employeeattendancerecord" %}
<li><a href="{% url 'attd_rec_list' %}">员工考勤记录表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_performanceevaluation" %}
<li><a href="{% url 'performance_list' %}">员工绩效情况表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_annualleaverecord" %}
<li><a href="{% url 'alv_list' %}">年假使用记录</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_position" %}
<li><a href="{% url 'pst_list' %}">岗位表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_rank" %}
<li><a href="{% url 'rk_list' %}">职级表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"fac_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">财会管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_expensetype" %}
<li><a href="{% url 'exp_type_list' %}">费用类型表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_expensedetail" %}
<li><a href="{% url 'exp_detail_list' %}">费用明细表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_groupannualbudget" %}
<li><a href="{% url 'gpb_list' %}">集团年度预算表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_laborcostdetail" %}
<li><a href="{% url 'lcb_list' %}">人工费明细表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_reimbursementdetail" %}
<li><a href="{% url 'rbm_detail_list' %}">报销明细表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_bonuscategory" %}
<li><a href="{% url 'bns_cat_list' %}">奖金类别表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_bonusallocation" %}
<li><a href="{% url 'bns_alloc_list' %}">奖金分配表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_taxrecord" %}
<li><a href="{% url 'tax_rec_list' %}">纳税记录表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_electronicinvoiceledger" %}
<li><a href="{% url 'inv_ledger_list' %}">电子发票台账</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_invoicerecord" %}
<li><a href="{% url 'inv_rec_list' %}">开票记录</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_repaymentrecord" %}
<li><a href="{% url 'rep_rec_list' %}">回款记录表</a></li>
{% endif %}
{# {% if request.user|has_view_permission:"view_employeecommission" %}#}
{# <li><a href="{% url 'emp_comm_list' %}">员工提成情况表</a></li>#}
{# {% endif %}#}
{% if request.user|has_view_permission:"view_projectcommission" %}
<li><a href="{% url 'project_commission_list' %}">员工提成情况表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"pjt_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">项目管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_projectledger" %}
<li><a href="{% url 'proj_ledger_list' %}">项目台账</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_employeeprojectincomesettlement" %}
<li><a href="{% url 'emp_proj_income_list' %}">项目组员收入结算表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"rsc_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">资源管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_consumablegoodscategory" %}
<li><a href="{% url 'cg_cat_list' %}">消耗品类别管理表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_consumablegoodsinventory" %}
<li><a href="{% url 'cg_inv_list' %}">消耗品库存表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_companymobilephoneusageregistry" %}
<li><a href="{% url 'cmp_phone_reg_list' %}">公司手机号使用登记表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_businessvehicleusageregistry" %}
<li><a href="{% url 'bv_usage_list' %}">商务车使用登记表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_membershipmodificationrecord" %}
<li><a href="{% url 'mem_acc_list' %}">会员账号登记表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_storedvaluecardregistration" %}
<li><a href="{% url 'svc_reg_list' %}">储值卡登记表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"opa_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">运营管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_socialmediaaccountregistration" %}
<li><a href="{% url 'sma_reg_list' %}">新媒体账号登记</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_accountoperationmanagement" %}
<li><a href="{% url 'acc_op_mgmt_list' %}">账号运营管理记录</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_websiteregistration" %}
<li><a href="{% url 'web_reg_list' %}">网站登记</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_websitemaintenancerecord" %}
<li><a href="{% url 'web_maint_rec_list' %}">网站运维记录</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"cpc_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">合规管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_sealusageregistry" %}
<li><a href="{% url 'seal_reg_list' %}">用印登记表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_sealanddocumentborrowingregistry" %}
<li><a href="{% url 'seal_doc_borrow_list' %}">印章证件借用登记表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_contractmanagementledger" %}
<li><a href="{% url 'contract_mgmt_list' %}">合同管理台账</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_companypolicies" %}
<li><a href="{% url 'policies_list' %}">公司制度表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"mkt_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">营销管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_projectresources" %}
<li><a href="{% url 'proj_res_list' %}">资源维护表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_customer" %}
<li><a href="{% url 'cust_list' %}">客户表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user|has_module_permission:"asset_mgnt" %}
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-box"></i></span><span class="pcoded-mtext">资产管理</span></a>
<ul class="pcoded-submenu">
{% if request.user|has_view_permission:"view_fixedassetsinventory" %}
<li><a href="{% url 'fixed_assets_list' %}">固定资产清单表</a></li>
{% endif %}
{% if request.user|has_view_permission:"view_intangibleassetsinventory" %}
<li><a href="{% url 'intangible_assets_list' %}">无形资产清单表</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user.is_superuser %}
<li class="nav-item pcoded-menu-caption">
<label>系统设置</label>
</li>
<li data-username="" class="nav-item pcoded-hasmenu">
<a href="#" class="nav-link"><span class="pcoded-micon"><i
class="feather icon-lock"></i></span><span class="pcoded-mtext">权限设置</span></a>
<ul class="pcoded-submenu" style="display: none;">
<li><a href="{% url 'user_permissions_list' %}">账号权限表</a></li>
<li><a href="{% url 'group_perm_list' %}">用户组权限表</a></li>
</ul>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>
<!-- [ 导航菜单 ] 结束 -->
<!-- [ 页眉 ] 开始 -->
<header class="navbar pcoded-header navbar-expand-lg navbar-light headerpos-fixed">
<!-- 移动端 [ 页眉 ] 开始 -->
<div class="m-header">
<a class="mobile-menu" id="mobile-collapse1" href="#"><span></span></a>
<a href="{% url 'user_homepage' %}" class="b-brand">
<img src="{% static 'images/logo.svg' %}" alt="" class="logo images">
<img src="{% static 'images/logo-icon.svg' %}" alt="" class="logo-thumb images">
</a>
</div>
<!-- 移动端 [ 页眉 ] 结束 -->
<!-- 移动端 [ 菜单 ] 开始 -->
<a class="mobile-menu" id="mobile-header" href="#">
<i class="feather icon-more-horizontal"></i>
</a>
<!-- 移动端 [ 菜单 ] 结束 -->
<!-- PC端 [ 页眉 ] 开始 -->
<div class="collapse navbar-collapse">
<a href="#" class="mob-toggler"></a>
<!-- [ 搜索 ] 开始 -->
<ul class="navbar-nav me-auto">
<li class="nav-item">
<div class="main-search open">
<div class="input-group">
<input type="text" id="m-search" class="form-control" placeholder="Search . . .">
<a href="#" class="input-group-append search-close"><i
class="feather icon-x input-group-text"></i></a>
<span class="ms-1 input-group-append search-btn btn btn-primary">
<i class="feather icon-search input-group-text"></i>
</span>
</div>
</div>
</li>
</ul>
<!-- [ 搜索 ] 结束 -->
<!-- [ 通知&设置 ] 开始 -->
<ul class="navbar-nav ms-auto">
<!-- [ 通知 ] 开始 -->
<li>
<div class="dropdown">
<a class="dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false"><i
class="icon feather icon-bell"></i></a>
<div class="dropdown-menu dropdown-menu-end notification">
<div class="noti-head">
<h6 class="d-inline-block m-b-0">通知</h6>
<div class="float-end">
<!-- <a href="#" class="m-r-10">标记为已读</a>-->
<!-- <a href="#">清除所有</a>-->
</div>
</div>
<ul class="noti-body">
<li class="n-title">
<p class="m-b-0">最新</p>
</li>
<li class="notification">
<div class="d-flex">
<img class="img-radius" src="{% static 'images/user/setting.png' %}"
alt="Profile Image">
<div class="flex-grow-1">
<p><strong>系统通知</strong><span class="n-time text-muted"><i
class="icon feather icon-clock m-r-10"></i>5 分钟前</span></p>
<p>更新报销明细</p>
</div>
</div>
</li>
<li class="n-title">
<p class="m-b-0">更早</p>
</li>
<li class="notification">
<div class="d-flex">
<img class="img-radius" src="{% static 'images/user/setting.png' %}"
alt="Profile Image">
<div class="flex-grow-1">
<p><strong>系统通知</strong><span class="n-time text-muted"><i
class="icon feather icon-clock m-r-10"></i>10 min</span></p>
<p>5月员工生日</p>
</div>
</div>
</li>
<li class="notification">
<div class="d-flex">
<img class="img-radius" src="{% static 'images/user/setting.png' %}"
alt="Profile Image">
<div class="flex-grow-1">
<p><strong>系统通知</strong><span class="n-time text-muted"><i
class="icon feather icon-clock m-r-10"></i>12 min</span></p>
<p>A4纸库存不足</p>
</div>
</div>
</li>
</ul>
<div class="noti-footer">
<a href="#">查看所有</a>
</div>
</div>
</div>
</li>
<!-- [ 通知 ] 结束 -->
<!-- [ 设置 ] 开始 -->
<li>
<div class="dropdown drp-user">
<a href="#" class="dropdown-toggle" data-bs-toggle="dropdown"><i
class="icon feather icon-settings"></i></a>
<div class="dropdown-menu dropdown-menu-end profile-notification">
<div class="pro-head">
<span>
{% if user.is_authenticated %}
<span class="text-muted">{{ user.last_name }}{{ user.first_name }}</span>
<span class="h6">{{ user.email }}</span>
{% else %}
<script type="text/javascript">
window.location.href = "{% url 'user_login' %}";
</script>
{% endif %}
</span>
</div>
<ul class="pro-body">
<li><a href="{% url 'user_homepage' %}" class="dropdown-item"><i
class="feather icon-user"></i>个人中心</a></li>
<li><a href="{% url 'user_logout' %}" class="dropdown-item"><i
class="feather icon-power text-danger"></i>退出登录</a></li>
</ul>
</div>
</div>
</li>
</ul>
<!-- [ 通知&设置 ] 结束 -->
</div>
<!-- PC端 [ 页眉 ] 结束 -->
</header>
<!-- [ 页眉 ] 结束 -->
{% block content %}
{% endblock %}
</body>
<!-- 必备 Js -->
<script src="{% static 'js/jquery-3.6.0.js' %}"></script>
<script src="{% static 'js/vendor-all.min.js' %}"></script>
<script src="{% static 'js/vendor-all.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/popper.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'js/pcoded.min.js' %}"></script>
<script src="{% static 'js/bootstrap-datepicker.min.js' %}"></script>
<script src="{% static 'js/select2.min.js' %}"></script>
<script src="{% static 'js/distpicker.js' %}"></script>
<script>
function showAlert(type, message) {
const alertHtml = `
<div class="alert alert-${type} alert-dismissible fade show" role="alert">
<strong>操作提示:</strong> ${message}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>`;
$('#alertContainer').html(alertHtml);
// Automatically close the alert after 3 seconds
setTimeout(function () {
$('.alert').alert('close');
}, 3000);
}
</script>
</html>