From 11da32de75cc1f04691676349ff17853b42f8722 Mon Sep 17 00:00:00 2001 From: Mr.Zhang <710666463@qq.com> Date: 星期三, 23 八月 2023 19:27:52 +0800 Subject: [PATCH] 大屏 --- screen_standard/src/components/AppLayout.vue | 33 +++++++++++++++++++++------------ 1 files changed, 21 insertions(+), 12 deletions(-) diff --git a/screen_standard/src/components/AppLayout.vue b/screen_standard/src/components/AppLayout.vue index d1df556..beb0e9c 100644 --- a/screen_standard/src/components/AppLayout.vue +++ b/screen_standard/src/components/AppLayout.vue @@ -82,10 +82,10 @@ return enterprise.deviceNum }) const unqualifiedRate = computed(() => { - return enterprise.unqualifiedRate + return +enterprise.unqualifiedRate.toFixed(2) }) const title = computed(() => { - return enterprise.procedureName ? 'DM浜戝伐鍘傝溅闂村ぇ灞�' : `${enterprise.procedureName}宸ュ簭鏁版嵁鐪嬫澘` + return enterprise.procedureName ? `${enterprise.procedureName}宸ュ簭鏁版嵁鐪嬫澘` : 'DM浜戝伐鍘傝溅闂村ぇ灞�' }) const data = reactive({ tempCom: { name: '璞嗙背绉戞妧' }, @@ -115,6 +115,8 @@ } const fullChange = () => { + enterprise.setDepartId('') + enterprise.setDepartId(data.tempCom.id) data.isFull = !data.isFull let element = document.documentElement; if (data.isFull) { // 鍏ㄥ睆 @@ -170,20 +172,26 @@ <style lang="scss" scoped> .content { - background-image: url('@/assets/img/bg@2x.png'); + background-image: url('@/assets/img/bg.png'); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; - // width: 100%; - // height: 100%; - padding: 30px; - // overflow-y: scroll; + + // width: 1920px; + // height: 1080px; + width: 100%; + height: 100%; + padding: 20px 30px; + overflow-y: scroll; + display: flex; + flex-direction: column; + box-sizing: border-box; .header { background-image: url('@/assets/img/bg_maintitle@2x.png'); - background-size: 100% 74px; + background-size: 100% 70px; width: 100%; - height: 74px; + height: 70px; display: flex; padding-top: 1px; padding-left: 20px; @@ -251,14 +259,15 @@ } } .num-list { - margin-top: 24px; - margin-bottom: 27px; + margin-top: 20px; + margin-bottom: 20px; display: flex; justify-content: space-between; - height: 88px; + height: 80px; color: white; .num-item { width: calc(25% - 50px); + height: 80px; background-size: 100% 100%; margin-right: 25px; padding-left: 30px; -- Gitblit v1.9.3