|
@@ -81,12 +81,12 @@
|
|
|
<div class="box">
|
|
|
<div style="display: flex; align-items: center">
|
|
|
<dv-digital-flop
|
|
|
- :config="completeNumConfigs[index]"
|
|
|
+ :config="completeNumConfigs[index + 3]"
|
|
|
class="flop"
|
|
|
/>
|
|
|
<span class="plan-num">/</span>
|
|
|
<dv-digital-flop
|
|
|
- :config="taskNumConfigs[index]"
|
|
|
+ :config="taskNumConfigs[index + 3]"
|
|
|
class="flop"
|
|
|
/>
|
|
|
</div>
|
|
@@ -125,12 +125,12 @@
|
|
|
<div class="box">
|
|
|
<div style="display: flex; align-items: center">
|
|
|
<dv-digital-flop
|
|
|
- :config="completeNumConfigs[index]"
|
|
|
+ :config="completeNumConfigs[index + 3]"
|
|
|
class="flop"
|
|
|
/>
|
|
|
<span class="plan-num">/</span>
|
|
|
<dv-digital-flop
|
|
|
- :config="taskNumConfigs[index]"
|
|
|
+ :config="taskNumConfigs[index + 3]"
|
|
|
class="flop"
|
|
|
/>
|
|
|
</div>
|
|
@@ -181,7 +181,11 @@ const showdatas2 = ref([]);
|
|
|
const showdatas3 = ref([]);
|
|
|
const getData = async () => {
|
|
|
const { data } = await getStationTaskInfo();
|
|
|
- datas.value = data;
|
|
|
+ datas.value = [...data];
|
|
|
+ // if (datas.value.length < 9) {
|
|
|
+ // completeNumConfigs.value.splice(0, datas.value.length - 1);
|
|
|
+ // taskNumConfigs.value.splice(0, datas.value.length - 1);
|
|
|
+ // }
|
|
|
};
|
|
|
const interval1 = ref(null);
|
|
|
const sum1 = ref(1);
|
|
@@ -217,7 +221,7 @@ const setShowDatas = async (time) => {
|
|
|
showdatas1.value = dataA.splice(0, 3);
|
|
|
showdatas2.value = dataB.splice(3, 3);
|
|
|
showdatas3.value = dataC.splice(6, 3);
|
|
|
- setNumber(1750);
|
|
|
+ setNumber(2000);
|
|
|
}
|
|
|
};
|
|
|
const completeNumConfigs = ref([
|
|
@@ -348,18 +352,32 @@ const setTimeOutFnc = (array, num, time) => {
|
|
|
}, time);
|
|
|
};
|
|
|
const setNumber = (time) => {
|
|
|
- showdatas1.value.forEach((item, index) => {
|
|
|
- setTimeOutFnc(completeNumConfigs.value[index], item.completeNum, time);
|
|
|
- setTimeOutFnc(taskNumConfigs.value[index], item.taskNum, time);
|
|
|
- });
|
|
|
- showdatas2.value.forEach((item, index) => {
|
|
|
- setTimeOutFnc(completeNumConfigs.value[index + 3], item.completeNum, time);
|
|
|
- setTimeOutFnc(taskNumConfigs.value[index + 3], item.taskNum, time);
|
|
|
- });
|
|
|
- showdatas3.value.forEach((item, index) => {
|
|
|
- setTimeOutFnc(completeNumConfigs.value[index + 6], item.completeNum, time);
|
|
|
- setTimeOutFnc(taskNumConfigs.value[index + 6], item.taskNum, time);
|
|
|
- });
|
|
|
+ if (showdatas1.value.length > 0) {
|
|
|
+ showdatas1.value.forEach((item, index) => {
|
|
|
+ setTimeOutFnc(completeNumConfigs.value[index], item.completeNum, time);
|
|
|
+ setTimeOutFnc(taskNumConfigs.value[index], item.taskNum, time);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (showdatas2.value.length > 0) {
|
|
|
+ showdatas2.value.forEach((item, index) => {
|
|
|
+ setTimeOutFnc(
|
|
|
+ completeNumConfigs.value[index + 3],
|
|
|
+ item.completeNum,
|
|
|
+ time
|
|
|
+ );
|
|
|
+ setTimeOutFnc(taskNumConfigs.value[index + 3], item.taskNum, time);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (showdatas3.value.length > 0) {
|
|
|
+ showdatas2.value.forEach((item, index) => {
|
|
|
+ setTimeOutFnc(
|
|
|
+ completeNumConfigs.value[index + 3],
|
|
|
+ item.completeNum,
|
|
|
+ time
|
|
|
+ );
|
|
|
+ setTimeOutFnc(taskNumConfigs.value[index + 3], item.taskNum, time);
|
|
|
+ });
|
|
|
+ }
|
|
|
};
|
|
|
onUnmounted(() => {
|
|
|
if (interval1.value) {
|
|
@@ -467,7 +485,6 @@ onUnmounted(() => {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
}
|
|
|
.grid-item {
|
|
|
height: 100%;
|
|
@@ -478,6 +495,7 @@ onUnmounted(() => {
|
|
|
padding: 2vh 1vh;
|
|
|
width: 31vw;
|
|
|
height: 25vh;
|
|
|
+ margin-bottom: 3vh;
|
|
|
|
|
|
.grid-bottom {
|
|
|
display: flex;
|