新增销冠排名

src/components/personalCenter.vue

+<template>
+    <div class="personal">
+        <div class="u-box ">
+            <div class="left-point"></div>
+            <div class="right-point"></div>
+            <div class="h-info-box">
+                <div class="h-info">
+                    <div class="k">姓名</div>
+                    <div class="v">{{u.emName}}</div>
+                     <div class="k">职务</div>
+                    <div class="v">{{u.PostName}}</div>
+                </div>
+                <div class="h-img">
+                    <div class="left-point-samll"></div>
+                    <div class="right-point-samll"></div>
+                    <img :src="u.Icon" :onerror='defaultHeadImg'/>
+                </div>
+            </div>
+            <div class="u-info">
+
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            u:{},
+            defaultHeadImg: `this.src="${require("../assets/img/default_head_img.jpg")}"`,
+        }
+    },
+    mounted() {
+        this.u = this.getLocalStorage();
+    },
+}
+</script>
+<style>
+.personal{
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    /* background: #000; */
+    background: #0a0919 url('../assets/img/persion/bg.png') 100% 100%;
+    position: relative;
+}
+.personal .u-box{
+    width:300px;
+    position: absolute;
+    background: #19133e6e;
+    left: 30px;
+    top: 30px;
+    bottom: 30px;
+    border:1px solid #2c2739;
+}
+.personal .u-box .h-info-box{
+    margin: 15px;
+    display: flex;
+}
+.personal .u-box .h-info-box .h-info{
+    flex:1;
+}
+.personal .u-box .h-info-box .h-info .k{
+    color: #8a8894;
+    height: 20px;
+    line-height: 20px;
+    font-size: 16px;
+    font-family: "pingfangR";
+    text-align: right;
+    display: block;
+    margin-top: 10px;
+}
+.personal .u-box .h-info-box .h-info .v{
+    color: #DDD;
+    height: 20;
+    line-height: 20px;
+    font-size: 20px;
+    font-family: "pingfangR";
+    text-align: right;
+    display: block;
+    margin-top: 10px;
+}
+
+.personal .u-box .h-info-box .h-img{
+    width: 120px;
+    height: 120px;
+    border: 1px solid #2c2739;
+    position: relative;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-left: 20px;
+    display: flex;
+}
+.personal .u-box .h-info-box .h-img img{
+    width: 82px;
+    height: 82px;
+}
+.personal .u-box .u-info{
+    
+}
+.personal .left-point::after{
+    position: absolute;
+    width: 9px;
+    height: 9px;
+    left: -2px;
+    top: -2px;
+    content: ' ';
+    border-left: 3px solid #8a8894;
+    border-top: 3px solid #8a8894;
+}
+.personal .left-point::before{
+    position: absolute;
+    width: 9px;
+    height: 9px;
+    left: -2px;
+    bottom: -2px;
+    content: ' ';
+    border-left: 3px solid #8a8894;
+    border-bottom: 3px solid #8a8894;
+}
+.personal .right-point::after{
+    position: absolute;
+    width: 9px;
+    height: 9px;
+    right: -2px;
+    top: -2px;
+    content: ' ';
+    border-right: 3px solid #8a8894;
+    border-top: 3px solid #8a8894;
+}
+.personal .right-point::before{
+    position: absolute;
+    width: 9px;
+    height: 9px;
+    right: -2px;
+    bottom: -2px;
+    content: ' ';
+    border-right: 3px solid #8a8894;
+    border-bottom: 3px solid #8a8894;
+}
+
+.personal .left-point-samll::after{
+    position: absolute;
+    width: 5px;
+    height: 5px;
+    left: -1px;
+    top: -1px;
+    content: ' ';
+    border-left: 2px solid #8a8894;
+    border-top: 2px solid #8a8894;
+}
+.personal .left-point-samll::before{
+    position: absolute;
+    width: 5px;
+    height: 5px;
+    left: -1px;
+    bottom: -1px;
+    content: ' ';
+    border-left: 2px solid #8a8894;
+    border-bottom: 2px solid #8a8894;
+}
+.personal .right-point-samll::after{
+    position: absolute;
+    width: 5px;
+    height: 5px;
+    right: -1px;
+    top: -1px;
+    content: ' ';
+    border-right: 2px solid #8a8894;
+    border-top: 2px solid #8a8894;
+}
+.personal .right-point-samll::before{
+    position: absolute;
+    width: 5px;
+    height: 5px;
+    right: -1px;
+    bottom: -1px;
+    content: ' ';
+    border-right: 2px solid #8a8894;
+    border-bottom: 2px solid #8a8894;
+}
+</style>

