@jx3box/jx3box-ui 2.0.5 → 2.0.7

package/src/bread/AdminDrop.vue

@@ -2,27 +2,59 @@
     <div class="c-admin-drop">
         <el-dropdown trigger="click" @command="handleCommand">
             <el-button type="primary" class="c-admin-button c-admin-drop__button" :size="buttonSize" icon="Setting">
-                管理 <el-icon style="margin-left: 5px"><ArrowDown></ArrowDown></el-icon>
+                {{ $jx3boxT("jx3boxUi.adminDrop.manage", "管理") }}
+                <el-icon style="margin-left: 5px"><ArrowDown></ArrowDown></el-icon>
             </el-button>
             <template #dropdown>
                 <el-dropdown-menu>
-                    <el-dropdown-item v-if="isEditor" command="toggleAdminPanel" icon="Setting">
-                        <span>设置</span>
+                    <el-dropdown-item
+                        v-if="!isCommunity && hasPermission('update_post')"
+                        command="toggleAdminPanel"
+                        icon="Setting"
+                    >
+                        <span>{{ $jx3boxT("jx3boxUi.adminDrop.setting", "设置") }}</span>
                     </el-dropdown-item>
-                    <el-dropdown-item v-if="isEditor" command="directMessage" icon="Message">
-                        <span>私信</span>
+                    <el-dropdown-item v-else-if="isCommunity" command="toggleCommunityAdminPanel" icon="Setting">
+                        <span>{{ $jx3boxT("jx3boxUi.adminDrop.setting", "设置") }}</span>
+                    </el-dropdown-item>
+                    <el-dropdown-item
+                        v-if="hasPermission('update_post') && !isCommunity"
+                        command="editPost"
+                        icon="Edit"
+                    >
+                        <span>{{ $jx3boxT("jx3boxUi.adminDrop.edit", "编辑") }}</span>
+                    </el-dropdown-item>
+                    <el-dropdown-item
+                        v-if="hasPermission('create_system_message')"
+                        command="directMessage"
+                        icon="Message"
+                    >
+                        <span>{{ $jx3boxT("jx3boxUi.adminDrop.message", "私信") }}</span>
+                    </el-dropdown-item>
+                    <el-dropdown-item
+                        v-if="hasPermission('manage_post_move') && showMove"
+                        command="onMoveToCommunity"
+                        icon="Refresh"
+                    >
+                        <span>转移</span>
+                    </el-dropdown-item>
+                    <el-dropdown-item command="migrate" v-if="isCommunity" icon="Refresh">
+                        <span>迁移</span>
                     </el-dropdown-item>
                     <el-dropdown-item icon="UploadFilled" command="designTask" v-if="hasPermission('push_banner')">
-                        <span>推送</span>
+                        <span>{{ $jx3boxT("jx3boxUi.adminDrop.push", "推送") }}</span>
                     </el-dropdown-item>
                     <el-dropdown-item v-if="showRobotPic" icon="Refresh" command="pictureTask">
-                        <span>刷图</span>
+                        <span>{{ $jx3boxT("jx3boxUi.adminDrop.pictureTask", "刷图") }}</span>
                     </el-dropdown-item>
                 </el-dropdown-menu>
             </template>
         </el-dropdown>
 
         <design-task v-model="showDesignTask" :post="post"></design-task>
+        <CommunityAdmin v-model="communityAdminVisible" :postId="post && post.id" />
+        <MoveToCommunityDialog v-model="moveVisible" :post="post" />
+        <MigrateCommunity v-model="showMigrate" :communityId="sourceId" />
     </div>
 </template>
 
@@ -30,14 +62,30 @@
 import Bus from "../../utils/bus";
 import User from "@jx3box/jx3box-common/js/user";
 import DesignTask from "./DesignTask.vue";
+import MoveToCommunityDialog from "./MoveToCommunityDialog.vue";
+import MigrateCommunity from "./MigrateCommunity.vue";
+import CommunityAdmin from "./CommunityAdmin.vue";
 import { sendMessage } from "../../service/admin";
 import { refreshQQBotImage } from "../../service/cms";
