no message
This commit is contained in:
DESKTOP-369JRHT\12997
parent
807b4a3afe
commit
6bc0df62eb
@ -86,6 +86,12 @@ export const constantRoutes = [
|
|||||||
name: 'Index',
|
name: 'Index',
|
||||||
meta: { title: '系统首页', icon: 'dashboard', affix: true }
|
meta: { title: '系统首页', icon: 'dashboard', affix: true }
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: 'resource_oilstore',
|
||||||
|
component: () => import('@/views/index2.vue'),
|
||||||
|
name: 'resourceOilstore',
|
||||||
|
meta: { title: '系统首页', icon: 'dashboard', affix: true }
|
||||||
|
},
|
||||||
// {
|
// {
|
||||||
// path: 'resource_oilstore',
|
// path: 'resource_oilstore',
|
||||||
// component: () => import('@/views/index'),
|
// component: () => import('@/views/index'),
|
||||||
@ -94,6 +100,7 @@ export const constantRoutes = [
|
|||||||
// }
|
// }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
path: '/account',
|
path: '/account',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
|
|||||||
232
fuintAdmin/src/views/index2.vue
Normal file
232
fuintAdmin/src/views/index2.vue
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<div class="banner-box">
|
||||||
|
<img src="./../assets/new/banner1.png" alt="">
|
||||||
|
</div>
|
||||||
|
<topindex></topindex>
|
||||||
|
<centenrindex></centenrindex>
|
||||||
|
<bottomindex></bottomindex>
|
||||||
|
<bottom_z></bottom_z>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getHomeData, getStatisticData } from "@/api/home";
|
||||||
|
import topindex from "@/views/indexcomponents/topindex.vue";
|
||||||
|
import centenrindex from "@/views/indexcomponents/centenrindex.vue";
|
||||||
|
import bottomindex from "@/views/indexcomponents/bottomindex.vue";
|
||||||
|
import bottom_z from "@/views/indexcomponents/bottom_z.vue";
|
||||||
|
export default {
|
||||||
|
name: "HomePage",
|
||||||
|
components: {
|
||||||
|
centenrindex,
|
||||||
|
topindex,
|
||||||
|
bottomindex,
|
||||||
|
bottom_z
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
homeData: { todayUser: 0, totalUser: 0, todayOrder: 0, totalOrder: 0, todayPay: 0, totalPay: 0, todayActiveUser: 0, totalPayUser: 0 },
|
||||||
|
chart1: { title: '近七日订单数量', color: '#ff5b57', chartType: 'bar', header: ['订单统计'] },
|
||||||
|
chart2: { title: '近七日会员活跃数', color: '#00acac', chartType: 'line', header: ['会员统计'] },
|
||||||
|
chartData1: [],
|
||||||
|
chartData2: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
// this.getHomeData();
|
||||||
|
this.getChartsData();
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 查询首页数据
|
||||||
|
getHomeData() {
|
||||||
|
this.loading = true;
|
||||||
|
getHomeData().then(response => {
|
||||||
|
this.homeData = response.data;
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
// 查询统计数据
|
||||||
|
getChartsData() {
|
||||||
|
const app = this;
|
||||||
|
app.loading = true;
|
||||||
|
// 近7日订单数量和活跃会员数量
|
||||||
|
getStatisticData({ tag : 'order,user_active' }).then(response => {
|
||||||
|
const data = response.data;
|
||||||
|
const labelData1 = data.data[0] ? data.data[0] : [];
|
||||||
|
const labelData2 = data.data[1] ? data.data[1] : [];
|
||||||
|
const dataList1 = [];
|
||||||
|
const dataList2 = [];
|
||||||
|
|
||||||
|
data.labels.forEach(function(label, index) {
|
||||||
|
const value1 = labelData1[index] ? labelData1[index] : 0;
|
||||||
|
const value2 = labelData2[index] ? labelData2[index] : 0;
|
||||||
|
dataList1.push( { name: label, value0: value1 } );
|
||||||
|
dataList2.push( { name: label, value0: value2 } );
|
||||||
|
})
|
||||||
|
app.chartData1 = dataList1;
|
||||||
|
app.chartData2 = dataList2;
|
||||||
|
app.loading = false;
|
||||||
|
}
|
||||||
|
)
|
||||||
|
},
|
||||||
|
// 页面跳转
|
||||||
|
toTarget(url) {
|
||||||
|
this.$router.push( { path: url } );
|
||||||
|
},
|
||||||
|
// 去收银台
|
||||||
|
toCashier(url) {
|
||||||
|
const routeLink = this.$router.resolve({ path: url });
|
||||||
|
window.open(routeLink.href, '_blank');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.app-container{
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.banner-box{
|
||||||
|
width: 100%;
|
||||||
|
height: 190px;
|
||||||
|
border-radius: 14px;
|
||||||
|
background: #fda87c;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.top-box{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.top-sl{
|
||||||
|
width: 16%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.box-title{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: rgba(0,0,0,0.6);
|
||||||
|
}
|
||||||
|
.box-size{
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: rgba(0,0,0,0.9);
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.box-but{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: rgba(0,0,0,0.6);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.icon-lv{
|
||||||
|
width: 71px;
|
||||||
|
height: 24px;
|
||||||
|
background: #E3F9E9;
|
||||||
|
border-radius: 3px 3px 3px 3px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #2BA471;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview {
|
||||||
|
min-height: 270px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
box-shadow: 0 1px 2px #d5d7d8;
|
||||||
|
.title {
|
||||||
|
margin: 10px 0px 0px 0px;
|
||||||
|
padding: 10px 0px 0px 10px;
|
||||||
|
height: 44px;
|
||||||
|
border: 1px solid #e2e1e1;
|
||||||
|
background: #f4f4f4;
|
||||||
|
color: #333;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
padding: 15px;
|
||||||
|
border: solid 1px #d5d7d8;
|
||||||
|
.item {
|
||||||
|
display: block;
|
||||||
|
border-right: none;
|
||||||
|
border-bottom: none;
|
||||||
|
min-height: 100px;
|
||||||
|
padding: 6px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
.do {
|
||||||
|
border: solid 1px #cccccc;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
display: block;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
border: solid #8a8a8a 1px;
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
text-align: left;
|
||||||
|
margin: 0px;
|
||||||
|
text-indent: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.number {
|
||||||
|
text-align: left;
|
||||||
|
margin: 0px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-indent: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #ff5b57;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.home-tools {
|
||||||
|
.do {
|
||||||
|
height: 90px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #666666;
|
||||||
|
border-radius: 2px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 20px 0px 10px 20px;
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
background: #ffffff;
|
||||||
|
border: solid 1px #cccccc;
|
||||||
|
.text {
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.t-icon {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
@ -67,6 +67,13 @@ export const constantRoutes = [
|
|||||||
name: 'Index',
|
name: 'Index',
|
||||||
meta: { title: '系统首页', icon: 'dashboard', affix: true }
|
meta: { title: '系统首页', icon: 'dashboard', affix: true }
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: 'resource_oilstore',
|
||||||
|
component: () => import('@/views/index2.vue'),
|
||||||
|
name: 'resourceOilstore',
|
||||||
|
meta: { title: '系统首页', icon: 'dashboard', affix: true }
|
||||||
|
},
|
||||||
|
|
||||||
// {
|
// {
|
||||||
// path: 'resource_oilbank',
|
// path: 'resource_oilbank',
|
||||||
// component: () => import('@/views/Service/index.vue'),
|
// component: () => import('@/views/Service/index.vue'),
|
||||||
@ -75,6 +82,12 @@ export const constantRoutes = [
|
|||||||
// }
|
// }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/index',
|
||||||
|
component: () => import('@/views/index'),
|
||||||
|
name: 'resource_oilstore',
|
||||||
|
meta: { title: '系统首页', icon: 'dashboard', affix: true }
|
||||||
|
},
|
||||||
// {
|
// {
|
||||||
// path: 'resource_oilbank',
|
// path: 'resource_oilbank',
|
||||||
// component: Layout,
|
// component: Layout,
|
||||||
|
|||||||
60
fuintAdmin_zt/src/views/index2.vue
Normal file
60
fuintAdmin_zt/src/views/index2.vue
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<template>
|
||||||
|
<div class="">
|
||||||
|
<!-- 代理-->
|
||||||
|
<agent v-if="power == 1" :accountId="accountId" :deptId="deptId"></agent>
|
||||||
|
<!-- 连锁-->
|
||||||
|
<manage v-if="power == 2" :accountId="accountId" :deptId="deptId"></manage>
|
||||||
|
<!-- 油站-->
|
||||||
|
<shopowner v-if="power == 3" :accountId="accountId"></shopowner>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import agent from "@/views/homeComponents/agent.vue";
|
||||||
|
import manage from "@/views/homeComponents/manage.vue"
|
||||||
|
import shopowner from "@/views/homeComponents/shopowner.vue"
|
||||||
|
import {getAccountInfo} from "@/api/indexBanner";
|
||||||
|
export default {
|
||||||
|
data(){
|
||||||
|
return{
|
||||||
|
power:1,
|
||||||
|
accountId:"",
|
||||||
|
deptId:'',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getInfo()
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
agent,manage,shopowner
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
getInfo(){
|
||||||
|
getAccountInfo().then(res => {
|
||||||
|
if (res.data.deptType == 1 || res.data.deptType == 4){
|
||||||
|
this.power = 1
|
||||||
|
}else if (res.data.deptType == 2){
|
||||||
|
this.power = 2
|
||||||
|
}else if (res.data.deptType == 3){
|
||||||
|
this.power = 3
|
||||||
|
}
|
||||||
|
this.accountId = res.data.accountId
|
||||||
|
this.deptId = res.data.deptId
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
.app-container{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #f4f5f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user