@jx3box/jx3box-editor 1.2.3 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-editor",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "JX3BOX Article & Editor",
   "main": "index.js",
   "scripts": {
@@ -41,6 +41,7 @@
     "axios": "^0.19.2",
     "core-js": "^3.6.5",
     "csslab": "^4.0.3",
+    "dayjs": "^1.10.7",
     "element-ui": "^2.13.2",
     "hevue-img-preview": "^5.0.0",
     "highlight.js": "^11.3.1",

package/src/Item.vue

@@ -22,7 +22,7 @@
             <div
                 v-if="parseInt(source.MaxExistTime) > 0"
                 class="u-max-exist-time"
-                v-text="'存在时间：' + second_format(source.MaxExistTime)"
+                v-text="'限时时间：' + showDuration(source.MaxExistTime)"
             ></div>
             <!-- 最大拥有数 -->
             <div
@@ -242,12 +242,17 @@
 
 <script>
 import { get_item } from "../service/item.js";
-import second_format from "../assets/js/item/second_format.js";
+
 import attribute_percent from "../assets/js/item/attribute_percent.js";
 import bind from "../assets/js/item/bind.js";
 import color from "../assets/js/item/color.js";
 import { iconLink } from "@jx3box/jx3box-common/js/utils";
 
+import second_format from "../assets/js/item/second_format.js";
+import dayjs from 'dayjs';
+import duration from 'dayjs/plugin/duration'
+dayjs.extend(duration);
+
 export default {
     name: "Item",
     props: ["item", "item_id", "jx3ClientType","client"],
@@ -280,6 +285,10 @@ export default {
             return iconLink(id,this.final_client)
         },
         second_format,
+        showDuration : function (val){
+            val = Number(val)
+            return val && dayjs.duration(val).asDays().toFixed(0) + '天';
+        },
         attribute_percent,
         bind,
         color,
@@ -334,4 +343,4 @@ export default {
 
 <style lang="less">
 @import "../assets/css/module/item.less";
-</style>
+</style>