feat: ui走查样式修改

dev-deviceSetting
JINGYJ 1 year ago
parent f1f3de209c
commit 9fe08c85d2

@ -151,51 +151,51 @@ const randomIntFn = (min: number, max: number) => {
}; };
onMounted(() => { onMounted(() => {
intervalId.value = setInterval(() => { // intervalId.value = setInterval(() => {
defectData.value = [ // defectData.value = [
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500) // randomIntFn(0, 500)
]; // ];
alarmData.value.thread = [ // alarmData.value.thread = [
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500) // randomIntFn(0, 500)
]; // ];
alarmData.value.PIN = [ // alarmData.value.PIN = [
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500) // randomIntFn(0, 500)
]; // ];
alarmData.value.plate = [ // alarmData.value.plate = [
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500) // randomIntFn(0, 500)
]; // ];
alarmData.value.scratched = [ // alarmData.value.scratched = [
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500) // randomIntFn(0, 500)
]; // ];
alarmData.value.workpieceSize = [ // alarmData.value.workpieceSize = [
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500), // randomIntFn(0, 500),
randomIntFn(0, 500) // randomIntFn(0, 500)
]; // ];
// console.log(defectData.value); // // console.log(defectData.value);
}, 2000); // }, 2000);
}); });
onUnmounted(() => { onUnmounted(() => {
clearInterval(intervalId.value); // clearInterval(intervalId.value); //

@ -132,7 +132,7 @@ const handleClickDetail = (modelData: CardProductType) => {
position: relative; position: relative;
padding: 65px 20px 24px; padding: 65px 20px 24px;
margin-top: 40px; margin-top: 40px;
margin-bottom: 24px; margin-bottom: 4px;
width: 100%; width: 100%;
height: 172px; height: 172px;
background: linear-gradient( background: linear-gradient(

@ -1,5 +1,5 @@
.modelList { .modelList {
padding: 45px 32px; padding: 32px;
.banner_side { .banner_side {
width: 29px; width: 29px;
height: 870px; height: 870px;
@ -35,7 +35,7 @@
position: relative; position: relative;
padding: 65px 20px 24px; padding: 65px 20px 24px;
margin-top: 40px; margin-top: 40px;
margin-bottom: 24px; margin-bottom: 4px;
width: 100%; width: 100%;
height: 172px; height: 172px;
background: linear-gradient( background: linear-gradient(

@ -105,7 +105,7 @@ const progressData = ref([
<style lang="scss" scoped> <style lang="scss" scoped>
.server-box { .server-box {
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 24px; margin-bottom: 4px;
width: 404px; width: 404px;
// height: 214px; // height: 214px;
.server-box-title { .server-box-title {

@ -1,5 +1,5 @@
.serverList { .serverList {
padding: 45px 0px; padding: 32px 0px;
.banner_side { .banner_side {
width: 130px; width: 130px;
height: 855px; height: 855px;
@ -13,7 +13,7 @@
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
.server-list-title { .server-list-title {
margin-bottom: 24px; margin-bottom: 24px;
@ -36,7 +36,7 @@
} }
.server-list-box { .server-list-box {
.server-box { .server-box {
margin-bottom: 24px; margin-bottom: 4px;
box-sizing: border-box; box-sizing: border-box;
width: 404px; width: 404px;
// height: 214px; // height: 214px;

@ -104,7 +104,7 @@ onMounted(() => {
<div class="server-list-mid"> <div class="server-list-mid">
<div class="server-list-title ff1"><span>服务器运行状态</span></div> <div class="server-list-title ff1"><span>服务器运行状态</span></div>
<div class="server-list-box w-full"> <div class="server-list-box w-full">
<el-scrollbar height="704px" class="content"> <el-scrollbar height="744px" class="content">
<Waterfall :list="list" v-bind="options"> <Waterfall :list="list" v-bind="options">
<template #item="{ item }"> <template #item="{ item }">
<ServerBox :serverData="item" /> <ServerBox :serverData="item" />

Loading…
Cancel
Save