| | |
| | | <template> |
| | | <div class="data-board-home-wrapper"> |
| | | <div class="full-screen-btn" @click="goFullScreen" v-if="route.name !== 'DataBoardPage'"> |
| | | <el-icon color="#ffffff" :size="32"><FullScreen /></el-icon> |
| | | </div> |
| | | <div class="data-board-home"> |
| | | <div class="data-board-home-title"> |
| | | <div class="data-board-home-title-logo"></div> |
| | |
| | | <DataBoardCenterChart></DataBoardCenterChart> |
| | | </div> |
| | | <div class="data-board-home-content-right"> |
| | | <DataBoardContentItem title="奖励金使用排行" class="data-table-content"> |
| | | <DataBoardContentItem title="可用资金使用排行" class="data-table-content"> |
| | | <DataBoardTableView |
| | | :tableData="bountyUseAmountRankList" |
| | | unit="元" |
| | |
| | | useGetDataBoardNewCustomerCount, |
| | | useGetDataBoardNewInsurePeopleCount, |
| | | } from './hooks'; |
| | | import { take } from 'lodash'; |
| | | |
| | | defineOptions({ |
| | | name: 'DataBoardHome', |
| | |
| | | |
| | | const dataBoardTime = ref(null); |
| | | let timer = null; |
| | | |
| | | const tableData = [ |
| | | { |
| | | name: '公司名', |
| | | num: 3842, |
| | | }, |
| | | { |
| | | name: '公司名', |
| | | num: 32, |
| | | }, |
| | | { |
| | | name: '公司名', |
| | | num: 342, |
| | | }, |
| | | { |
| | | name: '公司名', |
| | | num: 342, |
| | | }, |
| | | { |
| | | name: '公司名', |
| | | num: 342, |
| | | }, |
| | | { |
| | | name: '公司名', |
| | | num: 342, |
| | | }, |
| | | ]; |
| | | |
| | | const updateTime = () => { |
| | | dataBoardTime.value = format(new Date(), 'YYYY.MM.DD HH:mm:ss'); |
| | |
| | | onUnmounted(() => { |
| | | clearInterval(timer); |
| | | }); |
| | | |
| | | const router = useRouter(); |
| | | const route = useRoute(); |
| | | |
| | | function goFullScreen() { |
| | | router.push({ |
| | | name: 'DataBoardPage', |
| | | }); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @use '@/style/common.scss' as *; |
| | | |
| | | .data-board-home-wrapper { |
| | | position: relative; |
| | | overflow: auto; |
| | | min-width: 0; |
| | | flex: 1; |
| | | height: 100%; |
| | | flex: 1; |
| | | |
| | | .full-screen-btn { |
| | | position: absolute; |
| | | top: 20px; |
| | | left: 20px; |
| | | cursor: pointer; |
| | | z-index: 22222; |
| | | } |
| | | } |
| | | |
| | | .data-board-home { |