XH_Digital_Management/templates/base.html

455 lines
25 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.

<!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' %}">
<!-- 自定义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);
}
</style>
</head>
<body class="">
<!-- [ 预加载 ] 开始 -->
<div class="loader-bg">
<div class="loader-track">
<div class="loader-fill"></div>
</div>
</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="index.html" class="b-brand">
<img src="{% static 'images/logo.svg' %}" alt="logo" class="logo images">
<img src="{% static 'images/logo-icon.svg' %}" alt="logo" class="logo-thumb images">
</a>
<a class="mobile-menu" id="mobile-collapse" href="#!"><span></span></a>
</div>
<div class="navbar-content scroll-div" id="layout-sidenav">
<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 class=""><a href="董事会、总经办_公司整体经营情况表.html" class="">整体经营情况表</a></li>
<li class=""><a href="董事会、总经办_公司整体收入情况.html" class="">整体收入情况</a></li>
<li class=""><a href="董事会、总经办_公司应收账款情况.html" class="">应收账款情况</a></li>
<li class=""><a href="董事会、总经办_公司应收账款明细.html" class="">应收账款明细</a></li>
<li class=""><a href="董事会、总经办_公司人员情况.html" class="">人员情况</a></li>
<li class=""><a href="董事会、总经办_公司员工业绩及提成情况.html" class="">员工业绩及提成情况</a>
</li>
<li class=""><a href="董事会、总经办_公司员工出勤情况.html" class="">员工出勤情况</a></li>
<li class=""><a href="董事会、总经办_公司项目台账.html" class="">项目台账</a></li>
</ul>
</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 class=""><a href="业务部门_业务部门年度总体经营指标.html" class="">年度总体经营指标</a></li>
<li class=""><a href="业务部门_业务部门收入情况.html" class="">收入情况</a></li>
<li class=""><a href="业务部门_业务部门成本情况.html" class="">成本情况</a></li>
<li class=""><a href="业务部门_业务部门利润情况.html" class="">利润情况</a></li>
<li class=""><a href="业务部门_业务部门项目进度.html" class="">项目进度</a></li>
<li class=""><a href="业务部门_业务部门项目结算情况.html" class="">项目结算情况</a></li>
<li class=""><a href="业务部门_业务部门项目回款情况.html" class="">项目回款情况</a></li>
<li class=""><a href="业务部门_业务部门收入结构天信、星河、星海.html" class="">收入结构</a></li>
<li class=""><a href="业务部门_业务部门利润结构天信、星河、星海.html" class="">利润结构</a></li>
<li class=""><a href="业务部门_业务部门项目经理收入完成及提成情况天信、星河、星海.html"
class="">项目经理收入完成及提成情况</a></li>
<li class=""><a href="业务部门_业务部门出勤情况天信、星河、星海.html" class="">出勤情况</a></li>
</ul>
</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 class=""><a href="中后台_各部门费用情况.html" class="">各部门费用情况</a></li>
</ul>
</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 class=""><a href="财务部_各一级部门经营情况.html" class="">各一级部门经营情况</a></li>
</ul>
</li>
<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-box"></i></span>
<span class="pcoded-mtext">业绩管理</span>
</a>
<ul class="pcoded-submenu">
<li class=""><a href="{% url 'gbo_list' %}" class="">集团经营目标表</a></li>
<li class=""><a href="{% url 'employee_performance_targets' %}" class="">员工业绩目标表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'entity_information_registration' %}"
class="">公司主体信息登记表</a></li>
<!-- <li class=""><a href="组织管理_公司银行账户.html" class="">公司银行账户表</a></li>-->
<li class=""><a href="{% url 'primary_departments' %}" class="">一级部门表</a></li>
<li class=""><a href="{% url 'secondary_departments' %}" class="">二级部门表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'employee_information' %}" class="">人员基本信息表</a></li>
<li class=""><a href="{% url 'employee_attendance_records' %}" class="">员工考勤记录表</a></li>
<li class=""><a href="{% url 'annual_leave_records' %}" class="">年假使用记录</a></li>
<li class=""><a href="{% url 'positions_table' %}" class="">岗位表</a></li>
<li class=""><a href="{% url 'ranks_table' %}" class="">职级表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'expense_types' %}" class="">费用类型表</a></li>
<li class=""><a href="{% url 'expense_details' %}" class="">费用明细表</a></li>
<li class=""><a href="{% url 'group_annual_budget' %}" class="">集团年度预算表</a></li>
<li class=""><a href="{% url 'labor_cost_details' %}" class="">人工费明细表</a></li>
<li class=""><a href="{% url 'reimbursement_details' %}" class="">报销明细表</a></li>
<li class=""><a href="{% url 'bonus_categories' %}" class="">奖金类别表</a></li>
<li class=""><a href="{% url 'bonus_distribution' %}" class="">奖金分配表</a></li>
<li class=""><a href="{% url 'tax_records' %}" class="">纳税记录表</a></li>
<li class=""><a href="{% url 'electronic_invoice_ledger' %}" class="">电子发票台账</a></li>
<li class=""><a href="{% url 'invoice_records' %}" class="">开票记录</a></li>
<li class=""><a href="{% url 'repayment_records' %}" class="">回款记录表</a></li>
<li class=""><a href="{% url 'employee_commission_details' %}" class="">员工提成情况表</a></li>
<li class=""><a href="{% url 'employee_performance' %}" class="">员工绩效情况表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'consumable_goods_category_management' %}"
class="">消耗品类别管理表</a></li>
<li class=""><a href="{% url 'consumable_goods_inventory' %}" class="">消耗品库存表</a></li>
<li class=""><a href="{% url 'company_mobile_phone_usage_registry' %}"
class="">公司手机号使用登记表</a></li>
<li class=""><a href="{% url 'business_vehicle_usage_registry' %}" class="">商务车使用登记表</a>
</li>
<li class=""><a href="{% url 'membership_accounts_registry' %}" class="">会员账号登记表</a></li>
<li class=""><a href="{% url 'stored_value_card_registration' %}" class="">储值卡登记表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'social_media_account_registration' %}" class="">新媒体账号登记</a>
</li>
<li class=""><a href="{% url 'account_operation_management' %}" class="">账号运营管理记录</a>
</li>
<li class=""><a href="{% url 'website_registration' %}" class="">网站登记</a></li>
<li class=""><a href="{% url 'website_maintenance_record' %}" class="">网站运维记录</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'seal_usage_registry' %}" class="">用印登记表</a></li>
<li class=""><a href="{% url 'seal_and_document_borrowing_registry' %}"
class="">印章证件借用登记表</a></li>
<li class=""><a href="{% url 'contract_management_ledger' %}" class="">合同管理台账</a></li>
<li class=""><a href="{% url 'company_policies' %}" class="">公司制度表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'project_resources' %}" class="">项目资源表</a></li>
<li class=""><a href="{% url 'customers' %}" class="">客户表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'fixed_assets_inventory' %}" class="">固定资产清单表</a></li>
<li class=""><a href="{% url 'intangible_assets_inventory' %}" class="">无形资产清单表</a></li>
</ul>
</li>
<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">
<li class=""><a href="{% url 'project_ledger' %}" class="">项目台账</a></li>
<li class=""><a href="{% url 'employee_project_income_settlement' %}" class="">项目组员收入结算表</a></li>
</ul>
</li>
<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 class=""><a href="{% url 'user_permissions_list' %}" class="">账号权限表</a></li>
</ul>
</li>
</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="index.html" 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="#!" 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/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>
</html>