修改铝内胆成型线看板

master
夜笙歌 2 years ago
parent 98ee91df1c
commit a5e96f67a2

@ -39,13 +39,11 @@ $(() => {
dataType: 'JSON', dataType: 'JSON',
success: function (res) { success: function (res) {
let Res = {} let Res = {}
console.log(res)
Res.data=res.map(val => { Res.data=res.map(val => {
return [val.spe,val.oq,val.aq,val.cha,val.round,] return [val.spe,val.oq,val.aq,val.cha,val.round,]
}) })
Res.header = ['型号', '计划数', '完成数', '差异数', '执行进度'] Res.header = ['型号', '计划数', '完成数', '差异数', '执行进度']
console.log(Res)
dynamicTable({ dynamicTable({
el: '#productionPlan', el: '#productionPlan',
rowNum: 5, rowNum: 5,
@ -62,7 +60,6 @@ $(() => {
}); });
}, },
error: function (e) { error: function (e) {
console.log(e)
} }
}); });
tableAnimation('#productionPlan') tableAnimation('#productionPlan')

@ -16,6 +16,7 @@ $(()=>{
//库存统计 //库存统计
$.getJSON('/aluminumTank/getMaterialStoreJson', function (result) { $.getJSON('/aluminumTank/getMaterialStoreJson', function (result) {
console.log(result)
multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics")); multipleThreeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
}); });
}) })

@ -55,7 +55,6 @@ const horizontalBarChart = (res, ids) => {
let values = []; let values = [];
function dataFormat(data) { function dataFormat(data) {
let arr = []; let arr = [];
data.forEach(function (item, i) { data.forEach(function (item, i) {
@ -174,10 +173,9 @@ const horizontalBarChart = (res, ids) => {
fontSize: 12, fontSize: 12,
color: "#A8A6AB", color: "#A8A6AB",
textBorderWidth: 2, textBorderWidth: 2,
position:'insideTopLeft', position: 'insideTopLeft',
padding: [-20, 0, 0, 0], padding: [-20, 0, 0, 0],
formatter:function (params) { formatter: function (params) {
console.log(dataFormat(xValue)[params[`dataIndex`]])
return dataFormat(xValue)[params[`dataIndex`]].value return dataFormat(xValue)[params[`dataIndex`]].value
} }
}, },
@ -566,7 +564,6 @@ const threeDimensionalCylindrical = (res, ids) => {
//多个折线面积图 //多个折线面积图
const multipleBrokenLineAreaDiagram = (res, ids) => { const multipleBrokenLineAreaDiagram = (res, ids) => {
let mycharts = echarts.init(ids); let mycharts = echarts.init(ids);
console.log(res);
let option = { let option = {
tooltip: { tooltip: {
@ -1172,15 +1169,15 @@ const bluePolygonHistogram = (res, ids) => {
//多个立体柱状图 //多个立体柱状图
const multipleThreeDimensionalCylindrical = (res, ids) => { const multipleThreeDimensionalCylindrical = (res, ids) => {
let mycharts = echarts.init(ids); let mycharts = echarts.init(ids);
const xValue = res.map(val => val.materialName) const xValue = res.map(val => val.materialName?.split(',')[0] || ' ')
const lineStoreAmount = res.map(val => val.lineStoreAmount) const lineStoreAmount = res.map(val => val.lineStoreAmount) || []
const hullStoreAmount = res.map(val => val.hullStoreAmount) const hullStoreAmount = res.map(val => val.hullStoreAmount || '0')
let lineColor = "#406A92"; let lineColor = "#406A92";
let labelColor = "#fff"; let labelColor = "#fff";
let fontSize = "12"; let fontSize = "12";
let lineWidth = 1; let lineWidth = 1;
let isDataZoom = xValue.length > 3 let isDataZoom = xValue.length > 3
let stepSize = 20 let stepSize = 1 / (xValue.length / 3) * 100
// hullStoreAmount.forEach((val, index) => { // hullStoreAmount.forEach((val, index) => {
// if (val == 0) { // if (val == 0) {
// hullStoreAmount[index] = 0 // hullStoreAmount[index] = 0
@ -1228,6 +1225,7 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
lineHeight: 20, lineHeight: 20,
}, },
axisLabel: { axisLabel: {
interval:0,
color: labelColor, color: labelColor,
fontSize: fontSize, fontSize: fontSize,
margin: 30, margin: 30,
@ -1519,7 +1517,7 @@ const multipleThreeDimensionalCylindrical = (res, ids) => {
}; };
if (isDataZoom) { if (isDataZoom) {
option.dataZoom.push({ option.dataZoom.push({
show:false, show: false,
type: 'slider', type: 'slider',
start: 0, start: 0,
end: stepSize, end: stepSize,
@ -1710,8 +1708,9 @@ const inventory = (res, ids) => {
let barBottomColor = [ let barBottomColor = [
"rgba(2,195,241,0.1)", "rgba(2,195,241,0.1)",
]; ];
const xAxisData = res.map(val => val.materialName) const xAxisData = res.map(val => val.materialName?.split(',')[0] )
const seriesData1 = res.map(val => val.lineStoreAmount) const seriesData1 = res.map(val => val.lineStoreAmount)
console.log(xAxisData,seriesData1)
// Res.forEach((item) => { // Res.forEach((item) => {
// xAxisData.push(item.name); // xAxisData.push(item.name);
// seriesData1.push(item.value); // seriesData1.push(item.value);
@ -2378,8 +2377,8 @@ const energyConsumption = (res, ids) => {
return value + ' °C'; return value + ' °C';
} }
}, },
lineStyle:{ lineStyle: {
color:'#45b685' color: '#45b685'
}, },
data: yAxisDataTwo, data: yAxisDataTwo,
}, },

@ -213,7 +213,6 @@ let dynamicTable = resource => {
} else { } else {
for (let i = 0; i < colWidth.length; i++) { for (let i = 0; i < colWidth.length; i++) {
let emptyUnitColWidth = emptyUnit(colWidth[i]); let emptyUnitColWidth = emptyUnit(colWidth[i]);
console.log(emptyUnitColWidth)
$(`${ele}>.table>.thead>.tr>.th:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`); $(`${ele}>.table>.thead>.tr>.th:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`);
$(`${ele}>.table>.tbody>.tr>.td:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`); $(`${ele}>.table>.tbody>.tr>.td:nth-child(${i+1})`).width(`${emptyUnitColWidth}%`);
} }

@ -13,7 +13,6 @@ const dataInformationFunction = (statusArray) => {
$("#dataInformation").append(info); $("#dataInformation").append(info);
} }
const synthetic = (statusArray,param={a:0,b:0}) => { const synthetic = (statusArray,param={a:0,b:0}) => {
console.log(statusArray);
let info = `<table style="position: absolute;top: 9%;left: 30%;width: 40%;height:7%;"> let info = `<table style="position: absolute;top: 9%;left: 30%;width: 40%;height:7%;">
<tr style="width: 100%; height: 50%;"> <tr style="width: 100%; height: 50%;">
<td style="border:0px solid red;font-size:175%;text-align:center;width: 23%;color: #59B2F6;">${statusArray[0] || 0}</td> <td style="border:0px solid red;font-size:175%;text-align:center;width: 23%;color: #59B2F6;">${statusArray[0] || 0}</td>

Loading…
Cancel
Save