diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 97e250e..40860ab 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -256,66 +256,96 @@ export default {
           name: "",
           path: "/xiaoxi/xiaoxiList",
         },
-        {
-          alwaysShow: true,
-          component: "index1",
-          meta: {
-            icon: "icon-rizhi2",
-            title: "index1",
-          },
-          name: "",
-          path: "/index1",
-        },
-        {
-          alwaysShow: true,
-          component: "index2",
-          meta: {
-            icon: "icon-rizhi2",
-            title: "index2",
-          },
-          name: "",
-          path: "/index2",
-        },
-        {
-          alwaysShow: true,
-          component: "index3",
-          meta: {
-            icon: "icon-rizhi2",
-            title: "index3",
-          },
-          name: "",
-          path: "/index3",
-        },
-        {
-          alwaysShow: true,
-          component: "index4",
-          meta: {
-            icon: "icon-rizhi2",
-            title: "index4",
-          },
-          name: "",
-          path: "/index4",
-        },
-        {
-          alwaysShow: true,
-          component: "index5",
-          meta: {
-            icon: "icon-rizhi2",
-            title: "index5",
-          },
-          name: "",
-          path: "/index5",
-        },
-        {
-          alwaysShow: true,
-          component: "index6",
-          meta: {
-            icon: "icon-rizhi2",
-            title: "index6",
-          },
-          name: "",
-          path: "/index6",
-        },
+        // {
+        //   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/router/index.js b/src/router/index.js
index b2f260b..3ccad2d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -84,7 +84,7 @@ export const constantRoutes = [
         component: () => import("@/views/index1.vue"),
         name: "index1",
         meta: {
-          title: "报警",
+          title: "数据报表",
           noCache: true,
           affix: true,
         },
@@ -100,7 +100,7 @@ export const constantRoutes = [
         component: () => import("@/views/index2.vue"),
         name: "index2",
         meta: {
-          title: "报警",
+          title: "业务审批",
           noCache: true,
           affix: true,
         },
@@ -117,7 +117,7 @@ export const constantRoutes = [
         component: () => import("@/views/index3.vue"),
         name: "index3",
         meta: {
-          title: "报警",
+          title: "工作调度",
           noCache: true,
           affix: true,
         },
@@ -135,7 +135,7 @@ export const constantRoutes = [
         component: () => import("@/views/index4.vue"),
         name: "index4",
         meta: {
-          title: "报警",
+          title: "风控管理",
           noCache: true,
           affix: true,
         },
@@ -153,7 +153,7 @@ export const constantRoutes = [
         component: () => import("@/views/index5.vue"),
         name: "index5",
         meta: {
-          title: "报警",
+          title: "消息中心",
           noCache: true,
           affix: true,
         },
@@ -171,7 +171,61 @@ export const constantRoutes = [
         component: () => import("@/views/index6.vue"),
         name: "index6",
         meta: {
-          title: "报警",
+          title: "组织架构",
+          noCache: true,
+          affix: true,
+        },
+      }
+
+    ],
+  },
+  {
+    path: "/index7",
+    component: Layout,
+    redirect: "/index7",
+    children: [
+      {
+        path: "/index7",
+        component: () => import("@/views/index7.vue"),
+        name: "index7",
+        meta: {
+          title: "客户管理",
+          noCache: true,
+          affix: true,
+        },
+      }
+
+    ],
+  },
+  {
+    path: "/index8",
+    component: Layout,
+    redirect: "/index8",
+    children: [
+      {
+        path: "/index8",
+        component: () => import("@/views/index8.vue"),
+        name: "index8",
+        meta: {
+          title: "仓库集控",
+          noCache: true,
+          affix: true,
+        },
+      }
+
+    ],
+  },
+  {
+    path: "/index9",
+    component: Layout,
+    redirect: "/index9",
+    children: [
+      {
+        path: "/index9",
+        component: () => import("@/views/index9.vue"),
+        name: "index9",
+        meta: {
+          title: "系统管理",
           noCache: true,
           affix: true,
         },
diff --git a/src/views/index2.vue b/src/views/index2.vue
index 3c7e02a..fc58d79 100644
--- a/src/views/index2.vue
+++ b/src/views/index2.vue
@@ -1,5 +1,4 @@
 <template>
-
   <div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
 
     <div class="index_top">
@@ -10,13 +9,92 @@
         </el-date-picker>
       </div>
 
-      <div class="index_top_right">{{info.notice}}</div>
+      <!-- <div class="index_top_right">{{ info.notice }}</div> -->
 
     </div>
 
+    <div class="index_bottom">
+
+      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
+        <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="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">直接采购</span>
+
+        </div>
+
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">委托采购</span>
+
+        </div>
+
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">调拨采购</span>
+
+        </div>
+
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">秘密采购</span>
+
+        </div>
+
+      </div>
+
+      <div style="flex: 0.1;"></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 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>
+        </div>
+
+      </div>
+
+      <div style="flex: 0.1;"></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>
+        </div>
+
+      </div>
+    </div>
+
     <div class="index_content">
 
-      <div class="index_content_top">
+      <!-- <div class="index_content_top">
 
         <div class="item_border" style="display: flex;flex-direction: row; padding: 30px 20px; flex: 1;">
 
@@ -80,13 +158,13 @@
 
         </div>
 
-      </div>
+      </div> -->
 
 
       <div class="index_content_bottom">
 
         <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
-          <span style="font-weight: 600;">销售报表</span>
+          <span style="font-weight: 600;">工作进度</span>
           <div id="main1" ref="main1" class="middle">
           </div>
         </div>
@@ -94,7 +172,7 @@
         <div style="flex: 0.1;"></div>
 
         <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
-          <span style="font-weight: 600;">在途商品</span>
+          <span style="font-weight: 600;">处理状态</span>
           <div id="main2" ref="main2" class="middle">
           </div>
         </div>
@@ -102,413 +180,318 @@
       </div>
 
     </div>
-
-
-    <div class="index_bottom">
-
-      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
-        <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="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售汇总日报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品管理表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品汇总统计表</span>
-
-        </div>
-
-      </div>
-
-      <div style="flex: 0.1;"></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 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>
-        </div>
-
-      </div>
-
-      <div style="flex: 0.1;"></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>
-        </div>
-
-      </div>
-    </div>
   </div>
 </template>
 
 </div>
 <script>
-  import * as echarts from 'echarts';
-  import {
-    login1
-  } from '@/api/system/user/login.js'
-  export default {
-    name: '',
-    data() {
-      return {
-        token: '',
-        params: {
-          date: null
-        },
-        info: {
-          date: "",
-          notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
-        },
-        newMessageList: [{
-          sid: "1",
-          name: "[消息]您的订单已经审核完毕等待放款。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "2",
-          name: "[通知]通知仓库商品产生1级风险，请及时做出回复。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "3",
-          name: "[消息]您的订单由于商品不存在被退回。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "4",
-          name: "[消息]请于2023年3月3日16点向***3189帐户回款231234元。",
-          date: "2023-01-01"
-
-        }],
-        larmCenterList: [{
-            sid: "1",
-            name: "仓库于2023年3月3日产生1级风险。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "2",
-            name: "[通知]通知仓库商品产生1级出回复。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "3",
-            name: "[消息]您的订单由于商品不存在被退回。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "4",
-            name: "[消息]请于2**3189帐户回款231234元。",
-            date: "2023-01-01"
-
-          }
+import * as echarts from 'echarts';
+import {
+  login1
+} from '@/api/system/user/login.js'
+export default {
+  name: '',
+  data() {
+    return {
+      token: '',
+      params: {
+        date: null
+      },
+      info: {
+        date: "",
+        notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
+      },
+      newMessageList: [{
+        sid: "1",
+        name: "[待处理]到货不积极影响生产",
+        date: "2023-01-01"
+
+      }, {
+        sid: "2",
+        name: "[待处理]到货后不合格处理",
+        date: "2023-01-01"
+
+      }, {
+        sid: "3",
+        name: "[待处理]质量不符合标准",
+        date: "2023-01-01"
+
+      }, {
+        sid: "4",
+        name: "[待处理]供应商无预警涨价",
+        date: "2023-01-01"
+
+      }],
+      larmCenterList: [{
+        sid: "1",
+        name: "[已处理]供货商不按时交货",
+        date: "2023-01-01"
+
+      }, {
+        sid: "2",
+        name: "[已处理]供应商质量不稳定，物料经常出现质量问题",
+        date: "2023-01-01"
+
+      }, {
+        sid: "3",
+        name: "[已处理]货物不对板",
+        date: "2023-01-01"
+
+      }, {
+        sid: "4",
+        name: "[已处理]包装不当",
+        date: "2023-01-01"
 
-        ]
       }
-    },
-    mounted() {
+
+      ]
+    }
+  },
+  mounted() {
+    this.drawLine1();
+    this.drawLine2();
+  },
+
+  methods: {
+    show() {
       this.drawLine1();
       this.drawLine2();
     },
+    drawLine1() {
+
+      // let mychart = echarts.init(this.$refs.main1)
+      var myChart = echarts.init(document.getElementById('main1'));
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            dataView: {
+              // 数据视图
+              show: false,
+              readOnly: false
+            },
+            magicType: {
+              // 切换图形
+              show: false,
+              type: ['line', 'bar']
+            },
+            // 还原
+            restore: {
+              show: false
+            },
+            // 下载
+            saveAsImage: {
+              show: false
+            }
 
-    methods: {
-      show() {
-        this.drawLine1();
-        this.drawLine2();
-      },
-      drawLine1() {
-
-        // let mychart = echarts.init(this.$refs.main1)
-        var myChart = echarts.init(document.getElementById('main1'));
-        // 绘制图表
-        myChart.setOption({
+          }
+        },
+        grid: {
+          height: 220
+        },
+        legend: {
+          data: ['采购申请', '工作种类']
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
+          axisPointer: {
+            type: 'shadow'
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '次',
+          min: 0,
+          max: 250,
+          interval: 50,
+          axisLabel: {
+            formatter: '{value}'
+          }
+        }
+        ],
+        series: [{
+          name: '采购申请',
+          type: 'bar',
           tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-              type: 'cross',
-              crossStyle: {
-                color: '#999'
-              }
+            valueFormatter: function (value) {
+              return value + ' 次';
             }
           },
-          toolbox: {
-            feature: {
-              dataView: {
-                // 数据视图
-                show: false,
-                readOnly: false
-              },
-              magicType: {
-                // 切换图形
-                show: false,
-                type: ['line', 'bar']
-              },
-              // 还原
-              restore: {
-                show: false
-              },
-              // 下载
-              saveAsImage: {
-                show: false
-              }
-
+          data: [
+            2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
+          ]
+        },
+        {
+          name: '工作种类',
+          type: 'bar',
+          tooltip: {
+            valueFormatter: function (value) {
+              return value + ' 个';
             }
           },
-          grid: {
-            height: 220
-          },
-          legend: {
-            data: ['分销商进货额', '实际发货额']
-          },
-          xAxis: [{
-            type: 'category',
-            data: ['1-1', '1-2', '1-3', '1-4', '1-5', '1-6', '1-7'],
-            axisPointer: {
-              type: 'shadow'
-            }
-          }],
-          yAxis: [{
-              type: 'value',
-              name: '人民币/万元',
-              min: 0,
-              max: 250,
-              interval: 50,
-              axisLabel: {
-                formatter: '{value}'
-              }
-            },
-            {
-              type: 'value',
-              name: '百分比%',
-              min: 0,
-              max: 25,
-              interval: 5,
-              axisLabel: {
-                formatter: '{value}'
-              }
-            }
-          ],
-          series: [{
-              name: '分销商进货额',
-              type: 'bar',
-              tooltip: {
-                valueFormatter: function(value) {
-                  return value + ' 万元';
-                }
-              },
-              data: [
-                2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-              ]
-            },
-            {
-              name: '实际发货额',
-              type: 'bar',
-              tooltip: {
-                valueFormatter: function(value) {
-                  return value + ' 万元';
-                }
-              },
-              data: [
-                2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-              ]
-            }
+          data: [
+            2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
           ]
-        });
-      },
+        }
+        ]
+      });
+    },
 
-      // 饼状图图初始化
-      drawLine2() {
-        // 基于准备好的dom，初始化echarts实例
-        // let mychart =  echarts.init(this.$refs.main2)
-        var myChart = echarts.init(document.getElementById('main2'));
-        // 绘制图表
-        // console.log('option', obj)
-        myChart.setOption({
-          legend: {
-            top: 'bottom'
-          },
-          toolbox: {
-            show: true,
-            feature: {
-              mark: {
-                show: true
-              },
-              // 数据图标
-              dataView: {
-                show: false,
-                readOnly: false
-              },
-              // 刷新图标
-              restore: {
-                show: false
-              },
-              // 下载图标
-              saveAsImage: {
-                show: false
-              }
+    // 饼状图图初始化
+    drawLine2() {
+      // 基于准备好的dom，初始化echarts实例
+      // let mychart =  echarts.init(this.$refs.main2)
+      var myChart = echarts.init(document.getElementById('main2'));
+      // 绘制图表
+      // console.log('option', obj)
+      myChart.setOption({
+        legend: {
+          top: 'bottom'
+        },
+        toolbox: {
+          show: true,
+          feature: {
+            mark: {
+              show: true
+            },
+            // 数据图标
+            dataView: {
+              show: false,
+              readOnly: false
+            },
+            // 刷新图标
+            restore: {
+              show: false
+            },
+            // 下载图标
+            saveAsImage: {
+              show: false
             }
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item"
+        },
+        series: [{
+          name: '处理状态',
+          type: 'pie',
+          radius: [20, 100],
+          center: ['50%', '40%'],
+          roseType: 'area',
+          itemStyle: {
+            borderRadius: 8
           },
-          tooltip: {
-            show: true,
-            trigger: "item"
+          data: [{
+            "value": 50,
+            "name": "已处理"
           },
-          series: [{
-            name: '在途商品',
-            type: 'pie',
-            radius: [20, 100],
-            center: ['50%', '40%'],
-            roseType: 'area',
-            itemStyle: {
-              borderRadius: 8
-            },
-            data: [{
-                "value": 2313123,
-                "name": "订单总额"
-              },
-              {
-                "value": 4359354,
-                "name": "实际到货价值"
-              },
-              {
-                "value": 2313123,
-                "name": "在途货价值"
-              },
-              {
-                "value": 2313123,
-                "name": "超出价值"
-              }
-            ]
-          }]
-        })
-      },
+          {
+            "value": 40,
+            "name": "待处理"
+          }
+          ]
+        }]
+      })
+    },
 
-      //  	getToken(){
-      //  		let params = {
-      //  			password: "329653",
-      //					roleSid: "",
-      //					token: "",
-      //					userName: "15097329653",
-      //					verifyCode: ""
-      //  		}
-      //  		login1(params).then(res => {
-      //  			this.token = res.data.token
-      //  			window.sessionStorage.setItem('token', res.data.token)
-      //        })
-      //  	}
-    }
+    //  	getToken(){
+    //  		let params = {
+    //  			password: "329653",
+    //					roleSid: "",
+    //					token: "",
+    //					userName: "15097329653",
+    //					verifyCode: ""
+    //  		}
+    //  		login1(params).then(res => {
+    //  			this.token = res.data.token
+    //  			window.sessionStorage.setItem('token', res.data.token)
+    //        })
+    //  	}
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .imgDemo {
-    width: 100%;
-    height: 100%;
-    background: radial-gradient(#fff, #f5f7f4, #fff);
-  }
+.imgDemo {
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(#fff, #f5f7f4, #fff);
+}
 
-  .middle {
-    justify-content: center;
-    width: 100%;
-    height: 300px;
+.middle {
+  justify-content: center;
+  width: 100%;
+  height: 300px;
 
-  }
+}
 
-  .index {
-    padding: 40px 80px;
-    background: #FFFFFF;
+.index {
+  padding: 40px 80px;
+  background: #FFFFFF;
 
-    .index_top {
+  .index_top {
 
-      display: flex;
-      flex-direction: row;
-      align-items: center;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
 
-      .index_top_text {
-        font-size: 25px;
-        font-weight: bold;
-        color: #000;
-        margin-right: 20px;
-      }
+    .index_top_text {
+      font-size: 25px;
+      font-weight: bold;
+      color: #000;
+      margin-right: 20px;
+    }
 
-      .index_top_right {
-        font-size: 14px;
-        font-weight: bold;
-        color: #FF5046;
-      }
+    .index_top_right {
+      font-size: 14px;
+      font-weight: bold;
+      color: #FF5046;
     }
-    
-    .index_content {
-      display: flex;
-      flex-direction: column;
-      margin-top: 30px;
+  }
 
-      .index_content_top {
-        display: flex;
-        flex-direction: row;
-      }
+  .index_content {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
 
-      .index_content_bottom {
-        display: flex;
-        flex-direction: row;
-        margin-top: 30px;
-      }
-      .item_border {
-    border-radius: 10px;
-    border: 1px solid #cddbf7;
-}
+    .index_content_top {
+      display: flex;
+      flex-direction: row;
     }
-    
-    .index_bottom {
-      margin-top: 20px;
+
+    .index_content_bottom {
       display: flex;
-      .item_border {
-    border-radius: 10px;
-    border: 1px solid #cddbf7;
-}
+      flex-direction: row;
+      margin-top: 30px;
+    }
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+
+  .index_bottom {
+    margin-top: 20px;
+    display: flex;
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
     }
   }
+}
 
-  canvas {}
+canvas {}
 </style>
diff --git a/src/views/index3.vue b/src/views/index3.vue
index 3c7e02a..aa79a25 100644
--- a/src/views/index3.vue
+++ b/src/views/index3.vue
@@ -10,7 +10,7 @@
         </el-date-picker>
       </div>
 
-      <div class="index_top_right">{{info.notice}}</div>
+      <!-- <div class="index_top_right">{{info.notice}}</div> -->
 
     </div>
 
@@ -23,9 +23,9 @@
           <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;">￥27608927.45</span>
+            <span style="font-size: 20px;">506</span>
             <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">当月销售商品收到现金</span>
+              <span style="font-size: 14px;color: #999;">客户信息</span>
               <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 25.6%</span>
             </div>
           </div>
@@ -39,9 +39,9 @@
           <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;">￥1244255.22</span>
+            <span style="font-size: 20px;">121</span>
             <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">其他与营业活动有关的现金</span>
+              <span style="font-size: 14px;color: #999;">仓库</span>
               <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 9.8%</span>
             </div>
           </div>
@@ -55,9 +55,9 @@
           <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;">￥636449.84</span>
+            <span style="font-size: 20px;">624</span>
             <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">分销商进货额</span>
+              <span style="font-size: 14px;color: #999;">运维任务</span>
               <span style="font-size: 14px; margin-left: 10px; color: #FF4747  ;">↓ 15.6%</span>
             </div>
           </div>
@@ -71,9 +71,9 @@
           <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;">￥3822945.45</span>
+            <span style="font-size: 20px;">509</span>
             <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">实际发货额</span>
+              <span style="font-size: 14px;color: #999;">工单运维</span>
               <span style="font-size: 14px; margin-left: 10px; color: #FF4747 ;">↓ 15.6%</span>
             </div>
           </div>
@@ -86,7 +86,7 @@
       <div class="index_content_bottom">
 
         <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
-          <span style="font-weight: 600;">销售报表</span>
+          <span style="font-weight: 600;">运维统计</span>
           <div id="main1" ref="main1" class="middle">
           </div>
         </div>
@@ -94,7 +94,7 @@
         <div style="flex: 0.1;"></div>
 
         <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
-          <span style="font-weight: 600;">在途商品</span>
+          <span style="font-weight: 600;">工作占比</span>
           <div id="main2" ref="main2" class="middle">
           </div>
         </div>
@@ -102,85 +102,6 @@
       </div>
 
     </div>
-
-
-    <div class="index_bottom">
-
-      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
-        <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="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售汇总日报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品管理表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品汇总统计表</span>
-
-        </div>
-
-      </div>
-
-      <div style="flex: 0.1;"></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 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>
-        </div>
-
-      </div>
-
-      <div style="flex: 0.1;"></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>
-        </div>
-
-      </div>
-    </div>
   </div>
 </template>
 
@@ -300,58 +221,35 @@
             height: 220
           },
           legend: {
-            data: ['分销商进货额', '实际发货额']
+            data: ['运维任务']
           },
           xAxis: [{
             type: 'category',
-            data: ['1-1', '1-2', '1-3', '1-4', '1-5', '1-6', '1-7'],
+            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
             axisPointer: {
               type: 'shadow'
             }
           }],
           yAxis: [{
               type: 'value',
-              name: '人民币/万元',
-              min: 0,
-              max: 250,
-              interval: 50,
-              axisLabel: {
-                formatter: '{value}'
-              }
-            },
-            {
-              type: 'value',
-              name: '百分比%',
+              name: '任务/次',
               min: 0,
-              max: 25,
-              interval: 5,
+              max: 90,
               axisLabel: {
                 formatter: '{value}'
               }
             }
           ],
           series: [{
-              name: '分销商进货额',
-              type: 'bar',
-              tooltip: {
-                valueFormatter: function(value) {
-                  return value + ' 万元';
-                }
-              },
-              data: [
-                2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-              ]
-            },
-            {
-              name: '实际发货额',
+              name: '运维任务',
               type: 'bar',
               tooltip: {
                 valueFormatter: function(value) {
-                  return value + ' 万元';
+                  return value + ' 次';
                 }
               },
               data: [
-                2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+                69,71,52,28,61,32,52
               ]
             }
           ]
@@ -395,7 +293,7 @@
             trigger: "item"
           },
           series: [{
-            name: '在途商品',
+            name: '工作占比',
             type: 'pie',
             radius: [20, 100],
             center: ['50%', '40%'],
@@ -404,39 +302,21 @@
               borderRadius: 8
             },
             data: [{
-                "value": 2313123,
-                "name": "订单总额"
+                "value": 30,
+                "name": "已完成巡视"
               },
               {
-                "value": 4359354,
-                "name": "实际到货价值"
+                "value": 30,
+                "name": "运维任务"
               },
               {
-                "value": 2313123,
-                "name": "在途货价值"
-              },
-              {
-                "value": 2313123,
-                "name": "超出价值"
+                "value": 40,
+                "name": "工单任务"
               }
             ]
           }]
         })
       },
-
-      //  	getToken(){
-      //  		let params = {
-      //  			password: "329653",
-      //					roleSid: "",
-      //					token: "",
-      //					userName: "15097329653",
-      //					verifyCode: ""
-      //  		}
-      //  		login1(params).then(res => {
-      //  			this.token = res.data.token
-      //  			window.sessionStorage.setItem('token', res.data.token)
-      //        })
-      //  	}
     }
   }
 </script>
diff --git a/src/views/index4.vue b/src/views/index4.vue
index 565f1b0..a6de258 100644
--- a/src/views/index4.vue
+++ b/src/views/index4.vue
@@ -1 +1,437 @@
-231
\ No newline at end of file
+<template>
+  <div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
+
+    <div class="index_top">
+      <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>
+
+    <!-- <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>
+
+        <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>
+        </div>
+      </div>
+
+      <div style="flex: 0.1;"></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>
+        </div>
+      </div>
+    </div> -->
+
+
+    <div class="index_content">
+      <div class="index_content_top">
+
+        <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;">￥276027.45</span>
+            <div style="margin-top: 10px;">
+              <span style="font-size: 14px;color: #999;">订单货物</span>
+              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 25.6%</span>
+            </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="display: flex;flex-direction: column; margin-left: 10px;">
+            <span style="font-size: 20px;">￥57892.22</span>
+            <div style="margin-top: 10px;">
+              <span style="font-size: 14px;color: #999;">销售情况</span>
+              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 9.8%</span>
+            </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="display: flex;flex-direction: column; margin-left: 10px;">
+            <span style="font-size: 20px;">￥789252.65</span>
+            <div style="margin-top: 10px;">
+              <span style="font-size: 14px;color: #999;">采购订单</span>
+              <span style="font-size: 14px; margin-left: 10px; color: #FF4747  ;">↓ 15.6%</span>
+            </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="display: flex;flex-direction: column; margin-left: 10px;">
+            <span style="font-size: 20px;">￥406255.65</span>
+            <div style="margin-top: 10px;">
+              <span style="font-size: 14px;color: #999;">用款管理</span>
+              <span style="font-size: 14px; margin-left: 10px; color: #FF4747 ;">↓ 15.6%</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;">
+          <span style="font-weight: 600;">风险统计</span>
+          <div id="main1" ref="main1" class="middle">
+          </div>
+        </div>
+
+        <div style="flex: 0.1;"></div>
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">风险种类</span>
+          <div id="main2" ref="main2" class="middle">
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+
+  </div>
+</template>
+
+</div>
+<script>
+import * as echarts from 'echarts';
+import {
+  login1
+} from '@/api/system/user/login.js'
+export default {
+  name: '',
+  data() {
+    return {
+      token: '',
+      params: {
+        date: null
+      },
+      info: {
+        date: "",
+        notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
+      },
+      newMessageList: [{
+        sid: "1",
+        name: "[消息]您的订单已经审核完毕等待放款。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "2",
+        name: "[通知]通知仓库商品产生1级风险，请及时做出回复。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "3",
+        name: "[消息]您的订单由于商品不存在被退回。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "4",
+        name: "[消息]请于2023年3月3日16点向***3189帐户回款231234元。",
+        date: "2023-01-01"
+
+      }],
+      larmCenterList: [{
+        sid: "1",
+        name: "仓库于2023年3月3日产生1级风险。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "2",
+        name: "[通知]通知仓库商品产生1级出回复。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "3",
+        name: "[消息]您的订单由于商品不存在被退回。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "4",
+        name: "[消息]请于2**3189帐户回款231234元。",
+        date: "2023-01-01"
+
+      }
+
+      ]
+    }
+  },
+  mounted() {
+    this.drawLine1();
+    this.drawLine2();
+  },
+
+  methods: {
+    show() {
+      this.drawLine1();
+      this.drawLine2();
+    },
+    drawLine1() {
+
+      // let mychart = echarts.init(this.$refs.main1)
+      var myChart = echarts.init(document.getElementById('main1'));
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            dataView: {
+              // 数据视图
+              show: true,
+              readOnly: true
+            },
+            magicType: {
+              // 切换图形
+              show: false,
+              type: ['line', 'bar']
+            },
+            // 还原
+            restore: {
+              show: false
+            },
+            // 下载
+            saveAsImage: {
+              show: false
+            }
+
+          }
+        },
+        grid: {
+          height: 220
+        },
+        legend: {
+          data: ['回复率']
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
+          axisPointer: {
+            type: 'shadow'
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '条',
+          min: 1,
+          max: 120,
+          axisLabel: {
+            formatter: '{value}'
+          }
+        }],
+        series: [{
+          name: '条数',
+          type: 'bar',
+          tooltip: {
+            valueFormatter: function (value) {
+              return value + '条';
+            }
+          },
+          data: [
+            60, 50, 40, 50, 54, 62, 45
+          ]
+        }
+        ]
+      });
+    },
+
+    // 饼状图图初始化
+    drawLine2() {
+      // 基于准备好的dom，初始化echarts实例
+      // let mychart =  echarts.init(this.$refs.main2)
+      var myChart = echarts.init(document.getElementById('main2'));
+      // 绘制图表
+      // console.log('option', obj)
+      myChart.setOption({
+        legend: {
+          top: 'bottom'
+        },
+        toolbox: {
+          show: true,
+          feature: {
+            mark: {
+              show: true
+            },
+            // 数据图标
+            dataView: {
+              show: false,
+              readOnly: false
+            },
+            // 刷新图标
+            restore: {
+              show: true
+            },
+            // 下载图标
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item"
+        },
+        series: [{
+          name: '风险种类',
+          type: 'pie',
+          radius: [20, 100],
+          center: ['50%', '40%'],
+          roseType: 'area',
+          itemStyle: {
+            borderRadius: 6
+          },
+          data: [
+            {
+              "value": 8,
+              "name": "自然风险"
+            },
+            {
+              "value": 9,
+              "name": "社会风险"
+            },
+            {
+              "value": 10,
+              "name": "经济风险"
+            },
+            {
+              "value": 11,
+              "name": "政治风险"
+            },
+          ]
+        }]
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.imgDemo {
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(#fff, #f5f7f4, #fff);
+}
+
+.middle {
+  justify-content: center;
+  width: 100%;
+  height: 300px;
+
+}
+
+.index {
+  padding: 40px 80px;
+  background: #FFFFFF;
+
+  .index_top {
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .index_top_text {
+      font-size: 25px;
+      font-weight: bold;
+      color: #000;
+      margin-right: 20px;
+    }
+
+    .index_top_right {
+      font-size: 14px;
+      font-weight: bold;
+      color: #FF5046;
+    }
+  }
+
+  .index_content {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
+
+    .index_content_top {
+      display: flex;
+      flex-direction: row;
+    }
+
+    .index_content_bottom {
+      display: flex;
+      flex-direction: row;
+      margin-top: 30px;
+    }
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+
+  .index_bottom {
+    margin-top: 20px;
+    display: flex;
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+}
+
+canvas {}
+</style>
diff --git a/src/views/index5.vue b/src/views/index5.vue
index 3c7e02a..eecb238 100644
--- a/src/views/index5.vue
+++ b/src/views/index5.vue
@@ -1,148 +1,18 @@
 <template>
-
   <div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
 
     <div class="index_top">
-
       <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_top_right">{{info.notice}}</div>
-
     </div>
 
-    <div class="index_content">
-
-      <div class="index_content_top">
-
-        <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;">￥27608927.45</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">当月销售商品收到现金</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 25.6%</span>
-            </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="display: flex;flex-direction: column; margin-left: 10px;">
-            <span style="font-size: 20px;">￥1244255.22</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">其他与营业活动有关的现金</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 9.8%</span>
-            </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="display: flex;flex-direction: column; margin-left: 10px;">
-            <span style="font-size: 20px;">￥636449.84</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">分销商进货额</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #FF4747  ;">↓ 15.6%</span>
-            </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="display: flex;flex-direction: column; margin-left: 10px;">
-            <span style="font-size: 20px;">￥3822945.45</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">实际发货额</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #FF4747 ;">↓ 15.6%</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;">
-          <span style="font-weight: 600;">销售报表</span>
-          <div id="main1" ref="main1" class="middle">
-          </div>
-        </div>
-
-        <div style="flex: 0.1;"></div>
-
-        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
-          <span style="font-weight: 600;">在途商品</span>
-          <div id="main2" ref="main2" class="middle">
-          </div>
-        </div>
-
-      </div>
-
-    </div>
-
-
     <div class="index_bottom">
-
-      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
-        <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="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售汇总日报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品管理表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品汇总统计表</span>
-
-        </div>
-
-      </div>
-
-      <div style="flex: 0.1;"></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="font-weight: 600;">未读消息</span>
           <span style="color: #4386FF; font-size: 13px;  text-decoration: underline;">查看更多</span>
         </div>
 
@@ -151,18 +21,18 @@
             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>
+              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>
         </div>
-
       </div>
 
       <div style="flex: 0.1;"></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="font-weight: 600;">已读消息</span>
           <span style="color: #4386FF; font-size: 13px;  text-decoration: underline;">查看更多</span>
         </div>
 
@@ -171,344 +41,324 @@
             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>
+                           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>
         </div>
+      </div>
+    </div>
+
+
+    <div class="index_content">
+
+      <div class="index_content_bottom">
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">消息回复</span>
+          <div id="main1" ref="main1" class="middle">
+          </div>
+        </div>
+
+        <div style="flex: 0.1;"></div>
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">消息状态</span>
+          <div id="main2" ref="main2" class="middle">
+          </div>
+        </div>
 
       </div>
+
     </div>
+
+
   </div>
 </template>
 
 </div>
 <script>
-  import * as echarts from 'echarts';
-  import {
-    login1
-  } from '@/api/system/user/login.js'
-  export default {
-    name: '',
-    data() {
-      return {
-        token: '',
-        params: {
-          date: null
-        },
-        info: {
-          date: "",
-          notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
-        },
-        newMessageList: [{
-          sid: "1",
-          name: "[消息]您的订单已经审核完毕等待放款。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "2",
-          name: "[通知]通知仓库商品产生1级风险，请及时做出回复。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "3",
-          name: "[消息]您的订单由于商品不存在被退回。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "4",
-          name: "[消息]请于2023年3月3日16点向***3189帐户回款231234元。",
-          date: "2023-01-01"
-
-        }],
-        larmCenterList: [{
-            sid: "1",
-            name: "仓库于2023年3月3日产生1级风险。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "2",
-            name: "[通知]通知仓库商品产生1级出回复。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "3",
-            name: "[消息]您的订单由于商品不存在被退回。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "4",
-            name: "[消息]请于2**3189帐户回款231234元。",
-            date: "2023-01-01"
-
-          }
+import * as echarts from 'echarts';
+import {
+  login1
+} from '@/api/system/user/login.js'
+export default {
+  name: '',
+  data() {
+    return {
+      token: '',
+      params: {
+        date: null
+      },
+      info: {
+        date: "",
+        notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
+      },
+      newMessageList: [{
+        sid: "1",
+        name: "[消息]您的订单已经审核完毕等待放款。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "2",
+        name: "[通知]通知仓库商品产生1级风险，请及时做出回复。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "3",
+        name: "[消息]您的订单由于商品不存在被退回。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "4",
+        name: "[消息]请于2023年3月3日16点向***3189帐户回款231234元。",
+        date: "2023-01-01"
+
+      }],
+      larmCenterList: [{
+        sid: "1",
+        name: "仓库于2023年3月3日产生1级风险。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "2",
+        name: "[通知]通知仓库商品产生1级出回复。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "3",
+        name: "[消息]您的订单由于商品不存在被退回。",
+        date: "2023-01-01"
+
+      }, {
+        sid: "4",
+        name: "[消息]请于2**3189帐户回款231234元。",
+        date: "2023-01-01"
 
-        ]
       }
-    },
-    mounted() {
+
+      ]
+    }
+  },
+  mounted() {
+    this.drawLine1();
+    this.drawLine2();
+  },
+
+  methods: {
+    show() {
       this.drawLine1();
       this.drawLine2();
     },
+    drawLine1() {
+
+      // let mychart = echarts.init(this.$refs.main1)
+      var myChart = echarts.init(document.getElementById('main1'));
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            dataView: {
+              // 数据视图
+              show: true,
+              readOnly: true
+            },
+            magicType: {
+              // 切换图形
+              show: false,
+              type: ['line', 'bar']
+            },
+            // 还原
+            restore: {
+              show: false
+            },
+            // 下载
+            saveAsImage: {
+              show: false
+            }
 
-    methods: {
-      show() {
-        this.drawLine1();
-        this.drawLine2();
-      },
-      drawLine1() {
-
-        // let mychart = echarts.init(this.$refs.main1)
-        var myChart = echarts.init(document.getElementById('main1'));
-        // 绘制图表
-        myChart.setOption({
+          }
+        },
+        grid: {
+          height: 220
+        },
+        legend: {
+          data: ['回复率']
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
+          axisPointer: {
+            type: 'shadow'
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '速度/秒',
+          min: 1,
+          max: 120,
+          axisLabel: {
+            formatter: '{value}'
+          }
+        }],
+        series: [{
+          name: '回复速度',
+          type: 'bar',
           tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-              type: 'cross',
-              crossStyle: {
-                color: '#999'
-              }
+            valueFormatter: function (value) {
+              return value + ' 秒';
             }
           },
-          toolbox: {
-            feature: {
-              dataView: {
-                // 数据视图
-                show: false,
-                readOnly: false
-              },
-              magicType: {
-                // 切换图形
-                show: false,
-                type: ['line', 'bar']
-              },
-              // 还原
-              restore: {
-                show: false
-              },
-              // 下载
-              saveAsImage: {
-                show: false
-              }
+          data: [
+            60, 50, 40, 50, 54, 62, 45
+          ]
+        }
+        ]
+      });
+    },
 
+    // 饼状图图初始化
+    drawLine2() {
+      // 基于准备好的dom，初始化echarts实例
+      // let mychart =  echarts.init(this.$refs.main2)
+      var myChart = echarts.init(document.getElementById('main2'));
+      // 绘制图表
+      // console.log('option', obj)
+      myChart.setOption({
+        legend: {
+          top: 'bottom'
+        },
+        toolbox: {
+          show: true,
+          feature: {
+            mark: {
+              show: true
+            },
+            // 数据图标
+            dataView: {
+              show: false,
+              readOnly: false
+            },
+            // 刷新图标
+            restore: {
+              show: true
+            },
+            // 下载图标
+            saveAsImage: {
+              show: true
             }
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item"
+        },
+        series: [{
+          name: '消息状态',
+          type: 'pie',
+          radius: [20, 100],
+          center: ['50%', '40%'],
+          roseType: 'area',
+          itemStyle: {
+            borderRadius: 6
           },
-          grid: {
-            height: 220
-          },
-          legend: {
-            data: ['分销商进货额', '实际发货额']
-          },
-          xAxis: [{
-            type: 'category',
-            data: ['1-1', '1-2', '1-3', '1-4', '1-5', '1-6', '1-7'],
-            axisPointer: {
-              type: 'shadow'
-            }
-          }],
-          yAxis: [{
-              type: 'value',
-              name: '人民币/万元',
-              min: 0,
-              max: 250,
-              interval: 50,
-              axisLabel: {
-                formatter: '{value}'
-              }
-            },
+          data: [
             {
-              type: 'value',
-              name: '百分比%',
-              min: 0,
-              max: 25,
-              interval: 5,
-              axisLabel: {
-                formatter: '{value}'
-              }
-            }
-          ],
-          series: [{
-              name: '分销商进货额',
-              type: 'bar',
-              tooltip: {
-                valueFormatter: function(value) {
-                  return value + ' 万元';
-                }
-              },
-              data: [
-                2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-              ]
+              "value": 907,
+              "name": "已读"
             },
             {
-              name: '实际发货额',
-              type: 'bar',
-              tooltip: {
-                valueFormatter: function(value) {
-                  return value + ' 万元';
-                }
-              },
-              data: [
-                2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-              ]
-            }
-          ]
-        });
-      },
-
-      // 饼状图图初始化
-      drawLine2() {
-        // 基于准备好的dom，初始化echarts实例
-        // let mychart =  echarts.init(this.$refs.main2)
-        var myChart = echarts.init(document.getElementById('main2'));
-        // 绘制图表
-        // console.log('option', obj)
-        myChart.setOption({
-          legend: {
-            top: 'bottom'
-          },
-          toolbox: {
-            show: true,
-            feature: {
-              mark: {
-                show: true
-              },
-              // 数据图标
-              dataView: {
-                show: false,
-                readOnly: false
-              },
-              // 刷新图标
-              restore: {
-                show: false
-              },
-              // 下载图标
-              saveAsImage: {
-                show: false
-              }
-            }
-          },
-          tooltip: {
-            show: true,
-            trigger: "item"
-          },
-          series: [{
-            name: '在途商品',
-            type: 'pie',
-            radius: [20, 100],
-            center: ['50%', '40%'],
-            roseType: 'area',
-            itemStyle: {
-              borderRadius: 8
+              "value": 907,
+              "name": "未读"
             },
-            data: [{
-                "value": 2313123,
-                "name": "订单总额"
-              },
-              {
-                "value": 4359354,
-                "name": "实际到货价值"
-              },
-              {
-                "value": 2313123,
-                "name": "在途货价值"
-              },
-              {
-                "value": 2313123,
-                "name": "超出价值"
-              }
-            ]
-          }]
-        })
-      },
-
-      //  	getToken(){
-      //  		let params = {
-      //  			password: "329653",
-      //					roleSid: "",
-      //					token: "",
-      //					userName: "15097329653",
-      //					verifyCode: ""
-      //  		}
-      //  		login1(params).then(res => {
-      //  			this.token = res.data.token
-      //  			window.sessionStorage.setItem('token', res.data.token)
-      //        })
-      //  	}
-    }
+          ]
+        }]
+      })
+    },
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .imgDemo {
-    width: 100%;
-    height: 100%;
-    background: radial-gradient(#fff, #f5f7f4, #fff);
-  }
+.imgDemo {
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(#fff, #f5f7f4, #fff);
+}
 
-  .middle {
-    justify-content: center;
-    width: 100%;
-    height: 300px;
+.middle {
+  justify-content: center;
+  width: 100%;
+  height: 300px;
 
-  }
+}
 
-  .index {
-    padding: 40px 80px;
-    background: #FFFFFF;
+.index {
+  padding: 40px 80px;
+  background: #FFFFFF;
 
-    .index_top {
+  .index_top {
 
-      display: flex;
-      flex-direction: row;
-      align-items: center;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
 
-      .index_top_text {
-        font-size: 25px;
-        font-weight: bold;
-        color: #000;
-        margin-right: 20px;
-      }
+    .index_top_text {
+      font-size: 25px;
+      font-weight: bold;
+      color: #000;
+      margin-right: 20px;
+    }
 
-      .index_top_right {
-        font-size: 14px;
-        font-weight: bold;
-        color: #FF5046;
-      }
+    .index_top_right {
+      font-size: 14px;
+      font-weight: bold;
+      color: #FF5046;
     }
-    
-    .index_content {
-      display: flex;
-      flex-direction: column;
-      margin-top: 30px;
+  }
 
-      .index_content_top {
-        display: flex;
-        flex-direction: row;
-      }
+  .index_content {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
 
-      .index_content_bottom {
-        display: flex;
-        flex-direction: row;
-        margin-top: 30px;
-      }
-      .item_border {
-    border-radius: 10px;
-    border: 1px solid #cddbf7;
-}
+    .index_content_top {
+      display: flex;
+      flex-direction: row;
     }
-    
-    .index_bottom {
-      margin-top: 20px;
+
+    .index_content_bottom {
       display: flex;
-      .item_border {
-    border-radius: 10px;
-    border: 1px solid #cddbf7;
-}
+      flex-direction: row;
+      margin-top: 30px;
+    }
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
     }
   }
 
-  canvas {}
+  .index_bottom {
+    margin-top: 20px;
+    display: flex;
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+}
+
+canvas {}
 </style>
diff --git a/src/views/index6.vue b/src/views/index6.vue
index 3c7e02a..62bd484 100644
--- a/src/views/index6.vue
+++ b/src/views/index6.vue
@@ -1,7 +1,5 @@
 <template>
-
   <div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
-
     <div class="index_top">
 
       <div style="flex: 1;">
@@ -10,139 +8,13 @@
         </el-date-picker>
       </div>
 
-      <div class="index_top_right">{{info.notice}}</div>
-
-    </div>
-
-    <div class="index_content">
-
-      <div class="index_content_top">
-
-        <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;">￥27608927.45</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">当月销售商品收到现金</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 25.6%</span>
-            </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="display: flex;flex-direction: column; margin-left: 10px;">
-            <span style="font-size: 20px;">￥1244255.22</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">其他与营业活动有关的现金</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 9.8%</span>
-            </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="display: flex;flex-direction: column; margin-left: 10px;">
-            <span style="font-size: 20px;">￥636449.84</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">分销商进货额</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #FF4747  ;">↓ 15.6%</span>
-            </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="display: flex;flex-direction: column; margin-left: 10px;">
-            <span style="font-size: 20px;">￥3822945.45</span>
-            <div style="margin-top: 10px;">
-              <span style="font-size: 14px;color: #999;">实际发货额</span>
-              <span style="font-size: 14px; margin-left: 10px; color: #FF4747 ;">↓ 15.6%</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;">
-          <span style="font-weight: 600;">销售报表</span>
-          <div id="main1" ref="main1" class="middle">
-          </div>
-        </div>
-
-        <div style="flex: 0.1;"></div>
-
-        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
-          <span style="font-weight: 600;">在途商品</span>
-          <div id="main2" ref="main2" class="middle">
-          </div>
-        </div>
-
-      </div>
+      <!-- <div class="index_top_right">{{ info.notice }}</div> -->
 
     </div>
-
-
     <div class="index_bottom">
-
-      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
-        <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="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">销售汇总日报表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品管理表</span>
-
-        </div>
-
-        <div style="display: flex;align-items: center; margin-top: 10px;">
-          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
-          <span style="font-weight: 500;margin-left: 10px;">在途商品汇总统计表</span>
-
-        </div>
-
-      </div>
-
-      <div style="flex: 0.1;"></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="font-weight: 600;">员工变动</span>
           <span style="color: #4386FF; font-size: 13px;  text-decoration: underline;">查看更多</span>
         </div>
 
@@ -151,7 +23,8 @@
             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>
+              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>
         </div>
@@ -162,7 +35,7 @@
 
       <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="font-weight: 600;">岗位调整</span>
           <span style="color: #4386FF; font-size: 13px;  text-decoration: underline;">查看更多</span>
         </div>
 
@@ -171,344 +44,347 @@
             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>
+               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>
         </div>
 
       </div>
     </div>
+
+    <div class="index_content">
+
+      <div class="index_content_bottom">
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">银行数量统计</span>
+          <div id="main1" ref="main1" class="middle">
+          </div>
+        </div>
+
+        <div style="flex: 0.1;"></div>
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">岗位员工占比</span>
+          <div id="main2" ref="main2" class="middle">
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+
+
   </div>
 </template>
 
 </div>
 <script>
-  import * as echarts from 'echarts';
-  import {
-    login1
-  } from '@/api/system/user/login.js'
-  export default {
-    name: '',
-    data() {
-      return {
-        token: '',
-        params: {
-          date: null
-        },
-        info: {
-          date: "",
-          notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
-        },
-        newMessageList: [{
-          sid: "1",
-          name: "[消息]您的订单已经审核完毕等待放款。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "2",
-          name: "[通知]通知仓库商品产生1级风险，请及时做出回复。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "3",
-          name: "[消息]您的订单由于商品不存在被退回。",
-          date: "2023-01-01"
-
-        }, {
-          sid: "4",
-          name: "[消息]请于2023年3月3日16点向***3189帐户回款231234元。",
-          date: "2023-01-01"
-
-        }],
-        larmCenterList: [{
-            sid: "1",
-            name: "仓库于2023年3月3日产生1级风险。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "2",
-            name: "[通知]通知仓库商品产生1级出回复。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "3",
-            name: "[消息]您的订单由于商品不存在被退回。",
-            date: "2023-01-01"
-
-          }, {
-            sid: "4",
-            name: "[消息]请于2**3189帐户回款231234元。",
-            date: "2023-01-01"
-
-          }
-
-        ]
+import * as echarts from 'echarts';
+import {
+  login1
+} from '@/api/system/user/login.js'
+export default {
+  name: '',
+  data() {
+    return {
+      token: '',
+      params: {
+        date: null
+      },
+      info: {
+        date: "",
+        notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
+      },
+      newMessageList: [{
+        sid: "1",
+        name: "[员工变动]2023年6月12日收到人事通知，对 聂风 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷拧 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷枫 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[员工变动]2023年6月12日收到人事通知，对 邹好好 进行转正",
+        date: "2023-06-12"
+
+      }],
+      larmCenterList: [{
+        sid: "1",
+        name: "[岗位调整]由2023年6月12号起，  聂风 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[岗位调整]由2023年6月12号起，  冷拧 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[岗位调整]由2023年6月12号起，  冷枫 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[岗位调整]由2023年6月12号起，  邹好好 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
       }
-    },
-    mounted() {
+
+      ]
+    }
+  },
+  mounted() {
+    this.drawLine1();
+    this.drawLine2();
+  },
+
+  methods: {
+    show() {
       this.drawLine1();
       this.drawLine2();
     },
+    drawLine1() {
+
+      // let mychart = echarts.init(this.$refs.main1)
+      var myChart = echarts.init(document.getElementById('main1'));
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            dataView: {
+              // 数据视图
+              show: false,
+              readOnly: false
+            },
+            magicType: {
+              // 切换图形
+              show: false,
+              type: ['line', 'bar']
+            },
+            // 还原
+            restore: {
+              show: false
+            },
+            // 下载
+            saveAsImage: {
+              show: false
+            }
 
-    methods: {
-      show() {
-        this.drawLine1();
-        this.drawLine2();
-      },
-      drawLine1() {
-
-        // let mychart = echarts.init(this.$refs.main1)
-        var myChart = echarts.init(document.getElementById('main1'));
-        // 绘制图表
-        myChart.setOption({
+          }
+        },
+        grid: {
+          height: 220
+        },
+        legend: {
+          data: ['银行数量']
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
+          axisPointer: {
+            type: 'shadow'
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '个数/个',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}'
+          }
+        }
+        ],
+        series: [{
+          name: '银行数量',
+          type: 'bar',
           tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-              type: 'cross',
-              crossStyle: {
-                color: '#999'
-              }
+            valueFormatter: function (value) {
+              return value + ' 个';
             }
           },
-          toolbox: {
-            feature: {
-              dataView: {
-                // 数据视图
-                show: false,
-                readOnly: false
-              },
-              magicType: {
-                // 切换图形
-                show: false,
-                type: ['line', 'bar']
-              },
-              // 还原
-              restore: {
-                show: false
-              },
-              // 下载
-              saveAsImage: {
-                show: false
-              }
+          data: [
+            20,20,20,20,60,70,90
+          ]
+        }
+        ]
+      });
+    },
 
-            }
-          },
-          grid: {
-            height: 220
-          },
-          legend: {
-            data: ['分销商进货额', '实际发货额']
-          },
-          xAxis: [{
-            type: 'category',
-            data: ['1-1', '1-2', '1-3', '1-4', '1-5', '1-6', '1-7'],
-            axisPointer: {
-              type: 'shadow'
-            }
-          }],
-          yAxis: [{
-              type: 'value',
-              name: '人民币/万元',
-              min: 0,
-              max: 250,
-              interval: 50,
-              axisLabel: {
-                formatter: '{value}'
-              }
+    // 饼状图图初始化
+    drawLine2() {
+      // 基于准备好的dom，初始化echarts实例
+      // let mychart =  echarts.init(this.$refs.main2)
+      var myChart = echarts.init(document.getElementById('main2'));
+      // 绘制图表
+      // console.log('option', obj)
+      myChart.setOption({
+        legend: {
+          top: 'bottom'
+        },
+        toolbox: {
+          show: true,
+          feature: {
+            mark: {
+              show: true
             },
-            {
-              type: 'value',
-              name: '百分比%',
-              min: 0,
-              max: 25,
-              interval: 5,
-              axisLabel: {
-                formatter: '{value}'
-              }
-            }
-          ],
-          series: [{
-              name: '分销商进货额',
-              type: 'bar',
-              tooltip: {
-                valueFormatter: function(value) {
-                  return value + ' 万元';
-                }
-              },
-              data: [
-                2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
-              ]
+            // 数据图标
+            dataView: {
+              show: false,
+              readOnly: false
             },
-            {
-              name: '实际发货额',
-              type: 'bar',
-              tooltip: {
-                valueFormatter: function(value) {
-                  return value + ' 万元';
-                }
-              },
-              data: [
-                2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
-              ]
+            // 刷新图标
+            restore: {
+              show: false
+            },
+            // 下载图标
+            saveAsImage: {
+              show: false
             }
-          ]
-        });
-      },
-
-      // 饼状图图初始化
-      drawLine2() {
-        // 基于准备好的dom，初始化echarts实例
-        // let mychart =  echarts.init(this.$refs.main2)
-        var myChart = echarts.init(document.getElementById('main2'));
-        // 绘制图表
-        // console.log('option', obj)
-        myChart.setOption({
-          legend: {
-            top: 'bottom'
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item"
+        },
+        series: [{
+          name: '岗位占比',
+          type: 'pie',
+          radius: [20, 100],
+          center: ['50%', '40%'],
+          roseType: 'area',
+          itemStyle: {
+            borderRadius: 8
           },
-          toolbox: {
-            show: true,
-            feature: {
-              mark: {
-                show: true
-              },
-              // 数据图标
-              dataView: {
-                show: false,
-                readOnly: false
-              },
-              // 刷新图标
-              restore: {
-                show: false
-              },
-              // 下载图标
-              saveAsImage: {
-                show: false
-              }
-            }
+          data: [{
+            "value": 20,
+            "name": "采购部"
           },
-          tooltip: {
-            show: true,
-            trigger: "item"
+          {
+            "value": 15,
+            "name": "销售部"
           },
-          series: [{
-            name: '在途商品',
-            type: 'pie',
-            radius: [20, 100],
-            center: ['50%', '40%'],
-            roseType: 'area',
-            itemStyle: {
-              borderRadius: 8
-            },
-            data: [{
-                "value": 2313123,
-                "name": "订单总额"
-              },
-              {
-                "value": 4359354,
-                "name": "实际到货价值"
-              },
-              {
-                "value": 2313123,
-                "name": "在途货价值"
-              },
-              {
-                "value": 2313123,
-                "name": "超出价值"
-              }
-            ]
-          }]
-        })
-      },
+          {
+            "value": 30,
+            "name": "开发部"
+          },
+          {
+            "value": 20,
+            "name": "运维部"
+          }
+          ]
+        }]
+      })
+    },
 
-      //  	getToken(){
-      //  		let params = {
-      //  			password: "329653",
-      //					roleSid: "",
-      //					token: "",
-      //					userName: "15097329653",
-      //					verifyCode: ""
-      //  		}
-      //  		login1(params).then(res => {
-      //  			this.token = res.data.token
-      //  			window.sessionStorage.setItem('token', res.data.token)
-      //        })
-      //  	}
-    }
+    //  	getToken(){
+    //  		let params = {
+    //  			password: "329653",
+    //					roleSid: "",
+    //					token: "",
+    //					userName: "15097329653",
+    //					verifyCode: ""
+    //  		}
+    //  		login1(params).then(res => {
+    //  			this.token = res.data.token
+    //  			window.sessionStorage.setItem('token', res.data.token)
+    //        })
+    //  	}
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .imgDemo {
-    width: 100%;
-    height: 100%;
-    background: radial-gradient(#fff, #f5f7f4, #fff);
-  }
+.imgDemo {
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(#fff, #f5f7f4, #fff);
+}
 
-  .middle {
-    justify-content: center;
-    width: 100%;
-    height: 300px;
+.middle {
+  justify-content: center;
+  width: 100%;
+  height: 300px;
 
-  }
+}
 
-  .index {
-    padding: 40px 80px;
-    background: #FFFFFF;
+.index {
+  padding: 40px 80px;
+  background: #FFFFFF;
 
-    .index_top {
+  .index_top {
 
-      display: flex;
-      flex-direction: row;
-      align-items: center;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
 
-      .index_top_text {
-        font-size: 25px;
-        font-weight: bold;
-        color: #000;
-        margin-right: 20px;
-      }
+    .index_top_text {
+      font-size: 25px;
+      font-weight: bold;
+      color: #000;
+      margin-right: 20px;
+    }
 
-      .index_top_right {
-        font-size: 14px;
-        font-weight: bold;
-        color: #FF5046;
-      }
+    .index_top_right {
+      font-size: 14px;
+      font-weight: bold;
+      color: #FF5046;
     }
-    
-    .index_content {
-      display: flex;
-      flex-direction: column;
-      margin-top: 30px;
+  }
 
-      .index_content_top {
-        display: flex;
-        flex-direction: row;
-      }
+  .index_content {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
 
-      .index_content_bottom {
-        display: flex;
-        flex-direction: row;
-        margin-top: 30px;
-      }
-      .item_border {
-    border-radius: 10px;
-    border: 1px solid #cddbf7;
-}
+    .index_content_top {
+      display: flex;
+      flex-direction: row;
     }
-    
-    .index_bottom {
-      margin-top: 20px;
+
+    .index_content_bottom {
       display: flex;
-      .item_border {
-    border-radius: 10px;
-    border: 1px solid #cddbf7;
-}
+      flex-direction: row;
+      margin-top: 30px;
+    }
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
     }
   }
 
-  canvas {}
+  .index_bottom {
+    margin-top: 20px;
+    display: flex;
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+}
+
+canvas {}
 </style>
diff --git a/src/views/index7.vue b/src/views/index7.vue
new file mode 100644
index 0000000..4a0a366
--- /dev/null
+++ b/src/views/index7.vue
@@ -0,0 +1,448 @@
+<template>
+  <div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
+    <div class="index_top">
+
+      <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_top_right">{{ info.notice }}</div> -->
+
+    </div>
+    <div class="index_bottom">
+      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
+        <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="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">金融业</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">农业</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">畜牧业</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">医药健康</span>
+        </div>
+      </div>
+
+      <div style="flex: 0.1;"></div>
+
+      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
+        <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="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">短期授信（5-10）</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">中长期授信（10-20）</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">长期授信（20-50）</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">循环授信</span>
+        </div>
+      </div>
+
+      <div style="flex: 0.1;"></div>
+
+      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
+        <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="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">新建项目</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">扩建项目</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">改建项目</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">迁建项目</span>
+
+        </div>
+
+      </div>
+
+      <div style="flex: 0.1;"></div>
+
+      <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 0.4;">
+        <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="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">河北省石家庄市</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">北京市海淀区</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">东北辽宁省</span>
+        </div>
+        <div style="display: flex;align-items: center; margin-top: 10px;">
+          <img src="../assets/images/cgsp.png" style="width: 54px;height: 54px;" />
+          <span style="font-weight: 500;margin-left: 10px;">天津市河北区</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="index_content">
+
+      <div class="index_content_bottom">
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">企业数量统计</span>
+          <div id="main1" ref="main1" class="middle">
+          </div>
+        </div>
+
+        <div style="flex: 0.1;"></div>
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">项目种类</span>
+          <div id="main2" ref="main2" class="middle">
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+
+
+  </div>
+</template>
+
+</div>
+<script>
+import * as echarts from 'echarts';
+import {
+  login1
+} from '@/api/system/user/login.js'
+export default {
+  name: '',
+  data() {
+    return {
+      token: '',
+      params: {
+        date: null
+      },
+      info: {
+        date: "",
+        notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
+      },
+      newMessageList: [{
+        sid: "1",
+        name: "[员工变动]2023年6月12日收到人事通知，对 聂风 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷拧 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷枫 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[员工变动]2023年6月12日收到人事通知，对 邹好好 进行转正",
+        date: "2023-06-12"
+
+      }],
+      larmCenterList: [{
+        sid: "1",
+        name: "[岗位调整]由2023年6月12号起，  聂风 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[岗位调整]由2023年6月12号起，  冷拧 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[岗位调整]由2023年6月12号起，  冷枫 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[岗位调整]由2023年6月12号起，  邹好好 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+      }
+
+      ]
+    }
+  },
+  mounted() {
+    this.drawLine1();
+    this.drawLine2();
+  },
+
+  methods: {
+    show() {
+      this.drawLine1();
+      this.drawLine2();
+    },
+    drawLine1() {
+
+      // let mychart = echarts.init(this.$refs.main1)
+      var myChart = echarts.init(document.getElementById('main1'));
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            dataView: {
+              // 数据视图
+              show: false,
+              readOnly: false
+            },
+            magicType: {
+              // 切换图形
+              show: false,
+              type: ['line', 'bar']
+            },
+            // 还原
+            restore: {
+              show: false
+            },
+            // 下载
+            saveAsImage: {
+              show: false
+            }
+
+          }
+        },
+        grid: {
+          height: 220
+        },
+        legend: {
+          data: ['企业数量']
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
+          axisPointer: {
+            type: 'shadow'
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '个数/个',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}'
+          }
+        }
+        ],
+        series: [{
+          name: '企业数量',
+          type: 'bar',
+          tooltip: {
+            valueFormatter: function (value) {
+              return value + ' 个';
+            }
+          },
+          data: [
+            20, 20, 20, 20, 60, 70, 90
+          ]
+        }
+        ]
+      });
+    },
+
+    // 饼状图图初始化
+    drawLine2() {
+      // 基于准备好的dom，初始化echarts实例
+      // let mychart =  echarts.init(this.$refs.main2)
+      var myChart = echarts.init(document.getElementById('main2'));
+      // 绘制图表
+      // console.log('option', obj)
+      myChart.setOption({
+        legend: {
+          top: 'bottom'
+        },
+        toolbox: {
+          show: true,
+          feature: {
+            mark: {
+              show: true
+            },
+            // 数据图标
+            dataView: {
+              show: false,
+              readOnly: false
+            },
+            // 刷新图标
+            restore: {
+              show: false
+            },
+            // 下载图标
+            saveAsImage: {
+              show: false
+            }
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item"
+        },
+        series: [{
+          name: '项目种类',
+          type: 'pie',
+          radius: [20, 100],
+          center: ['50%', '40%'],
+          roseType: 'area',
+          itemStyle: {
+            borderRadius: 8
+          },
+          data: [{
+            "value": 20,
+            "name": "新建项目"
+          },
+          {
+            "value": 15,
+            "name": "扩建项目"
+          },
+          {
+            "value": 30,
+            "name": "改建项目"
+          },
+          {
+            "value": 20,
+            "name": "迁建项目"
+          }
+          ]
+        }]
+      })
+    },
+
+    //  	getToken(){
+    //  		let params = {
+    //  			password: "329653",
+    //					roleSid: "",
+    //					token: "",
+    //					userName: "15097329653",
+    //					verifyCode: ""
+    //  		}
+    //  		login1(params).then(res => {
+    //  			this.token = res.data.token
+    //  			window.sessionStorage.setItem('token', res.data.token)
+    //        })
+    //  	}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.imgDemo {
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(#fff, #f5f7f4, #fff);
+}
+
+.middle {
+  justify-content: center;
+  width: 100%;
+  height: 300px;
+
+}
+
+.index {
+  padding: 40px 80px;
+  background: #FFFFFF;
+
+  .index_top {
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .index_top_text {
+      font-size: 25px;
+      font-weight: bold;
+      color: #000;
+      margin-right: 20px;
+    }
+
+    .index_top_right {
+      font-size: 14px;
+      font-weight: bold;
+      color: #FF5046;
+    }
+  }
+
+  .index_content {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
+
+    .index_content_top {
+      display: flex;
+      flex-direction: row;
+    }
+
+    .index_content_bottom {
+      display: flex;
+      flex-direction: row;
+      margin-top: 30px;
+    }
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+
+  .index_bottom {
+    margin-top: 20px;
+    display: flex;
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+}
+
+canvas {}
+</style>
diff --git a/src/views/index8.vue b/src/views/index8.vue
new file mode 100644
index 0000000..6265ad8
--- /dev/null
+++ b/src/views/index8.vue
@@ -0,0 +1,429 @@
+<template>
+  <div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
+    <div class="index_top">
+
+      <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_top_right">{{ info.notice }}</div> -->
+
+    </div>
+    <div class="index_bottom">
+
+      <div style="flex: 0.1;"></div>
+
+    </div>
+
+    <div class="index_content">
+      <div class="index_content_top">
+
+        <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;">506</span>
+            <div style="margin-top: 10px;">
+              <span style="font-size: 14px;color: #999;">供应商</span>
+              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 25.6%</span>
+            </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="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>
+              <span style="font-size: 14px; margin-left: 10px; color: #13BDA0 ;">↑ 9.8%</span>
+            </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="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>
+              <span style="font-size: 14px; margin-left: 10px; color: #FF4747  ;">↓ 15.6%</span>
+            </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="display: flex;flex-direction: column; margin-left: 10px;">
+            <span style="font-size: 20px;">￥50905.96</span>
+            <div style="margin-top: 10px;">
+              <span style="font-size: 14px;color: #999;">货区价值</span>
+              <span style="font-size: 14px; margin-left: 10px; color: #FF4747 ;">↓ 15.6%</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;">
+          <span style="font-weight: 600;">商品统计</span>
+          <div id="main1" ref="main1" class="middle">
+          </div>
+        </div>
+
+        <div style="flex: 0.1;"></div>
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">仓库分区占比</span>
+          <div id="main2" ref="main2" class="middle">
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+
+
+  </div>
+</template>
+
+</div>
+<script>
+import * as echarts from 'echarts';
+import {
+  login1
+} from '@/api/system/user/login.js'
+export default {
+  name: '',
+  data() {
+    return {
+      token: '',
+      params: {
+        date: null
+      },
+      info: {
+        date: "",
+        notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
+      },
+      newMessageList: [{
+        sid: "1",
+        name: "[员工变动]2023年6月12日收到人事通知，对 聂风 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷拧 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷枫 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[员工变动]2023年6月12日收到人事通知，对 邹好好 进行转正",
+        date: "2023-06-12"
+
+      }],
+      larmCenterList: [{
+        sid: "1",
+        name: "[岗位调整]由2023年6月12号起，  聂风 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[岗位调整]由2023年6月12号起，  冷拧 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[岗位调整]由2023年6月12号起，  冷枫 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[岗位调整]由2023年6月12号起，  邹好好 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+      }
+
+      ]
+    }
+  },
+  mounted() {
+    this.drawLine1();
+    this.drawLine2();
+  },
+
+  methods: {
+    show() {
+      this.drawLine1();
+      this.drawLine2();
+    },
+    drawLine1() {
+
+      // let mychart = echarts.init(this.$refs.main1)
+      var myChart = echarts.init(document.getElementById('main1'));
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            dataView: {
+              // 数据视图
+              show: false,
+              readOnly: false
+            },
+            magicType: {
+              // 切换图形
+              show: false,
+              type: ['line', 'bar']
+            },
+            // 还原
+            restore: {
+              show: false
+            },
+            // 下载
+            saveAsImage: {
+              show: false
+            }
+
+          }
+        },
+        grid: {
+          height: 220
+        },
+        legend: {
+          data: ['出库商品', '入库商品']
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
+          axisPointer: {
+            type: 'shadow'
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '个数/个',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}'
+          }
+        }
+        ],
+        series: [
+          {
+            name: '出库商品',
+            type: 'bar',
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + ' 个';
+              }
+            },
+            data: [
+              20, 20, 20, 20, 60, 70, 90
+            ]
+          },
+          {
+            name: '入库商品',
+            type: 'bar',
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + ' 个';
+              }
+            },
+            data: [
+              30, 30, 30, 50, 50, 50, 60
+            ]
+          },
+        ]
+      });
+    },
+
+    // 饼状图图初始化
+    drawLine2() {
+      // 基于准备好的dom，初始化echarts实例
+      // let mychart =  echarts.init(this.$refs.main2)
+      var myChart = echarts.init(document.getElementById('main2'));
+      // 绘制图表
+      // console.log('option', obj)
+      myChart.setOption({
+        legend: {
+          top: 'bottom'
+        },
+        toolbox: {
+          show: true,
+          feature: {
+            mark: {
+              show: true
+            },
+            // 数据图标
+            dataView: {
+              show: false,
+              readOnly: false
+            },
+            // 刷新图标
+            restore: {
+              show: false
+            },
+            // 下载图标
+            saveAsImage: {
+              show: false
+            }
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item"
+        },
+        series: [{
+          name: '仓库分区占比',
+          type: 'pie',
+          radius: [20, 100],
+          center: ['50%', '40%'],
+          roseType: 'area',
+          itemStyle: {
+            borderRadius: 8
+          },
+          data: [{
+            "value": 20,
+            "name": "河北仓库"
+          },
+          {
+            "value": 15,
+            "name": "北京仓库"
+          },
+          {
+            "value": 30,
+            "name": "天津仓库"
+          },
+          {
+            "value": 20,
+            "name": "东北仓库"
+          }
+          ]
+        }]
+      })
+    },
+
+    //  	getToken(){
+    //  		let params = {
+    //  			password: "329653",
+    //					roleSid: "",
+    //					token: "",
+    //					userName: "15097329653",
+    //					verifyCode: ""
+    //  		}
+    //  		login1(params).then(res => {
+    //  			this.token = res.data.token
+    //  			window.sessionStorage.setItem('token', res.data.token)
+    //        })
+    //  	}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.imgDemo {
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(#fff, #f5f7f4, #fff);
+}
+
+.middle {
+  justify-content: center;
+  width: 100%;
+  height: 300px;
+
+}
+
+.index {
+  padding: 40px 80px;
+  background: #FFFFFF;
+
+  .index_top {
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .index_top_text {
+      font-size: 25px;
+      font-weight: bold;
+      color: #000;
+      margin-right: 20px;
+    }
+
+    .index_top_right {
+      font-size: 14px;
+      font-weight: bold;
+      color: #FF5046;
+    }
+  }
+
+  .index_content {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
+
+    .index_content_top {
+      display: flex;
+      flex-direction: row;
+    }
+
+    .index_content_bottom {
+      display: flex;
+      flex-direction: row;
+      margin-top: 30px;
+    }
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+
+  .index_bottom {
+    margin-top: 20px;
+    display: flex;
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+}
+
+canvas {}
+</style>
diff --git a/src/views/index9.vue b/src/views/index9.vue
new file mode 100644
index 0000000..346cec7
--- /dev/null
+++ b/src/views/index9.vue
@@ -0,0 +1,390 @@
+<template>
+  <div class="index" style="height: calc(100vh - 200px);overflow-x: hidden;overflow-y: auto;">
+    <div class="index_top">
+
+      <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_top_right">{{ info.notice }}</div> -->
+
+    </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>
+
+        <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>
+        </div>
+
+      </div>
+
+      <div style="flex: 0.1;"></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>
+        </div>
+
+      </div>
+    </div>
+
+    <div class="index_content">
+
+      <div class="index_content_bottom">
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">工作流数量统计</span>
+          <div id="main1" ref="main1" class="middle">
+          </div>
+        </div>
+
+        <div style="flex: 0.1;"></div>
+
+        <div class="item_border" style="display: flex;flex-direction: column; padding: 20px 20px; flex: 1;">
+          <span style="font-weight: 600;">角色占比</span>
+          <div id="main2" ref="main2" class="middle">
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+
+
+  </div>
+</template>
+
+</div>
+<script>
+import * as echarts from 'echarts';
+import {
+  login1
+} from '@/api/system/user/login.js'
+export default {
+  name: '',
+  data() {
+    return {
+      token: '',
+      params: {
+        date: null
+      },
+      info: {
+        date: "",
+        notice: "通知：请于2023年3月3日16点向***3189帐户回款1231234元。[点击回款]"
+      },
+      newMessageList: [{
+        sid: "1",
+        name: "[员工变动]2023年6月12日收到人事通知，对 聂风 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷拧 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[员工变动]2023年6月12日收到人事通知，对 冷枫 进行转正",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[员工变动]2023年6月12日收到人事通知，对 邹好好 进行转正",
+        date: "2023-06-12"
+
+      }],
+      larmCenterList: [{
+        sid: "1",
+        name: "[岗位调整]由2023年6月12号起，  聂风 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "2",
+        name: "[岗位调整]由2023年6月12号起，  冷拧 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "3",
+        name: "[岗位调整]由2023年6月12号起，  冷枫 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+
+      }, {
+        sid: "4",
+        name: "[岗位调整]由2023年6月12号起，  邹好好 由原岗位调动至采购部岗位工作",
+        date: "2023-06-12"
+      }
+
+      ]
+    }
+  },
+  mounted() {
+    this.drawLine1();
+    this.drawLine2();
+  },
+
+  methods: {
+    show() {
+      this.drawLine1();
+      this.drawLine2();
+    },
+    drawLine1() {
+
+      // let mychart = echarts.init(this.$refs.main1)
+      var myChart = echarts.init(document.getElementById('main1'));
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            dataView: {
+              // 数据视图
+              show: false,
+              readOnly: false
+            },
+            magicType: {
+              // 切换图形
+              show: false,
+              type: ['line', 'bar']
+            },
+            // 还原
+            restore: {
+              show: false
+            },
+            // 下载
+            saveAsImage: {
+              show: false
+            }
+
+          }
+        },
+        grid: {
+          height: 220
+        },
+        legend: {
+          data: ['工作流数量']
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
+          axisPointer: {
+            type: 'shadow'
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          name: '个数/个',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}'
+          }
+        }
+        ],
+        series: [{
+          name: '工作流数量',
+          type: 'bar',
+          tooltip: {
+            valueFormatter: function (value) {
+              return value + ' 个';
+            }
+          },
+          data: [
+            20,20,20,20,60,70,90
+          ]
+        }
+        ]
+      });
+    },
+
+    // 饼状图图初始化
+    drawLine2() {
+      // 基于准备好的dom，初始化echarts实例
+      // let mychart =  echarts.init(this.$refs.main2)
+      var myChart = echarts.init(document.getElementById('main2'));
+      // 绘制图表
+      // console.log('option', obj)
+      myChart.setOption({
+        legend: {
+          top: 'bottom'
+        },
+        toolbox: {
+          show: true,
+          feature: {
+            mark: {
+              show: true
+            },
+            // 数据图标
+            dataView: {
+              show: false,
+              readOnly: false
+            },
+            // 刷新图标
+            restore: {
+              show: false
+            },
+            // 下载图标
+            saveAsImage: {
+              show: false
+            }
+          }
+        },
+        tooltip: {
+          show: true,
+          trigger: "item"
+        },
+        series: [{
+          name: '在途商品',
+          type: 'pie',
+          radius: [20, 100],
+          center: ['50%', '40%'],
+          roseType: 'area',
+          itemStyle: {
+            borderRadius: 8
+          },
+          data: [{
+            "value": 20,
+            "name": "采购部"
+          },
+          {
+            "value": 15,
+            "name": "销售部"
+          },
+          {
+            "value": 30,
+            "name": "开发部"
+          },
+          {
+            "value": 20,
+            "name": "运维部"
+          }
+          ]
+        }]
+      })
+    },
+
+    //  	getToken(){
+    //  		let params = {
+    //  			password: "329653",
+    //					roleSid: "",
+    //					token: "",
+    //					userName: "15097329653",
+    //					verifyCode: ""
+    //  		}
+    //  		login1(params).then(res => {
+    //  			this.token = res.data.token
+    //  			window.sessionStorage.setItem('token', res.data.token)
+    //        })
+    //  	}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.imgDemo {
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(#fff, #f5f7f4, #fff);
+}
+
+.middle {
+  justify-content: center;
+  width: 100%;
+  height: 300px;
+
+}
+
+.index {
+  padding: 40px 80px;
+  background: #FFFFFF;
+
+  .index_top {
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .index_top_text {
+      font-size: 25px;
+      font-weight: bold;
+      color: #000;
+      margin-right: 20px;
+    }
+
+    .index_top_right {
+      font-size: 14px;
+      font-weight: bold;
+      color: #FF5046;
+    }
+  }
+
+  .index_content {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
+
+    .index_content_top {
+      display: flex;
+      flex-direction: row;
+    }
+
+    .index_content_bottom {
+      display: flex;
+      flex-direction: row;
+      margin-top: 30px;
+    }
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+
+  .index_bottom {
+    margin-top: 20px;
+    display: flex;
+
+    .item_border {
+      border-radius: 10px;
+      border: 1px solid #cddbf7;
+    }
+  }
+}
+
+canvas {}
+</style>