From c7da5fbdfe8bbe70d7a8c021f4400dbdad75e2b7 Mon Sep 17 00:00:00 2001
From: yangzongjia <yangzongjia>
Date: Wed, 14 Jun 2023 15:46:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=B9=9D=E4=B8=AA=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Sidebar/index.vue | 180 ++++++++++++------------
 src/views/index9.vue                    | 100 +++++++------
 2 files changed, 144 insertions(+), 136 deletions(-)

diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 40860ab..2d3d1de 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -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',
diff --git a/src/views/index9.vue b/src/views/index9.vue
index 346cec7..c3d7029 100644
--- a/src/views/index9.vue
+++ b/src/views/index9.vue
@@ -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": "普通用户"
           }
           ]
         }]