From 605588b9b33a3c121b3bcf5928dfdc71b26af079 Mon Sep 17 00:00:00 2001
From: zgq <519541279@qq.com>
Date: 星期五, 02 七月 2021 17:38:27 +0800
Subject: [PATCH] nothing
---
WebTM/views/IpadIndex.html | 677 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 644 insertions(+), 33 deletions(-)
diff --git a/WebTM/views/IpadIndex.html b/WebTM/views/IpadIndex.html
index bb5b10c..e6f22ad 100644
--- a/WebTM/views/IpadIndex.html
+++ b/WebTM/views/IpadIndex.html
@@ -2,33 +2,361 @@
<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/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>
<!--鑷畾涔夋牱寮�-->
<style>
+ body {
+ background-color: #ffffff;
+ }
+
.layui-tab-card > .layui-tab-title {
background-color: #ffffff;
}
+
.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;
}
+
.layui-content {
- height:450px;
+ height: 150px;
}
+
+ .content3 {
+ height: 595px;
+ }
+
+ .content4 {
+ height: 640px;
+ }
+
.cnt {
border: 1px solid #5FB878;
- height: 100px;
- border-radius:5px;
+ height: 150px;
+ border-radius: 5px;
}
+
+ .cns {
+ border: 1px solid #5FB878;
+ height: 140px;
+ border-radius: 5px;
+ }
+
+ .topright dt img {
+ display: block;
+ height: 145px;
+ width: 100%;
+ }
+
+ dt {
+ height: 145px;
+ width: 20%;
+ border: 1px solid rgb(0 0 0 / 10%);
+ }
+
+ dl {
+ overflow: hidden;
+ margin: 2px 0px;
+ }
+
+ .topright > dd {
+ padding: 0px 10px;
+ width: 50%;
+ }
+
+ dt, dd {
+ float: left;
+ }
+
+ .cnt h1, .cns h1 {
+ line-height: 30px;
+ margin: 0 10px;
+ }
+
+ h1 span {
+ font-family: "寰蒋闆呴粦";
+ font-weight: bold;
+ }
+
+ .cnt, .cns dl dd {
+ margin: 0 auto;
+ /*text-align:center;*/
+ }
+
+ .layui-show {
+ padding: 5px 10px;
+ }
+
+ .color_border1 {
+ border: 0.4em solid #ffd800;
+ background-color: #ffd800;
+ }
+
+ .color_border2 {
+ border: 0.4em solid #09d1ea;
+ background-color: #09d1ea;
+ }
+
+ .color_border3 {
+ border: 0.4em solid #808080;
+ background-color: #808080;
+ }
+
+ .gj_icon {
+ border-radius: 0.4em;
+ width: 1px;
+ height: 1px;
+ display: inline-block;
+ vertical-align: 0px;
+ margin-right: 14px;
+ }
+
+ .imgicon {
+ height: 100px;
+ display: block;
+ text-align: center;
+ }
+
+ .imgtitle {
+ text-align: center;
+ display: block;
+ font-size: 30px;
+ }
+
+ .layui-icon {
+ font-size: 90px;
+ }
+
+ .imgicon0 {
+ height: 100px;
+ display: block;
+ text-align: center;
+ margin: 0.2em auto;
+ width: 100px;
+ }
+ .imgicon0:hover {
+ cursor: pointer; /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
+ background: #5FB878;
+ }
+
+ .bottomright {
+ cursor: pointer; /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
+ transition: all 0.6s; /*鎵�鏈夊睘鎬у彉鍖栧湪0.6绉掑唴鎵ц鍔ㄧ敾*/
+ }
+
+ .bottomright:hover {
+ transform: scale(1.3); /*榧犳爣鏀句笂涔嬪悗鍏冪礌鍙樻垚1.4鍊嶅ぇ灏�*/
+ }
+
+ #mychart1, #mychart2 {
+ width: 100%;
+ height: 320px;
+ }
+
+ .delete {
+ width: 20px;
+ height: 20px;
+ border-radius: 60%;
+ position: absolute;
+ top: 5px;
+ right: 15px;
+ font-size: 30px;
+ }
+
+ .delete:hover {
+ cursor: pointer; /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
+ }
</style>
+ <script>
+
+ //娉ㄦ剰锛氶�夐」鍗� 渚濊禆 element 妯″潡锛屽惁鍒欐棤娉曡繘琛屽姛鑳芥�ф搷浣�
+ layui.use(['element', 'table'], function () {
+ var $ = layui.jquery,
+ table = layui.table,
+ 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 <= 4; i++) {
+ if (i <= aSearch.length) {
+ var html1 = "";
+ html1 += "<dl>";
+ html1 += "<dd>";
+ html1 += "<h1><span>璁惧缂栧彿锛�</span><span id=\"eqp" + i + "\">SB000001</span></h1>";
+ html1 += "<h1><span>褰撳墠宸ュ崟锛�</span><span>PO2021063000001</span></h1>";
+ html1 += "<h1><span>璐熻矗浜猴細</span><span>寮犱笁</span></h1>";
+ html1 += "</dd>";
+ html1 += "</dl>";
+ $("#ts" + i + "").append(html1);
+ $("#ts" + i + "").append("<span class=\"layui-icon layui-icon-delete delete\" onclick=\"Delete(this," +i + ")\"></span>"); //鍦ㄥ綋鍓峝iv鍚庤拷鍔犲姞涓�涓猻pan鍒犻櫎
+ }
+ else
+ {
+ var html1 = "";
+ html1 += "<span class=\"layui-icon layui-icon-addition imgicon0\" onclick=\"Add(this)\"></span>";
+ $("#ts" + i + "").append(html1);
+ }
+ }
+
+
+ }
+ });
+ }
+ function Add(obj)
+ {
+ //鑾峰彇鐖剁骇id
+ var partid = $(obj).parent().attr("id");
+ var html1 = "";
+ html1 += "<dl>";
+ html1 += "<dd>";
+ html1 += "<h1><span>璁惧缂栧彿锛�</span><span>SB000001</span></h1>";
+ html1 += "<h1><span>褰撳墠宸ュ崟锛�</span><span>PO2021063000001</span></h1>";
+ html1 += "<h1><span>璐熻矗浜猴細</span><span>寮犱笁</span></h1>";
+ html1 += "</dd>";
+ html1 += "</dl>";
+ $("#" + partid + "").empty(); //娓呴櫎娣诲姞鍥炬爣
+ $("#" + partid+"").append(html1); //濉厖娣诲姞鐨勬暟鎹�
+ }
+ function Delete(obj,i)
+ {
+ //鑾峰彇鐖剁骇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();
+ });
+ })
+ }
+ 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();
+ }
+ }
+ </script>
</head>
<body>
@@ -38,7 +366,7 @@
<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">
@@ -47,23 +375,23 @@
<div class="layui-content">
<div class="layui-row layui-col-space10">
<div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
+ <div class="cnt" id="ts1">
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
-
+ <div class="cnt" id="ts2">
+ <!--<span class="layui-icon layui-icon-addition imgicon0"></span>-->
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
-
+ <div class="cnt" id="ts3">
+ <!--<span class="layui-icon layui-icon-addition imgicon0"></span>-->
</div>
</div>
<div class="layui-col-sm12 layui-col-md3">
- <div class="cnt">
-
+ <div class="cnt" id="ts4">
+
</div>
</div>
</div>
@@ -74,45 +402,328 @@
<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>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border1'></span><span>鎵ц涓�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </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>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border3'></span><span>宸插叧闂�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </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>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </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>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </dd>
+ </dl>
+ </div>
+ </div>
+ <div class="layui-col-sm12 layui-col-md3">
+ <div class="cns">
+ <dl>
+ <dd>
+ <h1><span>宸ュ崟鍙凤細</span><span>PO2021063000001</span></h1>
+ <h1><span>褰撳墠鐘舵�侊細</span><span class='gj_icon color_border2'></span><span>鏈紑濮�</span></h1>
+ <h1><span>鐢熶骇杩涘害锛�</span><span>寮犱笁</span></h1>
+ </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