<!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>设备名称</span></h2>
|
<h3><span>设备编号</span></h3>
|
<h3><span>设备状态</span></h3>
|
<h3><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>aaaaaaa</span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">当前状态</label>
|
<span>aaaaaaa</span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">产品名称</label>
|
<span>aaaaaaa</span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">计划数量</label>
|
<span>aaaaaaa</span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">产品代码</label>
|
<span>aaaaaaa</span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">汇报总数</label>
|
<span>aaaaaaa</span>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">规格型号</label>
|
<span>aaaaaaa</span>
|
</div>
|
<div class="layui-col-xs4 layui-inline">
|
<label class="layui-form-label">领料状态</label>
|
<span>aaaaaaa</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></h2>
|
<h3><span>班组</span></h3>
|
<h3><span>操作员</span></h3>
|
<h3><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="Cancel" class="layui-btn layui-btn-radius layui-btn-danger">退出</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
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","源单子内码","源单类型","单据类型"];
|
//初始化界面
|
set_ClearBill();
|
//#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: 55.55,
|
}];
|
|
// 指定图表的配置项和数据
|
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: 85,
|
}];
|
|
// 指定图表的配置项和数据
|
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(get_Exit)', function (data) {
|
Pub_Close(2);
|
});
|
|
//刷新
|
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({
|
url: GetWEBURL() + '/Sc_MyTicket/list',
|
type: "GET",
|
async: false,
|
data: { "HSourceID": sessionStorage["HSourceID"], "user": sessionStorage["HUserName"] },
|
success: function (data1) {
|
if (data1.count == 1) {
|
var data = [];
|
var col = [];
|
//给空的数组赋值
|
for (var key in data1.list) {
|
data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
|
}
|
//在列表左边添加勾选框
|
col.push({ type: 'checkbox', fixed: 'left' });
|
for (var i = 0; i < data.length; i++) {
|
// if (data[i].name == 'HInterID' || data[i].name == 'HBillType' || data[i].name == 'hmainid') {
|
if ($.inArray(data[i].name, titleData) > -1) {
|
col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //隐藏id列
|
}
|
else {
|
switch (data[i].Type) {
|
//int
|
case 'DateTime':
|
col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 });
|
break;
|
default:
|
col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
|
}
|
}
|
}
|
|
//动态显示列名
|
option_notStart = {
|
elem: '#mainTable_notStart'
|
//, toolbar: '#toolbarDemo'
|
, cols: [col]
|
, data: data1.data.h_p_Sc_MyICMOWorkBill
|
, height: 'full-80'
|
, page: true
|
, limits: [50, 500, 5000, 50000]
|
, limit: 50
|
, cellMinWidth: 90
|
}
|
table.render(option_notStart);
|
ins = table.render(option_notStart);
|
|
option_finish = {
|
elem: '#mainTable_finish'
|
//, toolbar: '#toolbarDemo'
|
, cols: [col]
|
, data: data1.data.h_p_Sc_MyICMOWorkBill1
|
, height: 'full-80'
|
, page: true
|
, limits: [50, 500, 5000, 50000]
|
, limit: 50
|
, cellMinWidth: 90
|
}
|
table.render(option_finish);
|
|
option_proc = {
|
elem: '#mainTable_proc'
|
//, toolbar: '#toolbarDemo'
|
, cols: [col]
|
, data: data1.data.h_p_Sc_MyICMOWorkBill2
|
, height: 'full-80'
|
, page: true
|
, limits: [50, 500, 5000, 50000]
|
, limit: 50
|
, cellMinWidth: 90
|
}
|
table.render(option_proc);
|
|
//刷新按钮显示
|
var btns = document.getElementsByTagName("button"); //获取本页所有按钮对象
|
var HBillType = "我的工单";
|
Display_HideButton(btns, HBillType, HModName, sessionStorage["HUserName"]);
|
|
//刷新表格数据
|
//DisPlay_HideColumn();
|
|
layer.close(ajaxLoad);
|
if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") {
|
ColFilter();
|
}
|
|
//layer.alert("查询成功", { icon: 1 });
|
} else {
|
layer.close(ajaxLoad);
|
layer.alert(data1.code + data1.Message, { icon: 5 });
|
}
|
}, error: function () {
|
layer.close(ajaxLoad);
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
|
}
|
//#endregion
|
|
|
//#region 刷新
|
function get_Refresh() {
|
get_FastQuery();
|
}
|
//#endregion
|
|
//以上是layui模块
|
});
|
</script>
|
</body>
|
</html>
|
