bonus
/
gz_car_ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
gz_car_ui/page/welcome/welcome-1.html

185 lines
9.3 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- 添加安全相关的meta标签 -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com; img-src 'self' data:; font-src 'self' https://cdnjs.cloudflare.com;">
<meta http-equiv="x-ua-compatible" content="SAMEORIGIN">
<link rel="stylesheet" href="../../lib/layui-v2.9.18/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
<link rel="stylesheet" href="../../css/public.css" media="all">
<link rel="stylesheet" href="../../css/font.css" media="all">
<link rel="stylesheet" href="../../css/welcome.css" media="all">
</head>
<style>
</style>
<body>
<div class="layuimini-container">
<!-- <div class="layuimini-main">
</div> -->
<div id="data-overview" class="layout">
<div class="title layout">
<div class="layout">
<img src="../../images/data_overview.png" alt="预览">
<p>数据概览</p>
</div>
<div class="layout" style="margin-left: 50%;">
<img src="../../images/welcome/title.png">
<p style="font-weight: normal;font-size: 14px;">数据更新时间 <span id="refreshTime">2024-12-12:00:00</span></p>
<img style="cursor: pointer;" onclick="refreshData()" title="刷新数据" src="../../images/welcome/refresh.png">
</div>
<div class="layui-tab layui-tab-brief" lay-filter="demo-filter-tab">
<ul class="layui-tab-title">
<li value="1">全部</li>
<li value="2" class="layui-this">本年度</li>
<li value="3">去年</li>
</ul>
</div>
</div>
<div id="data-box" class="layout">
<div class="data-detail layout" onclick="openDetail(1)">
<div class="data-img"><img src="../../images/welcome/data_view_1.png" alt=""></div>
<div class="data-info">
<p>工程数量</p>
<p id="proNum">0</p>
<p>今日领用工程<span id="lyProNum">0</span>个</p>
</div>
</div>
<div class="data-detail layout" onclick="openDetail(2)">
<div class="data-img"><img src="../../images/welcome/data_view_2.png" alt=""></div>
<div class="data-info">
<p>需求计划数</p>
<p id="planNum">0</p>
<p>今日新增<span id="addPlanNum">0</span>条</p>
</div>
</div>
<div class="data-detail layout" onclick="openDetail(3)">
<div class="data-img"><img src="../../images/welcome/data_view_3.png" alt=""></div>
<div class="data-info">
<p>运输车量</p>
<p id="carNum">0</p>
<p>待派车量<span id="noDispatchCarNum">0</span>辆</p>
</div>
</div>
<div class="data-detail layout" onclick="openDetail(4)">
<div class="data-img"><img src="../../images/welcome/data_view_4.png" alt=""></div>
<div class="data-info">
<p>吊车量</p>
<p id="craneNum">0</p>
<p>待派吊车量<span id="noDispatchCraneNum">0</span>辆</p>
</div>
</div>
<div class="data-detail layout" onclick="openDetail(5)">
<div class="data-img"><img src="../../images/welcome/data_view_5.png" alt=""></div>
<div class="data-info">
<p>已付款金额</p>
<p id="payMoney">¥ 0</p>
<p>需求计划<span id="payPlanNum">0</span>条</p>
</div>
</div>
<div class="data-detail layout" onclick="openDetail(6)">
<div class="data-img"><img src="../../images/welcome/data_view_6.png" alt=""></div>
<div class="data-info">
<p>待付款金额</p>
<p id="estimateMoney">¥ 0</p>
<p>需求计划<span id="estimatePlanNum">0</span>个</p>
</div>
</div>
</div>
</div>
<div id="main-box" class="layout">
<div id="left-box">
<div id="left-container">
<div class="title layout">
<div class="layout">
<img src="../../images/data_overview.png" alt="用车数量">
<p>用车数量</p>
</div>
<a href="#" onclick="openDetail(5,1)">查看更多></a>
</div>
<div id="echarts-one"></div>
</div>
<div id="left-container2">
<div class="title layout">
<div class="layout">
<img src="../../images/data_overview.png" alt="供应商统计">
<p>供应商统计</p>
</div>
<a href="#" onclick="openDetail(5,1)">查看更多></a>
</div>
<div id="sup-count-box">
<div id="sup-title" class="layout">
<p>供应商</p>
<p>已租赁数量</p>
<p>已租赁金额</p>
<p>租赁进度</p>
<p>最新派车时间</p>
</div>
<ul id="sup-ul"></ul>
</div>
</div>
</div>
<div id="right-box">
<div id="right-container">
<div class="title layout">
<div class="layout">
<img src="../../images/data_overview.png" alt="工程排名">
<p>工程排名</p>
</div>
<a href="#" onclick="openDetail(1,1)">查看更多></a>
</div>
<div id="pro-ranking-box">
<div id="pro-ranking-title" class="layout">
<p>排名</p>
<p>工程名称</p>
<p>申请量</p>
<p>派车量</p>
<p>待派量</p>
</div>
</div>
</div>
<div id="right-container2">
<div class="title layout">
<div class="layout">
<img src="../../images/data_overview.png" alt="租赁金额（运输车辆）">
<p>租赁金额<span style="font-size: 14px;font-weight: normal;">（运输车辆）</span></p>
</div>
<p style="color: #999;font-size: 14px;font-weight: normal;">合同金额<span
style="color: #279df5;font-size: 20px;" id="contractCarMoney">0</span>元</p>
</div>
<div id="echarts-two" onclick="openDetail(3,1)"></div>
</div>
<div id="right-container3">
<div class="title layout">
<div class="layout">
<img src="../../images/data_overview.png" alt="租赁金额（吊车）">
<p>租赁金额<span style="font-size: 14px;font-weight: normal;">（吊车）</span></p>
</div>
<p style="color: #999;font-size: 14px;font-weight: normal;">合同金额<span
style="color: #279df5;font-size: 20px;" id="contractCraneMoney">0</span>元</p>
</div>
<div id="echarts-three" onclick="openDetail(4,1)"></div>
</div>
</div>
</div>
</div>
<script src="../../lib/jquery-3.4.1/jquery-3.7.1.min.js.js" charset="utf-8"></script>
<script src="../../js/public.js" charset="utf-8"></script>
<script src="../../lib/layui-v2.9.18/layui/layui.js" charset="utf-8"></script>
<script src="../../js/echarts.js" charset="utf-8"></script>
<script src="../../js/scroll.js" charset="utf-8"></script>
<script src="../../js/openIframe.js" charset="utf-8"></script>
<script src="../../js/welcome/welcome_echarts.js" charset="utf-8"></script>
<script src="../../js/welcome/welcome_ajax.js" charset="utf-8"></script>
<script src="../../js/welcome/welcome-1.js" charset="utf-8"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink