1

src/api/users/user.js

@@ -111,3 +111,16 @@ export function getEmployeeAddrBook(data)
       data
     })
   }
+
+   /**
+ * 获取个人中心信息
+ */
+    export function getUserCenterInfo(data)
+    {
+      return request({
+        url: '/UserInfo/GetUserCenterInfo',
+        method: 'post',
+        data
+      })
+    }
+  

src/components/user/summaryInfo.vue

@@ -42,6 +42,18 @@
         height: 82px;
         border-radius: 6px;
     }
+
+    .summaryInfo .box_c {
+        margin-top: 30px;
+        min-height: 400px;
+    }
+
+    .summaryInfo .box_c_item {
+        background: #FFF;
+        min-height: 400px;
+        border-radius: 6px;
+        padding: 20px;
+    }
 </style>
 <template>
     <div class="summaryInfo">
@@ -121,6 +133,48 @@
                 </el-col>
             </el-row>
         </div>
+
+        <div class="box_c">
+            <el-row :gutter="15">
+                <el-col :span="8">
+                    <div class="box_c_item">
+                        <div class="box_t_it">
+                            <div style="display: flex;align-items: center;">
+                                <inline-svg class="svg-icon q-mr-xs svg-icon-secondary"
+                                    src="icons/svg/Communication/Urgent-mail.svg"></inline-svg>
+                                <span class="box_t_itext">我的提成</span>
+                            </div>
+                        </div>
+                        <div id="main" style="width: 100%;height:300px;"> </div>
+                    </div>
+                </el-col>
+                <el-col :span="8">
+                    <div class="box_c_item">
+
+                    </div>
+                </el-col>
+                <el-col :span="8">
+                    <div class="box_c_item">
+                        <div class="box_t_it">
+                            <div style="display: flex;align-items: center;">
+                                <inline-svg class="svg-icon q-mr-xs svg-icon-secondary"
+                                    src="icons/svg/Communication/Urgent-mail.svg"></inline-svg>
+                                <span class="box_t_itext">新同事</span>
+                            </div>
+                        </div>
+                        <div class="page-content" style="margin-top: 44px;">
+                            <q-table no-data-label="暂无相关数据" flat class="sticky-column-table" separator="none" title=""
+                                :data="UserInfo.EmployeeListResult" :columns="columns" row-key="name">
+                                <template v-slot:bottom>
+
+                                </template>
+
+                            </q-table>
+                        </div>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
     </div>
 </template>
 
@@ -129,9 +183,12 @@
         SetWebCartoon,
         GetWebCartoon
     } from '../../api/system/webkit'
+    import {
+        getUserCenterInfo
+    } from '../../api/users/user'
     import {
         GetMyNoticePageList,
-        BeatchReadMsgLog
+        BeatchReadMsgLog,
     } from '../../api/course/index'
     import {
         GetMsgLogList
@@ -154,13 +211,102 @@
                 visible: true,
                 noticeList: [],
                 socektArr: [],//消息数组
+                columns: [{
+                    name: 'EmployeeName',
+                    label: '姓名',
+                    align: 'left',
+                    field: 'EmployeeName',
+                },
+                {
+                    name: 'DeptName',
+                    label: '部门',
+                    align: 'left',
+                    field: 'DeptName'
+                },
+                {
+                    name: 'PostName',
+                    label: '职位',
+                    field: 'PostName',
+                    align: 'left'
+                },
+                {
+                    name: 'AccountRemark',
+                    label: '备注',
+                    field: 'AccountRemark',
+                    align: 'left'
+                },
+
+
+                ],
+                UserInfo: {
+                    EmployeeListResult: [{
+                        "EmployeeName": "周建",
+                        "DeptName": "教学部",
+                        "PostName": "实习生",
+                        "AccountRemark": null,
+                        "AccountId": 66,
+                        "AccountType": 1,
+                        "School_Id": 0,
+                        "Id": 2689
+                    }, {
+                        "EmployeeName": "周建",
+                        "DeptName": "教学部",
+                        "PostName": "实习生",
+                        "AccountRemark": null,
+                        "AccountId": 66,
+                        "AccountType": 1,
+                        "School_Id": 0,
+                        "Id": 2689
+                    }, {
+                        "EmployeeName": "周建",
+                        "DeptName": "教学部",
+                        "PostName": "实习生",
+                        "AccountRemark": null,
+                        "AccountId": 66,
+                        "AccountType": 1,
+                        "School_Id": 0,
+                        "Id": 2689
+                    },]
+                },
             }
         },
         mounted() {
             this.getNotify();
             this.getLogList()
+            this.getUserInfo()//个人中心
+            this.tubiao()
+
         },
         methods: {
+            tubiao() {
+                var echarts = require('echarts')
+                var myChart = echarts.init(document.getElementById('main'))
+                // 指定图表的配置项和数据
+                var option = {
+                  
+                    grid: {
+                        left: '0%',
+                        right: '0%',
+                        bottom: '0%',
+                        containLabel: true
+                    },
+                
+                    xAxis: {
+                        type: 'category',
+                        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月']
+                    },
+                    yAxis: {
+                        type: 'value'
+                    },
+                    series: [{
+                        data: [820, 932, 901, 934, 1290, 1330, 1320],
+                        type: 'line',
+                        smooth: true
+                    }]
+                }
+                // 使用刚指定的配置项和数据显示图表。
+                myChart.setOption(option)
+            },
             //请求公告数据
             getNotify() {
                 GetMyNoticePageList(this.noticeMsg).then(res => {
@@ -178,6 +324,13 @@
                     }
                 })
             },
+            getUserInfo() {
+                getUserCenterInfo().then(res => {
+                    if (res.Code == 1) {
+                        this.UserInfo = res.Data;
+                    }
+                })
+            },
             //跳转详情
             goNoticeDetail(item) {
                 var url = window.location.host;