hanzhengzheng/screenFront
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改再登大屏问题和显示样式

Browse Source
This commit is contained in:
123456 2023-05-15 09:02:17 +08:00
parent 5cccdf2e29
commit 05c8572071
7 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/Temp/Large_Format/component/axle.vue
View File

@ -14,8 +14,8 @@
<div class="box" :key="keynum" :style="{width:boxSize.width,height:boxSize.height,position:'relative' }">
<div class="type">
<ul>
<li class="on">已安装</li>
<li class="off">未安装</li>
<li class="on">已调试</li>
<li class="off">未调试</li>
</ul>
</div>
<div v-for="(res,index) in data" :style="{width:'150px',height:'150px'}" >

4
src/views/Temp/Large_Format/component/sensor2.vue
View File

@ -13,8 +13,8 @@
<template v-slot>
<div class="box" :key="keynum" :style="{width:boxSize.width,height:boxSize.height,position:'relative' }"><div class="type">
<ul>
<li class="on">已安装</li>
<li class="off">未安装</li>
<li class="on">已调试</li>
<li class="off">未调试</li>
</ul>
</div>
<div v-for="(res,index) in data" :style="{width:'150px',height:'150px'}" >

2
src/views/Temp/OffsiteDevList/childContent/center.vue
View File

@ -194,7 +194,7 @@ function setDataList(val: any) {
//设置页面数据
topTitleRef.value.setData({ title: t('messages.OnlineNum'), num: tipdata.ison });
topTitleRef2.value.setData({ title: t('messages.TOTAL'), num: tipdata.isall });
topTitleRef3.value.setData({ title: t('messages.OffNum'), num: tipdata.isoff });
topTitleRef3.value.setData({ title: t('messages.OffNum'), num: tipdata.isoff,color:'rgb(228, 57, 97)' });
changedevlist(val.citylist);
}
onMounted(() => {

3
src/views/Temp/OffsiteDevList/childContent/chart/topTitle.vue
View File

@ -13,7 +13,7 @@
<template v-slot>
<div class="box" :key="keynum" :style="{ width: boxWH.width, height: boxWH.height }">
<p>{{ data.num }}<span>{{t('messages.units')}}</span></p>
<p :style="{color:data.color?data.color:''}">{{ data.num }}<span>{{t('messages.units')}}</span></p>
<h2>{{ data.title }}</h2>
</div>
</template>
@ -39,6 +39,7 @@ let keynum = ref(0);
let data = reactive({
title: "",
num: 0,
color: "",
});
let refborder6 = ref();
let marginbox = ref();

4
src/views/Temp/Tufting/component/center.vue
View File

@ -29,7 +29,7 @@ import { clacendTime } from "@/utils/time"
let data = reactive({
date: "2023年08月12日",
date: "2023年06月10日",
src: require("/src/assets/img/tufting.png"),
realityTime: "",
status: "物联调试中",
@ -45,7 +45,7 @@ const itemSize = reactive({
});
time = setInterval(function () {
data.countdown = '距交付剩余：'+clacendTime(1686368149000, new Date().getTime())
data.countdown = '距交付剩余：'+clacendTime(1686326400000, new Date().getTime())
}, 1000)
onUnmounted(() => {

8
src/views/Temp/Tufting/component/right.vue
View File

@ -5,8 +5,8 @@
<div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
<div class="type">
<ul>
<li class="on">已安装</li>
<li class="off">未安装</li>
<li class="on">已调试</li>
<li class="off">未调试</li>
</ul>
</div>
<div v-for="(res, index) in data_dj" :style="{ width: '150px', height: '150px' }">
@ -24,8 +24,8 @@
<div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
<div class="type">
<ul>
<li class="on">已安装</li>
<li class="off">未安装</li>
<li class="on">已调试</li>
<li class="off">未调试</li>
</ul>
</div>
<div v-for="(res, index) in data_cgq" :style="{ width: '150px', height: '150px' }">

8
src/views/Temp/Winding/component/right.vue
View File

@ -5,8 +5,8 @@
<div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
<div class="type">
<ul>
<li class="on">已安装</li>
<li class="off">未安装</li>
<li class="on">已调试</li>
<li class="off">未调试</li>
</ul>
</div>
<div :style="{ width: '150px', height: '150px' }">
@ -30,8 +30,8 @@
<div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
<div class="type">
<ul>
<li class="on">已安装</li>
<li class="off">未安装</li>
<li class="on">已调试</li>
<li class="off">未调试</li>
</ul>
</div>
<div v-for="item in data_btn" :style="{ width: '150px', height: '150px' }">