XH_Digital_Management/templates/user_homepage.html

215 lines
14 KiB
HTML
Raw Normal View History

2024-06-09 16:59:30 +08:00
{% extends 'base.html' %}
{% load static tags %}
{% block content %}
<div class="pcoded-main-container">
<div class="pcoded-wrapper">
<div class="pcoded-content">
<div class="pcoded-inner-content">
<div class="main-body">
<div class="page-wrapper">
<!-- [ breadcrumb ] start -->
<div class="page-header">
<div class="page-block">
<div class="row align-items-center">
<div class="col-md-12">
<div class="page-header-title">
<h5 class="m-b-10">个人中心</h5>
</div>
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html"><i
class="feather icon-home"></i></a></li>
<li class="breadcrumb-item"><a href="#!">个人中心</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- [ breadcrumb ] end -->
<!-- [ Main Content ] start -->
<div class="row">
<div class="col-md-4">
<div class="card widget-profile">
<div class="card-body text-center">
2024-06-13 22:46:48 +08:00
<h3>{{ name }}</h3>
<p>{{ postion }}</p>
2024-06-09 16:59:30 +08:00
<div class="row mt-5">
<div class="col text-center">
2024-06-13 22:46:48 +08:00
<h4>{{ on_duty_days }}天</h4>
<span>{{ status }}</span>
2024-06-09 16:59:30 +08:00
</div>
<div class="col text-center">
2024-06-13 22:46:48 +08:00
<h4>{{ used_annual_leave }}天</h4>
2024-06-09 16:59:30 +08:00
<span>已用年假</span>
</div>
<div class="col text-center">
2024-06-13 22:46:48 +08:00
<h4>{{ remaining_annual_leave }}天</h4>
2024-06-09 16:59:30 +08:00
<span>剩余年假</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card statustic-card">
<div class="card-header borderless pb-0">
<h5>我的业绩目标</h5>
</div>
<div class="card-body text-center">
<span class="d-block text-c-blue f-36">66.6%</span>
<p class="m-b-0">业绩目标完成率</p>
<div class="progress">
<div class="progress-bar bg-c-blue" style="width:56%"></div>
</div>
</div>
<div class="card-footer bg-c-blue border-0">
<h6 class="text-white m-b-0">本年已完成项目收入: 666666.66万元</h6>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card statustic-card">
<div class="card-header borderless pb-0">
<h5>我的项目</h5>
</div>
<div class="card-body text-center">
<span class="d-block text-c-green f-36">5个</span>
<p class="m-b-0">正在进行的项目数量</p>
<div class="progress">
<div class="progress-bar bg-c-green" style="width:85%"></div>
</div>
</div>
<div class="card-footer bg-c-green border-0">
<h6 class="text-white m-b-0">今年已完成的项目数量: 10个</h6>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card latest-update-card update-card">
<div class="card-header">
<h5>系统通知</h5>
</div>
<div class="new-scroll" style="height:350px;position:relative;">
<div class="card-body">
<div class="latest-update-box">
<div class="row p-t-20 p-b-30">
<div class="col-auto text-end update-meta">
<i class="feather icon-bell bg-c-blue update-icon"></i>
</div>
<div class="col p-l-5">
<a href="#!">
<h6 class="m-0">端午节放假通知</h6>
</a>
<p class="m-b-0">2024/06/07 11:40 AM</p>
</div>
</div>
<div class="row p-b-30">
<div class="col-auto text-end update-meta">
<i class="feather icon-bell bg-c-blue update-icon"></i>
</div>
<div class="col p-l-5">
<a href="#!">
<h6 class="m-0">儿童节活动通知</h6>
</a>
<p class="m-b-0">2024/06/01 11:40 AM</p>
</div>
</div>
<div class="row p-b-30">
<div class="col-auto text-end update-meta">
<i class="feather icon-file f-w-600 bg-c-yellow update-icon"></i>
</div>
<div class="col p-l-5">
<a href="#!">
<h6 class="m-0">更新报销明细</h6>
</a>
<p class="m-b-0">2024/05/27 9:00 AM</p>
</div>
</div>
<div class="row p-b-30">
<div class="col-auto text-end update-meta">
<i class="feather icon-file bg-c-yellow update-icon"></i>
</div>
<div class="col p-l-5">
<a href="#!">
<h6 class="m-0">上传发票通知</h6>
</a>
<p class="m-b-0">2024/05/25 9:00 AM</p>
</div>
</div>
<div class="row p-b-30">
<div class="col-auto text-end update-meta">
<i class="feather icon-check-circle f-w-600 bg-c-green update-icon"></i>
</div>
<div class="col p-l-5">
<a href="#!">
<h6 class="m-0">外贸出口项目完成</h6>
</a>
<p class="m-b-0">2024/4/28 9:00 AM</p>
</div>
</div>
<div class="row">
<div class="col-auto text-end update-meta">
<i class="feather icon-alert-triangle f-w-600 bg-c-red update-icon"></i>
</div>
<div class="col p-l-5">
<a href="#!">
<h6 class="m-0">库存不足提醒</h6>
</a>
<p class="m-b-0">2024/4/28 9:00 AM</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-8 col-md-6">
<div class="card user-list table-card">
<div class="card-header">
<h5>项目协作动态</h5>
</div>
<div class="card-body pb-0">
<div class="table-responsive">
<div class="user-scroll ps ps--active-y" style="height:430px;position:relative;">
<table class="table table-hover m-0">
<thead>
<tr>
<th>姓名</th>
<th>操作/项目</th>
<th>时间</th>
</tr></thead>
<tbody>
<tr>
<td>张三</td>
<td>
<h6 class="mb-1"><span class="text-c-green">新增项目</span> 老挝贸易项目</h6>
</td>
<td>2024/06/01 11:40 AM</td>
</tr>
</tbody>
</table>
<div class="ps__rail-x" style="left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__rail-y" style="top: 0px; height: 430px; right: 0px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 351px;"></div></div></div>
</div>
</div>
</div>
</div>
</div>
<!-- [ Main Content ] end -->
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}