@jx3box/jx3box-vue3-ui 0.4.10 → 0.4.12

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.4.10",
+    "version": "0.4.12",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/src/App.vue

@@ -21,6 +21,7 @@
         </LeftSidebar>
 
         <Main :withoutLeft="false" :withoutRight="false">
+            <!-- <Admin :fromList="true" :show="true" :postId="post_id" @update="update"></Admin> -->
             <!-- <clientBy @filter="filterMeta" :type="client"></clientBy>
 
             <markBy @filter="filterMeta"></markBy>
@@ -84,6 +85,7 @@ import PostTopic from "./single/PostTopic.vue";
 import axios from "axios";
 import post_topics from "@jx3box/jx3box-common/data/post_topics.json";
 import { get_item } from "../service/item";
+// import Admin from "@/bread/Admin.vue";
 export default {
     name: "App",
     components: {
@@ -94,6 +96,7 @@ export default {
         PostHeader,
         PostTopic,
         UploadAlum,
+        // Admin,
     },
     data() {
         return {
@@ -120,6 +123,9 @@ export default {
         },
     },
     methods: {
+        update(data) {
+            console.log(data);
+        },
         loadPost() {
             axios.get(`/api/cms/post/${this.post_id}`).then((res) => {
                 this.post = res.data.data;

package/src/bread/Admin.vue

@@ -116,6 +116,22 @@ import MARK from "@jx3box/jx3box-common/data/mark.json";
 // import { onClickOutside } from "@vueuse/core";
 export default {
     name: "BreadAdmin",
+    emits: ["update"],
+    props: {
+        // 入口是否是后台管理/list
+        fromList: {
+            type: Boolean,
+            default: false,
+        },
+        show: {
+            type: Boolean,
+            default: false,
+        },
+        postId: {
+            type: [Number, String],
+            default: 0,
+        },
+    },
     data() {
         return {
             // 可视
@@ -261,6 +277,7 @@ export default {
         push: function () {
             postSetting(this.data)
                 .then(() => {
+                    this.$emit("update", this.data);
                     this.$message({
                         message: "设置成功",
                         type: "success",
@@ -276,6 +293,18 @@ export default {
         "$route.params.id": function () {
             this.checkPostID();
         },
+        show: {
+            immediate: true,
+            handler(bol) {
+                if (this.fromList) {
+                    this.dialog_visible = bol;
+                    if (bol) {
+                        this.pid = this.postId;
+                        this.pull();
+                    }
+                }
+            },
+        },
     },
     created: function () {
         // 是否mount