| | |
| | | <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/> |
| | | </svg> |
| | | </button> |
| | | |
| | | |
| | | <div class="dashboard-header"> |
| | | <div class="factory-name">{{ userStore.currentFactoryName }}</div> |
| | | </div> |
| | | |
| | | |
| | | <div class="dashboard-content"> |
| | | <div class="content-main"> |
| | | <div class="top-panels"> |
| | | <div class="left-panel"> |
| | | <div class="panel-header"> |
| | | <span class="panel-title">客户信息统计分析</span> |
| | | <span class="panel-title">采购信息统计分析</span> |
| | | </div> |
| | | <div class="panel-item-customers"> |
| | | <div class="panel-title-second"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <div class="center-panel"> |
| | | <div class="stats-cards"> |
| | | <div class="stat-card"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <div class="event-info"> |
| | | <div class="event-header"> |
| | | <img src="@/assets/BI/shijianmingxiicon@2x.png" alt="图标" class="event-icon" /> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <div class="financial-header"> |
| | | <span class="financial-title">财务分析</span> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <div class="right-panel"> |
| | | <div class="panel-header"> |
| | | <span class="panel-title">应收应付统计</span> |
| | |
| | | style="height: 260px" |
| | | /> |
| | | </div> |
| | | |
| | | |
| | | <div class="panel-header"> |
| | | <span class="panel-title">回款与开票分析</span> |
| | | </div> |
| | |
| | | import Echarts from "@/components/Echarts/echarts.vue"; |
| | | import useUserStore from '@/store/modules/user' |
| | | import { |
| | | analysisCustomerContractAmounts, getAmountHalfYear, |
| | | analysisSupplierContractAmounts, getAmountHalfYear, |
| | | homeTodos, |
| | | statisticsReceivablePayable |
| | | } from "@/api/viewIndex.js"; |
| | |
| | | charts.value = [] |
| | | } |
| | | const analysisCustomer = () => { |
| | | analysisCustomerContractAmounts().then((res) => { |
| | | analysisSupplierContractAmounts().then((res) => { |
| | | sum.value = res.data.sum |
| | | yny.value = res.data.yny |
| | | chain.value = res.data.chain |
| | |
| | | } |
| | | const accountStatisticsInfo = () => { |
| | | listPageAnalysis().then((res) => { |
| | | xAxis3.value[0].data = res.data.days |
| | | xAxis3.value[0].data = res.data.months |
| | | barSeries11.value[0].data = res.data.totalIncome |
| | | barSeries11.value[1].data = res.data.totalExpense |
| | | barSeries11.value[2].data = res.data.netIncome |
| | |
| | | contractList._pauseTimer = pauseTimer |
| | | } |
| | | }) |
| | | |
| | | |
| | | window.addEventListener('resize', handleResize) |
| | | analysisCustomer() |
| | | accountStatisticsInfo() |
| | |
| | | todoInfoS() |
| | | statisticsReceivable() |
| | | getAmountHalfYearNum() |
| | | |
| | | |
| | | autoSwitchTimer.value = setInterval(() => { |
| | | radio1.value = radio1.value === 3 ? 1 : radio1.value + 1 |
| | | statisticsReceivable() |