Skip to content

D
digital-construction
Commit f76910a0 authored by 张牧越's avatar 张牧越
Browse files
Options

styleFix

parent e5dc7d2e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1201 additions and 645 deletions
dist.zip
View file @ f76910a0
No preview for this file type
src/assets/nodata.png
View replaced file @ e5dc7d2e View file @ f76910a0
src/assets/nodata.png

84.8 KB | W: | H:

src/assets/nodata.png

25.3 KB | W: | H:

src/assets/nodata.png
src/assets/nodata.png
src/assets/nodata.png
src/assets/nodata.png
  • 2-up
  • Swipe
  • Onion skin
src/components/Index.vue
View file @ f76910a0
......@@ -179,7 +179,7 @@ export default {
// var documentHeight =
// document.getElementsByTagName("html")[0].offsetHeight;
// console.log(windowHeight - documentHeight);
var deviceHeight = window.screen.height;
var deviceHeight = window.innerHeight;
var scale = deviceHeight / 1080;
document.body.style.zoom = scale;
document.body.style.height = (1 / scale) * 100 + "vh";
......@@ -369,6 +369,7 @@ a,
line-height: 24px;
vertical-align: top;
margin-top: 8px;
margin-right: 50px;
.weather-text {
color: #fff;
font-size: 18px;
......@@ -391,7 +392,7 @@ a,
background: none;
a {
margin-right: 0;
width: 80px;
width: 86px;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
......
src/components/construction/Index.vue
View file @ f76910a0
......@@ -35,7 +35,12 @@
<div class="divider-text">·参建单位·</div>
<div class="divider-line"></div>
</div>
<div class="table-scroll" id="table-scroll">
<div
class="table-scroll"
id="table-scroll"
@mouseenter="clearScroll"
@mouseleave="reScroll"
>
<table>
<tr>
<td width="60">
......@@ -182,43 +187,45 @@
<Title text="工程进度" type="long"></Title>
<ShadowContainer class="short-container">
<div class="progress-contains">
<div class="progress">
<div class="progress-container">
<div class="progress-day">
<div class="progress-count">{{ progressDetail.zgq_num }}</div>
<div class="progress-text">总工期(天)</div>
</div>
<div class="progress-day">
<div class="progress-count" style="color: #ffaf51">
{{ progressDetail.sg_num }}
<div style="width: 100%">
<div class="progress">
<div class="progress-container">
<div class="progress-day">
<div class="progress-count">{{ progressDetail.zgq_num }}</div>
<div class="progress-text">总工期(天)</div>
</div>
<div class="progress-text">已施工(天)</div>
</div>
<div class="progress-day">
<div class="progress-count" style="color: #ff5151">
{{ progressDetail.current_progress_over_day }}
<div class="progress-day">
<div class="progress-count" style="color: #ffaf51">
{{ progressDetail.sg_num }}
</div>
<div class="progress-text">已施工(天)</div>
</div>
<div class="progress-day">
<div class="progress-count" style="color: #ff5151">
{{ progressDetail.current_progress_over_day }}
</div>
<div class="progress-text">距离当前工期结束(天)</div>
</div>
<div class="progress-text">距离当前工期结束(天)</div>
</div>
</div>
</div>
<div id="step-scroll">
<el-steps :active="progressDetail.step" finish-status="success">
<el-step
v-for="(progress, index) in progressDetail.progress_data"
:key="index"
>
<template #title>
<div class="step-title">
{{ progress.over_date }}
<div class="step-status">{{ progress.status_text }}</div>
</div>
</template>
<template #description>
<div class="step-description">{{ progress.name }}</div>
</template>
</el-step>
</el-steps>
<div id="step-scroll">
<el-steps :active="progressDetail.step" finish-status="success">
<el-step
v-for="(progress, index) in progressDetail.progress_data"
:key="index"
>
<template #title>
<div class="step-title">
{{ progress.over_date }}
<div class="step-status">{{ progress.status_text }}</div>
</div>
</template>
<template #description>
<div class="step-description">{{ progress.name }}</div>
</template>
</el-step>
</el-steps>
</div>
</div>
</div>
</ShadowContainer>
......@@ -315,6 +322,7 @@ export default {
},
aiwarningData: [],
AIwarningTotal: 0,
interval1: null,
};
},
methods: {
......@@ -412,11 +420,11 @@ export default {
mouseLeaveEvent() {},
mouseOverEvent() {},
autoScroll(stepLength, speed, delay, element) {
let interval;
//let step = 1
element.scrollTop = 0;
// element.scrollTop = 0;
var that = this;
function start() {
interval = setInterval(scrolling, speed);
that.interval1 = setInterval(scrolling, speed);
element.scrollTop += stepLength;
}
function scrolling() {
......@@ -428,7 +436,7 @@ export default {
element.scrollTop === element.scrollHeight - element.offsetHeight
) {
stepLength *= -1; // 转换方向
clearInterval(interval);
clearInterval(that.interval1);
setTimeout(start, delay);
}
}
......@@ -437,7 +445,17 @@ export default {
setTimeout(start, delay);
}
},
clearScroll() {
clearInterval(this.interval1);
},
reScroll() {
this.$nextTick(() => {
const element = document.getElementById("table-scroll");
this.autoScroll(1, 50, 1500, element);
});
},
},
mounted() {
this.getBaseData();
},
......@@ -634,7 +652,6 @@ table {
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
}
.progress {
......
src/components/earlywarning/Index.vue
View file @ f76910a0
This diff is collapsed.
src/components/elevator/Index.vue
View file @ f76910a0
......@@ -84,6 +84,8 @@
v-infinite-scroll="load"
:infinite-scroll-distance="1"
id="table-scroll"
@mouseenter="clearScroll"
@mouseleave="reScroll"
>
<div
class="warning-table-column"
......@@ -280,6 +282,7 @@ export default {
currentElevatorTower: {},
leftBottom: 0,
rightBottom: 0,
interval1: null,
};
},
methods: {
......@@ -307,11 +310,9 @@ export default {
}
},
autoScroll(stepLength, speed, delay, element) {
let interval;
//let step = 1
element.scrollTop = 0;
var that = this;
function start() {
interval = setInterval(scrolling, speed);
that.interval1 = setInterval(scrolling, speed);
element.scrollTop += stepLength;
}
function scrolling() {
......@@ -323,7 +324,7 @@ export default {
element.scrollTop === element.scrollHeight - element.offsetHeight
) {
element.scrollTop = 0;
clearInterval(interval);
clearInterval(that.interval1);
setTimeout(start, delay);
}
}
......@@ -332,6 +333,15 @@ export default {
setTimeout(start, delay);
}
},
clearScroll() {
clearInterval(this.interval1);
},
reScroll() {
this.$nextTick(() => {
const element = document.getElementById("table-scroll");
this.autoScroll(1, 50, 1500, element);
});
},
getCurrentElevatorStatus(tower) {
this.leftBottom = 0;
this.rightBottom = 0;
......@@ -523,8 +533,8 @@ export default {
}
.warning-info-img {
position: relative;
transform: translateY(-40px);
margin-bottom: -40px;
transform: translateY(-60px);
margin-bottom: -60px;
img {
width: 80%;
margin: 0 auto;
......
src/components/fallprotection/Index.vue
View file @ f76910a0
......@@ -125,6 +125,8 @@
v-infinite-scroll="load"
:infinite-scroll-distance="1"
id="table-scroll"
@mouseenter="clearScroll"
@mouseleave="reScroll"
>
<div
class="warning-table-column"
......@@ -195,6 +197,7 @@ export default {
buildingWindowVisible: false,
windowData: {},
page: 1,
interval1: null,
};
},
methods: {
......@@ -369,11 +372,11 @@ export default {
}
},
autoScroll(stepLength, speed, delay, element) {
let interval;
var that = this;
//let step = 1
element.scrollTop = 0;
function start() {
interval = setInterval(scrolling, speed);
that.interval1 = setInterval(scrolling, speed);
element.scrollTop += stepLength;
}
function scrolling() {
......@@ -385,7 +388,7 @@ export default {
element.scrollTop === element.scrollHeight - element.offsetHeight
) {
element.scrollTop = 0;
clearInterval(interval);
clearInterval(that.interval1);
setTimeout(start, delay);
}
}
......@@ -394,6 +397,15 @@ export default {
setTimeout(start, delay);
}
},
clearScroll() {
clearInterval(this.interval1);
},
reScroll() {
this.$nextTick(() => {
const element = document.getElementById("table-scroll");
this.autoScroll(1, 50, 1500, element);
});
},
},
mounted() {
getBaseInfo().then((res) => {
......@@ -578,8 +590,8 @@ export default {
}
.warning-info-img {
position: relative;
transform: translateY(-40px);
margin-bottom: -40px;
transform: translateY(-60px);
margin-bottom: -60px;
img {
width: 80%;
margin: 0 auto;
......@@ -610,6 +622,7 @@ export default {
}
.warning-table-run-time {
width: 40%;
white-space: pre-wrap;
}
.warning-table-device,
.warning-table-info {
......@@ -652,6 +665,7 @@ export default {
width: 50%;
}
.building-description {
margin-bottom: 20px;
line-height: 32px;
font-size: 18px;
color: #c6def9;
......
src/components/noise/Index.vue
View file @ f76910a0
This diff is collapsed.
src/components/projectcheck/Index.vue
View file @ f76910a0
This diff is collapsed.
src/components/realname/Index.vue
View file @ f76910a0
......@@ -85,7 +85,12 @@
<div class="mid-area">
<Title text="实时考勤"></Title>
<ShadowContainer class="long-container">
<div class="warp" id="warp-list">
<div
class="warp"
id="warp-list"
@mouseenter="clearScroll1"
@mouseleave="reScroll1"
>
<div
class="person-check"
v-for="(person, index) in checkList"
......@@ -123,7 +128,55 @@
</ShadowContainer>
<Title text="人员地域分布"></Title>
<ShadowContainer class="short-container">
<div ref="areaChart" id="area-chart"></div>
<div
style="
display: flex;
height: 100%;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
"
>
<div style="display: flex">
<div class="chart-container">
<div ref="areaChart" id="area-chart"></div>
<div class="title">
<div class="main-title">
{{ areaTotal }}
</div>
<div class="sub-title">总人数</div>
</div>
</div>
<div class="chart-legends">
<div
v-for="(legend, index) in personAreaDetail"
:key="index"
:style="{
color:
legend.name == '绍兴市'
? '#FEBA01'
: legend.name == '省内市外'
? '#03D2FF'
: '#00FFDE',
}"
>
<span
class="rect"
:style="{
background:
legend.name == '绍兴市'
? '#FEBA01'
: legend.name == '省内市外'
? '#03D2FF'
: '#00FFDE',
}"
></span>
{{ legend.name }} {{ legend.value }}
</div>
</div>
</div>
</div>
</ShadowContainer>
</div>
<div class="rt-area" id="reset-area1">
......@@ -144,7 +197,12 @@
<div>
<Title text="工种分布"></Title>
<ShadowContainer>
<div class="work-types" id="table-scroll">
<div
class="work-types"
id="table-scroll"
@mouseenter="clearScroll2"
@mouseleave="reScroll2"
>
<div
v-for="(iType, index) in industryTypes"
:key="index"
......@@ -209,6 +267,9 @@ export default {
industryTypesTotal: 0,
date: "",
intervalTimer: null,
areaTotal: 0,
interval1: null,
interval2: null,
};
},
methods: {
......@@ -230,68 +291,16 @@ export default {
areaData.map((item) => {
total += item.value;
});
this.areaTotal = total;
const option = {
title: {
x: "26.5%", //X坐标
y: "36%",
text: total,
subtext: "总人数",
textAlign: "center",
textStyle: {
//标题样式
fontSize: 30,
fontWeight: "bolder",
color: "#00fcff",
},
subtextStyle: {
//副标题样式
fontSize: 16,
fontWeight: "bolder",
color: "rgba(255,255,255,0.7)",
},
},
tooltip: {
trigger: "item",
},
legend: {
itemHeight: 12,
itemWidth: 12,
icon: "rect",
right: "0%",
top: "20%",
orient: "vertical",
itemGap: 40,
textStyle: {
color: "inherit",
rich: {
a: {
fontSize: 12,
align: "left",
},
b: {
fontSize: 12,
align: "left",
lineHeight: 25,
},
},
},
formatter: (name) => {
let data = areaData;
let target;
for (let i = 0, l = data.length; i < l; i++) {
if (data[i].name == name) {
target = data[i].value;
}
}
let arr = [`{a|${name}}`, `{b|${target}} 人`];
return arr.join(" ");
},
},
series: [
{
type: "pie",
radius: ["50%", "60%"],
center: ["28%", "50%"],
radius: ["58%", "70%"],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 20,
......@@ -302,7 +311,19 @@ export default {
position: "center",
},
data: areaData,
data: areaData.map((item) => {
return {
...item,
itemStyle: {
color:
item.name == "绍兴市"
? "#FEBA01"
: item.name == "省内市外"
? "#03D2FF"
: "#00FFDE",
},
};
}),
},
],
};
......@@ -646,6 +667,10 @@ export default {
this.checkList = [...res.data];
});
}, 60000);
this.$nextTick(() => {
const element = document.getElementById("warp-list");
this.autoScroll1(1, 50, 1500, element);
});
});
getPersonAreaStatus().then((res) => {
......@@ -675,16 +700,38 @@ export default {
);
this.$nextTick(() => {
const element = document.getElementById("table-scroll");
this.autoScroll(1, 50, 1500, element);
this.autoScroll2(1, 50, 1500, element);
});
});
},
autoScroll(stepLength, speed, delay, element) {
let interval;
//let step = 1
element.scrollTop = 0;
autoScroll1(stepLength, speed, delay, element) {
var that = this;
function start() {
that.interval1 = setInterval(scrolling, speed);
element.scrollTop += stepLength;
}
function scrolling() {
var sTop = element.scrollTop;
element.scrollTop += stepLength;
if (
sTop === element.scrollTop ||
sTop == 0 ||
element.scrollTop === element.scrollHeight - element.offsetHeight
) {
element.scrollTop = 0;
clearInterval(that.interval1);
setTimeout(start, delay);
}
}
if (element.offsetHeight !== element.scrollHeight) {
// 元素内容没有溢出时，不触发
setTimeout(start, delay);
}
},
autoScroll2(stepLength, speed, delay, element) {
var that = this;
function start() {
interval = setInterval(scrolling, speed);
that.interval2 = setInterval(scrolling, speed);
element.scrollTop += stepLength;
}
function scrolling() {
......@@ -696,7 +743,7 @@ export default {
element.scrollTop === element.scrollHeight - element.offsetHeight
) {
element.scrollTop = 0;
clearInterval(interval);
clearInterval(that.interval2);
setTimeout(start, delay);
}
}
......@@ -705,6 +752,24 @@ export default {
setTimeout(start, delay);
}
},
clearScroll1() {
clearInterval(this.interval1);
},
reScroll1() {
this.$nextTick(() => {
const element = document.getElementById("warp-list");
this.autoScroll1(1, 50, 1500, element);
});
},
clearScroll2() {
clearInterval(this.interval2);
},
reScroll2() {
this.$nextTick(() => {
const element = document.getElementById("table-scroll");
this.autoScroll2(1, 50, 1500, element);
});
},
},
mounted() {
this.getTime();
......@@ -832,6 +897,10 @@ export default {
#area-chart {
width: 100%;
height: 100%;
margin: 0 auto;
background: url("@/assets/chart.png") no-repeat;
background-size: 50% 50%;
background-position: center center;
}
.chart-title {
background: rgba(40, 137, 195, 0.2);
......@@ -936,4 +1005,49 @@ export default {
margin: 8px 0;
background: #114e70;
}
.chart-legends {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
justify-content: center;
width: calc(100% - 200px);
& > div {
padding: 0 20px;
font-size: 14px;
line-height: 36px;
width: 100%;
text-align: left;
}
.rect {
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
}
}
.chart-container {
position: relative;
width: 200px;
height: 200px;
.title {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translateX(-50%) translateY(-50%);
.main-title {
font-size: 30px;
font-weight: bold;
color: #00fcff;
}
.sub-title {
font-size: 16px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
}
}
}
</style>
\ No newline at end of file
src/components/safecap/mapDialog.vue
View file @ f76910a0
......@@ -120,6 +120,33 @@ export default {
strokeColor: "#3366bb",
strokeWeight: 8,
});
var startcircleMarker = new this.AMap.CircleMarker({
center: paths[0],
radius: 8, //3D视图下，CircleMarker半径不要超过64px
strokeColor: "green",
strokeWeight: 2,
strokeOpacity: 0.5,
fillColor: "green",
zIndex: 10,
bubble: true,
cursor: "pointer",
clickable: true,
});
startcircleMarker.setMap(this.map);
var endcircleMarker = new this.AMap.CircleMarker({
center: paths[paths.length - 1],
radius: 8, //3D视图下，CircleMarker半径不要超过64px
strokeColor: "red",
strokeWeight: 2,
strokeOpacity: 0.5,
fillColor: "red",
zIndex: 10,
bubble: true,
cursor: "pointer",
clickable: true,
});
endcircleMarker.setMap(this.map);
});
},
},
......
src/components/tower/Index.vue
View file @ f76910a0
......@@ -3,7 +3,46 @@
<div class="side-area">
<Title text="设备总览"></Title>
<ShadowContainer class="short-container">
<div ref="deviceChart" id="device-chart"></div>
<div
style="
display: flex;
height: 100%;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column;
"
>
<div style="display: flex">
<div class="chart-container">
<div ref="deviceChart" id="device-chart"></div>
<div class="title">
<div class="main-title">
{{ deviceTotal }}
</div>
<div class="sub-title">总数</div>
</div>
</div>
<div class="chart-legends">
<div
v-for="(legend, index) in pieChartData"
:key="index"
:style="{
color: legend.name == '在线总数' ? '#2980FF' : '#AEE4F8',
}"
>
<span
class="rect"
:style="{
background:
legend.name == '在线总数' ? '#2980FF' : '#AEE4F8',
}"
></span>
{{ legend.name }} {{ legend.value }}
</div>
</div>
</div>
</div>
</ShadowContainer>
<Title text="各塔吊24h力矩百分比统计"></Title>
<ShadowContainer class="short-container">
......@@ -17,7 +56,7 @@
<div id="mid-area">
<div class="cover-area"></div>
<div class="towerwindow" v-if="towerWindowVisible">
<div class="tower-description">
<div class="tower-description" @click="openDetailDialog">
<img
:src="
windowData.is_online == 1
......@@ -34,14 +73,6 @@
]"
>{{ windowData.is_online_text }}</span
>
<span @click="openDetailDialog" class="name" style="cursor: pointer"
>详情
<img
style="width: 20px; vertical-align: top; margin-top: 4px"
src="@/assets/tower/arrow.png"
alt=""
/>
</span>
</div>
<!-- <div class="recent-open">最近使用:{{ windowData.log_time }}</div> -->
</div>
......@@ -95,6 +126,8 @@
v-infinite-scroll="load"
:infinite-scroll-distance="1"
id="table-scroll"
@mouseenter="clearScroll"
@mouseleave="reScroll"
>
<div
class="warning-table-column"
......@@ -174,6 +207,8 @@ export default {
deviceData: {},
markerArray: [],
page: 1,
deviceTotal: 0,
interval1: null,
};
},
methods: {
......@@ -184,68 +219,15 @@ export default {
pieData.map((item) => {
total += item.value;
});
this.deviceTotal = total;
const option = {
title: {
x: "27%", //X坐标
y: "30%",
text: total,
subtext: "总数",
textAlign: "center",
textStyle: {
//标题样式
fontSize: 30,
fontWeight: "bolder",
color: "#00fcff",
},
subtextStyle: {
//副标题样式
fontSize: 16,
fontWeight: "bolder",
color: "rgba(255,255,255,0.7)",
},
},
tooltip: {
trigger: "item",
},
legend: {
itemHeight: 12,
itemWidth: 12,
icon: "rect",
right: "10%",
top: "25%",
orient: "vertical",
itemGap: 40,
textStyle: {
color: "inherit",
rich: {
a: {
fontSize: 14,
align: "left",
},
b: {
fontSize: 20,
align: "left",
lineHeight: 25,
},
},
},
formatter: (name) => {
let data = pieData;
let target;
for (let i = 0, l = data.length; i < l; i++) {
if (data[i].name == name) {
target = data[i].value;
}
}
let arr = [`{a|${name}}`, `{b|${target}} 台`];
return arr.join(" ");
},
},
series: [
{
type: "pie",
radius: ["60%", "70%"],
center: ["28%", "50%"],
radius: ["58%", "70%"],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 20,
......@@ -682,11 +664,9 @@ export default {
}
},
autoScroll(stepLength, speed, delay, element) {
let interval;
//let step = 1
element.scrollTop = 0;
var that = this;
function start() {
interval = setInterval(scrolling, speed);
that.interval1 = setInterval(scrolling, speed);
element.scrollTop += stepLength;
}
function scrolling() {
......@@ -698,7 +678,7 @@ export default {
element.scrollTop === element.scrollHeight - element.offsetHeight
) {
element.scrollTop = 0;
clearInterval(interval);
clearInterval(that.interval1);
setTimeout(start, delay);
}
}
......@@ -707,6 +687,15 @@ export default {
setTimeout(start, delay);
}
},
clearScroll() {
clearInterval(this.interval1);
},
reScroll() {
this.$nextTick(() => {
const element = document.getElementById("table-scroll");
this.autoScroll(1, 50, 1500, element);
});
},
},
mounted() {
this.getTowerData();
......@@ -771,19 +760,13 @@ export default {
width: 100%;
height: 100%;
}
.chart-container {
position: relative;
.custom-chart {
position: absolute;
width: 25%;
top: 50%;
transform: translateY(-50%);
left: 15.5%;
}
}
#device-chart {
width: 100%;
height: 100%;
margin: 0 auto;
background: url("@/assets/chart.png") no-repeat;
background-size: 50% 50%;
background-position: center center;
}
.tower-name {
background: rgba(255, 175, 81, 0.1);
......@@ -968,6 +951,7 @@ export default {
}
.warning-table-run-time {
width: 40%;
white-space: pre-wrap;
}
.warning-table-device,
.warning-table-info {
......@@ -996,4 +980,48 @@ export default {
box-shadow: #1f81ef 0px 0px 8px inset;
pointer-events: none;
}
.chart-legends {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
justify-content: center;
width: calc(100% - 200px);
& > div {
padding: 0 20px;
font-size: 14px;
line-height: 36px;
width: 100%;
text-align: left;
}
.rect {
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
}
}
.chart-container {
position: relative;
width: 200px;
height: 200px;
.title {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translateX(-50%) translateY(-50%);
.main-title {
font-size: 30px;
font-weight: bold;
color: #00fcff;
}
.sub-title {
font-size: 16px;
font-weight: bold;
color: rgba(255, 255, 255, 0.7);
}
}
}
</style>
\ No newline at end of file
src/components/tower/deviceDialog.vue
View file @ f76910a0
......@@ -488,7 +488,7 @@ export default {
}
}
.base-info {
margin-bottom: 20px;
margin-bottom: 30px;
}
#video-container {
width: 100%;
......
src/components/tower/deviceDialog2.vue
View file @ f76910a0
......@@ -255,7 +255,7 @@ export default {
.base-info {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
margin-bottom: 30px;
}
#video-container {
width: calc(40% - 20px);
......
src/components/unloadingplatform/Index.vue
View file @ f76910a0
......@@ -113,6 +113,8 @@
v-infinite-scroll="load"
:infinite-scroll-distance="1"
id="table-scroll"
@mouseenter="clearScroll"
@mouseleave="reScroll"
>
<div
class="warning-table-column"
......@@ -185,6 +187,7 @@ export default {
batteryChart: null,
weightChart: null,
page: 1,
interval1: null,
};
},
methods: {
......@@ -447,11 +450,9 @@ export default {
}
},
autoScroll(stepLength, speed, delay, element) {
let interval;
//let step = 1
element.scrollTop = 0;
var that = this;
function start() {
interval = setInterval(scrolling, speed);
that.interval1 = setInterval(scrolling, speed);
element.scrollTop += stepLength;
}
function scrolling() {
......@@ -463,7 +464,7 @@ export default {
element.scrollTop === element.scrollHeight - element.offsetHeight
) {
element.scrollTop = 0;
clearInterval(interval);
clearInterval(that.interval1);
setTimeout(start, delay);
}
}
......@@ -472,6 +473,15 @@ export default {
setTimeout(start, delay);
}
},
clearScroll() {
clearInterval(this.interval1);
},
reScroll() {
this.$nextTick(() => {
const element = document.getElementById("table-scroll");
this.autoScroll(1, 50, 1500, element);
});
},
},
mounted() {
......@@ -655,8 +665,8 @@ export default {
}
.warning-info-img {
position: relative;
transform: translateY(-40px);
margin-bottom: -40px;
transform: translateY(-60px);
margin-bottom: -60px;
img {
width: 80%;
margin: 0 auto;
......@@ -686,11 +696,12 @@ export default {
}
}
.warning-table-run-time {
width: 40%;
width: 30%;
white-space: pre-wrap;
}
.warning-table-device,
.warning-table-info {
width: 20%;
width: 25%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
......@@ -733,6 +744,7 @@ export default {
font-size: 18px;
color: #c6def9;
padding-bottom: 16px;
margin-bottom: 20px;
border-bottom: 1px solid #7a8fad;
img {
width: 32px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment