限制金融外包权限

src/components/AppSidebar.vue

@@ -1,6 +1,16 @@
 <template>
     <div class="index-nav" :class="{ 'index-nav-top': isActive }">
-        <nav class="side-navigator-wrap">
+         <nav class="side-navigator-wrap" v-if="userInfo.isOutSource == 1">
+            <div v-for="(item, index) in sideBarList1" :key="index" class="nav-item-wrap">
+                <div @click="removeTab" class="nav-item-content" :class="{ active: item.checked }">
+                    <router-link :to="item.path" class="nav-item">
+                        <i :class="item.icon"></i>
+                        <span class="nav-item-text">{{ item.name }}</span>
+                    </router-link>
+                </div>
+            </div>
+        </nav>
+        <nav class="side-navigator-wrap" v-else>
             <div v-for="(item, index) in sideBarList" :key="index" class="nav-item-wrap">
                 <div @click="removeTab" class="nav-item-content" :class="{ active: item.checked }">
                     <router-link :to="item.path" class="nav-item">
@@ -107,8 +117,13 @@
 <script>
 import { removeTab } from '@/utils/auth'
 import { hotSkuList,newSkuList } from "@/api/allApi";
+import { mapGetters } from 'vuex'
 export default {
     name: 'AppSidebar',
+    computed: {
+        // 将 getter 映射到当前组件的计算属性
+        ...mapGetters(['userInfo'])
+    },
     data() {
         return {
             tabType:'hot',
@@ -193,6 +208,30 @@ export default {
                 //     checked:false,
                 // },
             ],
+            sideBarList1: [
+                {
+                    value: 'index',
+                    name: '首页',
+                    path: '/home/index',
+                    icon: 'icon-mall-tongzhi',
+                    checked: false,
+                },
+               
+                {
+                    value: 'pointsMall',
+                    name: '积分商城',
+                    path: '/home/pointsMall',
+                    icon: 'icon-mall-jifenshangcheng',
+                    checked: false,
+                },
+                 {
+                    value: 'welfareList',
+                    name: '福利领取',
+                    path: '/home/welfareList',
+                    icon: 'icon-mall-hongbao',
+                    checked: false,
+                },
+            ],
             employeeDynamics: false,
             pointsMall: false,
             welfareList: false,

src/views/HomeView/PointsMall.vue

@@ -61,7 +61,7 @@
         </div> -->
         <div class="myTabs" style="background: #fff;">
             <el-tabs style="padding: 0 20px 40px 20px;" v-model="activeName" @tab-click="handleClick">
-                <el-tab-pane label="积分兑换" name="goodsNotice">
+                <el-tab-pane label="积分兑换" name="goodsNotice" v-if="userInfo.isOutSource != 1">
                     <div class="tab-list" style="margin-top: 10px;">
                         <div :class="{ 'tab': true, 'checked': item.checked }" v-for="(item) in options"
                             :key="item.dictValue" @click="choseProductAttributeType(item)">
@@ -209,7 +209,12 @@
 import { integralInfo,integralList, festivalList, notice, welfareType, dictList } from "@/api/allApi";
 import { getTab } from '@/utils/auth'
 import { debounce } from '@/utils/index'
+import { mapGetters } from 'vuex'
 export default {
+    computed: {
+        // 将 getter 映射到当前组件的计算属性
+        ...mapGetters(['userInfo'])
+    },
     data() {
         return {
             specialGoodsList:[
@@ -339,7 +344,7 @@ export default {
             ],
             choseList: [],
             curChosed: '',
-            activeName: 'goodsNotice',
+            activeName: 'giftNotice',
             noticeContent: '',
             goodsList: [],
             giftList: [],