@jx3box/jx3box-common-ui 7.7.6 → 7.7.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-common-ui",
-  "version": "7.7.6",
+  "version": "7.7.8",
   "description": "JX3BOX UI",
   "main": "index.js",
   "scripts": {

package/src/header/langSwitch.vue

@@ -8,7 +8,7 @@
                 v-for="item in langs"
                 :key="item.key"
                 @click="onLangChange(item.key)"
-                :class="{ 'is-active': item.key === currentLang }"
+                :class="{ 'is-active': item.key === currentLang, 'is-disabled': item.disabled }"
             >
                 <a>{{ item.name }}</a>
             </li>
@@ -30,17 +30,17 @@ export default {
                 {
                     name: "繁体中文",
                     key: "zh-tw",
-                    disabled: false,
+                    disabled: true,
                 },
                 {
                     name: "Tiếng Việt",
                     key: "vi",
-                    disabled: false,
+                    disabled: true,
                 },
                 {
                     name: "English",
                     key: "en-us",
-                    disabled: false,
+                    disabled: true,
                 },
             ], // 语言列表 简体中文、繁体中文、英文、越南语
             currentLang: "zh-cn", // 当前语言
@@ -82,6 +82,17 @@ export default {
                 font-weight: 600;
             }
         }
+        &.is-disabled {
+            a {
+                color: #999;
+                cursor: not-allowed;
+            }
+            &:hover a {
+                // .tm(0);
+                background-color: #fff;
+                color: #999;
+            }
+        }
     }
 }
 @media screen and (max-width: @phone) {

package/src/header/manage.vue

@@ -4,21 +4,19 @@
             <img class="u-add" svg-inline src="../../assets/img/header/manage.svg" />
         </span>
         <ul class="u-menu u-pop-content">
-            <li v-for="item in finalPanel" :key="item.label">
+            <li v-for="item in userPanel" :key="item.label">
                 <a :href="item.link" :target="item.target || '_self'"
                     ><i :class="item.icon || 'el-icon-present'"></i> {{ item.label }}</a
                 >
             </li>
-            <hr v-if="finalPanel.length" />
-            <li v-if="isEditor">
-                <a href="https://os.jx3box.com/admin" target="_blank"><i class="el-icon-receiving"></i> 管理平台</a>
-            </li>
-            <li v-if="isAdmin">
-                <a href="/admin"><i class="el-icon-setting"></i> 站点配置</a>
-            </li>
-            <li v-if="isTeamMember">
-                <a href="/dashboard/feedback?tab=pending"><i class="el-icon-message"></i> 反馈处理</a>
-            </li>
+            <hr v-if="userPanel.length" />
+            <template v-if="isEditor">
+                <li v-for="item in adminPanel" :key="item.label">
+                    <a :href="item.link" :target="item.target || '_self'"
+                        ><i :class="item.icon || 'el-icon-present'"></i> {{ item.label }}</a
+                    >
+                </li>
+            </template>
         </ul>
     </div>
 </template>
@@ -27,31 +25,23 @@
 import User from "@jx3box/jx3box-common/js/user";
 import panel from "../../assets/data/panel.json";
 import { getMenu } from "../../service/header";
-import { checkTeamMember } from "../../service/cms";
 export default {
     name: "Manage",
     data() {
         return {
             panel,
-
-            isTeamMember: false,
         };
     },
     computed: {
-        finalPanel: function () {
-            // 只返回前两个
-            return this.panel
-                .filter((item) => {
-                    // 只返回有权限的
-                    if (item.onlyAdmin) {
-                        return this.isAdmin;
-                    }
-                    return true;
-                })
-                .slice(0, 2);
+        userPanel: function () {
+            return this.panel.filter((item) => {
+                return !item.onlyAdmin;
+            });
         },
-        isAdmin() {
-            return User.isAdmin();
+        adminPanel: function () {
+            return this.panel.filter((item) => {
+                return item.onlyAdmin;
+            });
         },
         isEditor() {
             return User.isEditor();
@@ -59,7 +49,6 @@ export default {
     },
     mounted() {
         this.loadPanel();
-        this.check();
     },
     methods: {
         loadPanel: function () {
@@ -78,22 +67,6 @@ export default {
                 console.log("loadPanel error", e);
             }
         },
-        check: function () {
-            try {
-                const isTeamMember = JSON.parse(localStorage.getItem("BoxTeam3"));
-
-                if (isTeamMember) {
-                    this.isTeamMember = isTeamMember === "true" || isTeamMember;
-                } else {
-                    checkTeamMember().then((res) => {
-                        this.isTeamMember = res.data.data;
-                        localStorage.setItem("BoxTeam3", this.isTeamMember);
-                    });
-                }
-            } catch (e) {
-                console.log("check error", e);
-            }
-        },
     },
 };
 </script>