From e5cd5597aad68f294fcfff465e0a312713804c0d Mon Sep 17 00:00:00 2001
From: shishuaikang <280848880@qq.com>
Date: 星期二, 12 十二月 2023 13:40:25 +0800
Subject: [PATCH] h5大屏伴和站样式修改
---
web/src/views/MixingInfo/mixRatio.vue | 34 ++++++++++++++++++++++------------
1 files changed, 22 insertions(+), 12 deletions(-)
diff --git a/web/src/views/MixingInfo/mixRatio.vue b/web/src/views/MixingInfo/mixRatio.vue
index 0662aa1..c69ce94 100644
--- a/web/src/views/MixingInfo/mixRatio.vue
+++ b/web/src/views/MixingInfo/mixRatio.vue
@@ -1,7 +1,7 @@
<template>
<div class="wrap">
<div class="header">
- <div class="header_name">中铁十四局通甬站前I标管片场拌合站</div>
+ <div class="header_name">中铁十四局通甬站前I标管片场拌和站</div>
</div>
<div class="table">
<div class="row title">{{ info.signboardName }}</div>
@@ -45,7 +45,7 @@
fn()
return fn
})(),
- 1000 * 60 * 5
+ 1000 * 60 * 10
)
if (Vue) {
Vue.$once('hook:beforeDestroy', function () {
@@ -98,10 +98,14 @@
$html.style.fontSize = `${fontsize}px`
}
},
+ beforeDestroy() {
+ let $html = document.getElementsByTagName('html')[0]
+ $html.style.fontSize = ''
+ },
methods: {
- async getLists() {
+ getLists() {
const params = {
- pageNum: --this.type, // 传 0 1对应两个页面
+ pageNum: this.type, // 传 1 2对应两个页面
pageSize: 1,
}
this.$api.Infos.getMixRatio(params).then(res => {
@@ -113,12 +117,19 @@
this.info.signboardName = item.signboardName
this.info.proName = item.proName
- this.info.constructionUnit = item.constructionUnit
if (tmixingConsumes && tmixingConsumes.length) {
+ this.info.constructionUnit = tmixingConsumes[0].constructionUnit
this.info.saveStamp = tmixingConsumes[0].saveStamp
this.info.construction = tmixingConsumes[0].construction
-
+ this.dataLists = [
+ {name: '材料名称', type: 'dictName', value: []}, // 材料名称
+ {name: '规格型号', type: 'spec', value: []}, // 规格型号
+ {name: '生产厂家', type: 'manufacturer', value: []}, // 生产厂家
+ {name: '材料含水率(%)', type: 'watFull', value: []}, // 含水率
+ {name: '理论用量(kg/m³)', type: 'planAmnt', value: []}, // 理论用量
+ {name: '实际用量(kg/m³)', type: 'factAmnt', value: []}, // 实际用量
+ ]
tmixingConsumes.forEach(item => {
this.dataLists.forEach(val => {
item[val.type] && val.value.push(item[val.type])
@@ -135,7 +146,7 @@
}
}
</script>
-<style scoped>
+<style lang="scss" scoped>
.wrap {
position: absolute;
width: 100%;
@@ -156,7 +167,7 @@
background-size: 100% auto;
.header_name {
- font-size: 1.6rem;
+ font-size: 1.4rem;
font-weight: bold;
line-height: 3.2rem;
letter-spacing: 2px;
@@ -175,7 +186,7 @@
bottom: 2rem;
left: 2rem;
right: 2rem;
- font-size: 0.8rem;
+ font-size: 0.74rem;
color: #fff;
.title {
@@ -189,10 +200,9 @@
.row {
flex: 1;
width: 100%;
- height: 2rem;
margin: 0 -1px -1px 0;
text-align: center;
- line-height: 2rem;
+ line-height: 1.1rem;
border: 1px solid #01B3EF;
.name {
@@ -235,7 +245,7 @@
.row.line {
display: flex;
- >div {
+ > div {
flex: 1;
}
}
--
Gitblit v1.9.3