From 5f25dd021db29961f31444261e295e36a398611d Mon Sep 17 00:00:00 2001
From: ch <37327@LLOOCCY>
Date: 星期三, 14 七月 2021 10:14:09 +0800
Subject: [PATCH] nothing
---
WebTM/views/IpadIndex.html | 748 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 704 insertions(+), 44 deletions(-)
diff --git a/WebTM/views/IpadIndex.html b/WebTM/views/IpadIndex.html
index bb5b10c..b1ea35a 100644
--- a/WebTM/views/IpadIndex.html
+++ b/WebTM/views/IpadIndex.html
@@ -2,33 +2,362 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title></title>
+ <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">
<!--寮曠敤layui鏍峰紡鏂囦欢-->
<link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
+ <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
<link href="../layuiadmin/layui/css/global.css" rel="stylesheet" />
- <!--寮曠敤layui js鏂囦欢-->
- <script src="../layuiadmin/layui/layui.js"></script>
-
<!--鑷畾涔夋牱寮�-->
- <style>
- .layui-tab-card > .layui-tab-title {
- background-color: #ffffff;
+ <link href="../layuiadmin/layui/css/ReportPlatform.css" rel="stylesheet" />
+ <!--寮曠敤layui js鏂囦欢-->
+ <script src="../layuiadmin/Scripts/jquery-1.4.1.js"></script>
+ <script src="../layuiadmin/layui/layui.js"></script>
+ <script src="../layuiadmin/echarts.min.js"></script>
+ <script src="../layuiadmin/Scripts/json2.js"></script>
+ <script src="../layuiadmin/Scripts/webConfig.js"></script>
+ <script src="../layuiadmin/zgqCustom/zgqCustom.js"></script>
+
+ <script>
+
+ //娉ㄦ剰锛氶�夐」鍗� 渚濊禆 element 妯″潡锛屽惁鍒欐棤娉曡繘琛屽姛鑳芥�ф搷浣�
+ layui.config({
+ base: '../../../layuiadmin/' //闈欐�佽祫婧愭墍鍦ㄨ矾寰�
+ }).extend({
+ index: 'lib/index' //涓诲叆鍙ｆā鍧�
+ }).use(['index', 'form', 'laydate', 'table', 'element'], function () {
+ var $ = layui.$
+ , admin = layui.admin
+ , layer = layui.layer
+ , table = layui.table
+ , form = layui.form
+ , laydate = layui.laydate
+ , element = layui.element;
+
+ var mychart1 = echarts.init(document.getElementById('mychart1'));
+ var mychart2 = echarts.init(document.getElementById('mychart2'));
+
+ element.on('tab(TabTest)', function (data) {
+ console.log(data);
+ Mychart(mychart1, mychart2);
+ mychart1.resize();
+ mychart2.resize();
+ })
+
+ TSLoad();
+ });
+ function TSLoad() {
+ var aSearch = [];
+ $.ajax({
+ url: "../layuiadmin/json/Test.json",
+ type: "GET",
+ data: { "UserId": "001" },
+ dataType: "json",//鏁版嵁绫诲瀷鍙互涓� text xml json script jsonp
+ success: function (data) {
+
+ data.forEach(function (ele) {//寰幆澶栧眰鏁扮粍
+ if (ele.UserId == "001") {
+ aSearch = aSearch.concat(ele); // 灏嗙鍚堣姹傜殑鏁扮粍鍚堝苟鍒癮Search;
+ }
+ });
+
+ for (var i = 1; i <= aSearch.length + 1; i++) {
+ if (i <= aSearch.length) {
+ var html1 = '';
+ html1 += '<div class="layui-col-sm12 layui-col-md3">';
+ html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';
+ html1 += '<dl>';
+ html1 += '<dd>';
+ html1 += '<h1><span>璁惧缂栧彿锛�</span><span id="eqp' + i + '">SB000001</span></h1>';
+ html1 += '<h1><span>褰撳墠宸ュ崟锛�</span><span id="po' + i + '">PO2021063000001</span></h1>';
+ html1 += '<h1><span>璐熻矗浜猴細</span><span id="us' + i + '">寮犱笁</span></h1>';
+ html1 += '</dd>';
+ html1 += '</dl>';
+ html1 += '</div>';
+ html1 += '</div>';
+ $("#topleft").append(html1);
+ $("#ts" + i + "").append('<span class="layui-icon layui-icon-delete delete" onclick="Delete(event,this,' + i + ')"></span>'); //鍦ㄥ綋鍓峝iv鍚庤拷鍔犲姞涓�涓猻pan鍒犻櫎
+ }
+ else {
+ var html1 = '';
+ html1 += '<div class="layui-col-sm12 layui-col-md3">';
+ html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';
+ html1 += '<span class="layui-icon layui-icon-addition imgicon0" onclick="Add(event,this,' + i + ')"></span>';
+ html1 += '</div>';
+ html1 += '</div>';
+ $("#topleft").append(html1);
+
+ }
+ }
+
+
+ }
+ });
}
- .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
- border-color: #eee;
+
+ //閫変腑璧勬簮
+ function Check(obj, i) {
+ var partid = $(obj).parent().attr("id"); //鑾峰彇鐖剁骇id
+ var eqpid = "eqp" + i; //鑾峰彇鎸囧畾璁惧ID鐨勭紪鍙�
+ var eqpvalue = $("#" + eqpid + "").html(); //閫氳繃鏍峰紡ID鑾峰彇html鍐呭(璁惧缂栧彿)
+ var po = "po" + i; //鑾峰彇鎸囧畾宸ュ崟缂栧彿
+ var povalue = $("#" + po + "").html(); //閫氳繃鏍峰紡ID鑾峰彇html鍐呭(璁惧缂栧彿)
+
+ if (eqpvalue != "" && eqpvalue != null) {
+ $('.ctop').removeClass('check'); //鍒犻櫎涓嶅悓鐖剁骇clss鏍峰紡鐩稿悓鐨勬墍鏈夊厓绱�
+ $("#ts" + i + "").addClass('check'); // 娣诲姞褰撳墠鍏冪礌鐨勬牱寮�
+ console.log(eqpvalue, povalue);
+
+ //鎵ц鑱斿姩浜嬩欢
+ }
}
- .layui-content {
- height:450px;
+
+ //娣诲姞璧勬簮
+ function Add(event, obj, i) {
+ event.stopPropagation(); //闃绘鍐掓场
+ //椤甸潰灞�-鑷畾涔�
+ layer.open({
+ type: 2 //姝ゅ浠frame涓句緥
+ , title: '浜х嚎缁戝畾'
+ , area: ['90%', '90%']
+ , shadeClose: false //寮�鍚伄缃╁叧闂�
+ , shade: 0.5
+ , maxmin: true
+ , content: ['鐢熶骇绠＄悊/鎶ュ伐骞冲彴鍔熻兘椤�/LineBind.html', 'yes']
+ ,btn: ['纭畾', '鍙栨秷']
+ , btn1: function (index, layero,e) {
+
+ //鎸夐挳銆愭寜閽竴銆戠殑鍥炶皟
+ var body = layer.getChildFrame('body', index); //寰楀埌iframe椤电殑body鍐呭
+ //var from = layer.getChildFrame('#from0', index); //寰楀埌iframe椤电殑from鍐呭
+ if (!AllowLoadData(body))//鏁版嵁楠岃瘉
+ {
+ return false;
+ }
+ var HUserName = body.find("#HUserName").val("Admin");
+ var HSourceID = body.find("#HSourceID").val();
+ var HSourceName = body.find("#HSourceName").val();
+ var HManagerID = body.find("#HManagerID").val();
+ var HManagerName = body.find("#HManagerName").val();
+ var HGroupID = body.find("#HGroupID").val();
+ var HGroupName = body.find("#HGroupName").val();
+ var HCreateDate = body.find("#HCreateDate").val();
+ var HRemark = body.find("#HRemark").val();
+ $.ajax(
+ {
+ type: "POST",
+ url: GetWEBURL() + "/ReportPlatForm/SaveGetLineBindBillList", //鏂规硶鎵�鍦ㄩ〉闈㈠拰鏂规硶鍚�
+ async: true,
+ data: {
+ "HUserName": HUserName,
+ "HSourceID": HSourceID,
+ "HSourceName": HSourceName,
+ "HManagerID": HManagerID,
+ "HManagerName": HManagerName,
+ "HGroupID": HGroupID,
+ "HGroupName": HGroupName,
+ "HCreateDate": HCreateDate,
+ "HRemark": HRemark
+ },
+ dataType: "json",
+ success: function (data) {
+ if (data.count == 1) { // 璇存槑楠岃瘉鎴愬姛浜嗭紝
+ layer.msg(data.Message, { time: 1 * 1000, icon: 1 }, function () {
+ var index = parent.layer.getFrameIndex(window.name); //鍏堝緱鍒板綋鍓峣frame灞傜殑绱㈠紩
+ parent.layer.close(index); //鍐嶆墽琛屽叧闂� 聽
+
+ });
+ }
+ else {
+
+ f_alert(data.Message);
+ console.log("Reason" + sMainStr + "sub:" + JSON.stringify(layui.table.cache.mainTable));
+ }
+ layer.closeAll("loading");
+ },
+ error: function (err) {
+
+ f_alert("閿欒:" + err);
+ console.log("Reason" + sMainStr);
+ }
+ });
+
+
+ layer.close(layer.index); //瀹冭幏鍙栫殑濮嬬粓鏄渶鏂板脊鍑虹殑鏌愪釜灞傦紝鍊兼槸鐢眑ayer鍐呴儴鍔ㄦ�侀�掑璁＄畻鐨�
+ }
+ , btn2: function (index, layero) {
+ //鎸夐挳銆愭寜閽簩銆戠殑鍥炶皟
+ //return false 寮�鍚浠ｇ爜鍙姝㈢偣鍑昏鎸夐挳鍏抽棴
+ }
+
+ , zIndex: layer.zIndex //閲嶇偣1
+ , success: function (layero, index) {
+
+ }
+ , end: function () {
+
+ }
+ });
+
+
+
+ //鑾峰彇鐖剁骇id
+ //var partid = $(obj).parent().attr("id");
+ //console.log(partid);
+ //var html1 = '';
+ //html1 += '<dl>';
+ //html1 += '<dd>';
+ //html1 += '<h1><span>璁惧缂栧彿锛�</span><span id="eqp' + i + '">SB000002</span></h1>';
+ //html1 += '<h1><span>褰撳墠宸ュ崟锛�</span><span id="po' + i + '">PO2021063000002</span></h1>';
+ //html1 += '<h1><span>璐熻矗浜猴細</span><span id="us' + i + '">寮犱笁</span></h1>';
+ //html1 += '</dd>';
+ //html1 += '</dl>';
+ //$("#" + partid + "").empty(); //娓呴櫎娣诲姞鍥炬爣
+ //$("#" + partid + "").append(html1); //濉厖娣诲姞鐨勬暟鎹�
+ //$("#ts" + i + "").append('<span class="layui-icon layui-icon-delete delete" onclick="Delete(event,this,' + i + ')"></span>'); //鍦ㄥ綋鍓峝iv鍚庤拷鍔犲姞涓�涓猻pan鍒犻櫎
+ //var html1 = '';
+ //html1 += '<div class="layui-col-sm12 layui-col-md3">';
+ //html1 += '<div class="cnt ctop" id="ts' + (i + 1) + '" onclick="Check(this,' + (i + 1) + ')">';
+ //html1 += '<span class="layui-icon layui-icon-addition imgicon0" onclick="Add(event,this,' + (i + 1) + ')"></span>';
+ //html1 += '</div>';
+ //html1 += '</div>';
+ //$("#topleft").append(html1);
}
- .cnt {
- border: 1px solid #5FB878;
- height: 100px;
- border-radius:5px;
+
+ //鍒犻櫎璧勬簮
+ function Delete(event, obj, i) {
+ event.stopPropagation(); //闃绘鍐掓场
+ //鑾峰彇鐖剁骇id
+ var partid = $(obj).parent().attr("id");
+ //鑾峰彇鎸囧畾璁惧ID鐨勭紪鍙�
+ var eqpid = "eqp" + i;
+ //閫氳繃鏍峰紡ID鑾峰彇html鍐呭(璁惧缂栧彿)
+ var value = $("#" + eqpid + "").html();
+ //閫昏緫鍒犻櫎鏂规硶
+ layer.confirm("纭瑕佸垹闄ゅ悧锛屽垹闄ゅ悗涓嶈兘鎭㈠", { title: "鍒犻櫎纭" }, function (index) {
+ layer.msg(value, { time: 1 * 1000, icon: 1 }, function () {
+
+ //淇敼涓哄姛鍚庡埛鏂扮晫闈�
+ window.location.reload();
+ });
+ })
}
- </style>
+
+ function Mychart(mychart1, mychart2) {
+ option1 = {
+ title: {
+ text: '褰撳墠璁惧鏃ョ敓浜ф晥鐜�'
+ },
+ tooltip: {
+ trigger: 'axis'
+ },
+ legend: {
+ data: ['褰撳墠璁惧鏃ョ敓浜ф晥鐜�']
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '3%',
+ containLabel: true
+ },
+ toolbox: {
+ feature: {
+ saveAsImage: {}
+ }
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00']
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [
+ {
+ name: '褰撳墠璁惧鏃ョ敓浜ф晥鐜�',
+ type: 'line',
+ stack: '鎬婚噺',
+ data: [120, 132, 101, 134, 90, 230, 210]
+ }
+ ]
+ };
+
+ option2 = {
+ title: {
+ text: '褰撳墠璁惧褰撴棩涓嶈壇鍘熷洜瀵规瘮'
+ },
+ legend: {
+ data: ['涓嶈壇鍘熷洜']
+ },
+ grid: {
+ left: '3%',
+ right: '3%',
+ bottom: '15%',
+ containLabel: true
+ },
+ xAxis: {
+ data: ['涓嶈壇1', '涓嶈壇浜�', '涓嶈壇涓�', '涓嶈壇鍥�']
+ },
+ yAxis: {},
+ series: [{
+ type: 'bar',
+ name: '涓嶈壇鍘熷洜',
+ itemStyle: {
+ normal: {
+ color: function (params) {
+ var colorList = ['#2eddc1', '#FCCE10', '#E87C25', '#27727B', '#9efdc6'];
+ return colorList[params.dataIndex]
+ },
+ label: {
+ show: true,
+ position: 'top',
+ formatter: '{c}'
+ }
+ }
+ },
+ data: [220, 182, 191, 234]
+ }]
+ };
+
+
+ mychart1.setOption(option1);
+ mychart2.setOption(option2);
+ window.onresize = function () {
+ mychart1.resize();
+ mychart2.resize();
+ }
+ }
+
+
+ //闈炵┖楠岃瘉
+ function AllowLoadData(body) { //闈炵┖楠岃瘉
+ var Result = true;
+ //if (body.find("#HUserName").val() == '' || body.find("#HUserName").val() == null) {
+ // layer.msg("鐢ㄦ埛鍚嶄笉鑳戒负绌�!", { icon: 5, btn: ['纭'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "娓╅Θ鎻愮ず" });
+ // return Result = false;
+ //}
+ if (body.find("#HSourceID").val() == '' || body.find("#HSourceID").val() == null) {
+ layer.msg("鐢熶骇璧勬簮涓嶈兘涓虹┖!", { icon: 5, btn: ['纭'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "娓╅Θ鎻愮ず" });
+ return Result = false;
+ }
+ if (body.find("#HManagerID").val() == '' || body.find("#HManagerID").val() == null) {
+ layer.msg("璐熻矗浜轰笉鑳戒负绌猴紒", { icon: 5, btn: ['纭'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "娓╅Θ鎻愮ず" });
+ return Result = false;
+ }
+ if (body.find("#HGroupID").val() == '' || body.find("#HGroupID").val() == null) {
+ layer.msg("鐝粍涓嶈兘涓虹┖锛�", { icon: 5, btn: ['纭'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "娓╅Θ鎻愮ず" });
+ return Result = false;
+ }
+ if (body.find("#HCreateDate").val() == '' || body.find("#HCreateDate").val() == null) {
+ layer.msg("鍒涘缓鏃ユ湡涓嶈兘涓虹┖!", { icon: 5, btn: ['纭'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "娓╅Θ鎻愮ず" });
+ return Result = false;
+ }
+ return Result;
+ }
+ </script>
</head>
<body>
@@ -38,34 +367,34 @@
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
- <div style="margin: 0 20px;">
+ <div style="margin: 20px 20px;">
<!--<blockquote class="layui-elem-quote">娉ㄦ剰锛氫笅杩版紨绀轰腑鐨勯鑹插彧鏄仛涓�涓尯鍒嗕綔鐢紝骞堕潪鏍呮牸鍐呯疆銆�</blockquote>-->
<div class="layui-row layui-col-space10">
<div class="layui-col-sm12 layui-col-md8">
<fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">
<legend style="color: #5FB878">鐢熶骇璧勬簮</legend>
<div class="layui-content">
- <div class="layui-row layui-col-space10">
- <div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
+ <div class="layui-row layui-col-space10" id="topleft">
+ <!--<div class="layui-col-sm12 layui-col-md3">
+ <div class="cnt" id="ts1">
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
+ <div class="cnt" id="ts2">
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
+ <div class="cnt" id="ts3">
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
+ <div class="cnt" id="ts4">
</div>
- </div>
+ </div>-->
</div>
</div>
</fieldset>
@@ -74,45 +403,376 @@
<fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">
<legend style="color: #5FB878">褰撳墠鐘舵��</legend>
<div class="layui-content">
-
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md12">
+ <dl class="topright">
+ <dt>
+ <img src="http://pic.weather.com.cn/images/cn/photo/2019/03/22/20190322154300F54F89B020C984044C290524D80230B2_s.jpg" onError="this.src='../layuiadmin/layui/images/erro.png';">
+ </dt>
+ <dd>
+ <h1><span>褰撳墠璁惧锛�</span><span>A绾�</span></h1>
+ <h1><span>褰撳墠璁㈠崟锛�</span><span>SC0000001</span></h1>
+ <h1><span>璁″垝鏁伴噺锛�</span><span>10000</span></h1>
+ <h1><span>浠ユ眹鎶ユ暟閲忥細</span><span>4500</span></h1>
+ <h1><span>杩涘害锛�</span><span>40%</span></h1>
+ <h1><span>鏈崟杩愯鏃堕棿锛�</span><span>00:56:34</span></h1>
+ <h1><span>鏈祫婧愯繍琛屾椂闂达細</span><span>07:56:34</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
</div>
</fieldset>
</div>
</div>
<div class="layui-row layui-col-space10">
<div class="layui-col-sm12 layui-col-md8">
- <div class="layui-tab layui-tab-card">
+ <div class="layui-tab layui-tab-card" lay-filter="TabTest">
<ul class="layui-tab-title">
<li class="layui-this">宸ュ崟鍒楄〃</li>
- <li>鏁堢巼鍒嗘瀽</li>
- <li>涓嶈壇鍒嗘瀽</li>
- <li>SOP</li>
+ <li>鏁堢巼/涓嶈壇鍒嗘瀽</li>
</ul>
- <div class="layui-tab-content" style="height: 400px;">
- <div class="layui-tab-item layui-show">1</div>
- <div class="layui-tab-item">2</div>
- <div class="layui-tab-item">3</div>
- <div class="layui-tab-item">4</div>
- <div class="layui-tab-item">5</div>
- <div class="layui-tab-item">6</div>
+ <div class="layui-tab-content content3">
+ <div class="layui-tab-item layui-show">
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border1'></span><span>鎵ц涓�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border3'></span><span>宸插叧闂�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd class="tcenter">
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <span class="prs">鐢熶骇杩涘害锛�</span>
+ <div class="layui-progress layui-progress-big" lay-showpercent="true">
+ <div class="layui-progress-bar" lay-percent="5 / 10"></div>
+ </div>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="layui-tab-item">
+ <div class="layui-row">
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md12">
+ <div id="mychart1"></div>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md12">
+ <div id="mychart2"></div>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
<div class="layui-col-sm12 layui-col-md4">
<fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">
<legend style="color: #5FB878">鎿嶄綔鍙�</legend>
- <div class="layui-content">
-
+ <div class="content4">
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright OpenWork">
+ <span class="layui-icon layui-icon-pause imgicon"></span>
+ <span class="imgtitle">寮�宸�</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-list imgicon"></span>
+ <span class="imgtitle">姹囨姤</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-logout imgicon"></span>
+ <span class="imgtitle">瀹屽伐</span>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-search imgicon"></span>
+ <span class="imgtitle">棣栨</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-search imgicon"></span>
+ <span class="imgtitle">宸℃</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-search imgicon"></span>
+ <span class="imgtitle">杩囩▼妫�楠�</span>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-release imgicon"></span>
+ <span class="imgtitle">鎶ユ鐢宠</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-engine imgicon"></span>
+ <span class="imgtitle">涓婃枡闃插憜</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-chart imgicon"></span>
+ <span class="imgtitle">涓嶈壇閲囬泦</span>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10">
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-play imgicon"></span>
+ <span class="imgtitle">鍋滃伐</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-unlink imgicon"></span>
+ <span class="imgtitle">寮傚父</span>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md4">
+ <div class="cnt bottomright">
+ <span class="layui-icon layui-icon-close imgicon"></span>
+ <span class="imgtitle">閫�鍑�</span>
+ </div>
+ </div>
+ </div>
</div>
</fieldset>
</div>
</div>
</div>
- <script>
- //娉ㄦ剰锛氶�夐」鍗� 渚濊禆 element 妯″潡锛屽惁鍒欐棤娉曡繘琛屽姛鑳芥�ф搷浣�
- layui.use('element', function () {
- var element = layui.element;
- });
- </script>
+
</body>
</html>
--
Gitblit v1.9.1