| | |
| | | <template> |
| | | <el-popover placement="bottom" :width="600" trigger="click"> |
| | | <el-popover |
| | | placement="bottom" |
| | | :width="600" |
| | | trigger="click" |
| | | v-model:visible="bgtaskStore.dialogShow" |
| | | > |
| | | <template #reference> |
| | | <el-badge :value="runningNum" :hidden="runningNum == 0" class="m-r-16"> |
| | | <el-button circle> |
| | | <el-icon v-if="runningNum > 0" color="red" class="is-loading"><Clock /></el-icon> |
| | | <el-icon v-if="runningNum > 0" color="red" class="is-loading" |
| | | ><Clock |
| | | /></el-icon> |
| | | <el-icon v-else><Clock /></el-icon> |
| | | </el-button> |
| | | </el-badge> |
| | |
| | | <FYBgTaskCard v-model="runningNum"></FYBgTaskCard> |
| | | </el-popover> |
| | | </template> |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | runningNum: 0 |
| | | }; |
| | | } |
| | | }; |
| | | <script setup> |
| | | import { ref } from 'vue'; |
| | | import { useBgtaskStore } from '@/stores/bgtaskStore'; |
| | | |
| | | const bgtaskStore = useBgtaskStore(); |
| | | |
| | | const runningNum = ref(0); |
| | | |
| | | </script> |
| | | <style scoped></style> |