mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-11-02 07:50:37 +00:00
130 lines
3.9 KiB
Vue
130 lines
3.9 KiB
Vue
<template>
|
|
<el-row :gutter="16" class="dashboard-console-grid">
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['admin-user-user-index']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/user/list' }">
|
|
<div class="icon">
|
|
<i class="iconfont iconyonghuguanli" style="color: #0256ff"></i>
|
|
</div>
|
|
<p>用户管理</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['setting-system-config']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/setting/system_config' }">
|
|
<div class="icon">
|
|
<i class="iconfont iconxitongshezhi" style="color: #9fdb1d"></i>
|
|
</div>
|
|
<p>系统设置</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['admin-normal-product-list']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/product/normal/list' }">
|
|
<div class="icon">
|
|
<i class="iconfont iconshangpin" style="color: #0fc6c2"></i>
|
|
</div>
|
|
<p>商品</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['admin-order-orderCenter-index']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/order/center' }">
|
|
<div class="icon">
|
|
<i class="iconfont icondingdanguanli" style="color: #b37feb"></i>
|
|
</div>
|
|
<p>订单中台</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['setting-yihaotong']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/setting/yihaotong/index' }">
|
|
<div class="icon">
|
|
<i class="iconfont iconduanxinpeizhi" style="color: #f7ba1e"></i>
|
|
</div>
|
|
<p>短信配置</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['cms-article-index']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/cms/article/index' }">
|
|
<div class="icon">
|
|
<i class="iconfont iconwenzhangguanli" style="color: #7da2ff"></i>
|
|
</div>
|
|
<p>文章管理</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['aiagent-manage']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/aiagent/index' }">
|
|
<div class="icon">
|
|
<i class="crmeb-icon CRMEB-663-AI-mianxing" style="color: #722ed1"></i>
|
|
</div>
|
|
<p>AI 对话</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col v-bind="grid" class="ivu-mb" v-auth="['marketing-store_coupon-index']">
|
|
<el-card shadow="never">
|
|
<router-link :to="{ path: $routeProStr + '/marketing/store_coupon_issue/index' }">
|
|
<div class="icon">
|
|
<i class="iconfont iconyouhuiquan4" style="color: #0fc6c2"></i>
|
|
</div>
|
|
<p>优惠券</p>
|
|
</router-link>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
<script setup>
|
|
const grid = {
|
|
xl: 3,
|
|
lg: 3,
|
|
md: 6,
|
|
sm: 6,
|
|
xs: 12,
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.dashboard-console-grid {
|
|
text-align: center;
|
|
.ivu-card-body {
|
|
padding: 0;
|
|
}
|
|
.icon {
|
|
width: 48px;
|
|
height: 48px;
|
|
background-color: #f6f6f6;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
i {
|
|
font-size: 24px;
|
|
}
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
color: inherit;
|
|
padding: 16px;
|
|
}
|
|
p {
|
|
margin-top: 8px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: var(--prev-color-text-regular);
|
|
line-height: 22px;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
</style>
|