<!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">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../layuiadmin/Scripts/json2.js"></script>
|
<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
|
<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<script src="../../../layuiadmin/PubCustom.js"></script>
|
<script src="../../../layuiadmin/grwebapp.js"></script>
|
<script src="../../../layuiadmin/HideButton.js"></script>
|
<script src="../../../layuiadmin/soulTable.slim.js"></script>
|
<script src="../../../layuiadmin/echarts.min.js"></script>
|
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<div class="layui-col-md12">
|
<div class="layui-card" style="padding: 1px">
|
<div class="layui-card-body" style="padding: 1px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<div id="top" style="width:100%;height:calc(44vh);">
|
<div id="top-left" style="width:49.8%;height:calc(44vh);float:left;">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 30px;"><span style="font-weight:bolder">设备</span></label>
|
</div>
|
<div>
|
<img src="../../../layuiadmin/layui/images/device.png" onerror="javascript:this.src='../../../layuiadmin/layui/images/erro.png';this.onerror = null" style="width:20%;height:calc(35vh);float:left" />
|
<div style="float:left;margin-left:5%;">
|
<dl>
|
<dd>
|
<h2><span style="margin-left:10px;" id="HEquipName"></span></h2>
|
<h3><span>设备编号:<span style="margin-left:10px;" id="HEquipCode"></span></span></h3>
|
<h3><span>设备状态:<span style="margin-left:10px;" id="HEquipStatus"></span></span></h3>
|
<h3><span>运行时间:<span style="margin-left:10px;" id="HWorkTime"></span></span></h3>
|
<h3><span>当日点检时间:<span style="margin-left:10px;" id="HDotCheckDate"></span></span></h3>
|
<h3><span>最后保养时间:<span style="margin-left:10px;" id="HMaintainDate"></span></span></h3>
|
</dd>
|
</dl>
|
</div>
|
</div>
|
</div>
|
<div id="top-right" style="width:49.8%;height:calc(44vh);float:left;margin-left:0.2%;">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 30px;"><span style="font-weight:bolder">工单</span></label>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">工 单 号:</label>
|
<span style="margin-left:10px;" id="HICMOBillNo"></span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">当前状态:</label>
|
<span style="margin-left:10px;" id="HICMOBillStatus"></span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">产品名称:</label>
|
<span style="margin-left:10px;" id="HMaterName"></span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">计划数量:</label>
|
<span style="margin-left:10px;" id="HPlanQty"></span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">产品代码:</label>
|
<span style="margin-left:10px;" id="HMaterNumber"></span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">汇报总数:</label>
|
<span style="margin-left:10px;" id="HReportQty"></span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">规格型号:</label>
|
<span style="margin-left:10px;" id="HMaterModel"></span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">领料状态:</label>
|
<span style="margin-left:10px;" id="HPickMtrlStatus"></span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">首检次数:</label>
|
<span style="margin-left:10px;" id="HFCheckNum"></span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">过程检次数:</label>
|
<span style="margin-left:10px;" id="HPrCheckNum"></span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">巡检次数:</label>
|
<span style="margin-left:10px;" id="HPPCheckNum"></span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="center" style="width: 100%;height:calc(44vh);margin-top:1%;">
|
<div id="center-left" style="width:49.8%;height:calc(44vh);float:left;">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: 30px;"><span style="font-weight:bolder">人员</span></label>
|
</div>
|
<div style="margin-left:25%;">
|
<dl>
|
<dd>
|
<h2><span>部门<span style="margin-left:10px;" id="HDepName"></span></span></h2>
|
<h3><span>班组:<span style="margin-left:10px;" id="HGroupName"></span></span></h3>
|
<h3><span>操作员:<span style="margin-left:10px;" id="HEmpName"></span></span></h3>
|
<h3><span>负责人:<span style="margin-left:10px;" id="HManagerName"></span></span></h3>
|
</dd>
|
</dl>
|
</div>
|
</div>
|
<div id="center-right" style="width:49.8%;height:calc(44vh);float:left;margin-left:0.2%;">
|
<div id="chart1" style="width: 40%;height: calc(40vh);left: 2%;float:left;"></div>
|
<div id="chart2" style="width: 40%;height: calc(40vh);left: 2%;float:left;"></div>
|
</div>
|
</div>
|
<div id="bottom" style="width: 100%;height:calc(7vh);">
|
<div class="layui-form-item" style="text-align: center;">
|
<!--<button type="button" lay-submit="" lay-filter="Saver" class="layui-btn layui-btn-radius" id="Saver">保存</button>
|
<button type="button" lay-submit="" lay-filter="Add" class="layui-btn layui-btn-radius" id="Add">新增</button>
|
<button type="button" lay-submit="" lay-filter="Cancel" class="layui-btn layui-btn-radius layui-btn-danger">退出</button>
|
<button type="button" lay-submit="" lay-filter="Cancel" class="layui-btn layui<!---btn-radius layui-btn-danger">退出</button>
|
<button type="button" lay-submit="" lay-filter="Cancel" class="layui-btn layui-btn-radius layui-btn-danger">退出</button>-->
|
<button type="button" lay-submit="" lay-filter="Exit" class="layui-btn layui-btn-radius layui-btn-danger">退出</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
//获取参数
|
var HBillType = ""; //单据类型
|
var HSourceInterID = ""; //源单主内码
|
var HSourceEntryID = ""; //源单子内码
|
var HSourceBillNo = ""; //源单单号
|
var HSourceBillType = ""; //源单类型
|
var HEquipName = ""; //设备名称
|
var HEquipCode = ""; //设备编号
|
var HEmpName = ""; //操作员
|
var HManagerName = ""; //负责人
|
var HGroupName = ""; //班组
|
|
var edit = function (data) {
|
HBillType = data[0].HBillType;
|
HSourceInterID = data[0].HSourceInterID;
|
HSourceEntryID = data[0].HSourceEntryID;
|
HSourceBillNo = data[0].HSourceBillNo;
|
HSourceBillType = data[0].HSourceBillType;
|
HEquipName = data[0].HEquipName;//设备名称
|
HEquipCode = data[0].HEquipCode;//设备编号
|
HICMOBillNo = data[0].HICMOBillNo;//生产订单单号
|
HICMOInterID = data[0].HICMOInterID;//生产订单主内码
|
HICMOEntryID = data[0].HICMOEntryID;//生产订单子内码
|
HSourceID = data[0].HSourceID;//生产资源id
|
HEmpName = data[0].HEmpName;//操作员
|
HManagerName = data[0].HManagerName;//负责人
|
HGroupName = data[0].HGroupName;//班组
|
}
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index', //主入口模块
|
}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'soulTable'], function () {
|
//#region 公共变量
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, element = layui.element
|
, laypage = layui.laypage
|
, laydate = layui.laydate
|
, util = layui.util
|
, soulTable = layui.soulTable
|
var sWhere = "";
|
//#endregion
|
|
//#region 进入页面即加载
|
|
var HModName = "Sc_CurrentTicket";
|
//不需要显示的字段 可扩展
|
var titleData = ["HInterID", "HEntryID", "HSourceID", "HMaterID", "HDeptID", "源单子内码", "源单类型", "单据类型"];
|
var HFinishRate = 0; //完成率
|
var HQualifiedRate = 0; //合格率
|
//初始化界面
|
set_ClearBill();
|
|
$("#HEquipName").text(HEquipName);//设备名称
|
$("#HEquipCode").text(HEquipCode);//设备编号
|
$("#HEmpName").text(HEmpName);//操作员
|
$("#HManagerName").text(HManagerName);//负责人
|
$("#HGroupName").text(HGroupName);//班组
|
//#endregion
|
|
//#region 【仪表盘】
|
var chart1 = echarts.init(document.getElementById("chart1"));
|
|
var colorTemplate1 = [[0.2, "rgba(255,0,0,0.8)"], [0.8, "rgba(0,255,255,0.8)"], [1, "rgba(0,255,0,0.8)"]];
|
|
var data1 = [{
|
name: "完成率",
|
value: HFinishRate.toFixed(2),
|
}];
|
|
// 指定图表的配置项和数据
|
var option = {
|
//backgroundColor: "#000",
|
tooltip: { // 本系列特定的 tooltip 设定。
|
show: true,
|
formatter: "{b}：{c}%",
|
backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色。注意：series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。
|
borderColor: "#333", // 提示框浮层的边框颜色。...
|
borderWidth: 0, // 提示框浮层的边框宽。...
|
padding: 5, // 提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。...
|
textStyle: { // 提示框浮层的文本样式。...
|
// color ,fontStyle ,fontWeight ,fontFamily ,fontSize ,lineHeight ,.......
|
},
|
},
|
series: [
|
{
|
name: "单仪表盘示例", // 系列名称,用于tooltip的显示，legend 的图例筛选，在 setOption 更新数据和配置项时用于指定对应的系列。
|
type: "gauge", // 系列类型
|
radius: "80%", // 参数:number, string。 仪表盘半径,默认 75% ，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值。
|
center: ["50%", "55%"], // 仪表盘位置(圆心坐标)
|
startAngle: 225, // 仪表盘起始角度,默认 225。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
|
endAngle: -45, // 仪表盘结束角度,默认 -45
|
clockwise: true, // 仪表盘刻度是否是顺时针增长,默认 true。
|
min: 0, // 最小的数据值,默认 0 。映射到 minAngle。
|
max: 100, // 最大的数据值,默认 100 。映射到 maxAngle。
|
splitNumber: 10, // 仪表盘刻度的分割段数,默认 10。
|
axisLine: { // 仪表盘轴线(轮廓线)相关配置。
|
show: true, // 是否显示仪表盘轴线(轮廓线),默认 true。
|
lineStyle: { // 仪表盘轴线样式。
|
color: colorTemplate1, //仪表盘的轴线可以被分成不同颜色的多段。每段的 结束位置(范围是[0,1]) 和 颜色 可以通过一个数组来表示。默认取值：[[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
|
opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
width: 30, //轴线宽度,默认 30。
|
shadowBlur: 20, //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", //阴影颜色。支持的格式同color。
|
}
|
},
|
splitLine: { // 分隔线样式。
|
show: true, // 是否显示分隔线,默认 true。
|
length: 30, // 分隔线线长。支持相对半径的百分比,默认 30。
|
lineStyle: { // 分隔线样式。
|
color: "#eee", //线的颜色,默认 #eee。
|
opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
width: 2, //线度,默认 2。
|
type: "solid", //线的类型,默认 solid。 此外还有 dashed,dotted
|
shadowBlur: 10, //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", //阴影颜色。支持的格式同color。
|
}
|
},
|
axisTick: { // 刻度(线)样式。
|
show: true, // 是否显示刻度(线),默认 true。
|
splitNumber: 5, // 分隔线之间分割的刻度数,默认 5。
|
length: 8, // 刻度线长。支持相对半径的百分比,默认 8。
|
lineStyle: { // 刻度线样式。
|
color: "#eee", //线的颜色,默认 #eee。
|
opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
width: 1, //线度,默认 1。
|
type: "solid", //线的类型,默认 solid。 此外还有 dashed,dotted
|
shadowBlur: 10, //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", //阴影颜色。支持的格式同color。
|
},
|
},
|
axisLabel: { // 刻度标签。
|
show: true, // 是否显示标签,默认 true。
|
distance: 5, // 标签与刻度线的距离,默认 5。
|
color: "#1E1E1E", // 文字的颜色,默认 #fff。
|
fontSize: 9, // 文字的字体大小,默认 5。
|
formatter: "{value}", // 刻度标签的内容格式器，支持字符串模板和回调函数两种形式。 示例:// 使用字符串模板，模板变量为刻度默认标签 {value},如:formatter: '{value} kg'; // 使用函数模板，函数参数分别为刻度数值,如formatter: function (value) {return value + 'km/h';}
|
},
|
pointer: { // 仪表盘指针。
|
show: true, // 是否显示指针,默认 true。
|
length: "70%", // 指针长度，可以是绝对数值，也可以是相对于半径的百分比,默认 80%。
|
width: 5, // 指针宽度,默认 8。
|
},
|
itemStyle: { // 仪表盘指针样式。
|
color: "auto", // 指针颜色，默认(auto)取数值所在的区间的颜色
|
opacity: 1, // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
borderWidth: 0, // 描边线宽,默认 0。为 0 时无描边。
|
borderType: "solid", // 柱条的描边类型，默认为实线，支持 'solid', 'dashed', 'dotted'。
|
borderColor: "#000", // 图形的描边颜色,默认 "#000"。支持的颜色格式同 color，不支持回调函数。
|
shadowBlur: 10, // (发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", // 阴影颜色。支持的格式同color。
|
},
|
emphasis: { // 高亮的 仪表盘指针样式
|
itemStyle: {
|
//高亮 和正常 两者具有同样的配置项,只是在不同状态下配置项的值不同。
|
}
|
},
|
title: { // 仪表盘标题。
|
show: true, // 是否显示标题,默认 true。
|
offsetCenter: [0, "95%"],//相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。
|
color: "#1E1E1E", // 文字的颜色,默认 #333。
|
fontSize: 20, // 文字的字体大小,默认 15。
|
},
|
detail: { // 仪表盘详情，用于显示数据。
|
show: true, // 是否显示详情,默认 true。
|
offsetCenter: [0, "70%"],// 相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。
|
color: "auto", // 文字的颜色,默认 auto。
|
fontSize: 30, // 文字的字体大小,默认 15。
|
formatter: "{value}%", // 格式化函数或者字符串
|
},
|
data: data1
|
}
|
]
|
};
|
// 使用刚指定的配置项和数据显示图表
|
chart1.setOption(option);
|
|
|
var chart2 = echarts.init(document.getElementById("chart2"));
|
|
var data2 = [{
|
name: "合格率",
|
value: HQualifiedRate.toFixed(2),
|
}];
|
|
// 指定图表的配置项和数据
|
var option2 = {
|
//backgroundColor: "#000",
|
tooltip: { // 本系列特定的 tooltip 设定。
|
show: true,
|
formatter: "{b}：{c}%",
|
backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色。注意：series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。
|
borderColor: "#333", // 提示框浮层的边框颜色。...
|
borderWidth: 0, // 提示框浮层的边框宽。...
|
padding: 5, // 提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。...
|
textStyle: { // 提示框浮层的文本样式。...
|
// color ,fontStyle ,fontWeight ,fontFamily ,fontSize ,lineHeight ,.......
|
},
|
},
|
series: [
|
{
|
name: "单仪表盘示例", // 系列名称,用于tooltip的显示，legend 的图例筛选，在 setOption 更新数据和配置项时用于指定对应的系列。
|
type: "gauge", // 系列类型
|
radius: "80%", // 参数:number, string。 仪表盘半径,默认 75% ，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值。
|
center: ["50%", "55%"], // 仪表盘位置(圆心坐标)
|
startAngle: 225, // 仪表盘起始角度,默认 225。圆心 正右手侧为0度，正上方为90度，正左手侧为180度。
|
endAngle: -45, // 仪表盘结束角度,默认 -45
|
clockwise: true, // 仪表盘刻度是否是顺时针增长,默认 true。
|
min: 0, // 最小的数据值,默认 0 。映射到 minAngle。
|
max: 100, // 最大的数据值,默认 100 。映射到 maxAngle。
|
splitNumber: 10, // 仪表盘刻度的分割段数,默认 10。
|
axisLine: { // 仪表盘轴线(轮廓线)相关配置。
|
show: true, // 是否显示仪表盘轴线(轮廓线),默认 true。
|
lineStyle: { // 仪表盘轴线样式。
|
color: colorTemplate1, //仪表盘的轴线可以被分成不同颜色的多段。每段的 结束位置(范围是[0,1]) 和 颜色 可以通过一个数组来表示。默认取值：[[0.2, '#91c7ae'], [0.8, '#63869e'], [1, '#c23531']]
|
opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
width: 30, //轴线宽度,默认 30。
|
shadowBlur: 20, //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", //阴影颜色。支持的格式同color。
|
}
|
},
|
splitLine: { // 分隔线样式。
|
show: true, // 是否显示分隔线,默认 true。
|
length: 30, // 分隔线线长。支持相对半径的百分比,默认 30。
|
lineStyle: { // 分隔线样式。
|
color: "#eee", //线的颜色,默认 #eee。
|
opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
width: 2, //线度,默认 2。
|
type: "solid", //线的类型,默认 solid。 此外还有 dashed,dotted
|
shadowBlur: 10, //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", //阴影颜色。支持的格式同color。
|
}
|
},
|
axisTick: { // 刻度(线)样式。
|
show: true, // 是否显示刻度(线),默认 true。
|
splitNumber: 5, // 分隔线之间分割的刻度数,默认 5。
|
length: 8, // 刻度线长。支持相对半径的百分比,默认 8。
|
lineStyle: { // 刻度线样式。
|
color: "#eee", //线的颜色,默认 #eee。
|
opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
width: 1, //线度,默认 1。
|
type: "solid", //线的类型,默认 solid。 此外还有 dashed,dotted
|
shadowBlur: 10, //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", //阴影颜色。支持的格式同color。
|
},
|
},
|
axisLabel: { // 刻度标签。
|
show: true, // 是否显示标签,默认 true。
|
distance: 5, // 标签与刻度线的距离,默认 5。
|
color: "#1E1E1E", // 文字的颜色,默认 #fff。
|
fontSize: 9, // 文字的字体大小,默认 5。
|
formatter: "{value}", // 刻度标签的内容格式器，支持字符串模板和回调函数两种形式。 示例:// 使用字符串模板，模板变量为刻度默认标签 {value},如:formatter: '{value} kg'; // 使用函数模板，函数参数分别为刻度数值,如formatter: function (value) {return value + 'km/h';}
|
},
|
pointer: { // 仪表盘指针。
|
show: true, // 是否显示指针,默认 true。
|
length: "70%", // 指针长度，可以是绝对数值，也可以是相对于半径的百分比,默认 80%。
|
width: 5, // 指针宽度,默认 8。
|
},
|
itemStyle: { // 仪表盘指针样式。
|
color: "auto", // 指针颜色，默认(auto)取数值所在的区间的颜色
|
opacity: 1, // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
borderWidth: 0, // 描边线宽,默认 0。为 0 时无描边。
|
borderType: "solid", // 柱条的描边类型，默认为实线，支持 'solid', 'dashed', 'dotted'。
|
borderColor: "#000", // 图形的描边颜色,默认 "#000"。支持的颜色格式同 color，不支持回调函数。
|
shadowBlur: 10, // (发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
|
shadowColor: "#fff", // 阴影颜色。支持的格式同color。
|
},
|
emphasis: { // 高亮的 仪表盘指针样式
|
itemStyle: {
|
//高亮 和正常 两者具有同样的配置项,只是在不同状态下配置项的值不同。
|
}
|
},
|
title: { // 仪表盘标题。
|
show: true, // 是否显示标题,默认 true。
|
offsetCenter: [0, "95%"],//相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。
|
color: "#1E1E1E", // 文字的颜色,默认 #333。
|
fontSize: 20, // 文字的字体大小,默认 15。
|
},
|
detail: { // 仪表盘详情，用于显示数据。
|
show: true, // 是否显示详情,默认 true。
|
offsetCenter: [0, "70%"],// 相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。
|
color: "auto", // 文字的颜色,默认 auto。
|
fontSize: 30, // 文字的字体大小,默认 15。
|
formatter: "{value}%", // 格式化函数或者字符串
|
},
|
data: data2
|
}
|
]
|
};
|
// 使用刚指定的配置项和数据显示图表
|
chart2.setOption(option2);
|
|
//#endregion
|
|
//#region 头工具栏事件
|
//预览
|
form.on('submit(btn_view)', function (data) {
|
get_print();
|
});
|
|
//开工
|
form.on('submit(btn_start)', function (data) {
|
get_start();
|
});
|
|
//汇报
|
form.on('submit(btn_report)', function (data) {
|
get_report();
|
});
|
|
//退出
|
form.on('submit(Exit)', function (data) {
|
Pub_Close(1);
|
window.parent.location.reload();
|
});
|
|
//刷新
|
form.on('submit(btn_refresh)', function (data) {
|
get_Refresh();
|
});
|
|
//#endregion
|
|
//#region 本页面所有被调用的方法
|
function set_ClearBill() {
|
//查询
|
get_FastQuery();
|
}
|
|
//#region 快速过滤
|
function get_FastQuery() {
|
get_Display(sWhere);
|
sWhere = "";//调用接口后清空sWhere缓存
|
}
|
//#endregion
|
|
//#region 查询
|
function get_Display(sWhere) {
|
var ajaxLoad = layer.load();
|
$.ajax({
|
//h_p_JIT_GetCurrentTicketInfo
|
url: GetWEBURL() + '/Sc_CurrentTicket/list',
|
type: "GET",
|
async: false,
|
data: { "HSourceID": HSourceID, "HICMOInterID": HICMOInterID, "HICMOEntryID": HICMOEntryID, "HSourceInterID": HSourceInterID, "user": sessionStorage["HUserName"] },
|
success: function (result) {
|
if (result.count == 1) {
|
var data = result.data.h_p_JIT_GetCurrentTicketInfo[0];
|
$("#HICMOBillNo").text(data.HSourceBillNo);//工单号
|
$("#HICMOBillStatus").text('');//当前状态
|
$("#HMaterNumber").text(data.HMaterNumber);//产品代码
|
$("#HMaterName").text(data.HMaterName);//产品名称
|
$("#HMaterModel").text(data.HModel);//规格型号
|
$("#HPlanQty").text(data.HPlanQty);//计划数量
|
$("#HReportQty").text(data.HRelationQty);//汇报总数
|
$("#HPickMtrlStatus").text('');//领料状态
|
$("#HFCheckNum").text(data.首检次数);//首检次数
|
$("#HPrCheckNum").text(data.过程检次数);//过程检次数
|
$("#HPPCheckNum").text(data.巡检次数);//巡检次数
|
HFinishRate = data.完成率;//完成率
|
HQualifiedRate = data.合格率;//合格率
|
layer.close(ajaxLoad);
|
} else {
|
layer.close(ajaxLoad);
|
layer.alert(result.code + result.Message, { icon: 5 });
|
}
|
}, error: function () {
|
layer.close(ajaxLoad);
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
|
}
|
//#endregion
|
|
|
//#region 刷新
|
function get_Refresh() {
|
get_FastQuery();
|
}
|
//#endregion
|
|
//以上是layui模块
|
});
|
</script>
|
</body>
|
</html>
|