src/components/rank/salesVolumeRank.vue

@@ -4,11 +4,12 @@
       <el-tab-pane label="个人排行榜" name="first"></el-tab-pane>
       <el-tab-pane label="部门排行榜" name="second"></el-tab-pane>
       <el-tab-pane label="公司排行榜" name="third" v-if="authority.indexOf('Sales_Volume_Rank_Show')!=-1"></el-tab-pane>
+      <el-tab-pane label="销冠排行榜" name="four"></el-tab-pane>
     </el-tabs>
     <div class="query-box">
       <el-form class="_info_box clearfix" label-width="110px">
         <el-row style="padding:15px 0px 0 0;">
-          <el-col :span="4">
+          <el-col :span="4"  v-show="activeName!='four'">
             <el-form-item label="公司：">
               <el-select filterable v-model="msg.RB_Branch_Id" @change="getDepartment" class>
                 <el-option :value="-1" label="不限"></el-option>
@@ -21,7 +22,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="4" v-show="activeName!='third'">
+          <el-col :span="4" v-show="activeName!='third'&&activeName!='four'">
             <el-form-item label="部门：">
               <el-select filterable v-model="msg.RB_Department_Id" @change="getEmployee" class>
                 <el-option :value="0" label="不限"></el-option>
@@ -124,7 +125,8 @@ export default {
         EnterID: 0,
         tStartDates: [],
         qStartDates: [],
-        GroupBy: "EnterID"
+        GroupBy: "EnterID",
+        QueryType:0
       },
       getCompanyMsg: {
         // 公司
@@ -347,7 +349,8 @@ export default {
           this.msg.qStartDates && this.msg.qStartDates.length == 2
             ? this.msg.qStartDates[1]
             : null,
-        GroupBy: this.msg.GroupBy
+        GroupBy: this.msg.GroupBy,
+        QueryType: this.msg.QueryType
       };
       if (!param.QStartDate) {
         param.QStartDate = "2019-01-01";
@@ -422,12 +425,18 @@ export default {
     },
     handleClick(tab, event) {
       this.msg.EnterID = 0;
+      this.msg.QueryType=0;
       if (this.activeName == "first") this.msg.GroupBy = "EnterID";
       else if (this.activeName == "second")
         this.msg.GroupBy = "RB_Department_Id";
-      else {
+      else if (this.activeName == "third"){
         this.msg.GroupBy = "RB_Branch_Id";
         this.msg.RB_Department_Id = 0;
+      } else {
+        this.msg.RB_Department_Id = 0;
+        this.msg.RB_Branch_Id = -1;
+        this.msg.GroupBy = "EnterID";
+        this.msg.QueryType=4;
       }
       this.initColumns();
       this.initData();

src/router/config.js

@@ -6,7 +6,7 @@ export default {
     routes: [{
             path: '/',
             name: 'login',
-            component: login 
+            component: login
         },
         {
             path: '/login',
@@ -70,7 +70,7 @@ export default {
             },
         },
         {
-            path: '/SalesconfirmationOrder',    //销售出团通知
+            path: '/SalesconfirmationOrder', //销售出团通知
             name: 'SalesconfirmationOrder',
             component: resolve => require(['@/components/SalesconfirmationOrder'], resolve),
             meta: {
@@ -309,7 +309,7 @@ export default {
                                 title: '临时员工'
                             },
                         },
-                        
+
                         {
                             path: '/empBankAccount', //员工账户管理
                             name: 'empBankAccount',
@@ -342,7 +342,7 @@ export default {
                                 title: '考核管理'
                             },
                         },
-                        {    
+                        {
                             path: '/leaderManagement', //领队导游管理
                             name: 'leaderManagement',
                             component: resolve => require(['@/components/LeaderManagement/leaderManagement'], resolve),
@@ -1249,7 +1249,7 @@ export default {
                             meta: {
                                 title: '购物报账'
                             },
-                        }, 
+                        },
                         {
                             path: '/ShoppingReimbursement2', //分公司购物报账
                             name: 'ShoppingReimbursement2',
@@ -1408,7 +1408,7 @@ export default {
                             },
                         },
                         {
-                            path: '/busHandBook',   //首配依赖书
+                            path: '/busHandBook', //首配依赖书
                             name: 'busHandBook',
                             component: resolve => require(['@/components/busManagement/busHandBook'], resolve),
                             meta: {
@@ -1473,15 +1473,14 @@ export default {
                             meta: {
                                 title: '车资分摊管理'
                             },
-                        }, 
-                        , {
+                        }, , {
                             path: '/busStockManager',
                             name: 'busStockManager',
                             component: resolve => require(['@/components/busManagement/busStockManager'], resolve),
                             meta: {
                                 title: '停车场管理'
                             },
-                        }, 
+                        },
                         {
                             path: '/visaList', //签证列表
                             name: 'visaList',
@@ -1618,7 +1617,7 @@ export default {
                                 title: '行程定制方案'
                             },
                         },
-                        
+
                         {
                             path: '/priceIncomeConfirmInfo', ///priceIncomeConfirmInfo
                             name: 'priceIncomeConfirmInfo',
@@ -1914,17 +1913,17 @@ export default {
                             name: 'ModifyVisaProduct',
                             component: resolve => require(['@/components/SalesVisa/ModifyVisaProduct'], resolve),
                             meta: {
-                              title: '配置签证产品'
+                                title: '配置签证产品'
                             },
-                          },
-                          { // 签证产品国家
+                        },
+                        { // 签证产品国家
                             path: '/VisaProductCountryManager',
                             name: 'VisaProductCountryManager',
                             component: resolve => require(['@/components/SalesVisa/VisaProductCountryManager'], resolve),
                             meta: {
-                              title: '签证产品国家'
+                                title: '签证产品国家'
                             },
-                          },
+                        },
                         { // 销售 送签管理
                             path: '/signature',
                             name: 'signature',
@@ -2171,7 +2170,7 @@ export default {
                             name: 'Lowpricemanagement',
                             component: resolve => require(['@/components/SalesModule/Lowpricemanagement'], resolve),
                             meta: {
-                              title: '少价管理'
+                                title: '少价管理'
                             },
                         },
                         { //王悦 财务 收款情况
@@ -2396,7 +2395,7 @@ export default {
                             meta: {
                                 title: '奖励管理'
                             }
-                        } , { // 财务往来单据 收入确认单
+                        }, { // 财务往来单据 收入确认单
                             path: '/priceIncomeConfirmList',
                             name: 'priceIncomeConfirmList',
                             component: resolve => require(['@/components/FinancialModule/priceIncomeConfirmList'], resolve),
@@ -2510,7 +2509,7 @@ export default {
                             meta: {
                                 title: '领队导游往来账'
                             },
-                        },{ //财务 付款对象 明细
+                        }, { //财务 付款对象 明细
                             path: '/PayAccDetail',
                             name: 'PayAccDetail',
                             component: resolve => require(['@/components/FinancialModule/accDetail/PayAccDetail'], resolve),
@@ -2597,7 +2596,7 @@ export default {
                                 title: '应收应付查询'
                             },
                         },
-                        {  //财务 财务单据 原路退款查询
+                        { //财务 财务单据 原路退款查询
                             path: '/refundQuery',
                             name: 'refundQuery',
                             component: resolve => require(['@/components/FinancialModule/refundQuery'], resolve),
@@ -2605,7 +2604,7 @@ export default {
                                 title: '原路退款查询'
                             },
                         },
-                        {  //财务 财务单据 汇兑损益查询
+                        { //财务 财务单据 汇兑损益查询
                             path: '/ExchangeLoss',
                             name: 'ExchangeLoss',
                             component: resolve => require(['@/components/FinancialModule/ExchangeLoss'], resolve),
@@ -2673,7 +2672,7 @@ export default {
                             meta: {
                                 title: '申请书'
                             },
-                        }, 
+                        },
                         // 借支单
                         {
                             path: '/DebitNote',
@@ -2682,8 +2681,8 @@ export default {
                             meta: {
                                 title: '借支单'
                             },
-                        }, 
-                        
+                        },
+
                         { //财务 财务单据 审核标准单据
                             path: '/BasicDocuments',
                             name: 'BasicDocuments',
@@ -2770,14 +2769,14 @@ export default {
                             meta: {
                                 title: '变更报表'
                             },
-                        },{ //财务 变更详情
+                        }, { //财务 变更详情
                             path: '/ChangeRevenueDetail',
                             name: 'ChangeRevenueDetail',
                             component: resolve => require(['@/components/FinancialModule/ReportForm/ChangeRevenueDetail'], resolve),
                             meta: {
                                 title: '变更详情'
                             },
-                        },{ //财务 报表 团队营收变更报表
+                        }, { //财务 报表 团队营收变更报表
                             path: '/TeamRevenueReportChange',
                             name: 'TeamRevenueReportChange',
                             component: resolve => require(['@/components/FinancialModule/ReportForm/TeamRevenueReportChange'], resolve),
@@ -3283,7 +3282,7 @@ export default {
                                 title: '轮播图管理'
                             }
                         },
-                         {
+                        {
                             path: '/BmenuManagement',
                             name: 'BmenuManagement',
                             component: resolve => require(['@/components/activity/BmenuManagement'], resolve),
@@ -3370,8 +3369,8 @@ export default {
                             meta: {
                                 title: '商品类型'
                             }
-                        },                 
-                        
+                        },
+
                         {
                             path: '/IntegralMall',
                             name: 'IntegralMall',
@@ -3417,12 +3416,20 @@ export default {
                     component: resolve => require(['@/components/PermissionManage'], resolve),
                 },
                 {
-                    path: '/Supplier',  //供应商一级页面
+                    path: '/Supplier', //供应商一级页面
                     name: 'Supplier',
                     component: resolve => require(['@/components/temp/Supplier'], resolve),
                     meta: {
                         title: '供应商'
                     }
+                },
+                {
+                    path: '/personalCenter', //供应商一级页面 
+                    name: 'personalCenter',
+                    component: resolve => require(['@/components/personalCenter'], resolve),
+                    meta: {
+                        title: '个人中心'
+                    }
                 }
             ]
         },
@@ -3440,87 +3447,87 @@ export default {
             }
         },
         {
-            path: '/supplierLogin',//供应商登录
+            path: '/supplierLogin', //供应商登录
             name: 'supplierLogin',
             component: supplierLogin
         },
         {
-            path: '/supplierIndex',//供应商首页
+            path: '/supplierIndex', //供应商首页
             name: 'supplierIndex',
             component: supplierIndex,
-            children: [ {
-                path: '/HotelManagement2',    //供应商->酒店管理
-                name: 'HotelManagement2',
-                component: resolve => require(['@/components/Supplier/HotelManagement'], resolve),
-                meta: {
-                    title: '酒店管理'
+            children: [{
+                    path: '/HotelManagement2', //供应商->酒店管理
+                    name: 'HotelManagement2',
+                    component: resolve => require(['@/components/Supplier/HotelManagement'], resolve),
+                    meta: {
+                        title: '酒店管理'
+                    },
                 },
-            },
-            {
-                path: '/HotelInfo2',    //供应商->酒店详情
-                name: 'HotelInfo2',
-                component: resolve => require(['@/components/Supplier/HotelInfo'], resolve),
-                meta: {
-                    title: '酒店统计'
+                {
+                    path: '/HotelInfo2', //供应商->酒店详情
+                    name: 'HotelInfo2',
+                    component: resolve => require(['@/components/Supplier/HotelInfo'], resolve),
+                    meta: {
+                        title: '酒店统计'
+                    },
                 },
-            },
-            {
-                path: '/HotelSalesBoard2',    //供应商->酒店统计
-                name: 'HotelSalesBoard2',
-                component: resolve => require(['@/components/Supplier/HotelSalesBoard'], resolve),
-                meta: {
-                    title: '酒店统计'
+                {
+                    path: '/HotelSalesBoard2', //供应商->酒店统计
+                    name: 'HotelSalesBoard2',
+                    component: resolve => require(['@/components/Supplier/HotelSalesBoard'], resolve),
+                    meta: {
+                        title: '酒店统计'
+                    },
                 },
-            },
-            {
-                path: '/HotelProductManage3',    //供应商->酒店统计
-                name: 'HotelProductManage3',
-                component: resolve => require(['@/components/Supplier/HotelProductManage'], resolve),
-                meta: {
-                    title: '酒店产品管理'
+                {
+                    path: '/HotelProductManage3', //供应商->酒店统计
+                    name: 'HotelProductManage3',
+                    component: resolve => require(['@/components/Supplier/HotelProductManage'], resolve),
+                    meta: {
+                        title: '酒店产品管理'
+                    },
                 },
-            },
-            {
-                path: '/HotelTotalStock2',    //供应商->总库存看板
-                name: 'HotelTotalStock2',
-                component: resolve => require(['@/components/Supplier/HotelTotalStock'], resolve),
-                meta: {
-                    title: '总库存看板'
+                {
+                    path: '/HotelTotalStock2', //供应商->总库存看板
+                    name: 'HotelTotalStock2',
+                    component: resolve => require(['@/components/Supplier/HotelTotalStock'], resolve),
+                    meta: {
+                        title: '总库存看板'
+                    },
                 },
-            },
-            {
-                path: '/roomQuery2',    //供应商->定房查询
-                name: 'roomQuery2',
-                component: resolve => require(['@/components/Supplier/roomQuery'], resolve),
-                meta: {
-                    title: '定房查询'
+                {
+                    path: '/roomQuery2', //供应商->定房查询
+                    name: 'roomQuery2',
+                    component: resolve => require(['@/components/Supplier/roomQuery'], resolve),
+                    meta: {
+                        title: '定房查询'
+                    },
                 },
-            },
-            {
-                path: '/roomQuery3',    //供应商->定房查询
-                name: 'roomQuery3',
-                component: resolve => require(['@/components/Supplier/roomQuery2'], resolve),
-                meta: {
-                    title: '定房查询'
+                {
+                    path: '/roomQuery3', //供应商->定房查询
+                    name: 'roomQuery3',
+                    component: resolve => require(['@/components/Supplier/roomQuery2'], resolve),
+                    meta: {
+                        title: '定房查询'
+                    },
                 },
-            },
-            {
-                path: '/HotelQueryList2',    //供应商->酒店查询
-                name: 'HotelQueryList2',
-                component: resolve => require(['@/components/Supplier/HotelQueryList'], resolve),
-                meta: {
-                    title: '酒店查询'
+                {
+                    path: '/HotelQueryList2', //供应商->酒店查询
+                    name: 'HotelQueryList2',
+                    component: resolve => require(['@/components/Supplier/HotelQueryList'], resolve),
+                    meta: {
+                        title: '酒店查询'
+                    },
                 },
-            },
-            {
-                path: '/AddSupplierComplaints',    //供应商=>供应商投诉
-                name: 'AddSupplierComplaints',
-                component: resolve => require(['@/components/Supplier/AddSupplierComplaints'], resolve),
-                meta: {
-                    title: '供应商投诉'
+                {
+                    path: '/AddSupplierComplaints', //供应商=>供应商投诉
+                    name: 'AddSupplierComplaints',
+                    component: resolve => require(['@/components/Supplier/AddSupplierComplaints'], resolve),
+                    meta: {
+                        title: '供应商投诉'
+                    },
                 },
-            },
-        ]
+            ]
         },
     ]
-}
+}
\ No newline at end of file