修改界面

master
夜笙歌 3 years ago
parent 510c515e3a
commit 87fc0b753f

@ -17,32 +17,11 @@ body {
top: 15%;
left: 3.5%;
}
.IQCOne{
position: absolute;
width: 20%;
height: 15%;
top: 15%;
left: 30%;
}
.IQCTwo{
position: absolute;
width: 13%;
height: 15%;
top: 15%;
left: 50%;
}
.IQCThree{
position: absolute;
width: 7%;
height: 15%;
top: 15%;
left: 63%;
}
.IQCFour{
.IQC{
position: absolute;
width: 40%;
height: 20%;
top: 30%;
height: 35%;
top: 15%;
left: 30%;
}
.productionEfficiency{
@ -57,19 +36,12 @@ body {
width: 25%;
height: 35%;
top: 59%;
left: 3.7%;
left: 72%;
}
.equipmentPowerOne{
.equipmentPower{
position: absolute;
width: 20%;
width: 39%;
height: 19%;
top: 76%;
left: 30.5%;
}
.equipmentPowerTwo{
position: absolute;
width: 20%;
height: 19%;
top: 76%;
left: 50.5%;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 782 KiB

After

Width:  |  Height:  |  Size: 780 KiB

@ -260,7 +260,7 @@ class AutoScrollTable {
thead.style.width = window.getComputedStyle(tbody).width
let tr = this.el.querySelectorAll(".autoscroll-table .autoscroll-table_tbody1 tr")
tr.forEach(val => {
val.style.lineHeight = `${(parseFloat(window.getComputedStyle(parent).height) - parseFloat(window.getComputedStyle(theadRow).height))/this.lineNum}px`
val.style.lineHeight = `${(parseFloat(window.getComputedStyle(parent).height) - parseFloat(window.getComputedStyle(theadRow).height))/this.lineNum - 1.5}px`
})
shadow.style.display ='none'

@ -1,7 +1,6 @@
$(() => {
moduleTitle()
LOSS()
Tips()
// 公共请求地址
let url = '/broad/zz'
@ -11,11 +10,25 @@ $(() => {
// 目标
$.post(url + "/selectProductInByTeam/0", {}, data => {
data = JSON.parse(data)
console.log(isFirst)
if (isFirst) {
// target.top = data.map(val => val.val)
// target.bottom = data.val
// request()
// isFirst = false
let arr = []
for (let i = 0; i < 12; i++) {
arr.push(Math.ceil(target.topTips/11))
}
arr[2] = Math.ceil(target.topTips/22)
arr[7] = Math.ceil(target.topTips/22)
target.top = arr
target.topProgress = arr.reduce((val1,val2) => {
console.log(val1)
console.log(val2)
return val1 + val2
} , 0)
// target.top = data.map(val => val.val)
// target.bottom = data.val
isFirst = false
request()
Tips('#Tips')
}
})
// LOSS(分类)
@ -30,8 +43,17 @@ $(() => {
// 产量
$.post(url + `/selectProductInByTeam/${yieldType}`, {}, data => {
data = JSON.parse(data)
let oneTime = parseFloat(data[0].name.split(':')[0])
let xName = []
if (yieldType == 0) {
for (let i = 0; i < 12; i++) {
xName.push(`${(oneTime + i) % 24}:30`)
}
} else {
xName = data.map(val => val.name)
}
barChartAndLineChartThree({
xName: data.map(val => val.name),
xName: xName,
yDataOne: data.map(val => val.qty),
yDataOneName: "实际产量",
yDataTwo: target.top,
@ -42,8 +64,17 @@ $(() => {
// 一次装配不合格率
$.post(url + `/selectProductInByTeam/${yieldType}`, {}, data => {
data = JSON.parse(data)
let oneTime = parseFloat(data[0].name.split(':')[0])
let xName = []
if (yieldType == 0) {
for (let i = 0; i < 12; i++) {
xName.push(`${(oneTime + i) % 24}:30`)
}
} else {
xName = data.map(val => val.name)
}
barChartAndLineChartFour({
xName: data.map(val => val.name),
xName: xName,
yDataOne: data.map(val => val.qty),
yDataOneName: "不良数",
yDataTwo: [9, 3, 7, 7, 7, 2, 7, 1, 6, 7, 2, 1, 5],
@ -56,22 +87,21 @@ $(() => {
//追踪事件轮询
$.post("/broad/beforeLibrary/selectOrderInfo", {}, data => {
data = JSON.parse(data)
console.log(data)
$('#trackEvents').remove()
$('.trackEventsScrollTable').html('<div class="trackEvents" id="trackEvents"></div>')
dynamicTable({
el: '#trackEvents',
rowNum: 5,
timeout: 0,
header: ["订单编号",'产品型号', "计划数量", "完成数量", "执行进度", "时间"],
data: data.map(value => [value.plan_code.slice(4, value.plan_code.length),'', value.plan_number, value.actual_number, value.plan_number - value.actual_number, value.day]),
header: ["订单编号", '产品型号', "计划数量", "完成数量", "执行进度", "时间"],
data: data.map(value => [value.plan_code.slice(4, value.plan_code.length), '', value.plan_number, value.actual_number, value.plan_number - value.actual_number, value.day]),
index: false,
fontColor: '#B4B7BF ',
indexBGC: '#86F3FF',
headerBGC: 'rgba(8,36,75,0.2)',
oddRowBGC: 'rgba(8,36,75,0.2)',
evenRowBGC: 'rgba(8,36,75,0.2)',
colWidth: ['25%','22%', '10%', '10%', '10%', '23%']
colWidth: ['25%', '22%', '10%', '10%', '10%', '23%']
});
})
}
@ -93,12 +123,16 @@ $(() => {
let yieldType = '0'
let isFirst = true
let target = {
top: [382, 102, 186, 200, 102, 186, 315, 1, 1, 1, 1],
top: [],
bottom: [3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3],
topTips: '2000',
bottomTips: '3.05',
topTips: 2000,
bottomTips: 3.05,
topProgress:0,
topReality:0,
topGap:0,
topRate:0,
}
const LOSS = (val1=0,val2=24) => {
const LOSS = (val1 = 0, val2 = 24) => {
const html = `
<span style="position: absolute;top: 15.7%;left: 61.8%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">${val1}</span>
<span style="position: absolute;top: 15.7%;left: 85.5%;color: #CFD2D0;font-size: 2vw;transform: translateX(-50%)">${val2}</span>
@ -117,10 +151,16 @@ const moduleTitle = () => {
`
$('body').append(html)
}
const Tips = (top={target:target.topTips,progress:0,reality:0,gap:0,rate:0},bottom={target:target.bottomTips,reality:0,total:0}) => {
const Tips = (el,top = {
target: target.topTips,
progress: target.topProgress,
reality: target.topReality,
gap: target.topGap,
rate: target.topRate,
}, bottom = {target: target.bottomTips, reality: 0, total: 0}) => {
const html = `
<span style="position: absolute;top: 10%;left: 19%;color: #fff;font-size: 1vw;">目标${top.target}&nbsp;&nbsp;进度目标${top.progress}&nbsp;&nbsp;实际${top.reality}&nbsp;&nbsp;差异${top.gap}&nbsp;&nbsp;达成率${top.rate}% </span>
<span style="position: absolute;top: 54.3%;left: 19%;color: #fff;font-size: 1vw">目标${bottom.target}% &nbsp;&nbsp;&nbsp;实际${bottom.reality}% &nbsp;&nbsp;&nbsp;累计不良数${bottom.total}</span>
`
$('body').append(html)
$(el).append(html)
}

@ -1,93 +1,177 @@
$(() => {
moduleTitle()
safe()
card({top: 60, left: 30.5})
card({top: 60, left: 38.5})
card({top: 60, left: 46.5})
card({top: 60, left: 54.5})
card({top: 60, left: 62.5})
safe('#safe')
Tips(0,0,0,'#Tips')
total( 0,'#total')
card({top: 60, left: 30.5,title:'内胆检漏',name1:'问题1',value1:'值1',name2:'问题2',value2:'值2',name3:'问题3',value3:'值3'},'#cardOne')
card({top: 60, left: 38.5,title:'安全检测',name1:'问题1',value1:'值1',name2:'问题2',value2:'值2',name3:'问题3',value3:'值3'},'#cardTwo')
card({top: 60, left: 46.5,title:'成品检漏',name1:'问题1',value1:'值1',name2:'问题2',value2:'值2',name3:'问题3',value3:'值3'},'#cardThree')
card({top: 60, left: 54.5,title:'测温性能',name1:'问题1',value1:'值1',name2:'问题2',value2:'值2',name3:'问题3',value3:'值3'},'#cardFour')
card({top: 60, left: 62.5,title:'成品外观',name1:'问题1',value1:'值1',name2:'问题2',value2:'值2',name3:'问题3',value3:'值3'},'#cardFive')
// 公共请求地址
let url = '/broad/beforeLibrary'
// 轮询间隔时间
const INTERVAL = 30000
// IQC3
const IQCTwo = new AutoScrollTable(document.getElementById("IQCTwo"), ["编号", "计划数量", "完成数量", "差异值", "时间"], {width: ['30%', null, null, null, '17%']})
//每日人力出勤轮询
// autoUpdate(url + "/ ", INTERVAL, data => {
singleVerticalBarChartTwo(null, document.getElementById("manpowerAttendance"))
let data = [
{
name: '班组1',
value: 72,
},
{
name: '班组2',
value: 52,
},
{
name: '班组3',
value: 72,
},
{
name: '班组4',
value: 29,
},
{
name: '班组5',
value: 82,
},
{
name: '班组6',
value: 82,
},
{
name: '班组7',
value: 28,
},
{
name: '班组8',
value: 62,
},
{
name: '班组9',
value: 82,
},
{
name: '班组10',
value: 38,
},
{
name: '班组11',
value: 93,
},
]
data.sort((a,b)=>{
return b.value - a.value
})
console.log(data)
singleVerticalBarChartTwo({
xName: ['班组1', '班组2', '班组3', '班组4', '班组5', '班组6', '班组7', '班组8', '班组9', '班组10'],
yData: [38, 60, 40, 55, 42, 39, 45, 40, 63, 38],
}, document.getElementById("manpowerAttendance"))
// })
// IQC
multipleVerticalBarChartTwo(null, document.getElementById("IQCOne"))
IQCTwo.loadData([[1, 2, 3, 4, 5], [1, 2, 3, 4, 5], [1, 2, 3, 4, 5], [1, 2, 3, 4, 5]], Object.keys(["编号", "计划数量", "完成数量", "差异值", "时间"]))
hollowPieChart(null, document.getElementById("IQCThree"))
barChartAndLineChartTwo(null, document.getElementById("IQCFour"))
horizontalRoundedBarChartWithBackgroundTwo(null, document.getElementById("IQC"))
// 设备功率
singleVerticalBarChart(null, document.getElementById("equipmentPowerOne"))
singleVerticalBarChart(null, document.getElementById("equipmentPowerTwo"))
singleVerticalBarChart(null, document.getElementById("equipmentPower"))
// 生产效率
// autoUpdate(url + "/ ", INTERVAL, data => {
horizontalRoundedBarChartWithBackgroundTwo(null, document.getElementById("productionEfficiency"))
singleVerticalBarChart(null, document.getElementById("productionEfficiency"))
// })
// 成品入库统计
percentageRingDiagram(null, document.getElementById("mainData"))
})
const today = () => {
const currentYear = new Date().getFullYear().toString();
const hasTimestamp = new Date() - new Date(currentYear);
const hasDays = Math.ceil(hasTimestamp / 86400000);
return hasDays
}
const curWeek = () => {
let today = new Date();
let firstDayOfYear = new Date(today.getFullYear(), 0, 1);
let dayOfWeek = firstDayOfYear.getDay();
let spendDay = 1;
if (dayOfWeek != 0) {
spendDay = 7 - dayOfWeek + 1;
}
firstDayOfYear = new Date(today.getFullYear(), 0, spendDay);
let d = Math.ceil((today.valueOf() - firstDayOfYear.valueOf()) / 86400000);
return Math.ceil(d / 7);
}
const moduleTitle = () => {
const html = `
<span style="position: absolute;top: 0.9%;left: 50%;color: #fff;font-size: 1.3vw;transform: translateX(-50%);letter-spacing: 0.3vw">订单可视化6S 及安全生产看板</span>
<span style="position: absolute;top: 10%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">班组生产6S</span>
<span style="position: absolute;top: 10%;left: 32%;color: #CFD2D0;font-size: 1.0vw">成品入库数量统计</span>
<span style="position: absolute;top: 10%;left: 73.5%;color: #CFD2D0;font-size: 1.0vw"> </span>
<span style="position: absolute;top: 54.5%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">成品入库统计</span>
<span style="position: absolute;top: 54.5%;left: 32%;color: #CFD2D0;font-size: 1.0vw">问题</span>
<span style="position: absolute;top: 54.5%;left: 73.6%;color: #CFD2D0;font-size: 1.0vw">安全生产</span>
<span style="position: absolute;top: 10%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">第${curWeek()} 班组6S排行榜 </span>
<span style="position: absolute;top: 10%;left: 32%;color: #CFD2D0;font-size: 1.0vw">三日订单执行情况</span>
<span style="position: absolute;top: 10%;left: 73.5%;color: #CFD2D0;font-size: 1.0vw">当日订单入库统计</span>
<span style="position: absolute;top: 54.5%;left: 5.5%;color: #CFD2D0;font-size: 1.0vw">安全生产</span>
<span style="position: absolute;top: 54.5%;left: 32%;color: #CFD2D0;font-size: 1.0vw">质量分析(TOP3)</span>
<span style="position: absolute;top: 54.5%;left: 73.6%;color: #CFD2D0;font-size: 1.0vw">重点工序质量监控</span>
`
$('body').append(html)
}
const safe = () => {
const safe = (el) => {
const html = `
<span style="position: absolute;top: 74%;left: 84%;color: #08F580;font-size: 2.5vw;transform: translateX(-50%);letter-spacing: 0.3vw">1809<span style="font-size: 0.5vw"></span> </span>
<span style="position: absolute;top: 81%;left: 84%;color: #CBE6F7;font-size: 1vw;transform: translateX(-50%);letter-spacing: 0.3vw">QSR连续安全生产天数</span>
<span style="position: absolute;top: 74%;left: 16%;color: #08F580;font-size: 2.5vw;transform: translateX(-50%);letter-spacing: 0.3vw">${today()}<span style="font-size: 0.5vw"></span> </span>
<span style="position: absolute;top: 81%;left: 16%;color: #CBE6F7;font-size: 1vw;transform: translateX(-50%);letter-spacing: 0.3vw">QSR连续安全生产天数</span>
`
$('body').append(html)
$(el).html(html)
}
const card = (val = {top: 1, left: 1}) => {
const card = (val = {top: 1, left: 1,title:'',name1:'',value1:'',name2:'',value2:'',name3:'',value3:''},el) => {
const html = `
<div style="position: absolute;top: ${val.top}%;left: ${val.left}%;width:7%;height:15%;border: 1px solid #0E72F1;">
<div style="position: absolute;top: 0%;left: 0%;width:100%;height:15%;background-color: #0C71F3;text-align: center;font-size: 0.75vw;line-height: 1.2vw">
KTTX-1
${val.title}
</div>
<div style="position: absolute;top: 25%;left: 5%;width:100%;height:15%;text-align: left;font-size: 0.5vw;">
<span style="position: absolute;width:60%;font-size: 0.6vw;">
项目名称111:
${val.name1}
</span>
<span style="position: absolute;left: 60%;width:40%;font-size: 0.4vw;line-height: 1vw">
值111
${val.value1}
</span>
</div>
<div style="position: absolute;top: 50%;left: 5%;width:100%;height:15%;text-align: left;font-size: 0.5vw;">
<span style="position: absolute;width:60%;font-size: 0.6vw;">
项目名称111:
${val.name2}
</span>
<span style="position: absolute;left: 60%;width:40%;font-size: 0.4vw;line-height: 1vw">
值111
${val.value2}
</span>
</div>
<div style="position: absolute;top: 75%;left: 5%;width:100%;height:15%;text-align: left;font-size: 0.5vw;">
<span style="position: absolute;width:60%;font-size: 0.6vw;">
项目名称111:
${val.name3}
</span>
<span style="position: absolute;left: 60%;width:40%;font-size: 0.4vw;line-height: 1vw">
值111
${val.value2}
</span>
</div>
</div>
`
$('body').append(html)
$(el).html(html)
}
const Tips = (val1 = 0, val2 = 0, val3 = 0, el) => {
const html = `
<span style="position: absolute;top: 10%;left: 44%;color: #fff;font-size: 1vw;">订单数量${val1}&nbsp;&nbsp;完成数量${val2}&nbsp;&nbsp;清单率${val3}%</span>
`
$(el).html(html)
}
const total = (val1 = 0, el) => {
const html = `
<span style="position: absolute;top: 10%;left: 85.7%;color: #fff;font-size: 1vw;">合计${val1}</span>
`
$(el).html(html)
}

@ -141,7 +141,7 @@ const horizontalRoundedBarChartWithBackgroundTwo = function (data, id) {
let charts = echarts.init(id);
if (!data) {
data = {
yNameOne: ["设备001", "设备001", "设备001", "设备001", "设备001", "设备001", "设备001", "设备001", "设备001"],
yNameOne: ["设备000000001", "设备000000001", "设备000000001", "设备000000001", "设备000000001", "设备000000001", "设备000000001", "设备000000001", "设备000000001"],
yData: [41, 99, 32, 41, 24, 4, 16, 64, 18],
xDataName: "达成率",
}
@ -154,7 +154,7 @@ const horizontalRoundedBarChartWithBackgroundTwo = function (data, id) {
let option = {
grid: {
left: "0%",
right: "12%",
right: "5%",
bottom: "0%",
top: "0%",
containLabel: true,
@ -716,9 +716,9 @@ const barChartAndLineChartThree = function (data, id) {
barBorderRadius: 5,
color: function (val) {
console.log()
if (data.yDataOne[val.dataIndex] >=data.yDataTwo[val.dataIndex]){
if (data.yDataOne[val.dataIndex] >= data.yDataTwo[val.dataIndex]) {
return '#30e391'
}else{
} else {
return '#FE70A6'
}
// return "#0D81ED"
@ -737,7 +737,7 @@ const barChartAndLineChartThree = function (data, id) {
symbolSize: 6,
lineStyle: {
normal: {
width:3,
width: 3,
color: '#fff',
},
borderColor: "#f0f",
@ -750,9 +750,9 @@ const barChartAndLineChartThree = function (data, id) {
fontSize: 0.75 * vw
},
},
itemStyle:{
itemStyle: {
color: '#F2D770',
border:0,
border: 0,
},
// tooltip: {
// show: false
@ -798,12 +798,12 @@ const barChartAndLineChartFour = function (data, id) {
}
},
textStyle: {
width:30,
width: 30,
fontSize: 0.5 * vw,
}
},
legend: {
itemWidth:3*vw,
itemWidth: 3 * vw,
data: [data.yDataOneName, data.yDataTwoName, data.yDataThreeName],
textStyle: {
color: "#d1e6eb",
@ -879,9 +879,9 @@ const barChartAndLineChartFour = function (data, id) {
normal: {
color: function (val) {
console.log()
if (data.yDataTwo[val.dataIndex] < data.yDataThree[val.dataIndex]){
if (data.yDataTwo[val.dataIndex] < data.yDataThree[val.dataIndex]) {
return '#30e391'
}else{
} else {
return '#FE70A6'
}
// return "#0D81ED"
@ -1072,7 +1072,7 @@ const verticalBarChart = function (data, id) {
fontSize: 0.8 * vw,
color: '#fff'
},
formatter:`{c}次`
formatter: `{c}次`
},
itemStyle: {
normal: {
@ -1598,6 +1598,7 @@ const singleVerticalBarChartTwo = function (data, id) {
bottom: "15%",
right: "5%"
},
dataZoom: [],
xAxis: {
nameTextStyle: {
color: '#c0c3cd',
@ -1711,6 +1712,36 @@ const singleVerticalBarChartTwo = function (data, id) {
zlevel: 4,
}],
};
if (data.xName.length > 10) {
option.dataZoom.push({
show: false,
type: 'slider',
bottom: '0%',
xAxisIndex: 0,
height: 12,
start: 0,
end: 1 / (data.xName.length / 11) * 100,
textStyle: {
fontSize: 0,
color: 'rgba(0,0,0,0)'
}
})
let step = 1 / (data.xName.length / 11) * 100
setInterval(() => {
option.dataZoom[0].end += step
option.dataZoom[0].start += step
if (option.dataZoom[0].start >= 100) {
option.dataZoom[0].start = 0
option.dataZoom[0].end = step
}
if (option.dataZoom[0].end >= 100) {
option.dataZoom[0].end = 100
option.dataZoom[0].start = option.dataZoom[0].end - step
}
charts.setOption(option);
}, 3000)
}
charts.setOption(option);
@ -2081,38 +2112,28 @@ const hollowPieChart = function (data, id) {
// 多个环形图
const percentageRingDiagram = function (data, id) {
let charts = echarts.init(id);
if (!data) {
data = [
data ??= [
{
name: "数据1",
name: "内胆检漏",
value: 54,
},
{
name: "数据1",
name: "安全检测",
value: 44,
},
{
name: "数据1",
name: "成品检漏",
value: 35,
},
{
name: "数据1",
name: "测温性能",
value: 30,
},
{
name: "数据1",
name: "成品外观",
value: 44,
},
{
name: "数据1",
value: 35,
},
{
name: "数据1",
value: 30,
},
];
}
let titleArr = [],
seriesArr = [];
@ -2130,8 +2151,8 @@ const percentageRingDiagram = function (data, id) {
data.forEach(function (item, index) {
titleArr.push({
text: item.name,
x: index > 3 ? (index - 4) * 25 + 10 + "%" : index * 25 + 10 + "%",
y: index > 3 ? "90%" : "40%",
x: index > 2 ? (index - 3) * 25 + 30 + "%" : index * 25 + 20 + "%",
y: index > 2 ? "93%" : "43%",
// top: '65%',
textAlign: "center",
textStyle: {
@ -2161,8 +2182,8 @@ const percentageRingDiagram = function (data, id) {
},
hoverAnimation: false,
center: [
index > 3 ? (index - 4) * 25 + 10 + "%" : index * 25 + 10 + "%",
index > 3 ? "75%" : "25%",
index > 2 ? (index - 3) * 25 + 30 + "%" : index * 25 + 20 + "%",
index > 2 ? "75%" : "25%",
],
data: [
{

@ -310,6 +310,7 @@
<th:block th:include="include :: echarts-js"/>
<script src="../../static/js/date-time-common.js" th:src="@{/js/date-time-common.js}"></script>
<script src="../../static/js/autoscroll-table.js" th:src="@{/js/autoscroll-table.js}"></script>
<script src="../../static/js/cron.min.js" th:src="@{/js/cron.min.js}"></script>
<div id="plan-work-order"></div>
<div id="mid-left">
@ -405,6 +406,13 @@
const rowName1 = '内胆集存库'
const rowName2 = '箱壳集存库'
$(() => {
function flash() {
location.reload()
}
setCronTak(flash, "* 30 7,19 * * * *");
let url = '/broad/box'
//生产计划工单
autoUpdate(url+"/getProductPlanInfo ", INTERVAL, data => {
@ -466,10 +474,6 @@
name: '数量',
data: data.map(value => value.qty),
},
// {
// name: '数量_',
// data: data['seriesInfo'],
// }
]
})
})
@ -752,16 +756,6 @@
},
},
},
// {
// name: '数量_',
// type: 'pictorialBar',
// silent: true,
// symbolSize: ["78.3%", 4],
// symbolOffset: [0, -2],
// symbolPosition: 'end',
// z: 12,
// color: '#0D8B41',
// },
],
grid: {
left: 10,
@ -833,7 +827,6 @@
},
// interval: 10,
min: 0,
// max: 30,
}
],
series: [
@ -870,17 +863,6 @@
},
},
},
// {
// name: '数量_',
// type: 'pictorialBar',
// silent: true,
// symbolSize: ["78.3%", 4],
// symbolOffset: [0, -2],
// symbolPosition: 'end',
// z: 12,
// color: '#BBAA0F',
// // data: data4,
// },
],
grid: {
left: 10,

@ -52,6 +52,8 @@
</div>
<div id="Tips"></div>
</body>
<script src="../../static/js/board/finalAssemblyProductionData.js"

@ -490,10 +490,7 @@
})
// 获取班次
autoUpdate('/broad/fp/selectTeamGroups', INTERVAL, data => {
console.log(data)
console.log(classes)
classes = data[`班组`]
console.log(classes)
})
// 生产统计数据
autoUpdate('/broad/fp/selectStationHourInfo', INTERVAL, data => {

@ -26,15 +26,20 @@
</head>
<body style="display:flex;">
<div id="safe"></div>
<div id="Tips"></div>
<div id="total"></div>
<div id="cardOne"></div>
<div id="cardTwo"></div>
<div id="cardThree"></div>
<div id="cardFour"></div>
<div id="cardFive"></div>
<!--每日人力出勤-->
<div class="manpowerAttendance" id="manpowerAttendance"></div>
<!--IQC-->
<div class="IQCOne" id="IQCOne"></div>
<div class="IQCTwo" id="IQCTwo"></div>
<div class="IQCThree" id="IQCThree"></div>
<div class="IQCFour" id="IQCFour"></div>
<div class="IQC" id="IQC"></div>
<!--生产效率-->
<div class="productionEfficiency" id="productionEfficiency"></div>
@ -43,8 +48,7 @@
<div class="mainData" id="mainData"></div>
<!--设备功率-->
<div class="equipmentPowerOne" id="equipmentPowerOne"></div>
<div class="equipmentPowerTwo" id="equipmentPowerTwo"></div>
<div class="equipmentPower" id="equipmentPower"></div>
</body>
<script src="../../static/js/board/orderVisualization.js" th:src="@{/js/board/orderVisualization.js}"></script>
<script>

Loading…
Cancel
Save