jianguan
/
supervise-monitor-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

添加九个首页页面

master
yangzongjia 2 years ago
parent
0246e1e7fa
commit
c7da5fbdfe
2 changed files with 144 additions and 136 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 180
      src/layout/components/Sidebar/index.vue
  2. 100
      src/views/index9.vue

180
src/layout/components/Sidebar/index.vue
View File

@ -256,96 +256,96 @@ export default {
name: "",
path: "/xiaoxi/xiaoxiList",
},
// {
// alwaysShow: true,
// component: "index1",
// meta: {
// icon: "icon-rizhi2",
// title: "数据报表",
// },
// name: "",
// path: "/index1",
// },
// {
// alwaysShow: true,
// component: "index2",
// meta: {
// icon: "icon-rizhi2",
// title: "业务审批",
// },
// name: "",
// path: "/index2",
// },
// {
// alwaysShow: true,
// component: "index3",
// meta: {
// icon: "icon-rizhi2",
// title: "工作调度",
// },
// name: "",
// path: "/index3",
// },
// {
// alwaysShow: true,
// component: "index4",
// meta: {
// icon: "icon-rizhi2",
// title: "风控管理",
// },
// name: "",
// path: "/index4",
// },
// {
// alwaysShow: true,
// component: "index5",
// meta: {
// icon: "icon-rizhi2",
// title: "消息中心",
// },
// name: "",
// path: "/index5",
// },
// {
// alwaysShow: true,
// component: "index6",
// meta: {
// icon: "icon-rizhi2",
// title: "组织结构",
// },
// name: "",
// path: "/index6",
// },
// {
// alwaysShow: true,
// component: "index7",
// meta: {
// icon: "icon-rizhi2",
// title: "客户管理",
// },
// name: "",
// path: "/index7",
// },
// {
// alwaysShow: true,
// component: "index8",
// meta: {
// icon: "icon-rizhi2",
// title: "仓库集控",
// },
// name: "",
// path: "/index8",
// },
// {
// alwaysShow: true,
// component: "index9",
// meta: {
// icon: "icon-rizhi2",
// title: "系统管理 ",
// },
// name: "",
// path: "/index9",
// },
{
alwaysShow: true,
component: "index1",
meta: {
icon: "icon-rizhi2",
title: "数据报表",
},
name: "",
path: "/index1",
},
{
alwaysShow: true,
component: "index2",
meta: {
icon: "icon-rizhi2",
title: "业务审批",
},
name: "",
path: "/index2",
},
{
alwaysShow: true,
component: "index3",
meta: {
icon: "icon-rizhi2",
title: "工作调度",
},
name: "",
path: "/index3",
},
{
alwaysShow: true,
component: "index4",
meta: {
icon: "icon-rizhi2",
title: "风控管理",
},
name: "",
path: "/index4",
},
{
alwaysShow: true,
component: "index5",
meta: {
icon: "icon-rizhi2",
title: "消息中心",
},
name: "",
path: "/index5",
},
{
alwaysShow: true,
component: "index6",
meta: {
icon: "icon-rizhi2",
title: "组织结构",
},
name: "",
path: "/index6",
},
{
alwaysShow: true,
component: "index7",
meta: {
icon: "icon-rizhi2",
title: "客户管理",
},
name: "",
path: "/index7",
},
{
alwaysShow: true,
component: "index8",
meta: {
icon: "icon-rizhi2",
title: "仓库集控",
},
name: "",
path: "/index8",
},
{
alwaysShow: true,
component: "index9",
meta: {
icon: "icon-rizhi2",
title: "系统管理 ",
},
name: "",
path: "/index9",
},
],
params: {
sourceSid: '5b8b2224-7272-4c56-a8d6-1dc426e2f3df',

100
src/views/index9.vue
View File

@ -1,62 +1,70 @@
<template>
<div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
<div class="index_top">
</div>
<div style="flex: 1;">
<span class="index_top_text" @click="show">数据总览</span>
<el-date-picker v-model="params.date" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期">
</el-date-picker>
</div>
<div class="index_content">
<div class="index_content_top">
<!-- <div class="index_top_right">{{ info.notice }}</div> -->
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;">
</div>
<div class="index_bottom">
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
<div style="display: flex;flex-direction: row; justify-content: space-between; align-items: center;">
<span style="font-weight: 600;">员工变动</span>
<span style="color: #4386FF; font-size: 13px; text-decoration: underline;">查看更多</span>
</div>
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<div style="margin-top: 20px;" v-for="(item, index) in newMessageList" :key="index">
<div
style="display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding-top: 20px;"
@click="companyInfo(item.sid)">
<span
style="font-size: 16px;color: #444;overflow: hidden;margin-right:20px;flex: 1;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1 ;-webkit-box-orient: vertical;">{{
item.name }}</span>
<span style="font-size: 13px;color: #999;">{{ item.date }}</span>
<div style="display: flex;flex-direction: column; margin-left: 10px;">
<span style="font-size: 20px;">13</span>
<div style="margin-top: 10px;">
<span style="font-size: 14px;color: #999;">角色分类</span>
</div>
</div>
</div>
</div>
<div style="flex: 0.3;"></div>
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;">
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<div style="flex: 0.1;"></div>
<div style="display: flex;flex-direction: column; margin-left: 10px;">
<span style="font-size: 20px;">121</span>
<div style="margin-top: 10px;">
<span style="font-size: 14px;color: #999;">功能数量</span>
</div>
</div>
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
<div style="display: flex;flex-direction: row; justify-content: space-between; align-items: center;">
<span style="font-weight: 600;">岗位调整</span>
<span style="color: #4386FF; font-size: 13px; text-decoration: underline;">查看更多</span>
</div>
<div style="margin-top: 20px;" v-for="(item, index) in larmCenterList" :key="index">
<div
style="display: flex;flex-direction: row; justify-content: space-between; align-items: center; padding-top: 20px;"
@click="companyInfo(item.sid)">
<span style="font-size: 16px;color: #444;overflow: hidden;margin-right:20px;flex: 1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1 ;
-webkit-box-orient: vertical;">{{ item.name }}</span>
<span style="font-size: 13px;color: #999;">{{ item.date }}</span>
<div style="flex: 0.3;"></div>
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;">
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<div style="display: flex;flex-direction: column; margin-left: 10px;">
<span style="font-size: 20px;">624</span>
<div style="margin-top: 10px;">
<span style="font-size: 14px;color: #999;">组织职员</span>
</div>
</div>
</div>
</div>
</div>
<div style="flex: 0.3;"></div>
<div class="index_content">
<div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;">
<img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
<div style="display: flex;flex-direction: column; margin-left: 10px;">
<span style="font-size: 20px;">509</span>
<div style="margin-top: 10px;">
<span style="font-size: 14px;color: #999;">组织资源</span>
</div>
</div>
</div>
</div>
<div class="index_content_bottom">
<div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
@ -225,7 +233,7 @@ export default {
}
},
data: [
20,20,20,20,60,70,90
20, 20, 20, 20, 60, 70, 90
]
}
]
@ -269,7 +277,7 @@ export default {
trigger: "item"
},
series: [{
name: '在途商品',
name: '角色占比',
type: 'pie',
radius: [20, 100],
center: ['50%', '40%'],
@ -279,19 +287,19 @@ export default {
},
data: [{
"value": 20,
"name": "采购部"
"name": "超级管理员"
},
{
"value": 15,
"name": "销售部"
"name": "客户管理员"
},
{
"value": 30,
"name": "开发部"
"name": "普通管理员"
},
{
"value": 20,
"name": "运维部"
"name": "普通用户"
}
]
}]

Write Preview
Loading…
Cancel
Save