@jx3box/jx3box-common-ui 5.7.9 → 5.7.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-common-ui",
-  "version": "5.7.9",
+  "version": "5.7.12",
   "description": "JX3BOX UI",
   "main": "index.js",
   "scripts": {
@@ -31,7 +31,7 @@
   ],
   "dependencies": {
     "@jx3box/jx3box-comment-ui": "^1.7.0",
-    "@jx3box/jx3box-common": "^7.1.5",
+    "@jx3box/jx3box-common": "^7.1.6",
     "@jx3box/jx3box-data": "^1.9.4",
     "@jx3box/jx3box-editor": "^1.2.7",
     "axios": "^0.26.1",

package/src/App.vue

@@ -65,6 +65,7 @@
 
                     <hr />
                     <uploadImage v-model="upload" info="非必选。首页海报尺寸1100*300（推荐2200*600支持高分屏），最大20M。"></uploadImage>
+                    <AuthorMedal :author-id="8"></AuthorMedal>
                 </el-tab-pane>
                 <el-tab-pane label="百科组件" name="wiki"
                     ><WikiPanel :wiki-post="wikiPost">
@@ -146,6 +147,7 @@ import clientBy from "./filters/clientBy.vue";
 import zlpBy from "./filters/zlpBy.vue";
 
 import uploadImage from './upload/upload_banner.vue'
+import AuthorMedal from './medal/medal.vue'
 
 import WikiPanel from "./wiki/WikiPanel.vue";
 import WikiRevisions from "./wiki/WikiRevisions.vue";
@@ -199,6 +201,7 @@ export default {
         zlpBy,
 
         uploadImage,
+        AuthorMedal,
 
         WikiPanel,
         WikiRevisions,

package/src/Box.vue

@@ -78,6 +78,22 @@ export default {
                 return "_blank";
             }
         },
+        loadMenu() {
+            try {
+                const _box = JSON.parse(sessionStorage.getItem("box"));
+                if (_box) {
+                    this.data = _box;
+                } else {
+                    getMenu('box').then(res => {
+                        this.data = res.data?.data?.val;
+                        sessionStorage.setItem("box", JSON.stringify(this.data));
+                    });
+                }
+            } catch(e) {
+                this.data = box;
+                console.log('loadBox error', e);
+            }
+        }
     },
     created: function () {
         if (this.overlayEnable) {
@@ -89,9 +105,7 @@ export default {
                 }, 200)
             );
         }
-        getMenu('box').then((res) => {
-            this.data = res.data?.data?.val || box;
-        });
+        this.loadMenu();
     },
     mounted: function () {
         Bus.$on("toggleBox", (status) => {
@@ -129,4 +143,4 @@ export default {
         .db;
     }
 }
-</style>
+</style>

package/src/header/nav.vue

@@ -95,13 +95,27 @@ export default {
         isSelf: function (link) {
             return link.startsWith("/") ? "_self" : "_blank";
         },
+        loadNav() {
+            try {
+                const nav = JSON.parse(sessionStorage.getItem("nav"));
+                if (nav) {
+                    this.nav = nav;
+                } else {
+                    getMenu("nav").then((res) => {
+                        if (res.data) {
+                            this.nav = res?.data?.data?.val
+                            sessionStorage.setItem("nav", JSON.stringify(this.nav));
+                        }
+                    });
+                }
+            } catch (e) {
+                this.nav = default_nav;
+                console.log('loadNav error', e);
+            }
+        }
     },
     created: function () {
-        getMenu("nav").then((res) => {
-            if (res.data) {
-                this.nav = res?.data?.data?.val || default_nav;
-            }
-        });
+
     },
     components: {},
 };

package/src/header/user.vue

@@ -230,9 +230,20 @@ export default {
             });
         },
         loadPanel: function () {
-            getMenu("panel").then((res) => {
-                this.panel = res.data?.data?.val || panel;
-            });
+            try {
+                const panel = JSON.parse(sessionStorage.getItem("panel"));
+                if (panel) {
+                    this.panel = panel;
+                } else {
+                    getMenu("panel").then((res) => {
+                        this.panel = res.data?.data?.val;
+                        sessionStorage.setItem("panel", JSON.stringify(this.panel));
+                    });
+                }
+            } catch (e) {
+                this.panel = panel;
+                console.log('loadPanel error', e);
+            }
         },
         logout: function () {
             User.destroy()

package/src/medal/medal.vue

@@ -0,0 +1,46 @@
+<template>
+    <div class="m-medal">
+        <a :href="medalLink(item)" target="_blank" class="u-medal" v-for="item in medals" :key="item.id" :title="item.medal_desc">
+            <img class="u-medal-img" :src="showIcon(item.medal)" alt="">
+        </a>
+    </div>
+</template>
+
+<script>
+import { getMedalLink } from '@jx3box/jx3box-common/js/utils'
+export default {
+    name: 'author_medal',
+    props: {
+        medals: {
+            type: Array,
+            default: () => [], // [{ rank_id, medal_desc, medal }]
+        },
+        showIcon: {
+            type: Function,
+            default: () => true,
+        }
+    },
+    methods: {
+
+        medalLink({ rank_id, subtype }) {
+            return getMedalLink(rank_id, subtype)
+        }
+    }
+}
+</script>
+
+<style lang="less">
+.m-medal {
+    display: block;
+    margin: 5px 0;
+
+    .u-medal {
+        cursor: pointer;
+        .u-medal-img {
+            width: 20px;
+            height: 20px;
+            margin-right: 5px;
+        }
+    }
+}
+</style>