@jx3box/jx3box-common-ui 5.7.10 → 5.7.11

package/package.json

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

package/src/App.vue

@@ -147,7 +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/author_medal.vue'
+import AuthorMedal from './medal/medal.vue'
 
 import WikiPanel from "./wiki/WikiPanel.vue";
 import WikiRevisions from "./wiki/WikiRevisions.vue";

package/src/medal/{author_medal.vue → medal.vue}

@@ -1,27 +1,25 @@
 <template>
     <div class="m-medal">
         <a :href="medalLink(item)" class="u-medal" v-for="item in medals" :key="item.id" :title="item.medal_desc">
-            <img class="u-medal-img" :src="medalImagePath(item.medal)" alt="">
+            <img class="u-medal-img" :onerror="`this.src=${errorPath}`" :src="medalImagePath(item.medal)" alt="">
         </a>
     </div>
 </template>
 
 <script>
-import { getMedals } from '../../service/next'
 import { __imgPath } from '@jx3box/jx3box-common/data/jx3box.json'
 import { getMedalLink } from '@jx3box/jx3box-common/js/utils'
 export default {
     name: 'author_medal',
     props: {
-        authorId: {
-            type: Number,
-            default: 0
+        medals: {
+            type: Array,
+            default: () => [], // [{ id, medal_desc, medal }]
+        },
+        subtype: {
+            type: String,
+            default: '', // team, user
         },
-    },
-    data() {
-        return {
-            medals: [],
-        }
     },
     watch: {
         authorId: {
@@ -32,13 +30,11 @@ export default {
         }
     },
     methods: {
-        loadAuthorMedal() {
-            getMedals(this.authorId).then(res => {
-                this.medals = res.data.data
-            })
-        },
         medalImagePath(medal) {
-            return `${__imgPath}image/medals/user/${medal}.gif`
+            return `${__imgPath}image/medals/${this.subtype}/${medal}.gif`
+        },
+        errorPath(medal) {
+            return `${__imgPath}image/medals/${this.subtype}/${medal}.png`
         },
         medalLink({ rank_id, subtype }) {
             return getMedalLink(rank_id, subtype)

package/service/next.js

@@ -1,7 +0,0 @@
-import { $next } from "@jx3box/jx3box-common/js/https";
-
-function getMedals(author){
-    return $next({ mute: true }).get(`api/user/${author}/medals`);
-}
-
-export { getMedals };