Commit 17b0b4ce3fc333e2830965ae7925f461dd25c1a5
1 parent
4b636fee
fix: call save layout info api happend error after data board component
Showing
3 changed files
with
18 additions
and
11 deletions
src/assets/images/back.png
0 → 100644
461 Bytes
| 1 | 1 | <script lang="ts" setup> |
| 2 | 2 | import { Button, PageHeader, Empty, Spin, Tooltip } from 'ant-design-vue'; |
| 3 | - import { LineChartOutlined, RollbackOutlined } from '@ant-design/icons-vue'; | |
| 4 | 3 | import { GridItem, GridLayout } from 'vue3-grid-layout'; |
| 5 | 4 | import { nextTick, onMounted, ref } from 'vue'; |
| 6 | 5 | import WidgetWrapper from '../components/WidgetWrapper/WidgetWrapper.vue'; |
| ... | ... | @@ -40,6 +39,7 @@ |
| 40 | 39 | import { buildUUID } from '/@/utils/uuid'; |
| 41 | 40 | import HistoryTrendModal from './components/HistoryTrendModal.vue'; |
| 42 | 41 | import trendIcon from '/@/assets/svg/trend.svg'; |
| 42 | + import backIcon from '/@/assets/images/back.png'; | |
| 43 | 43 | |
| 44 | 44 | const ROUTE = useRoute(); |
| 45 | 45 | |
| ... | ... | @@ -348,7 +348,6 @@ |
| 348 | 348 | if (!dataBoardId) return; |
| 349 | 349 | await deleteDataComponent({ dataBoardId, ids: [id] }); |
| 350 | 350 | createMessage.success('删除成功'); |
| 351 | - await handleSaveLayoutInfo(); | |
| 352 | 351 | await getDataBoardComponent(); |
| 353 | 352 | } catch (error) { |
| 354 | 353 | // createMessage.error('删除失败'); |
| ... | ... | @@ -371,7 +370,12 @@ |
| 371 | 370 | <PageHeader> |
| 372 | 371 | <template #title> |
| 373 | 372 | <div class="flex items-center"> |
| 374 | - <RollbackOutlined v-if="!getIsSharePage" class="mr-3" @click="handleBack" /> | |
| 373 | + <img | |
| 374 | + :src="backIcon" | |
| 375 | + v-if="!getIsSharePage" | |
| 376 | + class="mr-3 cursor-pointer" | |
| 377 | + @click="handleBack" | |
| 378 | + /> | |
| 375 | 379 | <span class="text-lg" color="#333">{{ getDataBoardName }}</span> |
| 376 | 380 | </div> |
| 377 | 381 | </template> | ... | ... |
| ... | ... | @@ -132,17 +132,20 @@ export function useSocketConnect(dataSourceRef: Ref<DataBoardLayoutInfo[]>) { |
| 132 | 132 | }; |
| 133 | 133 | |
| 134 | 134 | const beginSendMessage = () => { |
| 135 | - // close(); | |
| 135 | + close(); | |
| 136 | 136 | cmdIdMapping.clear(); |
| 137 | 137 | |
| 138 | - // open(); | |
| 139 | - const messageList = transformSocketMessageItem(); | |
| 138 | + // TODO current need use setTimeout delay 1 second to reconnect | |
| 139 | + setTimeout(() => { | |
| 140 | + open(); | |
| 141 | + const messageList = transformSocketMessageItem(); | |
| 140 | 142 | |
| 141 | - if (unref(status) !== 'OPEN') { | |
| 142 | - waitSendQueue.push(JSON.stringify(messageList)); | |
| 143 | - return; | |
| 144 | - } | |
| 145 | - send(JSON.stringify(messageList)); | |
| 143 | + if (unref(status) !== 'OPEN') { | |
| 144 | + waitSendQueue.push(JSON.stringify(messageList)); | |
| 145 | + return; | |
| 146 | + } | |
| 147 | + send(JSON.stringify(messageList)); | |
| 148 | + }, 1000); | |
| 146 | 149 | }; |
| 147 | 150 | |
| 148 | 151 | return { | ... | ... |