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

358 lines
17 KiB
HTML
Raw Normal View History

第一次提交
2025-01-16 18:42:07 +08:00
<!DOCTYPE html>
<html lang="en">
<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">
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../js/echarts.js" charset="utf-8"></script>
<script src="../js/welcome/welcome.js"></script>
<script src="../../js/openIframe.js" charset="utf-8"></script>
<link rel="stylesheet" href="../lib/layui-v2.6.3/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/index/index.css" media="all">
</head>
前端优化
2025-01-21 13:32:08 +08:00
<body style="display: none;">
第一次提交
2025-01-16 18:42:07 +08:00
<!-- 时间类型选择 -->
<div class="layui-card">
<div class="layui-card-header head_tle">数据概览</div>
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm6 layui-col-md9" style="display: flex;">
<div class="time-select">
<div class="time-select-item" id="time-0" onclick="timeClick('0')">全部</div>
<div class="time-select-item" id="time-1" onclick="timeClick('1')">本年度</div>
<div class="time-select-item" id="time-2" onclick="timeClick('2')">自定义时间</div>
</div>
<div id="time_range_nav" style="display: none;">
<input type="text" class="layui-input" placeholder="请选择时间范围" id="time_range_id" readonly>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md3" style="display: flex;justify-content: flex-end;">
<div class="time-update">
<i class="layui-icon layui-icon-tips"></i>
<span>数据更新时间 2022-06-15 12:00</span>
<i class="layui-icon layui-icon-refresh layui-anim" id="refresh_id" onclick="refreshClick()"></i>
</div>
</div>
</div>
</div>
</div>
<!-- 数据概览 -->
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">数据概览</div>
</div>
</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space20">
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
zhuqiang
2025-01-17 13:15:01 +08:00
<div class="overview_item" style="background-image: url('../images/svg/u10.svg');background-size: 100% 100%;" onclick="overviewClick('0')">
第一次提交
2025-01-16 18:42:07 +08:00
<div class="overview_item_left">
zhuqiang
2025-01-17 13:15:01 +08:00
<img src="../images/accessory/gongc.png">
第一次提交
2025-01-16 18:42:07 +08:00
</div>
<div class="overview_item_right">
<div class="">工程数量</div>
<div class="overview_item_right_num">686</div>
<div>今日领用工程 15 个</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
zhuqiang
2025-01-17 13:15:01 +08:00
<div class="overview_item" style="background-image: url('../images/svg/u8.svg');background-size: 100% 100%;" onclick="overviewClick('1')">
第一次提交
2025-01-16 18:42:07 +08:00
<div class="overview_item_left">
zhuqiang
2025-01-17 13:15:01 +08:00
<img src="../images/accessory/xuqiu.png">
第一次提交
2025-01-16 18:42:07 +08:00
</div>
<div class="overview_item_right">
<div class="">需求计划数</div>
<div class="overview_item_right_num">686</div>
zhuqiang
2025-01-17 13:15:01 +08:00
<div>今日新增 15 条</div>
第一次提交
2025-01-16 18:42:07 +08:00
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
zhuqiang
2025-01-17 13:15:01 +08:00
<div class="overview_item" style="background-image: url('../images/svg/u9.svg');background-size: 100% 100%;" onclick="overviewClick('2')">
第一次提交
2025-01-16 18:42:07 +08:00
<div class="overview_item_left">
zhuqiang
2025-01-17 13:15:01 +08:00
<img src="../images/accessory/kuc.png">
第一次提交
2025-01-16 18:42:07 +08:00
</div>
<div class="overview_item_right">
<div class="">库存量</div>
<div class="overview_item_right_num">686</div>
zhuqiang
2025-01-17 13:15:01 +08:00
<div>待报废量 1236</div>
第一次提交
2025-01-16 18:42:07 +08:00
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
zhuqiang
2025-01-17 13:15:01 +08:00
<div class="overview_item" style="background-image: url('../images/svg/u10.svg');background-size: 100% 100%;" onclick="overviewClick('3')">
第一次提交
2025-01-16 18:42:07 +08:00
<div class="overview_item_left">
zhuqiang
2025-01-17 13:15:01 +08:00
<img src="../images/accessory/caig.png">
第一次提交
2025-01-16 18:42:07 +08:00
</div>
<div class="overview_item_right">
<div class="">采购量</div>
<div class="overview_item_right_num">686</div>
zhuqiang
2025-01-17 13:15:01 +08:00
<div>今日采购 1500 个</div>
第一次提交
2025-01-16 18:42:07 +08:00
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
zhuqiang
2025-01-17 13:15:01 +08:00
<div class="overview_item" style="background-image: url('../images/svg/u11.svg');background-size: 100% 100%;" onclick="overviewClick('4')">
第一次提交
2025-01-16 18:42:07 +08:00
<div class="overview_item_left">
zhuqiang
2025-01-17 13:15:01 +08:00
<img src="../images/accessory/liku.png">
第一次提交
2025-01-16 18:42:07 +08:00
</div>
<div class="overview_item_right">
<div class="">利库量</div>
<div class="overview_item_right_num">686</div>
zhuqiang
2025-01-17 13:15:01 +08:00
<div>今日利库 1500 个</div>
第一次提交
2025-01-16 18:42:07 +08:00
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
zhuqiang
2025-01-17 13:15:01 +08:00
<div class="overview_item" style="background-image: url('../images/svg/u12.svg');background-size: 100% 100%;" onclick="overviewClick('5')">
第一次提交
2025-01-16 18:42:07 +08:00
<div class="overview_item_left">
zhuqiang
2025-01-17 13:15:01 +08:00
<img src="../images/accessory/back.png">
第一次提交
2025-01-16 18:42:07 +08:00
</div>
<div class="overview_item_right">
<div class="">退回量</div>
<div class="overview_item_right_num">686</div>
zhuqiang
2025-01-17 13:15:01 +08:00
<div>今日退黄 123 个</div>
第一次提交
2025-01-16 18:42:07 +08:00
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 采购发货 预警信息-->
<div class="layui-row layui-col-space20">
<div class="layui-col-xs12 layui-col-sm12 layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">采购发货</div>
</div>
<div>
<span style="color: #999999;cursor: pointer;">查看更多 ></span>
</div>
</div>
</div>
<div class="layui-card-body">
<div id="delivery_id" style="width: 100%;height:300px;"></div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">预警信息</div>
</div>
</div>
</div>
<div class="layui-card-body">
<div style="width: 100%;height:300px;overflow: auto;">
<div class="warning_item">
<div class="warning_item_left">库存不足</div>
<div class="warning_item_right">
<div style="color: #999999;flex: 1;text-align: right;">等于0</div>
<div class="tips">150类</div>
</div>
</div>
<div class="warning_item">
<div class="warning_item_left">检验周期</div>
<div class="warning_item_right">
<div style="color: #999999;flex: 1;text-align: right;">临期1个月</div>
<div class="tips">100项</div>
</div>
</div>
<div class="warning_item">
<div class="warning_item_left">临近合同额</div>
<div class="warning_item_right">
<div style="color: #999999;flex: 1;text-align: right;">采购金额</div>
<div class="tips">85.00%</div>
</div>
</div>
<div class="warning_item">
<div class="warning_item_left">合同临期</div>
<div class="warning_item_right">
<div style="color: #999999;flex: 1;text-align: right;">2023.05.06~2025.05.05</div>
<div class="tips">剩余20天</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 采购数量 差缺排名-->
<div class="layui-row layui-col-space20">
<div class="layui-col-xs12 layui-col-sm12 layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">采购数量</div>
</div>
<div>
<span style="color: #999999;cursor: pointer;">查看更多 ></span>
</div>
</div>
</div>
<div class="layui-card-body">
<div class="purchase_tips">
物品类别：<span>563</span> <span style="font-size: 15px;">（类）</span>
</div>
<div id="purchase_id" style="width: 100%;height:270px;"></div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">差缺排名</div>
</div>
<div>
<span style="color: #999999;cursor: pointer;">查看更多 ></span>
</div>
</div>
</div>
<div class="layui-card-body">
<div class="table_nav" style="width: 100%;height:300px;">
<div class="table_head">
<div style="width: 10%;">排名</div>
<div style="width: 40%;">工程名称</div>
<div style="width: 16.6%;">领用量</div>
<div style="width: 16.6%;">退回量</div>
<div style="width: 16.6%;">差缺量</div>
</div>
<div class="table_body" id="table_body_id"></div>
</div>
</div>
</div>
</div>
</div>
<!-- 采购结算 需求计划-->
<div class="layui-row layui-col-space20">
<div class="layui-col-xs12 layui-col-sm12 layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">采购结算</div>
</div>
<div>
<span style="color: #999999;cursor: pointer;">查看更多 ></span>
</div>
</div>
</div>
<div class="layui-card-body">
<div id="balance_id" style="width: 100%;height:300px;"></div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">需求计划</div>
</div>
<div>
<span style="cursor: pointer;font-weight: 700;font-size: 24px;color: #279DF5;">
1236
<span style="font-size: 14px;color: #333;">条</span>
</span>
</div>
</div>
</div>
<div class="layui-card-body">
<div id="plan_id" style="width: 100%;height:270px;"></div>
<div class="plan_tips">已完成：<span>680</span> 条</div>
</div>
</div>
</div>
</div>
<!-- 供应商统计 采购金额-->
<div class="layui-row layui-col-space20">
<div class="layui-col-xs12 layui-col-sm12 layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">供应商统计</div>
</div>
<div>
<span style="color: #999999;cursor: pointer;">查看更多 ></span>
</div>
</div>
</div>
<div class="layui-card-body">
<div class="table_nav" style="width: 100%;height:300px;">
<div class="supplier_table_head">
<div style="width: 34%;">供应商</div>
<div style="width: 18%;">已采购数量</div>
<div style="width: 18%;">已采购金额</div>
<div style="width: 15%;">采购进度</div>
<div style="width: 15%;">最新采购时间</div>
</div>
<div class="supplier_table_body" id="supplier_table_body_id"></div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="common-tle-be">
<div class="common-tle">
<div class="common-tle-icon"></div>
<div class="common-tle-txt">采购金额</div>
</div>
<div style="font-size: 14px;color: #333;">
总金额
<span
style="cursor: pointer;font-weight: 700;font-size: 24px;color: #279DF5;margin-left: 5px;">
4,000,000.00
<span style="font-size: 14px;color: #333;">元</span>
</span>
</div>
</div>
</div>
<div class="layui-card-body">
<div id="instrument_id" style="width: 100%;height:300px;"></div>
</div>
</div>
</div>
</div>
</body>
</html>