+import i18nMixin from "../../i18n/mixin";
 export default {
     name: "AdminDrop",
+    mixins: [i18nMixin],
     components: {
         DesignTask,
+        MoveToCommunityDialog,
+        MigrateCommunity,
+        CommunityAdmin,
     },
     props: {
+        isCommunity: {
+            type: Boolean,
+            default: false,
+        },
+        showMove: {
+            type: Boolean,
+            default: false,
+        },
         buttonSize: {
             type: String,
             default: "default",
@@ -57,7 +105,10 @@ export default {
     },
     data() {
         return {
+            moveVisible: false,
+            communityAdminVisible: false,
             showDesignTask: false,
+            showMigrate: false,
         };
     },
     computed: {
@@ -65,48 +116,71 @@ export default {
             return User.isEditor();
         },
         sourceId() {
-            return this.post?.ID;
+            if (this.isCommunity) {
+                return this.post?.id;
+            } else {
+                return this.post?.ID;
+            }
         },
         sourceType() {
-            return this.post?.post_type;
+            if (this.isCommunity) {
+                return "community";
+            } else {
+                return this.post?.post_type;
+            }
+        },
+        edit_link: function () {
+            return editLink(this.post?.post_type, this.post?.ID);
         },
     },
     methods: {
         handleCommand(command) {
             this[command]();
         },
+        toggleCommunityAdminPanel() {
+            this.communityAdminVisible = true;
+        },
         toggleAdminPanel() {
             Bus.emit("toggleAdminPanel");
         },
+        onMoveToCommunity() {
+            this.moveVisible = true;
+        },
         directMessage() {
-            this.$prompt("请输入私信内容", "管理私信", {
-                confirmButtonText: "确定",
-                cancelButtonText: "取消",
-                inputPlaceholder: "请输入私信内容",
-                inputValidator: (value) => {
-                    if (!value) {
-                        return "请输入私信内容";
-                    }
-                },
-                beforeClose: (action, instance, done) => {
-                    if (action === "confirm") {
-                        const data = {
-                            source_id: String(this.sourceId),
-                            source_type: this.sourceType,
-                            user_id: this.userId,
-                            content: "运营通知：" + instance.inputValue,
-                            type: "system",
-                            subtype: "admin_message",
-                        };
-                        sendMessage(data).then(() => {
-                            this.$message.success("私信成功");
+            this.$prompt(
+                this.$jx3boxT("jx3boxUi.adminDrop.messageInput", "请输入私信内容"),
+                this.$jx3boxT("jx3boxUi.adminDrop.messageTitle", "管理私信"),
+                {
+                    confirmButtonText: this.$jx3boxT("jx3boxUi.common.confirm", "确定"),
+                    cancelButtonText: this.$jx3boxT("jx3boxUi.common.cancel", "取消"),
+                    inputPlaceholder: this.$jx3boxT("jx3boxUi.adminDrop.messageInput", "请输入私信内容"),
+                    inputValidator: (value) => {
+                        if (!value) {
+                            return this.$jx3boxT("jx3boxUi.adminDrop.messageInput", "请输入私信内容");
+                        }
+                    },
+                    beforeClose: (action, instance, done) => {
+                        if (action === "confirm") {
+                            const data = {
+                                source_id: String(this.sourceId),
+                                source_type: this.sourceType,
+                                user_id: this.userId,
+                                content:
+                                    this.$jx3boxT("jx3boxUi.adminDrop.noticePrefix", "运营通知：") +
+                                    instance.inputValue,
+                                type: "system",
+                                subtype: "admin_message",
+                            };
+                            sendMessage(data).then(() => {
+                                this.$message.success(this.$jx3boxT("jx3boxUi.adminDrop.messageSuccess", "私信成功"));
+                                done();
+                            });
+                        } else {
                             done();
-                        });
-                    } else {
-                        done();
-                    }
-                },
-            }).catch(() => {});
+                        }
+                    },
+                }
+            ).catch(() => {});
         },
         designTask() {
             this.showDesignTask = true;
@@ -128,28 +202,33 @@ export default {
                     task_target_id,
                 }).then((res) => {
                     if (!res.data.code) {
-                        this.$message.success("QQ机器人图片生成提交成功");
+                        this.$message.success(
+                            this.$jx3boxT("jx3boxUi.adminDrop.pictureSuccess", "QQ机器人图片生成提交成功")
+                        );
                     }
                 });
             } else {
-                this.$message.error("参数不正确");
+                this.$message.error(this.$jx3boxT("jx3boxUi.adminDrop.invalidParams", "参数不正确"));
             }
         },
+        editPost() {
+            location.href = this.edit_link + "?from=admin";
+        },
         hasPermission(permission) {
             return User.hasPermission(permission);
         },
+        migrate() {
+            this.showMigrate = true;
+        },
     },
 };
 </script>
 
 <style lang="less">
 .c-admin-drop {
-    float: right;
-    margin-top: -2px;
-    margin-right: 10px;
-}
-.c-admin-drop__button {
-    padding: 8px 18px !important;
-    align-items: center;
+    .c-admin-drop__button {
+        // padding: 8px 12px !important;
+        // align-items: center;
+    }
 }
 </style>