<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; 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">
|
<!--引用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" />
|
<!--自定义样式-->
|
<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);
|
|
}
|
}
|
|
|
}
|
});
|
}
|
|
//选中资源
|
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);
|
|
//执行联动事件
|
}
|
}
|
|
//添加资源
|
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);
|
}
|
|
//删除资源
|
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();
|
});
|
})
|
}
|
|
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>
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
<!--[if lt IE 9]>
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
|
<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" 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" id="ts2">
|
|
</div>
|
</div>
|
<div class="layui-col-sm12 layui-col-md3">
|
<div class="cnt" id="ts3">
|
|
</div>
|
</div>
|
<div class="layui-col-sm12 layui-col-md3">
|
<div class="cnt" id="ts4">
|
|
</div>
|
</div>-->
|
</div>
|
</div>
|
</fieldset>
|
</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="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" lay-filter="TabTest">
|
<ul class="layui-tab-title">
|
<li class="layui-this">工单列表</li>
|
<li>效率/不良分析</li>
|
</ul>
|
<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="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>
|
|
</body>
|
</html>
|
