mkl_power_box/components/process-control-new.js

197 lines
8.1 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

Vue.component("process-control-new", {
template: `
<div class="process-control-new">
<div :class="chooseProcessControlMenu == i?'process-control-new-list active':'process-control-new-list'" v-for="(item,i) in processControlData"
:style="!item.url ? 'cursor: no-drop' :''"
@click="onProcessControl(i,i,item.url)"
>
<div class="process-control-new-run">
<!-- <div class="process-control-new-order">{{'0'+item.number}}</div>-->
<div class="process-control-new-order">{{'0'+(i+1)}}</div>
<div class="process-control-new-content">
<div class="process-control-new-title">
{{item.label}}
</div>
<div class="process-control-new-data">
<div class="process-control-new-number-1">{{item.left_title}}<span>{{item.left_data}}{{item.left_unit}}</span></div>
<div class="process-control-new-number-2">{{item.right_title}}<span>{{item.right_data}}{{item.right_unit}}</span></div>
</div>
</div>
</div>
</div>
</div>
`,
props: {
active: {
type: Number
}
},
data() {
return {
chooseProcessControlMenu: 0,
processControlData:[
{
number:1,
label:'取样送检',
left_title:'取样数',
left_data:0,
left_unit:'次',
right_title:'报告返回率',
right_data:0,
right_unit:'%',
url: "/weixin/screen/toQualityQYSJ"
},
{
number:2,
label:'标养室监测',
left_title:'当前温度',
left_data:0,
left_unit:'℃',
right_title:'当前湿度',
right_data:0,
right_unit:'%RH',
url: "/weixin/screen/toQualityBYSJC"
},
{
number:3,
label:'混凝土强度监测',
left_title:'成熟度',
left_data:0,
left_unit:'°C*小时',
right_title:'当前温度',
right_data:0,
right_unit:'℃',
url: "/weixin/screen/toQualityHNTJC"
},
/* {
number:4,
label:'过程验收',
left_title:'验收次数',
left_data:0,
left_unit:'次',
right_title:'合格率',
right_data:0,
right_unit:'%',
url: "/weixin/screen/toQualityGCYS"
},*/
{
number:5,
label:'举牌验收',
left_title:'验收次数',
left_data:0,
left_unit:'次',
right_title:'合格率',
right_data:0,
right_unit:'%',
url: "/weixin/screen/toQualityJPYS"
},
{
number:6,
label:'实测实量',
left_title:'验收次数',
left_data:0,
left_unit:'次',
right_title:'合格率',
right_data:0,
right_unit:'%',
},
]
}
},
mounted() {
this.getData()
this.chooseProcessControlMenu = localStorage.getItem("chooseProcessControlMenu")
},
methods: {
getData(){
axios.post("/api/getProcessControlCount",{
dept_id:JSON.parse(localStorage.getItem("data")).dept_id ,
project_id: JSON.parse(localStorage.getItem("data")).id
}).then(res => {
let data = res.data.data
this.processControlData = [
{
number:1,
label:'取样送检',
left_title:'取样数',
left_data:data.samplingCount ? data.samplingCount.left_data : 0,
left_unit:'次',
right_title:'报告返回率',
right_data:data.samplingCount ? (data.samplingCount.right_data * 100 ).toFixed(2) : 0,
right_unit:'%',
url: "/weixin/screen/toQualityQYSJ"
},
{
number:2,
label:'标养室监测',
left_title:'当前温度',
left_data:data.markingRoomCount ? data.markingRoomCount.left_data : 0,
left_unit:'℃',
right_title:'当前湿度',
right_data:data.markingRoomCount ?Number( data.markingRoomCount.right_data).toFixed(2) : 0,
right_unit:'%RH',
url: "/weixin/screen/toQualityBYSJC"
},
{
number:3,
label:'混凝土强度监测',
left_title:'成熟度',
left_data:data.concreteCount ? data.concreteCount.left_data : 0,
left_unit:'°C*小时',
right_title:'当前温度',
right_data:data.concreteCount ? Number(data.concreteCount.right_data).toFixed(2) : 0,
right_unit:'℃',
url: "/weixin/screen/toQualityHNTJC"
},
/* {
number:4,
label:'过程验收',
left_title:'验收次数',
left_data:data.courseReceivingCount ? data.courseReceivingCount.left_data : 0,
left_unit:'次',
right_title:'合格率',
right_data:data.courseReceivingCount ? data.courseReceivingCount.right_data.toFixed(2) : 0,
right_unit:'%',
url: "/weixin/screen/toQualityGCYS"
},*/
{
number:5,
label:'举牌验收',
left_title:'验收次数',
left_data:data.raisingCount ? data.raisingCount.left_data : 0,
left_unit:'次',
right_title:'合格率',
right_data:data.raisingCount ? (data.raisingCount.right_data * 100).toFixed(2) : 0,
right_unit:'%',
url: "/weixin/screen/toQualityJPYS"
},
{
number:6,
label:'实测实量',
left_title:'验收次数',
left_data:data.measuredQuantityCount ? data.measuredQuantityCount.left_data : 0,
left_unit:'次',
right_title:'合格率',
right_data:data.measuredQuantityCount ? data.measuredQuantityCount.right_data.toFixed(2) : 0,
right_unit:'%',
},
]
})
},
onProcessControl(n, top ,url) {
if (url) {
localStorage.setItem("chooseProcessControlMenu", n)
let chooseMenu = {
mainMenu:4,
itemMenu:top,
}
localStorage.setItem("chooseMenu",JSON.stringify(chooseMenu));
// 跳转页面
location.href = url
}
}
},
watch: {},
})