williamet/vis389
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

质量管理（差SPC分析）

Browse Source
This commit is contained in:
熊丽君
2021-12-21 16:07:51 +08:00
parent 3bed560dea
commit c9cfd13127
2 changed files with 70 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/bigScreen/qualityManage/center.vue
View File

@ -4,41 +4,65 @@
<div class="data">
<div class="data-item">
<div><span style="font-weight: bold">质量体系整改率</span></div>
<div class="box"><span>98</span>%</div>
<div class="box"><span>{{}}</span>%</div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">产品合格率</span></div>
<div class="box"><span>98</span>%</div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.productCate }}</span
>%
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.productCate" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">一般性质量问题数量</span></div>
<div class="box" style="font-size: 18px"><span style="color: #55c5a2; margin: 0 5px">↓</span>20%</div>
<div class="box"><i>38/40</i><span class="num2"></span></div>
<div class="box" style="font-size: 18px">
<span style="color: #55c5a2; margin: 0 5px">↓</span>{{ dataInfo.rectificationRate }}%
</div>
<div class="box">
<i>{{ dataInfo.commonlyProblemTotal }}/{{}}</i><span class="num2"></span>
</div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">低层次问题数</span></div>
<div class="box"><i>0/0</i><span class="num2"></span></div>
<div class="box">
<i>{{ dataInfo.lowProblemTotal }}/{{}}</i><span class="num2"></span>
</div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">小型产品合格率</span></div>
<div class="box"><span>98</span>%</div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.smallProductCate }}</span
>%
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.smallProductCate" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">产品错/漏检率</span></div>
<div class="box"><span>33%/0%</span></div>
<div class="box">
<span>{{ dataInfo.errorCheckRate }}%/{{ dataInfo.leakCheckRate }}%</span>
</div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">质量计划完成率</span></div>
<div class="box"><span>80</span>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">55</span></div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.planCompleteRate }}</span
>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">{{
dataInfo.qualityPlanCompleteTotal
}}</span>
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.planCompleteRate" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">质量检查完成率</span></div>
<div class="box"><span>70</span>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">60</span></div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.checkCompleteRate }}</span
>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">{{
dataInfo.qualityNotificationCompleteTotal
}}</span>
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.checkCompleteRate" /></div>
</div>
</div>
</center1>

59
src/views/bigScreen/qualityManage/left3.vue
View File

@ -4,7 +4,8 @@
<div class="box">
<div class="_img">
<!-- <img src="./1.jpg" alt="" /> -->
<video id="videoElement" controls autoplay>Your browser is too old which doesn't support HTML5 video.</video>
<!-- muted controls autoplay -->
<!-- <video id="videoElement" muted autoplay>Your browser is too old which doesn't support HTML5 video.</video> -->
</div>
<div class="text">
<p style="opacity: 0.8">实况信息</p>
@ -40,30 +41,12 @@ export default {
flvPlayer: null,
}
},
methods: {},
mounted() {
this.$nextTick(() => {
if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement')
this.flvPlayer = flvjs.createPlayer(
{
type: 'flv',
isLive: true,
fluid: true,
stashInitialSize: 128, // 减少首桢显示等待时长
url: 'http://192.168.0.151:81/stream/live/livestream.flv',
},
{
enableStashBuffer: false,
fixAudioTimestampGap: false,
isLive: true,
}
)
this.flvPlayer.attachMediaElement(videoElement)
this.flvPlayer.load()
this.flvPlayer.play()
}
})
let videoElement = document.getElementById('videoElement')
this.flvPlayer.attachMediaElement(videoElement)
this.flvPlayer.load()
this.flvPlayer.play()
},
beforeDestroy() {
this.flvPlayer.player.pause()
@ -72,6 +55,26 @@ export default {
this.flvPlayer.player.destroy()
this.flvPlayer.player = null
},
methods: {},
created() {
if (flvjs.isSupported()) {
this.flvPlayer = flvjs.createPlayer(
{
type: 'flv', // 媒体类型 flv 或 mp4
isLive: true, // 是否为直播流
fluid: true,
// hasAudio: true, // 是否开启声音
stashInitialSize: 128, // 减少首桢显示等待时长
url: 'http://192.168.0.151:81/stream/live/livestream.flv',
},
{
enableStashBuffer: false,
fixAudioTimestampGap: false,
isLive: true,
}
)
}
},
}
</script>
@ -82,6 +85,10 @@ export default {
._img {
width: 310px;
height: 229px;
img {
width: 100%;
height: 100%;
}
video {
width: 100%;
height: 100%;
@ -89,8 +96,8 @@ export default {
}
.text {
flex: 1;
padding: 0 15px;
background-color: rgba(145, 213, 254, 0.15);
padding: 15px;
// background-color: rgba(145, 213, 254, 0.15);
}
}
</style>