template div classdashboard-container home !-- 营业数据 -- Overview :overviewDataoverviewData / !-- end -- !-- 订单管理 -- Orderview :orderviewDataorderviewData / !-- end -- div classhomeMain !-- 菜品总览 -- CuisineStatistics :dishesDatadishesData / !-- end -- !-- 套餐总览 -- SetMealStatistics :setMealDatasetMealData / !-- end -- /div !-- 订单信息 -- OrderList :order-staticsorderStatics getOrderListBy3StatusgetOrderListBy3Status / !-- end -- /div /template script langts import { Component, Vue } from vue-property-decorator import { getBusinessData, getDataOverView, //营业数据 getOrderData, //订单管理今日订单 getOverviewDishes, //菜品总览 getSetMealStatistics, //套餐总览 } from /api/index import { getOrderListBy } from /api/order // 组件 // 营业数据 import Overview from ./components/overview.vue // 订单管理 import Orderview from ./components/orderview.vue // 菜品总览 import CuisineStatistics from ./components/cuisineStatistics.vue // 套餐总览 import SetMealStatistics from ./components/setMealStatistics.vue // 订单列表 import OrderList from ./components/orderList.vue Component({ name: Dashboard, components: { Overview, Orderview, CuisineStatistics, SetMealStatistics, OrderList, }, }) export default class extends Vue { private todayData {} as any private overviewData {} private orderviewData {} as any private flag 2 private tateData [] private dishesData {} as any private setMealData {} private orderListData [] private counts 0 private page: number 1 private pageSize: number 10 private status 2 private orderStatics {} as any created() { this.init() } init() { this.$nextTick(() { this.getBusinessData() this.getOrderStatisticsData() this.getOverStatisticsData() this.getSetMealStatisticsData() }) } // 获取营业数据 async getBusinessData() { const data await getBusinessData() this.overviewData data.data.data } // 获取今日订单 async getOrderStatisticsData() { const data await getOrderData() this.orderviewData data.data.data } // 获取菜品总览数据 async getOverStatisticsData() { const data await getOverviewDishes() this.dishesData data.data.data } // 获取套餐总览数据 async getSetMealStatisticsData() { const data await getSetMealStatistics() this.setMealData data.data.data } //获取待处理待派送派送中数量 getOrderListBy3Status() { getOrderListBy({}) .then((res) { if (res.data.code 1) { this.orderStatics res.data.data } else { this.$message.error(res.data.msg) } }) .catch((err) { this.$message.error(请求出错了 err.message) }) } } /script style langscss /style
vue套餐界面
template div classdashboard-container home !-- 营业数据 -- Overview :overviewDataoverviewData / !-- end -- !-- 订单管理 -- Orderview :orderviewDataorderviewData / !-- end -- div classhomeMain !-- 菜品总览 -- CuisineStatistics :dishesDatadishesData / !-- end -- !-- 套餐总览 -- SetMealStatistics :setMealDatasetMealData / !-- end -- /div !-- 订单信息 -- OrderList :order-staticsorderStatics getOrderListBy3StatusgetOrderListBy3Status / !-- end -- /div /template script langts import { Component, Vue } from vue-property-decorator import { getBusinessData, getDataOverView, //营业数据 getOrderData, //订单管理今日订单 getOverviewDishes, //菜品总览 getSetMealStatistics, //套餐总览 } from /api/index import { getOrderListBy } from /api/order // 组件 // 营业数据 import Overview from ./components/overview.vue // 订单管理 import Orderview from ./components/orderview.vue // 菜品总览 import CuisineStatistics from ./components/cuisineStatistics.vue // 套餐总览 import SetMealStatistics from ./components/setMealStatistics.vue // 订单列表 import OrderList from ./components/orderList.vue Component({ name: Dashboard, components: { Overview, Orderview, CuisineStatistics, SetMealStatistics, OrderList, }, }) export default class extends Vue { private todayData {} as any private overviewData {} private orderviewData {} as any private flag 2 private tateData [] private dishesData {} as any private setMealData {} private orderListData [] private counts 0 private page: number 1 private pageSize: number 10 private status 2 private orderStatics {} as any created() { this.init() } init() { this.$nextTick(() { this.getBusinessData() this.getOrderStatisticsData() this.getOverStatisticsData() this.getSetMealStatisticsData() }) } // 获取营业数据 async getBusinessData() { const data await getBusinessData() this.overviewData data.data.data } // 获取今日订单 async getOrderStatisticsData() { const data await getOrderData() this.orderviewData data.data.data } // 获取菜品总览数据 async getOverStatisticsData() { const data await getOverviewDishes() this.dishesData data.data.data } // 获取套餐总览数据 async getSetMealStatisticsData() { const data await getSetMealStatistics() this.setMealData data.data.data } //获取待处理待派送派送中数量 getOrderListBy3Status() { getOrderListBy({}) .then((res) { if (res.data.code 1) { this.orderStatics res.data.data } else { this.$message.error(res.data.msg) } }) .catch((err) { this.$message.error(请求出错了 err.message) }) } } /script style langscss /style
