| | |
|---|
| | | } |
|---|
| | | tableDataa.value = data.EdgStorageCageinfos[0] |
|---|
| | | tableDatab.value = data.taskMessage |
|---|
| | | // adjustedRects.value = data.EdgStorageCageinfos[0].map(rect => ({ |
|---|
| | | // ...rect, |
|---|
| | | // width: rect.width * 0.5 , |
|---|
| | | // id: rect.id * 10, |
|---|
| | | // })); |
|---|
| | | }; |
|---|
| | | adjustedRects.value = data.EdgStorageCageinfos[0].map((rect, index) => ({ |
|---|
| | | ...rect, |
|---|
| | | id: rect.id * 9, |
|---|
| | | showRect: !!data.EdgStorageCageinfos[0][index]?.details[0] |
|---|
| | | })); |
|---|
| | | }; |
|---|
| | | // 格式化后端时间并计算一周前的时间 |
|---|
| | | const defaultTime = ref<[Date, Date]>([new Date(), new Date()]); |
|---|
| | | function parseAndSetTime() { |
|---|
| | |
|---|
| | | </el-card> |
|---|
| | | <div class="awatch"> |
|---|
| | | <img src="../../assets/woshihuancun.png" alt="" style="width: 50%;height: 70%;margin-left: 30%;margin-top: 20px;position: relative;"> |
|---|
| | | <div style="position: relative; width: 500px;height: 95px;margin-top: -165px;margin-left: 450px;"> |
|---|
| | | <div |
|---|
| | | <div style="position: relative; width: 500px;height: 95px;margin-top: -142px;margin-left: 600px;"> |
|---|
| | | <div |
|---|
| | | v-for="(rect, index) in adjustedRects" |
|---|
| | | :key="rect" |
|---|
| | | v-show="rect.showRect" |
|---|
| | | :key="rect" |
|---|
| | | :style="{ position: 'absolute', |
|---|
| | | top: `${rect.id}px`, left: `10px`, width: `${rect.width}px`, height: `5px`, |
|---|
| | | top: `${rect.id}px`, left: `10px`, width: `422px`, height: `3px`, |
|---|
| | | backgroundColor: '#409EFF' |
|---|
| | | }" |
|---|
| | | > |
|---|
