Merge branch 'master' of https://e.coding.net/ctcdevteam/ehs/ehs_web
This commit is contained in:
commit
05ecdf7623
|
|
@ -3019,6 +3019,17 @@ const routes = [
|
|||
perms: ["bigScreenP_dept"],
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: "/bigScreenP_heihua",
|
||||
name: "bigScreenP_heihua",
|
||||
meta: {
|
||||
title: "黑化车间",
|
||||
icon: "el-icon-trend-charts",
|
||||
perms: ["bigScreenP_dept10"],
|
||||
fullpage: true,
|
||||
},
|
||||
component: "bigScreen/index_heihuadept.vue",
|
||||
},
|
||||
{
|
||||
path: "/bigScreenP_10",
|
||||
name: "bigScreenP_10",
|
||||
|
|
@ -3234,6 +3245,72 @@ const routes = [
|
|||
},
|
||||
component: "statistics/stock_statistics.vue",
|
||||
},
|
||||
//合格数统计——光芯
|
||||
{
|
||||
name: "pass_num_gx",
|
||||
path: "/statistic/pass_num_gx",
|
||||
meta: {
|
||||
title: "合格数统计",
|
||||
icon: "el-icon-DataAnalysis",
|
||||
perms: ["pass_num_gx"],
|
||||
},
|
||||
component: "statistics/pass_num_gx.vue",
|
||||
},
|
||||
//任务进度统计——光芯
|
||||
{
|
||||
name: "task_rate_gx",
|
||||
path: "/statistic/task_rate_gx",
|
||||
meta: {
|
||||
title: "任务进度",
|
||||
icon: "el-icon-DataAnalysis",
|
||||
perms: ["task_rate_gx"],
|
||||
},
|
||||
component: "statistics/task_rate_gx.vue",
|
||||
},
|
||||
//库存统计——光芯
|
||||
{
|
||||
path: "/statistic_inm",
|
||||
name: "statistic_inm",
|
||||
meta: {
|
||||
title: "库存统计",
|
||||
icon: "el-icon-trend-charts",
|
||||
perms: ["statistic_inm_gx"],
|
||||
},
|
||||
component: "statistics/statistics_inm.vue",
|
||||
},
|
||||
//过程检验统计——光芯
|
||||
{
|
||||
path: "/process_check_gx",
|
||||
name: "process_check_gx",
|
||||
meta: {
|
||||
title: "过程检验统计",
|
||||
icon: "el-icon-trend-charts",
|
||||
perms: ["process_check_gx"],
|
||||
},
|
||||
component: "statistics/process_check_gx.vue",
|
||||
},
|
||||
//成品检验统计——光芯
|
||||
{
|
||||
path: "/good_check_gx",
|
||||
name: "good_check_gx",
|
||||
meta: {
|
||||
title: "成品检验统计",
|
||||
icon: "el-icon-trend-charts",
|
||||
perms: ["good_check_gx"],
|
||||
},
|
||||
component: "statistics/good_check_gx.vue",
|
||||
},
|
||||
//扫边车间数据汇总——光芯
|
||||
// {
|
||||
// path: "/statistics_saobian",
|
||||
// name: "statistics_saobian",
|
||||
// meta: {
|
||||
// title: "扫边车间统计",
|
||||
// icon: "el-icon-trend-charts",
|
||||
// perms: ["statistic_inm"],
|
||||
// },
|
||||
// component: "statistics/statistics_saobian.vue",
|
||||
// },
|
||||
//综合查询
|
||||
{
|
||||
name: "total_statistics",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,992 @@
|
|||
<template>
|
||||
<el-container class="dashboard">
|
||||
<el-header class="header">
|
||||
<div class="title">黑化车间生产数据看板</div>
|
||||
<div class="timer">{{ currentDay }} {{ currentTime }}</div>
|
||||
</el-header>
|
||||
<el-main>
|
||||
<!-- 黑化 -->
|
||||
<el-row style="height: 30%" :gutter="10">
|
||||
<el-col :xs="7" :md="7" style="height: 100%">
|
||||
<div class="box">
|
||||
<div class="boxtitle bgimg">
|
||||
<div class="boxlabel">昨日黑化合格统计</div>
|
||||
</div>
|
||||
<div style="height: 4px"></div>
|
||||
<div class="boxmain bigdata border">
|
||||
<div v-for="item in yesHeihuaData" :key="item.物料名" class="lineDiv">
|
||||
<span>{{ item.物料名 }}</span>
|
||||
<span class="boxmainItemNumber">{{item.合格数}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="7" :md="7">
|
||||
<div class="box">
|
||||
<div class="boxtitle">
|
||||
<div class="boxlabel">
|
||||
昨日黑化不合格统计
|
||||
</div>
|
||||
</div>
|
||||
<div class="boxmain" id="pieChart1"></div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="10" :md="10" style="height: 100%">
|
||||
<div class="box">
|
||||
<div class="boxtitle">
|
||||
<div class="boxlabel">黑化任务进度</div>
|
||||
</div>
|
||||
<div style="height: 2px"></div>
|
||||
<div class="boxmain" id="scrollContainer">
|
||||
<scScrollTavle
|
||||
v-if="table1Visible"
|
||||
:tableHeight="tableHeight"
|
||||
:rowData="processData1"
|
||||
:titleData="liData"
|
||||
:refValue="refValue1"
|
||||
></scScrollTavle>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="height: 0.3%"></div>
|
||||
<!-- 退火 -->
|
||||
<el-row style="height: 30%" :gutter="10">
|
||||
<el-col :xs="7" :md="7" style="height: 100%">
|
||||
<div class="box">
|
||||
<div class="boxtitle bgimg">
|
||||
<div class="boxlabel">昨日退火合格统计</div>
|
||||
</div>
|
||||
<div style="height: 4px"></div>
|
||||
<div class="boxmain bigdata border">
|
||||
<!-- flex_center -->
|
||||
<div v-for="item in yesTuihuoData" :key="item.物料名" class="lineDiv">
|
||||
<span>{{ item.物料名 }}</span>
|
||||
<span class="boxmainItemNumber">{{item.合格数}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="7" :md="7">
|
||||
<div class="box">
|
||||
<div class="boxtitle">
|
||||
<div class="boxlabel">
|
||||
昨日退火不合格统计
|
||||
</div>
|
||||
</div>
|
||||
<div class="boxmain" id="pieChart2"></div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="10" :md="10" style="height: 100%">
|
||||
<div class="box">
|
||||
<div class="boxtitle">
|
||||
<div class="boxlabel">退火任务进度</div>
|
||||
</div>
|
||||
<div style="height: 2px"></div>
|
||||
<div class="boxmain" id="scrollContainer">
|
||||
<scScrollTavle
|
||||
v-if="table2Visible"
|
||||
:tableHeight="tableHeight"
|
||||
:rowData="processData2"
|
||||
:titleData="liData"
|
||||
:refValue="refValue2"
|
||||
></scScrollTavle>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 合格数/合格率 -->
|
||||
<div style="height: 0.3%"></div>
|
||||
<el-row style="height: 39%" :gutter="10">
|
||||
<el-col :xs="24" :md="12">
|
||||
<div class="box">
|
||||
<div class="boxtitle">
|
||||
<div class="boxlabel">黑化车间本月合格数统计</div>
|
||||
</div>
|
||||
<div class="boxmain" id="chart1"></div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :md="12">
|
||||
<div class="box">
|
||||
<div class="boxtitle">
|
||||
<div class="boxlabel">黑化车间本月合格率统计</div>
|
||||
</div>
|
||||
<div class="boxmain" id="chart2"></div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as echarts from "echarts";
|
||||
import scScrollTavle from "@/components/scScrollTable.vue";
|
||||
function deepCopy(obj) {
|
||||
return JSON.parse(JSON.stringify(obj));
|
||||
}
|
||||
export default {
|
||||
components: { scScrollTavle },
|
||||
data() {
|
||||
return {
|
||||
basicOption: {
|
||||
backgroundColor: "",
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
type: "cross",
|
||||
label: {
|
||||
backgroundColor: "#6a7985",
|
||||
},
|
||||
},
|
||||
},
|
||||
legend: {
|
||||
icon: "stack",
|
||||
right: 0,
|
||||
data: [
|
||||
{
|
||||
backgroundColor: "rgb(1,235,239)",
|
||||
name: "黑化",
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(250,205,0)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(254,129,0)",
|
||||
},
|
||||
]
|
||||
),
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
},
|
||||
{
|
||||
backgroundColor: "rgb(250,205,0)",
|
||||
name: "退火",
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(1,235,239)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(5, 158, 163)",
|
||||
},
|
||||
]
|
||||
),
|
||||
},
|
||||
textStyle: {
|
||||
color: "#fff",
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
// saveAsImage: {}
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
right: "2%",
|
||||
bottom: "3%",
|
||||
containLabel: true,
|
||||
},
|
||||
xAxis: {
|
||||
type: "category",
|
||||
boundaryGap: true,
|
||||
data: [],
|
||||
nameTextStyle: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
axisLabel: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: "",
|
||||
type: "value",
|
||||
nameTextStyle: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
axisLabel: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
splitLine: {
|
||||
show: false,
|
||||
lineStyle: {
|
||||
type: "dashed", //y轴分割线类型
|
||||
color: "rgba(102,102,102,0.9)",
|
||||
width: 1,
|
||||
},
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "黑化",
|
||||
type: "bar",
|
||||
// stack: "Ad",
|
||||
barWidth: 10,
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
position: "top",
|
||||
color: "#fff",
|
||||
},
|
||||
itemStyle: {
|
||||
borderRadius: [5, 5, 0, 0],
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(250,205,0)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(254,129,0)",
|
||||
},
|
||||
]
|
||||
),
|
||||
},
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(250,205,0)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(254,129,0)",
|
||||
},
|
||||
]
|
||||
),
|
||||
},
|
||||
smooth: true,
|
||||
// lineStyle: {
|
||||
// width: 1,
|
||||
// color: "rgb(1,235,239)",
|
||||
// },
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "退火",
|
||||
type: "bar",
|
||||
// stack: "Ad",
|
||||
barWidth: 10,
|
||||
emphasis: {
|
||||
focus: "series",
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
position: "top",
|
||||
color: "#fff",
|
||||
},
|
||||
itemStyle: {
|
||||
borderRadius: [5, 5, 0, 0],
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(1,235,239)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(5, 158, 163)",
|
||||
},
|
||||
]
|
||||
),
|
||||
},
|
||||
areaStyle: {
|
||||
opacity: 0.8,
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: "rgb(1,235,239)",
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "rgb(5, 158, 163)",
|
||||
},
|
||||
]
|
||||
),
|
||||
},
|
||||
smooth: true,
|
||||
// lineStyle: {
|
||||
// width: 1,
|
||||
// color: "rgb(1,235,239)",
|
||||
// },
|
||||
data: [10,50,80,60,65,58,70,80,90,100,110,120],
|
||||
},
|
||||
],
|
||||
},
|
||||
pieOption: {
|
||||
backgroundColor: "",
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
},
|
||||
legend: {
|
||||
top: "bottom",
|
||||
},
|
||||
series: {
|
||||
name: "不合格统计",
|
||||
type: "pie",
|
||||
radius: "50%",
|
||||
itemStyle: {
|
||||
borderRadius: 2,
|
||||
},
|
||||
center: ["50%", "45%"],
|
||||
data: [
|
||||
{ value: 0, name: "划伤" },
|
||||
{ value: 0, name: "气泡" },
|
||||
{ value: 0, name: "水纹" },
|
||||
{ value: 0, name: "崩边" },
|
||||
{ value: 0, name: "雾面" },
|
||||
{ value: 0, name: "麻点" },
|
||||
{ value: 0, name: "线痕" },
|
||||
{ value: 0, name: "破损" },
|
||||
{ value: 0, name: "其他" },
|
||||
],
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: "rgba(0, 0, 0, 0.5)",
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
tableHeight: 100,
|
||||
table1Visible: false,
|
||||
table2Visible: false,
|
||||
refValue1: "moocBox1",
|
||||
refValue2: "moocBox2",
|
||||
liData: ["序号","产出名称","规格","型号","开始时间","结束时间","完成进度","产量","状态"],
|
||||
processData1: [],
|
||||
processData2: [],
|
||||
todayMtask: [],
|
||||
speed: 2000,
|
||||
myScroll: null,
|
||||
iliHeight: 30,
|
||||
time: null,
|
||||
delay: 20,
|
||||
start_date: "",
|
||||
end_date: "",
|
||||
yesterday: "",
|
||||
dayInterval: null,
|
||||
chartInterval1: null,
|
||||
chartInterval2: null,
|
||||
chartInterval3: null,
|
||||
stateOption: {
|
||||
30: "生产中",
|
||||
40: "已完成",
|
||||
},
|
||||
currentTime: "",
|
||||
currentDay: "",
|
||||
today: "",
|
||||
yesterdayObjet: {},
|
||||
yesHeihuaData:[
|
||||
{年: 2024, 月: 7, 日: 5, 物料名: "CNC_黑化", 生产数: 260, 合格数: 240, 不合格数: 0, 划伤: 0, 气泡: 0, 水纹: 0, 崩边: 0, 雾面: 0,麻点:0},
|
||||
],
|
||||
yesTuihuoData:[
|
||||
{年: 2024, 月: 7, 日: 5, 物料名: "CNC_退火", 生产数: 250, 合格数: 240, 不合格数: 0, 划伤: 0, 气泡: 0, 水纹: 0, 崩边: 0, 雾面: 0,麻点:0},
|
||||
],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
//表格table的高度
|
||||
this.tableHeight = document.getElementById("scrollContainer").clientHeight;
|
||||
this.table1Visible = true;
|
||||
this.table2Visible = true;
|
||||
|
||||
this.showTime();
|
||||
this.dayInterval = setInterval(() => {
|
||||
this.showTime();
|
||||
}, 1000);
|
||||
let date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
let days = new Date(year, month, 0).getDate();
|
||||
this.days = days;
|
||||
this.currentYear = year;
|
||||
this.currentMonth = month;
|
||||
this.currentDay = day;
|
||||
month = month < 10 ? "0" + month : month;
|
||||
this.start_date = year + "-" + month + "-01";
|
||||
this.end_date =
|
||||
year + "-" + month + "-" + new Date(year, month, 0).getDate();
|
||||
this.today = year + "-" + month + "-" + day;
|
||||
let yesterday = new Date(date.getTime() - 24 * 60 * 60 * 1000);
|
||||
this.yesterday =
|
||||
yesterday.getFullYear() +
|
||||
"-" +
|
||||
(yesterday.getMonth() + 1) +
|
||||
"-" +
|
||||
yesterday.getDate();
|
||||
this.getProductLine1();
|
||||
// this.getProductLine2();
|
||||
this.getMtask1();
|
||||
this.getMtask2();
|
||||
},
|
||||
methods: {
|
||||
//时间
|
||||
showTime() {
|
||||
this.currentTime = this.$TOOL.dateFormat(new Date(), "hh:mm:ss");
|
||||
this.currentDay = this.$TOOL.dateFormat(
|
||||
new Date(),
|
||||
"yyyy年MM月dd日"
|
||||
);
|
||||
},
|
||||
setChart(name, option = null) {
|
||||
// 根据name 渲染数据, option需填写，否则option为模拟数据
|
||||
var myChart = echarts.getInstanceByDom(
|
||||
document.getElementById(name)
|
||||
);
|
||||
if (myChart == undefined) {
|
||||
myChart = echarts.init(document.getElementById(name), "dark", {
|
||||
renderer: "svg",
|
||||
});
|
||||
}
|
||||
if (option == null) {
|
||||
option = Object.assign({}, this.basicOption);
|
||||
}
|
||||
setTimeout(() => {
|
||||
try {
|
||||
myChart.setOption(option);
|
||||
} catch (error) {}
|
||||
}, 500);
|
||||
return myChart;
|
||||
},
|
||||
//黑化合格数统计
|
||||
getProductLine1() {
|
||||
let that = this;
|
||||
let obj = {
|
||||
query: {
|
||||
start_date: that.start_date,
|
||||
end_date: that.end_date,
|
||||
mgroup_name: "黑化",
|
||||
"group_bys_material": "",
|
||||
"order_bys_material": "",
|
||||
"select_cols_material": "",
|
||||
},
|
||||
};
|
||||
that.$API.bi.dataset.exec.req("lineDay_m", obj).then((res) => {
|
||||
console.log("本月黑化生产统计:", res);
|
||||
let list2 = res.data2.ds0;
|
||||
let seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [];
|
||||
for (let i = 0; i < that.days; i++) {
|
||||
seriesData1[i] = 0;
|
||||
seriesData2[i] = 0;
|
||||
}
|
||||
if (list2.length > 0) {
|
||||
list2.forEach((item2) => {
|
||||
let index2 = item2.日 - 1;
|
||||
//合格率=当天的合格数/当天的总生产数
|
||||
seriesData1[index2] += item2.合格数;
|
||||
seriesData2[index2] += item2.生产数;
|
||||
});
|
||||
}
|
||||
for (let i = 0; i < that.days; i++) {
|
||||
if(seriesData2[i]>0&&seriesData1[i] >=0){
|
||||
seriesData3[i] = Math.round(seriesData1[i]/seriesData2[i])*100 ;
|
||||
}else{
|
||||
seriesData3[i]=0;
|
||||
}
|
||||
}
|
||||
let chart1Option = deepCopy(this.basicOption);
|
||||
let chart2Option = deepCopy(this.basicOption);
|
||||
|
||||
|
||||
chart1Option.series[0].data = seriesData1;
|
||||
chart2Option.series[0].type = 'line';
|
||||
chart2Option.series[0].data = seriesData3;
|
||||
that.getProductLine2(chart1Option,chart2Option);
|
||||
});
|
||||
|
||||
//黑化生产昨日统计
|
||||
let obj2 = {
|
||||
query: {
|
||||
start_date: that.yesterday,
|
||||
end_date: that.yesterday,
|
||||
mgroup_name: "黑化",
|
||||
"group_bys_material": "",
|
||||
"order_bys_material": "",
|
||||
"select_cols_material": "",
|
||||
},
|
||||
};
|
||||
that.$API.bi.dataset.exec.req("lineDay_m", obj2).then((res2) => {
|
||||
// console.log("黑化生产昨日统计:", res2);
|
||||
that.yesHeihuaData = res2.data2.ds0;
|
||||
let pieOption = deepCopy(that.pieOption);
|
||||
if (res2.data2.ds0.length > 0) {
|
||||
res2.data2.ds0.forEach((item) => {
|
||||
pieOption.series.data[0].value += item.划伤;
|
||||
pieOption.series.data[1].value += item.气泡;
|
||||
pieOption.series.data[2].value = item.水纹;
|
||||
pieOption.series.data[3].value = item.崩边;
|
||||
pieOption.series.data[4].value = item.雾面;
|
||||
pieOption.series.data[5].value = item.麻点;
|
||||
pieOption.series.data[5].value = item.线痕;
|
||||
pieOption.series.data[5].value = item.破损;
|
||||
pieOption.series.data[5].value = item.其他;
|
||||
});
|
||||
}
|
||||
let pieChart1 = this.setChart("pieChart1", pieOption);
|
||||
let index1 = 0;
|
||||
this.chartInterval3 = setInterval(function () {
|
||||
if (index1 < that.pieOption.series.data.length) {
|
||||
pieChart1.dispatchAction({
|
||||
type: "downplay",
|
||||
seriesIndex: 0,
|
||||
});
|
||||
pieChart1.dispatchAction({
|
||||
type: "highlight",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index1,
|
||||
});
|
||||
pieChart1.dispatchAction({
|
||||
type: "showTip",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index1,
|
||||
});
|
||||
index1++;
|
||||
} else {
|
||||
index1 = 0;
|
||||
}
|
||||
}, 3000);
|
||||
debugger;
|
||||
});
|
||||
},
|
||||
//退火合格数统计
|
||||
getProductLine2(chart1Option,chart2Option) {
|
||||
let that = this;
|
||||
let obj = {
|
||||
query: {
|
||||
start_date: that.start_date,
|
||||
end_date: that.end_date,
|
||||
mgroup_name: "退火",
|
||||
"group_bys_material": "",
|
||||
"order_bys_material": "",
|
||||
"select_cols_material": "",
|
||||
},
|
||||
};
|
||||
that.$API.bi.dataset.exec.req("lineDay_m", obj).then((res) => {
|
||||
// console.log("本月退火生产统计:", res);
|
||||
let list = res.data2.ds0;
|
||||
let seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
xAxisData = [];
|
||||
for (let i = 0; i < that.days; i++) {
|
||||
let day = i + 1;
|
||||
let text = day + "日";
|
||||
xAxisData[i] = text;
|
||||
seriesData1[i] = 0;
|
||||
seriesData2[i] = 0;
|
||||
}
|
||||
if (list.length > 0) {
|
||||
list.forEach((item2) => {
|
||||
let index2 = item2.日 - 1;
|
||||
seriesData1[index2] += item2.合格数;
|
||||
seriesData2[index2] += item2.生产数;
|
||||
});
|
||||
}
|
||||
for (let i = 0; i < that.days; i++) {
|
||||
if(seriesData2[i]>0&&seriesData1[i] >=0){
|
||||
seriesData3[i] = Math.round(seriesData1[i]/seriesData2[i])*100 ;
|
||||
}else{
|
||||
seriesData3[i]=0;
|
||||
}
|
||||
}
|
||||
chart1Option.xAxis.data = xAxisData;
|
||||
chart2Option.xAxis.data = xAxisData;
|
||||
|
||||
|
||||
chart1Option.series[1].data = seriesData1;
|
||||
chart2Option.series[1].type = 'line';
|
||||
chart2Option.series[1].data = seriesData3;
|
||||
|
||||
let chart1 = this.setChart("chart1", chart1Option);
|
||||
let chart2 = this.setChart("chart2", chart2Option);
|
||||
|
||||
let index2 = 0;
|
||||
this.chartInterval2 = setInterval(function () {
|
||||
if (index2 < chart1Option.series[0].data.length) {
|
||||
chart2.dispatchAction({
|
||||
type: "downplay",
|
||||
seriesIndex: 0,
|
||||
});
|
||||
chart2.dispatchAction({
|
||||
type: "highlight",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index2,
|
||||
});
|
||||
chart2.dispatchAction({
|
||||
type: "showTip",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index2,
|
||||
});
|
||||
chart1.dispatchAction({
|
||||
type: "downplay",
|
||||
seriesIndex: 0,
|
||||
});
|
||||
chart1.dispatchAction({
|
||||
type: "highlight",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index2,
|
||||
});
|
||||
chart1.dispatchAction({
|
||||
type: "showTip",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index2,
|
||||
});
|
||||
index2++;
|
||||
} else {
|
||||
index2 = 0;
|
||||
}
|
||||
}, 3000);
|
||||
});
|
||||
|
||||
//车间生产昨日统计
|
||||
let obj2 = {
|
||||
query: {
|
||||
start_date: that.yesterday,
|
||||
end_date: that.yesterday,
|
||||
mgroup_name: "退火",
|
||||
"group_bys_material": "",
|
||||
"order_bys_material": "",
|
||||
"select_cols_material": "",
|
||||
},
|
||||
};
|
||||
that.$API.bi.dataset.exec.req("lineDay_m", obj2).then((res2) => {
|
||||
// console.log("车间生产昨日统计:", res2);
|
||||
that.yesTuihuoData = res2.data2.ds0;
|
||||
let pieOption = deepCopy(that.pieOption);
|
||||
if (res2.data2.ds0.length > 0) {
|
||||
res2.data2.ds0.forEach((item) => {
|
||||
pieOption.series.data[0].value += item.划伤;
|
||||
pieOption.series.data[1].value += item.气泡;
|
||||
pieOption.series.data[2].value = item.水纹;
|
||||
pieOption.series.data[3].value = item.崩边;
|
||||
pieOption.series.data[4].value = item.雾面;
|
||||
pieOption.series.data[5].value = item.麻点;
|
||||
pieOption.series.data[5].value = item.线痕;
|
||||
pieOption.series.data[5].value = item.破损;
|
||||
pieOption.series.data[5].value = item.其他;
|
||||
});
|
||||
}
|
||||
let pieChart2 = this.setChart("pieChart2", pieOption);
|
||||
let index2 = 0;
|
||||
this.chartInterval3 = setInterval(function () {
|
||||
if (index2 < pieOption.series.data.length) {
|
||||
pieChart2.dispatchAction({
|
||||
type: "downplay",
|
||||
seriesIndex: 0,
|
||||
});
|
||||
pieChart2.dispatchAction({
|
||||
type: "highlight",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index2,
|
||||
});
|
||||
pieChart2.dispatchAction({
|
||||
type: "showTip",
|
||||
seriesIndex: 0,
|
||||
dataIndex: index2,
|
||||
});
|
||||
index2++;
|
||||
} else {
|
||||
index2 = 0;
|
||||
}
|
||||
}, 3000);
|
||||
debugger;
|
||||
});
|
||||
},
|
||||
//黑化任务进度
|
||||
getMtask1() {
|
||||
let that = this;
|
||||
that.$API.mtm.mgroup.list.req({ page: 0, search: '黑化'})
|
||||
.then((res) => {
|
||||
if(res.length != 1){
|
||||
that.$message.error("获取工段错误");
|
||||
return;
|
||||
}
|
||||
let mgroup = res[0].id;
|
||||
let obj = {};
|
||||
// obj.start_date__gte = this.start_date;
|
||||
// obj.end_date__lte = this.end_date;
|
||||
obj.mgroup = mgroup;
|
||||
obj.page = 0;
|
||||
that.$API.pm.mtask.list.req(obj).then((res) => {
|
||||
let processData = [];
|
||||
res.forEach((item) => {
|
||||
let arr = [],
|
||||
obj1 = {},
|
||||
obj2 = {},
|
||||
obj3 = {},
|
||||
obj4 = {},
|
||||
obj5 = {},
|
||||
obj6 = {},
|
||||
obj7 = {},
|
||||
obj8 = {};
|
||||
obj1.elType = "primary";
|
||||
obj1.value = item.material_out_.name;
|
||||
obj2.elType = "primary";
|
||||
obj2.value = item.material_out_.specification;
|
||||
obj8.elType = "primary";
|
||||
obj8.value = item.material_out_.model;
|
||||
obj3.elType = "primary";
|
||||
obj3.value = item.start_date;
|
||||
obj4.elType = "primary";
|
||||
obj4.value = item.end_date;
|
||||
obj5.elType = "progress";
|
||||
let process = Math.round(
|
||||
(item.count_ok / item.count) * 100
|
||||
);
|
||||
obj5.value = process;
|
||||
obj6.elType = "primary";
|
||||
obj6.value = item.count_ok;
|
||||
obj7.elType = "tag";
|
||||
obj7.value = item.state;
|
||||
arr.push(obj1);
|
||||
arr.push(obj2);
|
||||
arr.push(obj8);
|
||||
arr.push(obj3);
|
||||
arr.push(obj4);
|
||||
arr.push(obj5);
|
||||
arr.push(obj6);
|
||||
arr.push(obj7);
|
||||
processData.push(arr);
|
||||
});
|
||||
this.processData1 = processData;
|
||||
});
|
||||
});
|
||||
},
|
||||
//退火任务进度
|
||||
getMtask2() {
|
||||
let that = this;
|
||||
that.$API.mtm.mgroup.list.req({ page: 0, search: '退火'})
|
||||
.then((res) => {
|
||||
if(res.length != 1){
|
||||
that.$message.error("获取工段错误");
|
||||
return;
|
||||
}
|
||||
let mgroup = res[0].id;
|
||||
let obj = {};
|
||||
// obj.start_date__gte = this.start_date;
|
||||
// obj.end_date__lte = this.end_date;
|
||||
obj.mgroup = mgroup;
|
||||
obj.page = 0;
|
||||
that.$API.pm.mtask.list.req(obj).then((res) => {
|
||||
let processData = [];
|
||||
res.forEach((item) => {
|
||||
let arr = [],
|
||||
obj1 = {},
|
||||
obj2 = {},
|
||||
obj3 = {},
|
||||
obj4 = {},
|
||||
obj5 = {},
|
||||
obj6 = {},
|
||||
obj7 = {},
|
||||
obj8 = {};
|
||||
obj1.elType = "primary";
|
||||
obj1.value = item.material_out_.name;
|
||||
obj2.elType = "primary";
|
||||
obj2.value = item.material_out_.specification;
|
||||
obj8.elType = "primary";
|
||||
obj8.value = item.material_out_.model;
|
||||
obj3.elType = "primary";
|
||||
obj3.value = item.start_date;
|
||||
obj4.elType = "primary";
|
||||
obj4.value = item.end_date;
|
||||
obj5.elType = "progress";
|
||||
let process = Math.round(
|
||||
(item.count_ok / item.count) * 100
|
||||
);
|
||||
obj5.value = process;
|
||||
obj6.elType = "primary";
|
||||
obj6.value = item.count_ok;
|
||||
obj7.elType = "tag";
|
||||
obj7.value = item.state;
|
||||
arr.push(obj1);
|
||||
arr.push(obj2);
|
||||
arr.push(obj8);
|
||||
arr.push(obj3);
|
||||
arr.push(obj4);
|
||||
arr.push(obj5);
|
||||
arr.push(obj6);
|
||||
arr.push(obj7);
|
||||
processData.push(arr);
|
||||
});
|
||||
this.processData2 = processData;
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
@font-face {
|
||||
font-family: "myfont";
|
||||
/* 字体名称 */
|
||||
src: url("../../utils/youShe.ttf");
|
||||
/* 字体文件相对路径 */
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
background-image: url("/public/img/photon_bg.png");
|
||||
color: #fff;
|
||||
font-family: "Microsoft Yahei" !important;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: url("/public/img/photon_header.png");
|
||||
border-bottom: none;
|
||||
background-size: 100% 100%;
|
||||
font-size: 26px;
|
||||
display: block;
|
||||
height: 80px;
|
||||
color: rgb(149, 255, 255);
|
||||
font-family: "Microsoft Yahei";
|
||||
text-align: center;
|
||||
padding: 12px 0px;
|
||||
}
|
||||
.header > .title {
|
||||
font-weight: bold;
|
||||
font-family: "myfont";
|
||||
font-size: 32px;
|
||||
}
|
||||
.header > .timer {
|
||||
font-size: 14px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.box {
|
||||
background: rgba(10, 63, 68, 0.5);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.boxtitle {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
height: 36px;
|
||||
background: linear-gradient(
|
||||
40deg,
|
||||
rgba(11, 101, 140, 0.451),
|
||||
rgba(0, 34, 48, 0.335),
|
||||
rgba(11, 101, 140, 0.451)
|
||||
);
|
||||
}
|
||||
|
||||
.bgimg {
|
||||
background-image: url("https://cdn-upload.datav.aliyun.com/upload/download/1678762309227-E6RP8z2R.png");
|
||||
background-size: 140% 100%;
|
||||
}
|
||||
|
||||
.boxlabel {
|
||||
margin-left: 6px;
|
||||
font-size: 18px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.boxmain {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
.lineDiv {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.boxmainItemNumber {
|
||||
color: rgb(42,234,200);
|
||||
margin-left: 10px;
|
||||
font-weight: bold;
|
||||
font-face:24px;
|
||||
font-family: electronicFont;
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
.boxmain {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.flex_center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.border {
|
||||
border: 1px dashed #49bcf7;
|
||||
}
|
||||
|
||||
.bigdata {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.marquee_top {
|
||||
transition: all 0.5s ease-in-out;
|
||||
margin-top: -26px;
|
||||
}
|
||||
|
||||
.totall {
|
||||
color: #fff;
|
||||
background-color: rgb(10, 63, 68);
|
||||
}
|
||||
|
||||
.rollData {
|
||||
background-color: rgb(10, 39, 50);
|
||||
}
|
||||
|
||||
.rollData:nth-of-type(2n + 1) {
|
||||
background-color: rgb(0, 59, 81);
|
||||
}
|
||||
.halfBox {
|
||||
height: 50%;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -171,6 +171,14 @@ export default {
|
|||
}
|
||||
return classInfo;
|
||||
},
|
||||
precen(a, b) {
|
||||
if (b !== 0 && b !== null && a !== null) {
|
||||
let precen = (a / b)* 100;
|
||||
return precen.toFixed(2) + "%";
|
||||
} else {
|
||||
return "/";
|
||||
}
|
||||
},
|
||||
getData() {
|
||||
let that = this;
|
||||
let query0 = {};
|
||||
|
|
@ -255,11 +263,11 @@ export default {
|
|||
//环比增长率（%）
|
||||
let lastRate = 0;
|
||||
if (
|
||||
lastDiff == "/" &&
|
||||
lastDiff !== "/" &&
|
||||
lastNum !== "/" &&
|
||||
lastNum !== 0
|
||||
) {
|
||||
lastRate = (lastDiff / lastNum) * 100;
|
||||
lastRate = this.precen(lastDiff, lastNum);
|
||||
} else {
|
||||
lastRate = "/";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -136,11 +136,11 @@ export default {
|
|||
params.year = that.query.year_s;
|
||||
params.mgroup = that.query.mgroup;
|
||||
this.$API.mtm.goal.list.req(params).then((res) => {
|
||||
let data = [];
|
||||
if (res.length > 0) {
|
||||
data = res[0];
|
||||
}
|
||||
that.getData(data);
|
||||
// let data = [];
|
||||
// if (res.length > 0) {
|
||||
// this.data = res;
|
||||
// }
|
||||
that.getData(res);
|
||||
});
|
||||
},
|
||||
getData(goalData) {
|
||||
|
|
@ -215,46 +215,81 @@ export default {
|
|||
? item.入窑生料_Fe2O3_rate_pass
|
||||
: "/";
|
||||
arr[8] =
|
||||
item.入窑生料_细度_rate_pass != null
|
||||
? item.入窑生料_细度_rate_pass
|
||||
item.出磨煤粉_细度_rate_pass != null
|
||||
? item.出磨煤粉_细度_rate_pass
|
||||
: "/";
|
||||
arr[9] =
|
||||
item.入窑生料_水分_rate_pass != null
|
||||
? item.入窑生料_水分_rate_pass
|
||||
item.出磨煤粉_水分_rate_pass != null
|
||||
? item.出磨煤粉_水分_rate_pass
|
||||
: "/";
|
||||
arr[10] =
|
||||
item.熟料_立升重_rate_pass != null
|
||||
? item.熟料_立升重_rate_pass
|
||||
item.出窑熟料_立升重_rate_pass != null
|
||||
? item.出窑熟料_立升重_rate_pass
|
||||
: "/";
|
||||
arr[11] =
|
||||
item.熟料_fCaO_rate_pass != null
|
||||
? item.熟料_fCaO_rate_pass
|
||||
item.出窑熟料_fCaO_rate_pass != null
|
||||
? item.出窑熟料_fCaO_rate_pass
|
||||
: "/";
|
||||
|
||||
//煤耗
|
||||
arr[12] = item.elec_consume_unit; //当期值（KW·h/t）
|
||||
let keyVale = "goal_val_" + n;
|
||||
arr[5] = goalData[keyVale]; //目标值（KW·h/t）//需要接口获取
|
||||
arr[6] = arr[4] - item.celec_consume_unit; //当期与目标差值（KW·h/t）
|
||||
arr[12] = item.coal_consume_unit; //当期值（KW·h/t）
|
||||
let keyValue = "goal_val_" + n;
|
||||
if (goalData.length > 0){
|
||||
goalData.forEach((item) => {
|
||||
if (item.id == "3638341891940192256") {
|
||||
arr[13] = item[keyValue]; //目标值（KW·h/t）//需要接口获取
|
||||
}else if (item.id == "3637651365016526848"){
|
||||
arr[25] = item[keyValue]; //目标值（KW·h/t）//需要接口获取
|
||||
}
|
||||
});
|
||||
};
|
||||
let dq = 0
|
||||
if (arr[13] !== null && arr[13] !== undefined){
|
||||
dq = arr[12] - arr[13]; //当期与目标差值（KW·h/t）
|
||||
}else{
|
||||
dq == "/"
|
||||
};
|
||||
arr[14] = dq; //当期与目标差值
|
||||
let ind_pre = 0,
|
||||
huanbi = 0;
|
||||
if (item.month_s == 1) {
|
||||
ind_pre = 12;
|
||||
huanbi = wrapArr0[ind_pre]
|
||||
? wrapArr0[ind_pre].elec_consume_unit
|
||||
? wrapArr0[ind_pre].coal_consume_unit
|
||||
: "/";
|
||||
} else {
|
||||
ind_pre = ind - 1;
|
||||
huanbi = wrapArr[ind_pre]
|
||||
? wrapArr[ind_pre].elec_consume_unit
|
||||
? wrapArr[ind_pre].elec_consume_unit
|
||||
? wrapArr[ind_pre].coal_consume_unit
|
||||
? wrapArr[ind_pre].coal_consume_unit
|
||||
: "/"
|
||||
: "/";
|
||||
}
|
||||
arr[15] = huanbi; //环期值（KW·h/t）上个月的值
|
||||
arr[16] = item.celec_consume_unit; //当期与环期差值（KW·h/t）
|
||||
arr[17] = item.celec_consume_unit; //环比增长率（%）
|
||||
arr[18] = item.celec_consume_unit; //同比增长率（%）
|
||||
if(huanbi !=="/"){
|
||||
arr[16] = arr[12] - huanbi; //当期与环期差值（KW·h/t）
|
||||
}else{
|
||||
arr[16] = "/"
|
||||
};
|
||||
if (arr[15] !== "/"&& arr[15]!== 0 && arr[16]!=="/") {
|
||||
arr[17] = (arr[16] / arr[15]) * 100; //环比增长率（%）
|
||||
} else{
|
||||
arr[17] = "/"
|
||||
};
|
||||
let sameRate = 0;
|
||||
if (
|
||||
wrapArr0[ind] &&
|
||||
wrapArr0[ind].coal_consume_unit
|
||||
) {
|
||||
sameRate =
|
||||
((arrs[1] -
|
||||
wrapArr0[ind].coal_consume_unit) /
|
||||
wrapArr0[ind].coal_consume_unit) *
|
||||
100;
|
||||
} else {
|
||||
sameRate = "/";
|
||||
}
|
||||
arr[18] = sameRate; ///同比增长率（%）需要当前值/ 上一年同一个月的值即wrapArr0[ind].elec_consume_unit
|
||||
//电耗
|
||||
//设备
|
||||
arr[19] =
|
||||
|
|
@ -278,8 +313,10 @@ export default {
|
|||
? item.窑头排风机_consume_unit
|
||||
: "/";
|
||||
arr[24] = item.elec_consume_unit; //当期值（KW·h/t）
|
||||
arr[25] = item.celec_consume_unit; //目标值（KW·h/t）//需要接口获取
|
||||
arr[26] = item.celec_consume_unit; //当期与目标差值（KW·h/t）
|
||||
// arr[25] = item.celec_consume_unit; //目标值（KW·h/t）//需要接口获取
|
||||
if (item.elec_consume_unit != null &&item.elec_consume_unit !== "/"){
|
||||
arr[26] = arr[24]-arr[25] //当期与目标差值（KW·h/t）
|
||||
}
|
||||
let ind_pre1 = 0,
|
||||
huanbi1 = 0;
|
||||
if (item.month_s == 1) {
|
||||
|
|
@ -296,13 +333,18 @@ export default {
|
|||
: "/";
|
||||
}
|
||||
arr[27] = huanbi; //环期值（KW·h/t）上个月的值
|
||||
arr[28] = item.celec_consume_unit; //当期与环期差值（KW·h/t）
|
||||
arr[29] = item.celec_consume_unit; //环比增长率（%）
|
||||
if(arr[27]!=="/" && huanbi1!=="/"){
|
||||
arr[28] = arr[24] - huanbi1; //当期与环期差值（KW·h/t）
|
||||
}else{
|
||||
arr[28] = "/"
|
||||
}
|
||||
if(arr[28]!=="/" && huanbi1!=="/"){
|
||||
arr[29] = (arr[28] / huanbi1) * 100; //环比增长率（%）
|
||||
}else{
|
||||
arr[29] = "/"}; //环比增长率（%）
|
||||
arr[30] = item.celec_consume_unit; //同比增长率（%）
|
||||
arr[31] = item.celec_consume_unit; //同比增长率（%）
|
||||
wrapArr[ind] = arr;
|
||||
});
|
||||
console.log(wrapArr);
|
||||
that.tableDatas = wrapArr;
|
||||
} else {
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,8 +38,9 @@
|
|||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="item in tableDatas" :key="item">
|
||||
<td class="numCell">{{ item[0] }}</td>
|
||||
<tr v-for="(item, index) in tableDatas" :key="item">
|
||||
<td rowspan="8" v-if="index == 0" class="numCell">{{ item[0] }}</td>
|
||||
<td v-else-if="index==8||index==9" class="numCell">{{ item[0] }}</td>
|
||||
<td class="numCell">{{ item[1] }}</td>
|
||||
<td
|
||||
class="numCell hoursItem"
|
||||
|
|
@ -59,9 +60,9 @@
|
|||
>
|
||||
{{ item[4] }}
|
||||
</td>
|
||||
<td class="numCell">{{ item[5].toFixed(2) }}</td>
|
||||
<td class="numCell">{{ item[5] }}</td>
|
||||
<td class="numCell">{{ item[6] }}</td>
|
||||
<td class="numCell">{{ item[7].toFixed(2) }}</td>
|
||||
<td class="numCell">{{ item[7] }}</td>
|
||||
<td class="numCell">{{ item[8] }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
|
@ -326,8 +327,18 @@ export default {
|
|||
mgroup: "",
|
||||
},
|
||||
tableDatas: [
|
||||
["产量", "总产量（t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["能耗", "单位产品分布电耗（KW·h/t）", 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
["出厂水泥", "P.O42.5R 散装（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["出厂水泥", "P.O42.5R 袋装（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["出厂水泥", "P.O42.5 袋装（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["出厂水泥", "P.O42.5 散装（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["出厂水泥", "P.C42.5 袋装（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["出厂水泥", "P.C42.5 散装（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["出厂水泥", "P.O52.5 散装（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["出厂水泥", "出厂水泥合计(t）", 0, 0, 0, 0, 0, 0, 0],
|
||||
|
||||
["出厂熟料", "熟料（t）", 0, 0, 0, "/", "/", "/","/"],
|
||||
["能耗", "单位产品分布电耗（KW·h/t）", 0, 0, 0, 0, 0, 0, 0],
|
||||
|
||||
],
|
||||
tableName: "生产报告",
|
||||
modelValue: true,
|
||||
|
|
@ -360,6 +371,54 @@ export default {
|
|||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5R 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5R 袋装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5 袋装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.C42.5 袋装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.C42.5 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O52.5 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "熟料",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "分布电耗",
|
||||
type: "bar",
|
||||
|
|
@ -390,6 +449,54 @@ export default {
|
|||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5R 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5R 袋装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5 袋装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O42.5 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.C42.5 袋装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.C42.5 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "P.O52.5 散装",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "熟料",
|
||||
type: "bar",
|
||||
yAxisIndex: 0,
|
||||
data: [],
|
||||
},
|
||||
{
|
||||
name: "分布电耗",
|
||||
type: "bar",
|
||||
|
|
@ -440,13 +547,33 @@ export default {
|
|||
params1.year_s = year;
|
||||
params1.type = "year_s";
|
||||
params1.mgroup = that.query.mgroup;
|
||||
this.$API.enm.enstat.req(params1).then((res1) => {
|
||||
this.$API.enm.mpointstat.list.req(params1).then((res1) => {
|
||||
if (res1.length > 0) {
|
||||
let data1 = res1[0];
|
||||
that.tableDatas[0][4] = data1.total_production;
|
||||
that.tableDatas[1][4] = data1.elec_consume_unit;
|
||||
res1.forEach((item) => {
|
||||
if (item.mpoint_name == "水泥+P.O42.5R 散装") {
|
||||
that.tableDatas[0][4] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5R 袋装"){
|
||||
that.tableDatas[1][4] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 袋装") {
|
||||
that.tableDatas[2][4] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 散装") {
|
||||
that.tableDatas[3][4] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 袋装") {
|
||||
that.tableDatas[4][4] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 散装") {
|
||||
that.tableDatas[5][4] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O52.5 散装") {
|
||||
that.tableDatas[6][4] = item.val;
|
||||
}else if (item.mpoint_name == "出厂批次水泥合计") {
|
||||
that.tableDatas[7][4] = item.val;
|
||||
}else if (item.mpoint_name == "出厂熟料"){
|
||||
that.tableDatas[8][4] = item.val;
|
||||
}else if (item.mpoint_name == "包装进线") {
|
||||
that.tableDatas[9][4] = item.val;
|
||||
}
|
||||
});
|
||||
}
|
||||
)}
|
||||
}).then(()=>{
|
||||
//月
|
||||
let params2 = {};
|
||||
params2.page = 0;
|
||||
|
|
@ -454,29 +581,35 @@ export default {
|
|||
params2.month_s = month;
|
||||
params2.type = "month_s";
|
||||
params2.mgroup = that.query.mgroup;
|
||||
this.$API.enm.enstat.req(params2).then((res2) => {
|
||||
this.$API.enm.mpointstat.list.req(params2).then((res2) => {
|
||||
if (res2.length > 0) {
|
||||
let data2 = res2[0];
|
||||
that.tableDatas[0][3] = data2.total_production;
|
||||
that.tableDatas[1][3] = data2.elec_consume_unit;
|
||||
res2.forEach((item) => {
|
||||
if (item.mpoint_name == "水泥+P.O42.5R 散装") {
|
||||
that.tableDatas[0][3] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5R 袋装"){
|
||||
that.tableDatas[1][3] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 袋装") {
|
||||
that.tableDatas[2][3] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 散装") {
|
||||
that.tableDatas[3][3] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 袋装") {
|
||||
that.tableDatas[4][3] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 散装") {
|
||||
that.tableDatas[5][3] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O52.5 散装") {
|
||||
that.tableDatas[6][3] = item.val;
|
||||
}else if (item.mpoint_name == "出厂批次水泥合计") {
|
||||
that.tableDatas[7][3] = item.val;
|
||||
}else if (item.mpoint_name == "出厂熟料"){
|
||||
that.tableDatas[8][3] = item.val;
|
||||
}else if (item.mpoint_name == "包装进线") {
|
||||
that.tableDatas[9][3] = item.val;
|
||||
}
|
||||
});
|
||||
//昨日
|
||||
let params3 = {};
|
||||
params3.page = 0;
|
||||
params3.year_s = year_d;
|
||||
params3.month_s = month_d;
|
||||
params3.day_s = days_d;
|
||||
params3.type = "day_s";
|
||||
params3.mgroup = that.query.mgroup;
|
||||
this.$API.enm.enstat.req(params3).then((res3) => {
|
||||
if (res3.length > 0) {
|
||||
let data3 = res3[0];
|
||||
that.tableDatas[0][2] = data3.total_production;
|
||||
that.tableDatas[1][2] = data3.elec_consume_unit;
|
||||
}
|
||||
});
|
||||
//月目标
|
||||
)
|
||||
}
|
||||
}).then(() => {
|
||||
//月年目标
|
||||
let params5 = {};
|
||||
params5.page = 0;
|
||||
params5.mgroup = that.query.mgroup;
|
||||
|
|
@ -488,63 +621,121 @@ export default {
|
|||
data5.forEach((item5) => {
|
||||
let str = "goal_val_" + that.month;
|
||||
if (item5.goal_cate_name == "总产量（t）") {
|
||||
that.tableDatas[0][5] = item5[str];
|
||||
that.tableDatas[0][7] = item5.goal_val;
|
||||
that.tableDatas[7][5] = item5[str];
|
||||
that.tableDatas[7][7] = item5.goal_val;
|
||||
that.tableDatas[7][8] = precen(
|
||||
that.tableDatas[7][4],
|
||||
that.tableDatas[7][7]
|
||||
);//计算年完成度
|
||||
that.tableDatas[7][6] = precen(
|
||||
that.tableDatas[7][3],
|
||||
that.tableDatas[7][5]
|
||||
);// 计算月完成度
|
||||
|
||||
} else if (
|
||||
item5.goal_cate_name ==
|
||||
"单位产品分布电耗（KW·h/t）"
|
||||
) {
|
||||
that.tableDatas[1][5] = item5[str];
|
||||
that.tableDatas[1][7] = item5.goal_val;
|
||||
that.tableDatas[9][5] = item5[str];
|
||||
that.tableDatas[9][7] = item5.goal_val;
|
||||
//计算月目标值
|
||||
that.tableDatas[9][8] = precen(
|
||||
that.tableDatas[9][4],
|
||||
that.tableDatas[9][7]
|
||||
);//计算年完成度
|
||||
that.tableDatas[9][6] = precen(
|
||||
that.tableDatas[9][3],
|
||||
that.tableDatas[9][5]
|
||||
);// 计算月完成度
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.then((res) => {
|
||||
//年
|
||||
let params1 = {};
|
||||
params1.page = 0;
|
||||
params1.year_s = year;
|
||||
params1.type = "year_s";
|
||||
params1.mgroup = this.query.mgroup;
|
||||
this.$API.enm.enstat.req(params1).then((res1) => {
|
||||
if (res1.length > 0) {
|
||||
let data1 = res1[0];
|
||||
that.tableDatas[0][4] = data1.total_production;
|
||||
that.tableDatas[0][8] = precen(
|
||||
that.tableDatas[0][4],
|
||||
that.tableDatas[0][7]
|
||||
);
|
||||
that.tableDatas[1][4] = data1.elec_consume_unit;
|
||||
that.tableDatas[1][8] = precen(
|
||||
that.tableDatas[1][4],
|
||||
that.tableDatas[1][7]
|
||||
);
|
||||
});
|
||||
//昨日
|
||||
let params3 = {};
|
||||
params3.page = 0;
|
||||
params3.year_s = year_d;
|
||||
params3.month_s = month_d;
|
||||
params3.day_s = days_d;
|
||||
params3.type = "day_s";
|
||||
params3.mgroup = that.query.mgroup;
|
||||
this.$API.enm.mpointstat.list.req(params3).then((res3) => {
|
||||
if (res3.length > 0) {
|
||||
res3.forEach((item) => {
|
||||
if (item.mpoint_name == "水泥+P.O42.5R 散装") {
|
||||
that.tableDatas[0][2] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5R 袋装"){
|
||||
that.tableDatas[1][2] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 袋装") {
|
||||
that.tableDatas[2][2] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 散装") {
|
||||
that.tableDatas[3][2] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 袋装") {
|
||||
that.tableDatas[4][2] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 散装") {
|
||||
that.tableDatas[5][2] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O52.5 散装") {
|
||||
that.tableDatas[6][2] = item.val;
|
||||
}else if (item.mpoint_name == "出厂批次水泥合计") {
|
||||
that.tableDatas[7][2] = item.val;
|
||||
}else if (item.mpoint_name == "出厂熟料"){
|
||||
that.tableDatas[8][2] = item.val;
|
||||
}else if (item.mpoint_name == "包装进线") {
|
||||
that.tableDatas[9][2] = item.val;
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
});
|
||||
//月
|
||||
let params2 = {};
|
||||
params2.page = 0;
|
||||
params2.year_s = year;
|
||||
params2.month_s = month;
|
||||
params2.type = "month_s";
|
||||
params2.mgroup = this.query.mgroup;
|
||||
this.$API.enm.enstat.req(params2).then((res2) => {
|
||||
if (res2.length > 0) {
|
||||
let data2 = res2[0];
|
||||
that.tableDatas[0][3] = data2.total_production;
|
||||
that.tableDatas[0][6] = precen(
|
||||
that.tableDatas[0][3],
|
||||
that.tableDatas[0][5]
|
||||
);
|
||||
that.tableDatas[1][3] = data2.elec_consume_unit;
|
||||
that.tableDatas[1][6] = precen(
|
||||
that.tableDatas[1][3],
|
||||
that.tableDatas[1][5]
|
||||
);
|
||||
}
|
||||
});
|
||||
});
|
||||
// this.$API.mtm.goal.list
|
||||
// .then((res) => {
|
||||
// //月年完成度
|
||||
// let params1 = {};
|
||||
// params1.page = 0;
|
||||
// params1.year_s = year;
|
||||
// params1.type = "year_s";
|
||||
// params1.mgroup = this.query.mgroup;
|
||||
// this.$API.enm.enstat.req(params1).then((res1) => {
|
||||
// if (res1.length > 0) {
|
||||
// let data1 = res1[0];
|
||||
// that.tableDatas[0][4] = data1.total_production;
|
||||
// that.tableDatas[0][8] = precen(
|
||||
// that.tableDatas[0][4],
|
||||
// that.tableDatas[0][7]
|
||||
// );
|
||||
// that.tableDatas[1][4] = data1.elec_consume_unit;
|
||||
// that.tableDatas[1][8] = precen(
|
||||
// that.tableDatas[1][4],
|
||||
// that.tableDatas[1][7]
|
||||
// );
|
||||
// }
|
||||
// });
|
||||
// //月
|
||||
// let params2 = {};
|
||||
// params2.page = 0;
|
||||
// params2.year_s = year;
|
||||
// params2.month_s = month;
|
||||
// params2.type = "month_s";
|
||||
// params2.mgroup = this.query.mgroup;
|
||||
// this.$API.enm.enstat.req(params2).then((res2) => {
|
||||
// if (res2.length > 0) {
|
||||
// let data2 = res2[0];
|
||||
// that.tableDatas[0][3] = data2.total_production;
|
||||
// that.tableDatas[0][6] = precen(
|
||||
// that.tableDatas[0][3],
|
||||
// that.tableDatas[0][5]
|
||||
// );
|
||||
// that.tableDatas[1][3] = data2.elec_consume_unit;
|
||||
// that.tableDatas[1][6] = precen(
|
||||
// that.tableDatas[1][3],
|
||||
// that.tableDatas[1][5]
|
||||
// );
|
||||
// }
|
||||
// });
|
||||
// });
|
||||
that.getDayData(year, month);
|
||||
that.getMonthData(year);
|
||||
});
|
||||
|
|
@ -572,7 +763,7 @@ export default {
|
|||
}
|
||||
}
|
||||
},
|
||||
//获取天数据
|
||||
//获取天数据-图表
|
||||
getDayData(year, month) {
|
||||
let that = this;
|
||||
let query1 = {};
|
||||
|
|
@ -581,19 +772,53 @@ export default {
|
|||
query1.month_s = month;
|
||||
query1.type = "day_s";
|
||||
query1.mgroup = this.query.mgroup;
|
||||
this.$API.enm.enstat.req(query1).then((response) => {
|
||||
this.$API.enm.mpointstat.list.req(query1).then((response) => {
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [];
|
||||
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [],
|
||||
seriesData6 = [],
|
||||
seriesData7 = [],
|
||||
seriesData8 = [],
|
||||
seriesData9 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.day_s - 1;
|
||||
seriesData0[ind] = item.total_production;
|
||||
seriesData1[ind] = item.elec_consume_unit;
|
||||
if (item.mpoint_name == "水泥+P.O42.5R 散装") {
|
||||
seriesData1[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5R 袋装"){
|
||||
seriesData2[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 袋装") {
|
||||
seriesData3[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 散装") {
|
||||
seriesData4[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 袋装") {
|
||||
seriesData5[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 散装") {
|
||||
seriesData6[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O52.5 散装") {
|
||||
seriesData7[ind] = item.val;
|
||||
}else if (item.mpoint_name == "出厂批次水泥合计") {
|
||||
seriesData0[ind] = item.val;
|
||||
}else if (item.mpoint_name == "出厂熟料"){
|
||||
seriesData8[ind] = item.val;
|
||||
}else if (item.mpoint_name == "包装进线") {
|
||||
seriesData9[ind] = item.val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option1 };
|
||||
options.series[0].data = seriesData0;
|
||||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData5;
|
||||
options.series[6].data = seriesData6;
|
||||
options.series[7].data = seriesData7;
|
||||
options.series[8].data = seriesData8;
|
||||
options.series[9].data = seriesData9;
|
||||
let dayXAxis = [];
|
||||
for (let i = 1; i <= that.days; i++) {
|
||||
let item = i + "日";
|
||||
|
|
@ -603,7 +828,7 @@ export default {
|
|||
that.optionDay = options;
|
||||
});
|
||||
},
|
||||
//获取月数据
|
||||
//获取月数据-图表
|
||||
getMonthData(year) {
|
||||
let that = this;
|
||||
let query2 = {};
|
||||
|
|
@ -611,18 +836,53 @@ export default {
|
|||
query2.year_s = year;
|
||||
query2.type = "month_s";
|
||||
query2.mgroup = that.query.mgroup;
|
||||
this.$API.enm.enstat.req(query2).then((response) => {
|
||||
this.$API.enm.mpointstat.list.req(query2).then((response) => {
|
||||
let seriesData0 = [],
|
||||
seriesData1 = [];
|
||||
seriesData1 = [],
|
||||
seriesData2 = [],
|
||||
seriesData3 = [],
|
||||
seriesData4 = [],
|
||||
seriesData5 = [],
|
||||
seriesData6 = [],
|
||||
seriesData7 = [],
|
||||
seriesData8 = [],
|
||||
seriesData9 = [];
|
||||
let data = response;
|
||||
data.forEach((item) => {
|
||||
let ind = item.month_s - 1;
|
||||
seriesData0[ind] = item.total_production;
|
||||
seriesData1[ind] = item.elec_consume_unit;
|
||||
if (item.mpoint_name == "水泥+P.O42.5R 散装") {
|
||||
seriesData1[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5R 袋装"){
|
||||
seriesData2[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 袋装") {
|
||||
seriesData3[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O42.5 散装") {
|
||||
seriesData4[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 袋装") {
|
||||
seriesData5[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.C42.5 散装") {
|
||||
seriesData6[ind] = item.val;
|
||||
}else if (item.mpoint_name == "水泥+P.O52.5 散装") {
|
||||
seriesData7[ind] = item.val;
|
||||
}else if (item.mpoint_name == "出厂批次水泥合计") {
|
||||
seriesData0[ind] = item.val;
|
||||
}else if (item.mpoint_name == "出厂熟料"){
|
||||
seriesData8[ind] = item.val;
|
||||
}else if (item.mpoint_name == "包装进线") {
|
||||
seriesData9[ind] = item.val;
|
||||
}
|
||||
});
|
||||
let options = { ...that.option2 };
|
||||
options.series[0].data = seriesData0;
|
||||
options.series[1].data = seriesData1;
|
||||
options.series[2].data = seriesData2;
|
||||
options.series[3].data = seriesData3;
|
||||
options.series[4].data = seriesData4;
|
||||
options.series[5].data = seriesData5;
|
||||
options.series[6].data = seriesData6;
|
||||
options.series[7].data = seriesData7;
|
||||
options.series[8].data = seriesData8;
|
||||
options.series[9].data = seriesData9;
|
||||
let monthXAxis = [];
|
||||
for (let i = 1; i <= that.month; i++) {
|
||||
let item = i + "月";
|
||||
|
|
|
|||
|
|
@ -182,7 +182,7 @@ export default {
|
|||
: "/"
|
||||
: "/";
|
||||
}
|
||||
arr[6] = huanbi; //环期值（KW·h/t）上个月的值
|
||||
arr[6] = huanbi; //环期值（KW·h/t）上个月的值\
|
||||
let diff = 0;
|
||||
if (arr[6] == "/"){
|
||||
diff == "/";
|
||||
|
|
@ -191,7 +191,7 @@ export default {
|
|||
}
|
||||
arr[7] = diff;
|
||||
if (arr[7]=="/" || arr[6]=="/" || arr[6]==0){
|
||||
arr[8] = "/";
|
||||
arr[8] == "/";
|
||||
}else{
|
||||
arr[8] = (arr[7]/arr[6])*100 //环比增长率（%）= 当期与环期差值（KW·h/t）/环期值（KW·h/t）*100%
|
||||
}
|
||||
|
|
|
|||
|
|
@ -229,7 +229,7 @@ export default {
|
|||
//当期与目标差值（KW·h/t）
|
||||
let diff = 0;
|
||||
if (item[2] !== "/") {
|
||||
diff = item[1] - item[2];
|
||||
diff = (item[1] - item[2]).toFixed(2);
|
||||
} else {
|
||||
diff = "/";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,103 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="right-panel">
|
||||
<el-date-picker
|
||||
v-model="query.start_date"
|
||||
type="date"
|
||||
placeholder="查询日期"
|
||||
value-format="YYYY-MM-DD"
|
||||
style="width: 160px"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
<el-button @click="handleExport" type="primary">导出</el-button>
|
||||
</el-header>
|
||||
<el-main style="background: #ffffff">
|
||||
<scTable :data="tableData" id="exportDiv">
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="物料名称" prop="物料名"></el-table-column>
|
||||
<el-table-column label="规格" prop="规格"> </el-table-column>
|
||||
<el-table-column label="型号" prop="型号"> </el-table-column>
|
||||
<el-table-column label="工序" prop="工序"> </el-table-column>
|
||||
<el-table-column label="检验时间">
|
||||
<template #default="scope">
|
||||
{{ scope.row.年 }}-{{ scope.row.月 }}-{{ scope.row.日 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="检验数" prop="检验数"></el-table-column>
|
||||
<el-table-column label="合格数" prop="合格数量"></el-table-column>
|
||||
<el-table-column label="不合格数" prop="不合格数"></el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "chart",
|
||||
|
||||
data() {
|
||||
return {
|
||||
query:{
|
||||
start_date:'',
|
||||
end_date:'',
|
||||
fw_type:'prod'
|
||||
},
|
||||
currentDate: "",
|
||||
tableData: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
let date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
month = month < 10 ? "0" + month : month;
|
||||
day = day < 10 ? "0" + day : day;
|
||||
let queryDate = year + "-" + month + "-" + day;
|
||||
that.query.start_date = that.query.end_date = that.currentDate = queryDate;
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
let that = this;
|
||||
let obj = {};
|
||||
obj.query = that.query;
|
||||
|
||||
that.$API.bi.dataset.exec.req('ftestDay', obj).then((res) => {
|
||||
that.tableData = res.data2.ds0;
|
||||
console.log(that.tableData);
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
if(this.query.start_date){
|
||||
this.query.end_date = this.query.start_date;
|
||||
}else{
|
||||
this.query.start_date = this.query.end_date = this.currentDate;
|
||||
}
|
||||
this.getData();
|
||||
},
|
||||
handleExport() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX("#exportDiv", "成品检验统计");
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tables {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 6px;
|
||||
z-index: 10;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,260 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="right-panel">
|
||||
<el-select v-model="query.mgroup_name"
|
||||
placeholder="请选择工段">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="query.start_date"
|
||||
type="date"
|
||||
placeholder="查询日期"
|
||||
value-format="YYYY-MM-DD"
|
||||
style="width: 160px"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main>
|
||||
<el-card shadow="never" style="margin-bottom: 8px">
|
||||
<el-row :gutter="10">
|
||||
<el-col :lg="12">
|
||||
<el-card shadow="never">
|
||||
<div id="bachart1"></div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :lg="12">
|
||||
<el-card shadow="never" style="position: relative">
|
||||
<el-button
|
||||
@click="handleExport()"
|
||||
class="tables"
|
||||
type="primary"
|
||||
>导出</el-button
|
||||
>
|
||||
<el-table
|
||||
:data="tableData"
|
||||
id="exportDiv"
|
||||
:height="300"
|
||||
>
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column
|
||||
label="物料名"
|
||||
prop="物料名"
|
||||
min-width="100"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="月份"
|
||||
prop="月"
|
||||
width="50"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="型号" prop="型号">
|
||||
</el-table-column>
|
||||
<el-table-column label="规格" prop="规格">
|
||||
</el-table-column>
|
||||
<el-table-column label="任务数" prop="任务数">
|
||||
</el-table-column>
|
||||
<el-table-column label="生产数" prop="生产数">
|
||||
</el-table-column>
|
||||
<el-table-column label="合格数" prop="合格数">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="不合格数"
|
||||
prop="不合格数"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="合格率" prop="合格率">
|
||||
<template #default="scope">
|
||||
{{ Math.round(scope.row.合格率) }}%
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
<script>
|
||||
import * as echarts from "echarts";
|
||||
import T from "@/components/scEcharts/echarts-theme-T.js";
|
||||
echarts.registerTheme("T", T);
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
function deepCopy(obj) {
|
||||
return JSON.parse(JSON.stringify(obj));
|
||||
}
|
||||
export default {
|
||||
name: "chart",
|
||||
components: {
|
||||
scEcharts,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
query: {
|
||||
mgroup_name:'',
|
||||
start_date:'',
|
||||
end_date:'',
|
||||
group_bys_material: "",
|
||||
order_bys_material: "",
|
||||
select_cols_material: ""
|
||||
},
|
||||
currentYear: "",
|
||||
currentMonth: "",
|
||||
xAxisData: [],
|
||||
basicOption: {
|
||||
backgroundColor: "transparent",
|
||||
title: {
|
||||
text: "",
|
||||
},
|
||||
grid: {
|
||||
top: "80px",
|
||||
},
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
},
|
||||
xAxis: {
|
||||
type: "category",
|
||||
data: [],
|
||||
},
|
||||
yAxis: {
|
||||
type: "value",
|
||||
},
|
||||
lenged: [],
|
||||
series: [
|
||||
{
|
||||
data: [],
|
||||
stack: "Ad",
|
||||
type: "bar",
|
||||
barWidth: "15px",
|
||||
},
|
||||
],
|
||||
},
|
||||
tableData: [],
|
||||
options:[],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
let date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
that.currentYear = year;
|
||||
that.currentMonth = month;
|
||||
month = month < 10 ? "0" + month : month;
|
||||
day = day < 10 ? "0" + day : day;
|
||||
that.query.start_date = that.query.end_date = year + "-" + month + "-" + day;
|
||||
|
||||
let days = new Date(year, month, 0).getDate();
|
||||
for (let i = 0; i < that.days; i++) {
|
||||
let day = i + 1;
|
||||
let text = day + "日";
|
||||
}
|
||||
that.getMgroup();
|
||||
// that.getData();
|
||||
},
|
||||
methods: {
|
||||
setChart(name, option = null) {
|
||||
// 根据name 渲染数据, option需填写，否则option为模拟数据
|
||||
var myChart = echarts.getInstanceByDom(
|
||||
document.getElementById(name)
|
||||
);
|
||||
if (myChart == undefined) {
|
||||
myChart = echarts.init(document.getElementById(name), "T");
|
||||
}
|
||||
if (option == null) {
|
||||
option = Object.assign({}, this.basicOption);
|
||||
}
|
||||
setTimeout(() => {
|
||||
try {
|
||||
myChart.setOption(option);
|
||||
} catch (error) {}
|
||||
}, 500);
|
||||
},
|
||||
getMgroup(){
|
||||
let that = this;
|
||||
that.$API.mtm.mgroup.list.req({ page: 0}).then((res) => {
|
||||
let arr = [];
|
||||
res.forEach(item=>{
|
||||
arr.push(item.name)
|
||||
})
|
||||
that.query.mgroup_name = arr[0];
|
||||
that.options = arr;
|
||||
});
|
||||
},
|
||||
getData() {
|
||||
let that = this;
|
||||
let option = deepCopy(that.basicOption);
|
||||
let obj = {};
|
||||
obj.query = that.query;
|
||||
that.$API.bi.dataset.exec.req('lineDay_m', obj).then((res) => {
|
||||
let tableData = res.data2.ds0 ? res.data2.ds0 : [];
|
||||
that.tableData = tableData;
|
||||
if (tableData.length > 0) {
|
||||
let seriesData = [],
|
||||
nameList = [];
|
||||
tableData.forEach((ite) => {
|
||||
if (nameList.indexOf(ite.物料名) > -1) {
|
||||
} else {
|
||||
nameList.push(ite.物料名);
|
||||
seriesData.push(0);
|
||||
}
|
||||
});
|
||||
tableData.forEach((item) => {
|
||||
let indexX = nameList.indexOf(item.物料名);
|
||||
seriesData[indexX] += item.合格数;
|
||||
});
|
||||
ption.xAxis.data = nameList;
|
||||
ption.series[0].data = serisData;
|
||||
that.setChart("bachart1", option);
|
||||
} else {
|
||||
that.setChart("bachart1", option);
|
||||
}
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
let that = this;
|
||||
that.query.end_date = that.query.start_date ;
|
||||
that.getData();
|
||||
},
|
||||
handleExport(val) {
|
||||
this.exportLoading = true;
|
||||
let id = "#exportDiv" + val;
|
||||
let name =
|
||||
val == "AVG" ? val + "合格数统计" : val + "车间合格数统计";
|
||||
this.$XLSX(id, name);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#bachart1,
|
||||
#bachart2,
|
||||
#bachart3,
|
||||
#bachart4 {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
.tables {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 4px;
|
||||
z-index: 10;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="right-panel">
|
||||
<el-date-picker
|
||||
v-model="query.start_date"
|
||||
type="date"
|
||||
placeholder="查询日期"
|
||||
value-format="YYYY-MM-DD"
|
||||
style="width: 160px"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
<el-button @click="handleExport" type="primary">导出</el-button>
|
||||
</el-header>
|
||||
<el-main style="background: #ffffff">
|
||||
<scTable :data="tableData" id="exportDiv">
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="物料名称" prop="物料名"></el-table-column>
|
||||
<el-table-column label="规格" prop="规格"> </el-table-column>
|
||||
<el-table-column label="型号" prop="型号"> </el-table-column>
|
||||
<el-table-column label="工序" prop="工序"> </el-table-column>
|
||||
<el-table-column label="检验时间">
|
||||
<template #default="scope">
|
||||
{{ scope.row.年 }}-{{ scope.row.月 }}-{{ scope.row.日 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="检验数" prop="检验数"></el-table-column>
|
||||
<el-table-column label="合格数" prop="合格数量"></el-table-column>
|
||||
<el-table-column label="不合格数" prop="不合格数"></el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "chart",
|
||||
|
||||
data() {
|
||||
return {
|
||||
query:{
|
||||
start_date:'',
|
||||
end_date:'',
|
||||
fw_type:'process'
|
||||
},
|
||||
currentDate: "",
|
||||
tableData: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
let date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
month = month < 10 ? "0" + month : month;
|
||||
day = day < 10 ? "0" + day : day;
|
||||
let queryDate = year + "-" + month + "-" + day;
|
||||
that.query.start_date = that.query.end_date = that.currentDate = queryDate;
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
let that = this;
|
||||
let obj = {};
|
||||
obj.query = that.query;
|
||||
|
||||
that.$API.bi.dataset.exec.req('ftestDay', obj).then((res) => {
|
||||
that.tableData = res.data2.ds0;
|
||||
console.log(that.tableData);
|
||||
});
|
||||
},
|
||||
handleQuery() {
|
||||
if(this.query.start_date){
|
||||
this.query.end_date = this.query.start_date;
|
||||
}else{
|
||||
this.query.start_date = this.query.end_date = this.currentDate;
|
||||
}
|
||||
this.getData();
|
||||
},
|
||||
handleExport() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX("#exportDiv", "过程检验统计");
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tables {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 6px;
|
||||
z-index: 10;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,218 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="right-panel">
|
||||
<el-select v-model="mgroupId"
|
||||
placeholder="请选择工段"
|
||||
@change="mgroupChange">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="searchDate"
|
||||
type="month"
|
||||
placeholder="查询日期"
|
||||
value-format="YYYY-MM"
|
||||
style="width: 160px"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleQuery"
|
||||
></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main id="elMain">
|
||||
<el-row :gutter="10" id="elCol">
|
||||
<el-col :lg="8">
|
||||
<el-card shadow="never">
|
||||
<scEcharts height="500px" :option="option"></scEcharts>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :lg="16">
|
||||
<el-card shadow="never" style="position: relative">
|
||||
<el-button
|
||||
@click="handleExport('7')"
|
||||
class="tables"
|
||||
type="primary"
|
||||
>导出</el-button
|
||||
>
|
||||
<el-table
|
||||
:data="tableData1"
|
||||
id="exportDiv7"
|
||||
:height="tableHeight"
|
||||
>
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column
|
||||
label="任务编号"
|
||||
prop="number"
|
||||
min-width="100px"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="计划数" prop="count">
|
||||
</el-table-column>
|
||||
<el-table-column label="完成数" prop="count_ok">
|
||||
</el-table-column>
|
||||
<el-table-column label="完成率" prop="rate">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
<script>
|
||||
import scEcharts from "@/components/scEcharts";
|
||||
export default {
|
||||
name: "chart",
|
||||
components: {
|
||||
scEcharts,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
query: {
|
||||
querys:[
|
||||
[{field:'start_date',compare:'gte',value:''},{field:'mgroup',compare:'',value:''}],
|
||||
[{field:'end_date',compare:'lte',value:''},{field:'mgroup',compare:'',value:''}]
|
||||
],
|
||||
page:0
|
||||
},
|
||||
mgroupId:'',
|
||||
start_date:'',
|
||||
end_date:'',
|
||||
currentDate: "",
|
||||
searchDate:'',
|
||||
options:[],
|
||||
tableData1: [],
|
||||
option: {
|
||||
title: {
|
||||
text: "",
|
||||
},
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
},
|
||||
legend: {
|
||||
top: "3",
|
||||
right: "3%",
|
||||
},
|
||||
color: ["rgb(64,158,255)", "orange"],
|
||||
series: {
|
||||
name: "7车间完成率",
|
||||
type: "pie",
|
||||
radius: ["40%", "70%"],
|
||||
center: ["50%", "60%"],
|
||||
label: {
|
||||
show: true,
|
||||
position: "outside",
|
||||
formatter: "{b} : {c} ({d}%)",
|
||||
},
|
||||
data: [
|
||||
{ value: 0, name: "已完成" },
|
||||
{ value: 0, name: "未完成" },
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
let date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
month = month < 10 ? "0" + month : month;
|
||||
that.currentDate = that.searchDate = year + "-" + month;
|
||||
let days = new Date(year, month, 0).getDate();
|
||||
let start_date = year + "-" + month + "-01";
|
||||
let end_date = year + "-" + month + "-"+days;
|
||||
that.start_date = that.query.querys[0][0].value = start_date;
|
||||
that.end_date = that.query.querys[1][0].value = end_date;
|
||||
let height = document.getElementById("elCol").clientHeight;
|
||||
let chartheight = height+'px';
|
||||
that.tableHeight = height-20;
|
||||
that.getMgroup();
|
||||
},
|
||||
methods: {
|
||||
getMgroup(){
|
||||
let that = this;
|
||||
that.$API.mtm.mgroup.list.req({ page: 0}).then((res) => {
|
||||
that.options = res;
|
||||
});
|
||||
},
|
||||
getData7() {
|
||||
let that = this;
|
||||
that.tableData1 = [];
|
||||
that.option.series.data[0].value = 0;
|
||||
that.option.series.data[1].value = 0;
|
||||
that.$API.pm.mtask.cquery.req(that.query).then((res) => {
|
||||
let data = [];
|
||||
let count_ok1 = 0;
|
||||
let count_notok1 = 0;
|
||||
if (res.length > 0) {
|
||||
res.forEach((item) => {
|
||||
let obj = item;
|
||||
obj.rate = Math.round((item.count_ok / item.count) * 100).toFixed(2) + "%";
|
||||
if (item.count_ok >= item.count) {
|
||||
count_ok1++;
|
||||
} else {
|
||||
count_notok1++;
|
||||
}
|
||||
data.push(obj);
|
||||
});
|
||||
that.tableData1 = data;
|
||||
// that.option.series.data[0].value = count_ok1;
|
||||
}
|
||||
that.option.series.data[0].value = count_ok1;
|
||||
that.option.series.data[1].value = count_notok1;
|
||||
});
|
||||
},
|
||||
mgroupChange(){
|
||||
let that = this;
|
||||
that.query.querys[0][1].value = that.mgroupId;
|
||||
that.query.querys[1][1].value = that.mgroupId;
|
||||
},
|
||||
handleQuery(){
|
||||
let that = this;
|
||||
if(this.searchDate!==''&&this.searchDate!==null){
|
||||
let dates = this.searchDate.split('-');
|
||||
let year = dates[0];
|
||||
let month = dates[1];
|
||||
let days = new Date(year, month, 0).getDate();
|
||||
let start_date = year + "-" + month + "-01";
|
||||
let end_date = year + "-" + month + "-"+days;
|
||||
that.query.querys[0][0].value = start_date;
|
||||
that.query.querys[1][0].value = end_date;
|
||||
}else{
|
||||
that.query.querys[0][0].value = that.start_date;
|
||||
that.query.querys[1][0].value = that.end_date;
|
||||
}
|
||||
that.getData7();
|
||||
},
|
||||
handleExport(val) {
|
||||
this.exportLoading = true;
|
||||
let id = "#exportDiv" + val;
|
||||
let name = val + "车间完成率";
|
||||
this.$XLSX(id, name);
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#elCol{
|
||||
height:100%;
|
||||
}
|
||||
.tables {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 4px;
|
||||
z-index: 10;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue