361 lines
17 KiB
HTML
361 lines
17 KiB
HTML
<!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">
|
|
<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">
|
|
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
|
<script src="../lib/jquery-3.4.1/jquery-3.7.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>
|
|
|
|
<body style="display: none;">
|
|
<!-- 时间类型选择 -->
|
|
<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">
|
|
<div class="overview_item" style="background-image: url('../images/svg/u10.svg');background-size: 100% 100%;" onclick="overviewClick('0')">
|
|
<div class="overview_item_left">
|
|
<img src="../images/accessory/gongc.png">
|
|
</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">
|
|
<div class="overview_item" style="background-image: url('../images/svg/u8.svg');background-size: 100% 100%;" onclick="overviewClick('1')">
|
|
<div class="overview_item_left">
|
|
<img src="../images/accessory/xuqiu.png">
|
|
</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">
|
|
<div class="overview_item" style="background-image: url('../images/svg/u9.svg');background-size: 100% 100%;" onclick="overviewClick('2')">
|
|
<div class="overview_item_left">
|
|
<img src="../images/accessory/kuc.png">
|
|
</div>
|
|
<div class="overview_item_right">
|
|
<div class="">库存量</div>
|
|
<div class="overview_item_right_num">686</div>
|
|
<div>待报废量 1236</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
|
<div class="overview_item" style="background-image: url('../images/svg/u10.svg');background-size: 100% 100%;" onclick="overviewClick('3')">
|
|
<div class="overview_item_left">
|
|
<img src="../images/accessory/caig.png">
|
|
</div>
|
|
<div class="overview_item_right">
|
|
<div class="">采购量</div>
|
|
<div class="overview_item_right_num">686</div>
|
|
<div>今日采购 1500 个</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
|
<div class="overview_item" style="background-image: url('../images/svg/u11.svg');background-size: 100% 100%;" onclick="overviewClick('4')">
|
|
<div class="overview_item_left">
|
|
<img src="../images/accessory/liku.png">
|
|
</div>
|
|
<div class="overview_item_right">
|
|
<div class="">利库量</div>
|
|
<div class="overview_item_right_num">686</div>
|
|
<div>今日利库 1500 个</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
|
<div class="overview_item" style="background-image: url('../images/svg/u12.svg');background-size: 100% 100%;" onclick="overviewClick('5')">
|
|
<div class="overview_item_left">
|
|
<img src="../images/accessory/back.png">
|
|
</div>
|
|
<div class="overview_item_right">
|
|
<div class="">退回量</div>
|
|
<div class="overview_item_right_num">686</div>
|
|
<div>今日退黄 123 个</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 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> |