zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

7车间数据

This commit is contained in:
shijing 2024-01-22 17:54:35 +08:00
parent 410a55b411
commit c2d09a0fe1
1 changed files with 231 additions and 247 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/views/bigScreen/index_7dept.vue
View File

@ -13,13 +13,13 @@
</div> </div>
<div style="height: 4px;"></div> <div style="height: 4px;"></div>
<div class="boxmain bigdata border" style="overflow:scroll"> <div class="boxmain bigdata border" style="overflow:scroll">
<div v-for="item in todayMtask" :key="item.id" style="width:50%;display:inline-block; height: 40px;"> <div v-for="item in todayMtask" :key="item.id"
style="width:50%;display:inline-block; height: 40px;">
<span style="font-size:12px">{{ item.material_out_name }}</span> <span style="font-size:12px">{{ item.material_out_name }}</span>
<span style="color: #fef000;margin-left: 10px;font-weight:bold;font-family:electronicFont"> <span style="color: #fef000;margin-left: 10px;font-weight:bold;font-family:electronicFont">
{{ item.count }} {{ item.count }}
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div style="height: 1%;"></div> <div style="height: 1%;"></div>
@ -45,8 +45,8 @@
</div> </div>
<div style="height: 4px;"></div> <div style="height: 4px;"></div>
<div class="boxmain" id="scrollContainer2"> <div class="boxmain" id="scrollContainer2">
<scScrollTavle v-if="table2Visible" :tableHeight="containerHeight2" <scScrollTavle v-if="table2Visible" :tableHeight="containerHeight2" :rowData="lineData"
:rowData="lineData" :titleData="liData2" :refValue="refValue2"></scScrollTavle> :titleData="liData2" :refValue="refValue2"></scScrollTavle>
</div> </div>
</div> </div>
</el-col> </el-col>
@ -360,7 +360,7 @@ export default {
list.forEach(item => { list.forEach(item => {
let arr = [], obj1 = {}, obj2 = {}, obj3 = {}, obj4 = {}, obj5 = {}, obj6 = {}, obj7 = {}; let arr = [], obj1 = {}, obj2 = {}, obj3 = {}, obj4 = {}, obj5 = {}, obj6 = {}, obj7 = {};
obj1.elType = 'primary'; obj1.elType = 'primary';
obj1.value = item.equip_name;//炉号 obj1.value = item.equip_name + '|' + item.equip_number;//炉号
obj2.elType = 'primary'; obj2.elType = 'primary';
obj2.value = item.material_name; obj2.value = item.material_name;
obj3.elType = 'primary'; obj3.elType = 'primary';
@ -400,26 +400,14 @@ export default {
let seriesData1 = [], xAxisData1 = []; let seriesData1 = [], xAxisData1 = [];
if (list1.length > 0) { if (list1.length > 0) {
list1.forEach(item1 => { list1.forEach(item1 => {
xAxisData1.push(item1.equip_name); xAxisData1.push(item1.equip_number);
seriesData1.push(item1.count_real); seriesData1.push(item1.count_real);
}) })
} }
let chart1Option = deepCopy(this.basicOption) let chart1Option = deepCopy(this.basicOption)
chart1Option.xAxis.data = xAxisData1; chart1Option.xAxis.data = xAxisData1;
chart1Option.series[0].data = seriesData1; chart1Option.series[0].data = seriesData1;
// chart1Option.yAxis.name='生产数';
let chart1 = that.setChart("chart1", chart1Option); let chart1 = that.setChart("chart1", chart1Option);
// let index1 = 0
// this.chartInterval1 = setInterval(function () {
// if (index1 < seriesData1.length) {
// chart1.dispatchAction({ type: 'downplay', seriesIndex: 0 });
// chart1.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: index1 });
// chart1.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: index1 });
// index1++;
// } else {
// index1 = 0;
// }
// }, 3000);
}); });
//本月合格率统计 //本月合格率统计
let obj2 = { let obj2 = {
@ -513,17 +501,6 @@ export default {
}]; }];
chart2Option.series = series2; chart2Option.series = series2;
let chart2 = that.setChart("chart2", chart2Option); let chart2 = that.setChart("chart2", chart2Option);
// let index2 = 0
// this.chartInterval2 = setInterval(function () {
// if (index2 < seriesData2.length) {
// chart2.dispatchAction({ type: 'downplay', seriesIndex: 0 });
// chart2.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: index2 });
// chart2.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: index2 });
// index2++;
// } else {
// index2 = 0;
// }
// }, 3000);
}); });
//车间生产昨日统计 12月1号 //车间生产昨日统计 12月1号
@ -552,17 +529,6 @@ export default {
} }
that.chart3Option.series.data = seriesData3; that.chart3Option.series.data = seriesData3;
let chart3 = that.setChart("chart3", that.chart3Option); let chart3 = that.setChart("chart3", that.chart3Option);
// let index3 = 0
// this.chartInterval3 = setInterval(function () {
// if (index3 < seriesData3.length) {
// chart3.dispatchAction({ type: 'downplay', seriesIndex: 0 });
// chart3.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: index3 });
// chart3.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: index3 });
// index3++;
// } else {
// index3 = 0;
// }
// }, 3000);
}); });
}, },
//今日任务 //今日任务
@ -584,15 +550,19 @@ export default {
</script> </script>
<style scoped> <style scoped>
@font-face { @font-face {
font-family: 'myfont'; /* 字体名称 */ font-family: 'myfont';
src: url('../../utils/youShe.ttf'); /* 字体文件相对路径 */ /* 字体名称 */
src: url('../../utils/youShe.ttf');
/* 字体文件相对路径 */
} }
.dashboard { .dashboard {
background-image: url("/public/img/photon_bg.png"); background-image: url("/public/img/photon_bg.png");
color: #fff; color: #fff;
font-family: "Microsoft Yahei" !important; font-family: "Microsoft Yahei" !important;
background-size: cover; background-size: cover;
} }
.header { .header {
background: url("/public/img/photon_header.png"); background: url("/public/img/photon_header.png");
border-bottom: none; border-bottom: none;
@ -604,10 +574,13 @@ export default {
font-family: 'Microsoft Yahei'; font-family: 'Microsoft Yahei';
text-align: center; text-align: center;
padding: 12px 0px; padding: 12px 0px;
}.box { }
.box {
background: rgba(10, 63, 68, 0.5); background: rgba(10, 63, 68, 0.5);
height: 100%; height: 100%;
} }
.boxtitle { .boxtitle {
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
@ -615,18 +588,22 @@ export default {
height: 36px; height: 36px;
background: linear-gradient(40deg, rgba(11, 101, 140, 0.451), rgba(0, 34, 48, 0.335), rgba(11, 101, 140, 0.451)); background: linear-gradient(40deg, rgba(11, 101, 140, 0.451), rgba(0, 34, 48, 0.335), rgba(11, 101, 140, 0.451));
} }
.bgimg { .bgimg {
background-image: url('https://cdn-upload.datav.aliyun.com/upload/download/1678762309227-E6RP8z2R.png'); background-image: url('https://cdn-upload.datav.aliyun.com/upload/download/1678762309227-E6RP8z2R.png');
background-size: 140% 100%; background-size: 140% 100%;
} }
.boxmain { .boxmain {
height: calc(100% - 40px); height: calc(100% - 40px);
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.boxmain { .boxmain {
height: 200px; height: 200px;
} }
} }
.flex_center { .flex_center {
display: flex; display: flex;
align-items: center; align-items: center;
@ -640,15 +617,18 @@ export default {
.bigdata { .bigdata {
font-size: 24px; font-size: 24px;
} }
.boxlabel { .boxlabel {
margin-left: 6px; margin-left: 6px;
font-size: 18px; font-size: 18px;
margin-top: 6px margin-top: 6px
} }
.wrapper { .wrapper {
overflow: hidden; overflow: hidden;
height: 220px; height: 220px;
} }
.wrapper2 { .wrapper2 {
height: 180px; height: 180px;
overflow: hidden; overflow: hidden;
@ -659,17 +639,21 @@ export default {
line-height: 40px; line-height: 40px;
text-align: center; text-align: center;
} }
.marquee_top { .marquee_top {
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
margin-top: -26px; margin-top: -26px;
} }
.totall { .totall {
color: #fff; color: #fff;
background-color: rgb(10, 63, 68); background-color: rgb(10, 63, 68);
} }
.rollData { .rollData {
background-color: rgb(10, 39, 50); background-color: rgb(10, 39, 50);
} }
.rollData:nth-of-type(2n+1) { .rollData:nth-of-type(2n+1) {
background-color: rgb(0, 59, 81); background-color: rgb(0, 59, 81);
} }