mkl_power_box/components/process-control-new.js

197 lines
8.1 KiB
JavaScript
Raw Normal View History

2024-11-19 00:17:04 +08:00
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: {},
})