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

fix:光芯大屏修改（70%）

This commit is contained in:
shijing 2025-05-12 14:55:14 +08:00
parent 3651a75f99
commit 2c29fe6691
1 changed files with 193 additions and 370 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

563
src/views/bigScreen/index_gx.vue
View File

@ -3,7 +3,7 @@
<header class="pageHeader"> <header class="pageHeader">
<div class="header_center_text">{{ bigScreenName }}</div> <div class="header_center_text">{{ bigScreenName }}</div>
<div class="header_left"> <div class="header_left">
<span>{{ currentYear }}年{{ currentMonth }}月{{ currentDay }}日</span> <span>{{ currentYear }}年{{ currentMonth }}月{{ currentDay }}日{{currentWeek}}</span>
</div> </div>
<div class="header_right"> <div class="header_right">
<span>{{ currentTime }}</span> <span>{{ currentTime }}</span>
@ -24,24 +24,8 @@
status="warning" status="warning"
> >
<template #default="{ percentage }"> <template #default="{ percentage }">
<div <div class="loadPercent">{{ percentage }}%</div>
style=" <div class="loadText">工厂模型加载中</div>
font-size: 30px;
color: white;
font-weight: bold;
"
>
{{ percentage }}%
</div>
<div
style="
font-size: 18px;
color: white;
margin-top: 10px;
"
>
工厂模型加载中
</div>
</template> </template>
</el-progress> </el-progress>
</div> </div>
@ -60,12 +44,6 @@
<span class="block1Number">{{ count_day }}</span> <span class="block1Number">{{ count_day }}</span>
</div> </div>
</div> </div>
<div class="block1NumberWrap">
<div class="block1Numberinner">
<span class="block1Text">日任务</span>
<span class="block1Number">{{cprrws}}</span>
</div>
</div>
</div> </div>
<div style="display: flex;justify-content: space-around;"> <div style="display: flex;justify-content: space-around;">
<div class="block1NumberWrap"> <div class="block1NumberWrap">
@ -74,12 +52,6 @@
<span class="block1Number">{{ count_week }}</span> <span class="block1Number">{{ count_week }}</span>
</div> </div>
</div> </div>
<div class="block1NumberWrap">
<div class="block1Numberinner">
<span class="block1Text">周任务</span>
<span class="block1Number">{{ cprrws*7 }}</span>
</div>
</div>
</div> </div>
<div style="display: flex;justify-content: space-around;"> <div style="display: flex;justify-content: space-around;">
<div class="block1NumberWrap"> <div class="block1NumberWrap">
@ -88,12 +60,6 @@
<span class="block1Number">{{ count_month }}</span> <span class="block1Number">{{ count_month }}</span>
</div> </div>
</div> </div>
<div class="block1NumberWrap">
<div class="block1Numberinner">
<span class="block1Text">月任务</span>
<span class="block1Number">{{ cprrws*days }}</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -145,11 +111,10 @@
<div>质量分析</div> <div>质量分析</div>
</div> </div>
<div class="itemBody3"> <div class="itemBody3">
<scEcharts :height="pieHeight" :width="pieWidth" :option="options"></scEcharts> <scEcharts v-if="visibal0" :height="pieHeight" :width="pieWidth" :option="options"></scEcharts>
<scEcharts :height="pieHeight" :width="pieWidth" :option="option1"></scEcharts> <scEcharts v-if="visibal1" :height="pieHeight" :width="pieWidth" :option="option1"></scEcharts>
<scEcharts :height="pieHeight" :width="pieWidth" :option="option2"></scEcharts> <scEcharts v-if="visibal2" :height="pieHeight" :width="pieWidth" :option="option2"></scEcharts>
<scEcharts :height="pieHeight" :width="pieWidth" :option="option3"></scEcharts> <scEcharts v-if="visibal3" :height="pieHeight" :width="pieWidth" :option="option3"></scEcharts>
<scEcharts :height="pieHeight" :width="pieWidth" :option="option4"></scEcharts>
</div> </div>
</div> </div>
</div> </div>
@ -161,7 +126,6 @@
</div> </div>
<div class="itemBody" style="height: 32.5vh;"> <div class="itemBody" style="height: 32.5vh;">
<video width="100%" height="100%" autoplay controls loop> <video width="100%" height="100%" autoplay controls loop>
<!-- <source :src="videoUrl" type="video/mp4"> -->
<source src="img/gx/gx_video.mp4" type="video/mp4"> <source src="img/gx/gx_video.mp4" type="video/mp4">
</video> </video>
</div> </div>
@ -172,11 +136,11 @@
<div>宣传公告</div> <div>宣传公告</div>
</div> </div>
<div class="itemBody"> <div class="itemBody">
<div class="viewsItem" v-for="articleItem in articleList" :key="articleItem.id"> <div class="viewsItem">
<div class="viewsItem_wrap"> <div class="viewsItem_wrap">
<img style="float: left;" class="viewsItem_img" :src="articleItem.poster"> <img style="float: left;" class="viewsItem_img" :src="articleObj.poster">
<article> <article>
{{ articleItem.content }} {{ articleObj.content }}
</article> </article>
</div> </div>
</div> </div>
@ -186,153 +150,53 @@
<div class="bottom_block"> <div class="bottom_block">
<div id="scroll" class="bottom_block2"> <div id="scroll" class="bottom_block2">
<div class="flexItem3"> <div class="flexItem3">
<div class="flexItem3_title">切片</div> <div class="flexItem3_title">黑化</div>
<div class="flexItem3Body"> <div class="flexItem3Body">
<dv-scroll-board <dv-scroll-board
:config="configData0" :config="configData0"
class="inmBoxmain" class="inmBoxmain"
/> />
<scEcharts :width="lineWidth" :height="lineHeight" :option="options0"></scEcharts> <scEcharts v-if="visibals0" :width="lineWidth" :height="lineHeight" :option="options0"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">扫边A</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData2"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options2"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">黑化</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData3"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options3"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">退火</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData4"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options4"></scEcharts>
</div> </div>
</div> </div>
<div class="flexItem3"> <div class="flexItem3">
<div class="flexItem3_title">减薄A</div> <div class="flexItem3_title">减薄A</div>
<div class="flexItem3Body"> <div class="flexItem3Body">
<dv-scroll-board <dv-scroll-board
:config="configData5" :config="configData1"
class="inmBoxmain" class="inmBoxmain"
/> />
<scEcharts :width="lineWidth" :height="lineHeight" :option="options5"></scEcharts> <scEcharts v-if="visibals1" :width="lineWidth" :height="lineHeight" :option="options1"></scEcharts>
</div> </div>
</div> </div>
<div class="flexItem3">
<div class="flexItem3_title">减薄B</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData6"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options6"></scEcharts>
</div>
</div>
<div class="flexItem3"> <div class="flexItem3">
<div class="flexItem3_title">精雕</div> <div class="flexItem3_title">精雕</div>
<div class="flexItem3Body"> <div class="flexItem3Body">
<dv-scroll-board <dv-scroll-board
:config="configData8" :config="configData2"
class="inmBoxmain" class="inmBoxmain"
/> />
<scEcharts :width="lineWidth" :height="lineHeight" :option="options8"></scEcharts> <scEcharts v-if="visibals2" :width="lineWidth" :height="lineHeight" :option="options2"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">一次抛</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData9"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options9"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">扫边B</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData10"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options10"></scEcharts>
</div> </div>
</div> </div>
<div class="flexItem3"> <div class="flexItem3">
<div class="flexItem3_title">成品抛</div> <div class="flexItem3_title">成品抛</div>
<div class="flexItem3Body"> <div class="flexItem3Body">
<dv-scroll-board <dv-scroll-board
:config="configData11" :config="configData3"
class="inmBoxmain" class="inmBoxmain"
/> />
<scEcharts :width="lineWidth" :height="lineHeight" :option="options11"></scEcharts> <scEcharts v-if="visibals3" :width="lineWidth" :height="lineHeight" :option="options3"></scEcharts>
</div> </div>
</div> </div>
<div class="flexItem3"> <div class="flexItem3">
<div class="flexItem3_title">倒角</div> <div class="flexItem3_title">检测</div>
<div class="flexItem3Body"> <div class="flexItem3Body">
<dv-scroll-board <dv-scroll-board
:config="configData12" :config="configData4"
class="inmBoxmain" class="inmBoxmain"
/> />
<scEcharts :width="lineWidth" :height="lineHeight" :option="options12"></scEcharts> <scEcharts v-if="visibals4" :width="lineWidth" :height="lineHeight" :option="options4"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">一次超洗</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData13"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options13"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">二次超洗</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData14"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options14"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">三次超洗</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData15"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options15"></scEcharts>
</div>
</div>
<div class="flexItem3">
<div class="flexItem3_title">切片</div>
<div class="flexItem3Body">
<dv-scroll-board
:config="configData0"
class="inmBoxmain"
/>
<scEcharts :width="lineWidth" :height="lineHeight" :option="options0"></scEcharts>
</div> </div>
</div> </div>
</div> </div>
@ -472,7 +336,7 @@ const baseOption={
} }
const baseOption2= { const baseOption2= {
title: { title: {
text: '总计', text: '棒料',
left: 'center', left: 'center',
textStyle:{ textStyle:{
fontSize: 16, fontSize: 16,
@ -527,6 +391,7 @@ export default {
currentYear: "", currentYear: "",
currentMonth: "", currentMonth: "",
currentDay: "", currentDay: "",
currentDate:"",
days:0, days:0,
timerTime: null, timerTime: null,
start_date: "", start_date: "",
@ -535,10 +400,8 @@ export default {
count_day:0, count_day:0,
count_week:0, count_week:0,
count_month:0, count_month:0,
cprrws:0,
myChart: null, myChart: null,
sectionNames: { sectionNames: {
// '立方体.010':'一层',
'地面': "一层",// '地面': "一层",//
'一层地面': "一层",// 地面 '一层地面': "一层",// 地面
'地面.001': "二层",// 地面 '地面.001': "二层",// 地面
@ -549,7 +412,10 @@ export default {
option1: {}, option1: {},
option2: {}, option2: {},
option3: {}, option3: {},
option4: {}, visibal0: false,
visibal1: false,
visibal2: false,
visibal3: false,
//设备状态饼状图option //设备状态饼状图option
option_eq: { option_eq: {
color: ['rgb(145,204,117)', '#ffa500 ', 'rgb(250,200,88)', 'rgb(215,102,97)', 'rgb(185,51,46)' ], color: ['rgb(145,204,117)', '#ffa500 ', 'rgb(250,200,88)', 'rgb(215,102,97)', 'rgb(185,51,46)' ],
@ -637,38 +503,22 @@ export default {
configData3:{}, configData3:{},
configData4:{}, configData4:{},
configData5:{}, configData5:{},
configData6:{},
configData7:{},
configData8:{},
configData9:{},
configData10:{},
configData11:{},
configData12:{},
configData13:{},
configData14:{},
configData15:{},
scrollNum:0, scrollNum:0,
scrollInterval:null, scrollInterval:null,
//近七天日数组 //近七天日数组
dayArr:[], dayArr:[],
visibals0: false,
visibals1: false,
visibals2: false,
visibals3: false,
visibals4: false,
//工序柱状图option //工序柱状图option
options0:{}, options0:{},
options1:{}, options1:{},
options2:{}, options2:{},
options3:{}, options3:{},
options4:{}, options4:{},
options5:{}, articleObj:{},
options6:{},
options7:{},
options8:{},
options9:{},
options10:{},
options11:{},
options12:{},
options13:{},
options14:{},
options15:{},
articleList:[],
videoUrl:'', videoUrl:'',
pieWidth:0, pieWidth:0,
lineWidth:0, lineWidth:0,
@ -677,78 +527,78 @@ export default {
}; };
}, },
mounted() { mounted() {
this.bigScreenName = this.$TOOL.data.get("BASE_INFO").base.bigScreen_name;
console.log('this.bigScreenName',this.bigScreenName)
this.showTime();
loadBabylon().then(()=>{ loadBabylon().then(()=>{
this.initView() this.initView()
}) })
this.timerTime = setInterval(() => {
this.showTime();
}, 1000);
}, },
methods: { methods: {
//初始化视图 //初始化视图
initView(){ initView(){
let that = this; let that = this;
var windowHeight = window.innerHeight; var windowHeight = window.innerHeight;
var windowWidth = window.innerWidth; var windowWidth = window.innerWidth;
that.pieWidth =Math.round((windowWidth/100*33)/5)+'px'; that.pieWidth =Math.round((windowWidth/100*33)/4)+'px';
that.pieHeight = Math.round((windowHeight/100)*13)+'px'; that.pieHeight = Math.round((windowHeight/100)*12)+'px';
that.lineWidth = (windowWidth/5-10)+'px'; that.lineWidth = (windowWidth/5-10)+'px';
that.lineHeight = (windowHeight/100)*12.5+'px'; that.lineHeight = (windowHeight/100)*12.5+'px';
that.bigScreenName = that.$TOOL.data.get("BASE_INFO").base.bigScreen_name;
//一天的毫秒数 //一天的毫秒数
let nowDate = new Date(); let nowDate = new Date();
let year = nowDate.getFullYear(); let year = nowDate.getFullYear();
let month = nowDate.getMonth() + 1; let month = nowDate.getMonth() + 1;
let day = nowDate.getDate(); let day = nowDate.getDate();
that.days = new Date(year, month, 0).getDate(); that.days = new Date(year, month, 0).getDate();
that.currentYear = year; that.currentYear = year;
that.currentMonth = month; that.currentMonth = month;
that.currentDay = day; that.currentDay = day;
let dayArr = []; let dayArr = [];
for(let i=6;i>-1;i--){ for(let i=6;i>-1;i--){
let date = new Date(nowDate.getTime()-i*24*60*60*1000); let date = new Date(nowDate.getTime()-i*24*60*60*1000);
let day = date.getDate(); let day = date.getDate();
dayArr.push(day); dayArr.push(day);
}
// dayArr.push(day);
that.dayArr = dayArr;
that.myChart = echarts.init(document.getElementById('eqPieChart'));
that.myChart.setOption(that.option_eq);
let index2 = 0;
that.chartInterval2 = setInterval(function () {
if (index2 < that.option_eq.series.data.length) {
that.myChart.dispatchAction({
type: "downplay",
seriesIndex: 0,
});
that.myChart.dispatchAction({
type: "highlight",
seriesIndex: 0,
dataIndex: index2,
});
that.myChart.dispatchAction({
type: "showTip",
seriesIndex: 0,
dataIndex: index2,
});
index2++;
} else {
index2 = 0;
} }
}, 3000); that.dayArr = dayArr;
that.$nextTick(function () {
that.getEquipments(); that.myChart = echarts.init(document.getElementById('eqPieChart'));
that.getMaterials(); that.myChart.setOption(that.option_eq);
that.getMgroup(); let index2 = 0;
that.getTaskNumber(); that.chartInterval2 = setInterval(function () {
that.addListener(); if (index2 < that.option_eq.series.data.length) {
that.setIntervalFun(); that.myChart.dispatchAction({
that.getQulity(); type: "downplay",
that.getArticles(); seriesIndex: 0,
that.initFactory(); });
that.showTime(); that.myChart.dispatchAction({
that.addListener(); type: "highlight",
}) seriesIndex: 0,
dataIndex: index2,
});
that.myChart.dispatchAction({
type: "showTip",
seriesIndex: 0,
dataIndex: index2,
});
index2++;
} else {
index2 = 0;
}
}, 3000);
that.$nextTick(function () {
that.getEquipments();
that.getMaterials();
that.getMgroup();
that.getTaskNumber();
that.addListener();
that.getArticles();
that.initFactory();
that.addListener();
})
}, },
//获取公告和视频 //获取公告和视频
getArticles(){ getArticles(){
@ -763,90 +613,16 @@ export default {
videoList.push(item); videoList.push(item);
} }
}) })
that.articleList = articleList.slice(0,2); that.articleObj = articleList[0];
that.videoUrl = that.baseUrl+videoList[0].video; that.videoUrl = that.baseUrl+videoList[0].video;
} }
}) })
}, },
//获取质量分析饼状图数据
getQulity(){
let that = this;
let month = that.currentMonth>9?that.currentMonth:'0'+that.currentMonth;
let day = that.currentDay>9?that.currentDay:'0'+that.currentDay;
let current_date = that.currentYear+'-'+month+'-'+day;
that.options = that.deepCopy(baseOption2);
that.option1 = that.deepCopy(baseOption2);
that.option1.title.text = '早班尺寸';
that.option2 = that.deepCopy(baseOption2);
that.option2.title.text = '晚班尺寸';
that.option3 = that.deepCopy(baseOption2);
that.option3.title.text = '早班外观';
that.option4 = that.deepCopy(baseOption2);
that.option4.title.text = '晚班外观';
let obj = {
query:{
"fw_type":"prod",
"end_date":current_date,
"start_date":current_date,
"group_by_dept": ", dept.id",
"group_by_shift": ", shift.id",
"select_col_dept": ", dept.name as 部门",
"select_col_shift": ", shift.name as 班次"
},
};
that.$API.bi.dataset.exec.req('ftestDay2', obj).then((res) => {
if(res.data2.ds0){
let lists = res.data2.ds0;
//根据工段名称分组
if(lists.length>0){
let count_ok = 0,count_notok=0;
lists.forEach((item) => {
count_ok += item.合格数;
count_notok += item.不合格数;
let index = 1;
if(item.班次=='早班'&&item.部门=='尺寸检测'){
index = 1;
}else if(item.班次=='晚班'&&item.部门=='尺寸检测'){
index = 2;
}else if(item.班次=='早班'&&item.部门=='外观检测'){
index = 3;
}else if(item.班次=='晚班'&&item.部门=='外观检测'){
index = 4;
}
let key = 'option'+index;
that[key].series.data[0].value = item.合格数;
that[key].series.data[1].value = item.不合格数;
})
that.options.series.data[0].value = count_ok;
that.options.series.data[1].value = count_notok;
}
}
});
},
//底部轮播定时
setIntervalFun(){
let that = this;
let containerWidth = document.getElementsByClassName("container")[0].offsetWidth;
let wdiths = containerWidth/5;
that.scrollInterval = setInterval(() => {
if(that.scrollNum>8){
that.scrollNum = 0;
}else{
that.scrollNum++;
}
let nums = that.scrollNum * wdiths;
let lefts = 0-nums;
document.getElementById("scroll").style.left = lefts +'px';
},600000)
},
//时间 //时间
showTime() { showTime() {
this.currentTime = this.$TOOL.dateFormat(new Date(), "hh:mm:ss"); this.currentTime = this.$TOOL.dateFormat(new Date(), "hh:mm:ss");
this.currentWeek = this.$TOOL.dateFormat(new Date(), "week"); this.currentWeek = this.$TOOL.dateFormat(new Date(), "week");
this.currentDay = this.$TOOL.dateFormat( this.currentDate = this.$TOOL.dateFormat(new Date(),"yyyy年MM月dd日");
new Date(),
"yyyy年MM月dd日"
);
}, },
//屏幕监听 //屏幕监听
addListener() { addListener() {
@ -855,7 +631,6 @@ export default {
if (that.scrollInterval!=null) { if (that.scrollInterval!=null) {
clearInterval(that.scrollInterval); clearInterval(that.scrollInterval);
} }
that.setIntervalFun();
if (this.resizeTimeout) { if (this.resizeTimeout) {
clearTimeout(this.resizeTimeout); clearTimeout(this.resizeTimeout);
} }
@ -891,6 +666,7 @@ export default {
if (that.engine != null) { if (that.engine != null) {
that.engine.resize(); that.engine.resize();
} }
that.resizeChart();
}, },
//更新图表数据 //更新图表数据
resizeChart(name) { resizeChart(name) {
@ -902,18 +678,12 @@ export default {
myChart.resize(); myChart.resize();
} }
}, },
//获取日任务和日/周/月产量 //获取日/周/月产量
getTaskNumber(){ getTaskNumber(){
let that = this; let that = this;
let month = that.currentMonth>9?that.currentMonth:'0'+that.currentMonth; let month = that.currentMonth>9?that.currentMonth:'0'+that.currentMonth;
let day = that.currentDay>9?that.currentDay:'0'+that.currentDay; let day = that.currentDay>9?that.currentDay:'0'+that.currentDay;
let current_date = that.currentYear+'-'+month+'-'+day; let current_date = that.currentYear+'-'+month+'-'+day;
let obj = {query:{current_date:current_date}};
that.$API.bi.dataset.exec.req('cprrws', obj).then((res) => {
if(res.data2.ds0&&res.data2.ds0.length>0){
that.cprrws = res.data2.ds0[0].日任务数;
}
});
let objDay = {query:{start_date:current_date,end_date:current_date,mgroup_name:'三次超洗'}}; let objDay = {query:{start_date:current_date,end_date:current_date,mgroup_name:'三次超洗'}};
that.$API.bi.dataset.exec.req('lineDay_m2', objDay).then((res0) => { that.$API.bi.dataset.exec.req('lineDay_m2', objDay).then((res0) => {
if(res0.data2.ds0&&res0.data2.ds0.length>0){ if(res0.data2.ds0&&res0.data2.ds0.length>0){
@ -1020,7 +790,7 @@ export default {
// 相机限制 // 相机限制
camera.lowerRadiusLimit = 29; camera.lowerRadiusLimit = 29;
camera.upperRadiusLimit = 50; camera.upperRadiusLimit = 50;
camera.useAutoRotationBehavior = true; // camera.useAutoRotationBehavior = true;//自动旋转
// 灯光 // 灯光
const light = new BABYLON.HemisphericLight( const light = new BABYLON.HemisphericLight(
"light", "light",
@ -1041,35 +811,7 @@ export default {
control_main.left = "-15%"; control_main.left = "-15%";
advancedTexture.addControl(control_main); advancedTexture.addControl(control_main);
var remoteGlbUrl = config.HOST_URL + "/media/model/gx.glb"; var remoteGlbUrl = config.HOST_URL + "/media/model/gx.glb";
BABYLON.SceneLoader.Append( BABYLON.SceneLoader.Append(remoteGlbUrl,"",scene,
remoteGlbUrl,
"",
scene,
function(scene){
for (let key in that.sectionNames) {
let value = that.sectionNames[key];
let mesh = scene.getMeshByName(key);
if (mesh) {
let rect1 = new BABYLON_GUI.Rectangle();
rect1.width = "100px";
rect1.height = "40px";
rect1.cornerRadius = 20;
rect1.color = "rgba(255,160,0,.7)";
rect1.thickness = 4;
rect1.background = "rgba(255,160,0,.7)";
let label = new BABYLON_GUI.TextBlock();
label.text = value;
label.color = "#ffffff";
rect1.addControl(label);
that.myui.addControl(rect1);
rect1.linkWithMesh(mesh);
rect1.linkOffsetY = -10;
}
}
engine.hideLoadingUI();
},
function (evt) { function (evt) {
var loadedPercent = 0; var loadedPercent = 0;
if (evt.lengthComputable) { if (evt.lengthComputable) {
@ -1103,10 +845,32 @@ export default {
let that = this; let that = this;
that.$API.mtm.mgroup.list.req({page:0}).then((res) => { that.$API.mtm.mgroup.list.req({page:0}).then((res) => {
let data = res; let data = res;
that.mgroupsData = res;
for(let i=0;i<data.length;i++){ for(let i=0;i<data.length;i++){
that.mgroupsData = res; if(data[i].name=='黑化'){
that.getProcessDatas(data[i].name,i); that.getProcessDatas(data[i].name,0);
that.getProcessCount(data[i].name,i); that.getProcessCount(data[i].name,0);
}else if(data[i].name=='减薄A'){
that.getProcessDatas(data[i].name,1);
that.getProcessCount(data[i].name,1);
}else if(data[i].name=='精雕'){
that.getProcessDatas(data[i].name,2);
that.getProcessCount(data[i].name,2);
}else if(data[i].name=='成品抛'){
that.getProcessDatas(data[i].name,3);
that.getProcessCount(data[i].name,3);
}else if(data[i].name=='外观检验'){
that.getProcessDatas(data[i].name,4);
that.getProcessCount(data[i].name,4);
}
if(data[i].name=='外协白片抛'){
that.getProcessCount0(data[i].name,1);
}else if(data[i].name=='外协一次抛'){
that.getProcessCount0(data[i].name,2);
}else if(data[i].name=='外扫'){
that.getProcessCount0(data[i].name,3);
}
} }
}) })
}, },
@ -1141,9 +905,11 @@ export default {
//获取工序近七天的柱状图数据 //获取工序近七天的柱状图数据
getProcessCount(name,index){ getProcessCount(name,index){
let that = this; let that = this;
let visibalKey = 'visibals'+index;
let optionKey = 'options'+index; let optionKey = 'options'+index;
that[optionKey] = that.deepCopy(baseOption); that[optionKey] = that.deepCopy(baseOption);
that[optionKey].xAxis.data =that.dayArr; that[optionKey].xAxis.data =that.dayArr;
that[visibalKey] = true;
let nowDate = new Date(); let nowDate = new Date();
let end_date = that.$TOOL.dateFormat2(nowDate); let end_date = that.$TOOL.dateFormat2(nowDate);
let start_date = that.$TOOL.dateFormat2(new Date(nowDate.getTime()-6*24*60*60*1000)); let start_date = that.$TOOL.dateFormat2(new Date(nowDate.getTime()-6*24*60*60*1000));
@ -1162,7 +928,42 @@ export default {
that[optionKey].series[0].data = data0; that[optionKey].series[0].data = data0;
that[optionKey].series[1].data = data1; that[optionKey].series[1].data = data1;
that[optionKey].series[2].data = data2; that[optionKey].series[2].data = data2;
console.log(that[optionKey]); }
}
});
},
//获取质量分析饼状图数据
getProcessCount0(name,index){
let that = this;
let visibalKey = 'visibal'+index;
let optionKey = 'option'+index;
that[optionKey] = that.deepCopy(baseOption2);
that[visibalKey] = true;
if(index==1){
that.option1 = that.deepCopy(baseOption2);
that.option1.title.text = '白片抛';
}else if(index==2){
that.option2 = that.deepCopy(baseOption2);
that.option2.title.text = '一次抛';
}else if(index==3){
that.option3 = that.deepCopy(baseOption2);
that.option3.title.text = '外形抛光';
}
let nowDate = new Date();
let end_date = that.$TOOL.dateFormat2(nowDate);
let start_date = that.$TOOL.dateFormat2(new Date(nowDate.getTime()-6*24*60*60*1000));
let obj = {query:{end_date:end_date,start_date:start_date,mgroup_name:name}};
that.$API.bi.dataset.exec.req('lineDay_m2', obj).then((res) => {
if(res.data2.ds0){
let lists = res.data2.ds0;
if(lists.length>0){
let count_ok=0 ,count_notok=0;
lists.forEach((item) => {
count_ok += Number(item.合格数);
count_notok += Number(item.不合格数) ;
})
that[optionKey].series.data[0] = count_ok;
that[optionKey].series.data[1] = count_notok;
} }
} }
}); });
@ -1193,7 +994,16 @@ export default {
src: url("../../utils/youShe.ttf"); src: url("../../utils/youShe.ttf");
/* 字体文件相对路径 */ /* 字体文件相对路径 */
} }
.loadPercent{
font-size: 30px;
color: white;
font-weight: bold;
}
.loadText{
font-size: 18px;
color: white;
margin-top: 10px;
}
.container { .container {
/* background: url("/public/img/gx/gx_bj.jpg") no-repeat; */ /* background: url("/public/img/gx/gx_bj.jpg") no-repeat; */
background-size: cover; background-size: cover;
@ -1259,6 +1069,12 @@ export default {
box-sizing: border-box; box-sizing: border-box;
background: rgba(9, 31, 43, 0.5); background: rgba(9, 31, 43, 0.5);
} }
.left_block{
width:13vw;
}
.left_block2{
width:20vw;
}
.left_block3{ .left_block3{
top:31.48vh; top:31.48vh;
left: 0; left: 0;
@ -1285,7 +1101,7 @@ export default {
height: 62vh; height: 62vh;
} }
.left_block2{ .left_block2{
left: 16.5vw; left: 13vw;
height: 25vh; height: 25vh;
padding: 0 5px; padding: 0 5px;
} }
@ -1295,6 +1111,12 @@ export default {
.flexItem{ .flexItem{
width: 16.5vw; width: 16.5vw;
} }
.left_block>.flexItem,.left_block>.flexItem>.itemTitle{
width:13vw;
}
.left_block2>.flexItem,.left_block2>.flexItem>.itemTitle{
width:20vw;
}
.videoFlexItem{ .videoFlexItem{
width: 32.8vw; width: 32.8vw;
height: 37vh; height: 37vh;
@ -1459,21 +1281,22 @@ export default {
margin-bottom: 1vh; margin-bottom: 1vh;
} }
.viewsItem_wrap { .viewsItem_wrap {
height: 9.26vh; /* height: 9.26vh; */
flex-direction: column; flex-direction: column;
border-left: 5px solid rgba(28, 169, 231, 0.81); /* border-left: 5px solid rgba(28, 169, 231, 0.81); */
padding-left: 10px; padding-left: 10px;
border-radius: 5px; border-radius: 5px;
} }
.viewsItem_img{ .viewsItem_img{
width: 4.4vw; height: 20vh;
margin-top: 10px; width: 49%;
} }
article{ article{
font-size: 12px;
margin-top: 5px; margin-top: 5px;
text-indent: 2em; text-indent: 2em;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 5; /* 限制显示 5 行 */ -webkit-line-clamp: 13; /* 限制显示 5 行 */
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;