MES-WEB-LayUI.git

			@@ -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); // 将符合要求的数组合并到aSearch;
			}
			});

			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>'); //在当前div后追加加一个span删除
			}
			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 //此处以iframe举例
			, 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); //先得到当前iframe层的索引
			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); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
			}
			, 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>'); //在当前div后追加加一个span删除
			//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>