retail-dashboard-v2

@syman/retail-dashboard

零售管理仪表板组件包，基于 Vue 3 开发，支持 PC 端和移动端响应式设计。

特性

• 多模块支持 - 概览、TOP商品、员工业绩三大核心模块
• 响应式设计 - 自动适配 PC 端和移动端
• 现代化 UI - 基于 Element Plus 和 Vant 组件库
• 高性能 - 基于 Vue 3 Composition API
• 易于集成 - 支持按需引入和全局注册

安装

npm install @syman/retail-dashboard

使用

全局注册

import { createApp } from 'vue'
import RetailDashboard from '@syman/retail-dashboard'
import ElementPlus from 'element-plus'
import Vant from 'vant'

const app = createApp(App)
app.use(ElementPlus)
app.use(Vant)
app.use(RetailDashboard)
app.mount('#app')

按需引入

<template>
  <RetailDashboard 
    :store-id="1" 
    :user-id="1" 
  />
</template>

<script>
import { RetailDashboard } from '@syman/retail-dashboard'

export default {
  components: {
    RetailDashboard
  }
}
</script>

Props

依赖

• Vue 3.0+
• Element Plus 2.0+
• Vant 4.0+
• Axios 1.11+
• Day.js 1.11+

许可证

MIT