@@ -483,7 +368,6 @@ export default {
},
deptName: "10车间",
heightTimer: null,
- countOk_AVG: 0,
countOk_dept7: 0,
countOk_dept10: 0,
blockTableHeight: 0,
@@ -681,7 +565,7 @@ export default {
this.getPlanRate();
this.getMaterialList();
},
- //本周6车间交付数----棒管交付数
+ //本周棒管交付数
getsaleOut() {
let that = this;
let obj = {
@@ -699,43 +583,13 @@ export default {
list.forEach((item) => {
for (let i = 0; i < this.weekDateList.length; i++) {
if (item.日 == that.weekDateList[i]) {
- saleOutdept6[i] = item.交付数;
+ saleOutdept6[i] = item.数量;
}
}
});
}
that.saleOutdept6 = saleOutdept6;
- that.getAVGDayData();
- });
- },
- //获取AVG的交付数$合格数
- getAVGDayData() {
- let that = this;
- this.$API.wpm.otherlog.list
- .req({
- product: "AVG",
- page: 0,
- handle_date__gte: that.start_date,
- handle_date__lte: that.end_date,
- })
- .then((res) => {
- let list = res;
- let count_ok = 0,
- saleOutAVG = [0, 0, 0, 0, 0, 0, 0],
- countOkAVG = [0, 0, 0, 0, 0, 0, 0];
- if (list.length > 0) {
- list.forEach((item) => {
- count_ok = count_ok + item.count_ok;
- let day = item.handle_date.split("-");
- let index = this.weekDateList.indexOf(day[2]);
- saleOutAVG[index] = item.count_delivered;
- countOkAVG[index] = item.count_ok;
- });
- that.saleOutAVG = saleOutAVG;
- that.countOkAVG = countOkAVG;
- that.countOk_AVG = count_ok;
- }
- that.getCountDept7();
+ that.getCountDept7();
//左1---本周交付数
let chartDom = document.getElementById("line1");
chartDom.style.height = this.blockHeight;
@@ -745,9 +599,6 @@ export default {
trigger: "axis",
axisPointer: {
type: "cross",
- label: {
- backgroundColor: "#6a7985",
- },
},
},
legend: {
@@ -758,16 +609,12 @@ export default {
{
backgroundColor: "rgb(1,235,239)",
name: "预制棒管",
-
textStyle: {
color: "#fff",
},
itemStyle: {
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -781,31 +628,6 @@ export default {
),
},
},
- {
- name: "AVG",
- textStyle: {
- color: "#fff",
- },
- itemStyle: {
- // color:'rgb(1,235,239)',
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgb(1,235,239)",
- },
- {
- offset: 1,
- color: "rgb(5, 158, 163)",
- },
- ]
- ),
- },
- },
],
},
grid: {
@@ -857,42 +679,6 @@ export default {
{
name: "预制棒管",
type: "line",
- stack: "Total",
- smooth: true,
- lineStyle: {
- width: 1,
- color: "rgb(1,235,239)",
- },
-
- showSymbol: false,
- areaStyle: {
- opacity: 0.8,
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgba(1,235,239)",
- },
- {
- offset: 1,
- color: "rgb(5, 158, 163)",
- },
- ]
- ),
- },
- emphasis: {
- focus: "series",
- },
- data: that.saleOutdept6,
- },
- {
- name: "AVG",
- type: "line",
- stack: "Total",
smooth: true,
lineStyle: {
width: 1,
@@ -902,10 +688,7 @@ export default {
areaStyle: {
opacity: 0.8,
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -921,11 +704,40 @@ export default {
emphasis: {
focus: "series",
},
- data: that.saleOutAVG,
+ data: that.saleOutdept6,
},
],
};
myChart.setOption(option);
+ });
+ },
+ //获取AVG的交付数$合格数
+ getAVGDayData() {
+ let that = this;
+ this.$API.wpm.otherlog.list
+ .req({
+ product: "AVG",
+ page: 0,
+ handle_date__gte: that.start_date,
+ handle_date__lte: that.end_date,
+ })
+ .then((res) => {
+ let list = res;
+ let count_ok = 0,
+ saleOutAVG = [0, 0, 0, 0, 0, 0, 0],
+ countOkAVG = [0, 0, 0, 0, 0, 0, 0];
+ if (list.length > 0) {
+ list.forEach((item) => {
+ count_ok = count_ok + item.count_ok;
+ let day = item.handle_date.split("-");
+ let index = this.weekDateList.indexOf(day[2]);
+ saleOutAVG[index] = item.count_delivered;
+ countOkAVG[index] = item.count_ok;
+ });
+ that.saleOutAVG = saleOutAVG;
+ that.countOkAVG = countOkAVG;
+ }
+
});
},
//7车间合格数&&合格率
@@ -939,6 +751,9 @@ export default {
group_bys_material: "",
order_bys_material: "",
select_cols_material: "",
+ group_bys_material_name: "",
+ order_bys_material_name: "",
+ select_cols_material_name: ""
},
};
that.$API.bi.dataset.exec.req("lineDay", obj).then((res) => {
@@ -988,20 +803,15 @@ export default {
group_bys_material: "",
order_bys_material: "",
select_cols_material: "",
+ group_bys_material_name: "",
+ order_bys_material_name: "",
+ select_cols_material_name: ""
},
};
that.$API.bi.dataset.exec.req("lineDay", obj).then((res) => {
let list = res.data2.ds0;
let countOkDept10 = [0, 0, 0, 0, 0, 0, 0],
- countRateDept10 = [
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- ];
+ countRateDept10 = [null,null,null,null,null,null,null,];
let countOk_dept10 = 0;
if (list.length > 0) {
list.forEach((item) => {
@@ -1039,9 +849,7 @@ export default {
dept_name: that.deptName,
},
};
- that.$API.bi.dataset.exec
- .req("productStatistic", obj)
- .then((res) => {
+ that.$API.bi.dataset.exec.req("productStatistic", obj).then((res) => {
let list = res.data2.ds0;
let PlanRate = [0, 0, 0, 0, 0, 0, 0];
if (list.length > 0) {
@@ -1119,23 +927,6 @@ export default {
show: false,
},
},
- // {
- // type: 'value',
- // name: '完成度',
- // min: 0,
- // max: 100,
- // interval: 20,
- // axisLabel: {
- // formatter: '{value} %',
- // color: '#ffffff'
- // },
- // nameTextStyle: {
- // color: '#ffffff'
- // },
- // splitLine: {
- // show: false,
- // },
- // }
],
series: [
{
@@ -1168,27 +959,6 @@ export default {
),
},
},
- // {
- // name: '合格率',
- // type: 'line',
- // yAxisIndex: 1,
- // // 255,120,0
- // tooltip: {
- // valueFormatter: function (value) {
- // return value;
- // }
- // },
- // symbol: 'circle',
- // symbolSize: 8,
- // itemStyle: {
- // // 设置symbol的颜色
- // color: 'rgb(255,120,0)'
- // },
- // lineStyle: {
- // color: 'rgb(255,120,0)'
- // },
- // data: [63, 80, 71, 82, 60, 70, 85],
- // }
],
};
line3Chart.setOption(line3option);
@@ -1759,31 +1529,6 @@ export default {
top: 5,
right: 5,
data: [
- {
- name: "AVG",
- textStyle: {
- color: "#fff",
- },
- itemStyle: {
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgb(5,245,2)",
- },
- {
- offset: 1,
- color: "rgb(7,137,43)",
- },
- ]
- ),
- },
- },
-
{
name: "预制管",
textStyle: {
@@ -1791,10 +1536,7 @@ export default {
},
itemStyle: {
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -1814,12 +1556,8 @@ export default {
color: "#fff",
},
itemStyle: {
- // color:'rgb(1,235,239)',
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -1881,12 +1619,8 @@ export default {
focus: "series",
},
itemStyle: {
- // color:'rgb(1,235,239)',
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -1912,10 +1646,7 @@ export default {
},
itemStyle: {
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -1930,34 +1661,6 @@ export default {
},
data: that.countOkDept10,
},
- {
- name: "AVG",
- type: "bar",
- stack: "Ad",
- barWidth: 20,
- emphasis: {
- focus: "series",
- },
- itemStyle: {
- color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
- [
- {
- offset: 0,
- color: "rgb(5,245,2)",
- },
- {
- offset: 1,
- color: "rgb(7,137,43)",
- },
- ]
- ),
- },
- data: that.countOkAVG,
- },
],
};
bar1Chart.setOption(bar1option);
@@ -1980,10 +1683,7 @@ export default {
},
itemStyle: {
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -2004,10 +1704,7 @@ export default {
},
itemStyle: {
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -2073,12 +1770,8 @@ export default {
symbolSize: 8, //设置折线上圆点大小
symbol: "circle",
itemStyle: {
- // 设置symbol的颜色
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -2110,7 +1803,7 @@ export default {
color: "yellow", // 100% 处的颜色
},
],
- globalCoord: false, // 缺省为 false
+ globalCoord: false,
},
},
},
@@ -2121,12 +1814,8 @@ export default {
symbolSize: 8, //设置折线上圆点大小
symbol: "circle",
itemStyle: {
- // 设置symbol的颜色
color: new echarts.graphic.LinearGradient(
- 0,
- 0,
- 0,
- 1,
+ 0,0,0,1,
[
{
offset: 0,
@@ -2139,7 +1828,7 @@ export default {
]
),
},
- smooth: 0.5, // 设置折线弧度
+ smooth: 0.5,
data: that.countRateDept10,
lineStyle: {
color: {
@@ -2158,7 +1847,7 @@ export default {
color: "rgb(5, 158, 163)", // 100% 处的颜色
},
],
- globalCoord: false, // 缺省为 false
+ globalCoord: false,
},
},
},
@@ -2171,11 +1860,12 @@ export default {
let pieChart = echarts.init(pieDom);
let pieoption = {
color: [
- "rgb(3,195,198)",
+ "rgb(237,224,45)",
"rgb(155,248,249)",
"rgb(110,181,249)",
"rgb(205,248,248)",
"rgb(248,189,118)",
+ "rgb(3,195,198)",
],
legend: {
bottom: 1,
@@ -2197,33 +1887,9 @@ export default {
type: "pie",
radius: [30, 60],
center: ["50%", "45%"],
- // roseType: 'area',
itemStyle: {
borderRadius: 2,
},
- // label: {
- // fontSize: 12,
- // alignTo: 'edge',
- // formatter: '{b}\n',
- // edgeDistance: 10,
- // lineHeight: 20,
- // rich: {
- // title: {
- // fontSize: 12,
- // color: '#999',
- // lineHeight: 50,
- // },
- // }
- // },
- // labelLayout: function (params) {
- // var isLeft = params.labelRect.x < myChart.getWidth() / 2;
- // var points = params.labelLinePoints;
- // points[2][0] = isLeft? params.labelRect.x: params.labelRect.x + params.labelRect.width;
- // return {
- // labelLinePoints: points
- // };
- // },
-
label: {
minMargin: 10,
edgeDistance: 10,
@@ -2290,7 +1956,42 @@ export default {
background: url("/public/img/photon_bg.png") no-repeat;
background-size: cover;
}
+.leftPosition{
+ position: absolute;
+ left: 0;
+ width: 20%;
+ z-index: 10
+}
+.leftPositionContainer{
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ padding: 0 10px;
+}
+#line1,#bar1,#line2,#pie,#line3{
+ width: 100%;
+ height: 92%;
+ background: rgba(9, 31, 43, 0.5);
+ border-radius: 20px;
+ margin-top: 5px;
+}
+.rightPosition{
+ position: absolute;
+ right: 0;
+ width: 20%;
+ z-index: 10;
+}
+.rightPositionContainer{
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ padding: 0 10px;
+}
+#mainBlock{
+ padding: 0;
+ overflow: hidden;
+}
.pageHeader {
font-size: 32px;
background: none;
@@ -2386,7 +2087,27 @@ export default {
width: 100%;
height: 100%;
}
-
+.modelContainer{
+ position: absolute;
+ width: 100%;
+ text-align: center;
+}
+.modeltopTitle{
+ margin: 5px 0 50px 0;
+ color: #fff;
+ font-size: 12px;
+ font-weight: bold;
+}
+.progressNum{
+ font-size: 30px;
+ color: white;
+ font-weight: bold;
+}
+.progressText{
+ font-size: 18px;
+ color: white;
+ margin-top: 10px;
+}
#renderCanvas {
width: 100%;
height: 100%;
@@ -2437,7 +2158,7 @@ export default {
}
.totalNumWrap > img {
- width: 10vw;
+ width: 12vw;
}
.totalNumWrap_green > .totalNumber {
@@ -2453,7 +2174,7 @@ export default {
}
.totalNumber {
- font-size: 25px;
+ font-size: 2vw;
font-weight: bold;
position: absolute;
left: 50%;
diff --git a/src/views/home/enp_home.vue b/src/views/home/enp_home.vue
index 730c9ab3..ba46efe4 100644
--- a/src/views/home/enp_home.vue
+++ b/src/views/home/enp_home.vue
@@ -286,13 +286,13 @@ export default {
that.$API.bi.dataset.exec.req('saleOutDay', obj6).then((res6) => {
let list6 = res6.data2.ds0;
if (list6.length > 0) {
- this.dayPayNum6 = list6[0].交付数;
+ this.dayPayNum6 = list6[0].数量;
}
//6车前日交付数
that.$API.bi.dataset.exec.req('saleOutDay', obj06).then((res06) => {
let list06 = res06.data2.ds0;
if (list06.length > 0) {
- this.tongbi06 = Math.round((this.dayPayNum6 - list06[0].交付数) / list06[0].交付数 * 100);
+ this.tongbi06 = Math.round((this.dayPayNum6 - list06[0].数量) / list06[0].数量 * 100);
}
});
});
diff --git a/src/views/home/widgets/index_photon.vue b/src/views/home/widgets/index_photon.vue
index 77c2eef4..e247081f 100644
--- a/src/views/home/widgets/index_photon.vue
+++ b/src/views/home/widgets/index_photon.vue
@@ -16,146 +16,99 @@