init

src/locales/zh-CN.json

@@ -129,6 +129,7 @@
 	"Custom module": "自定义模块",
 	"Package manager": "包管理",
   "Projectx config": "星速台配置",
+  "Auth manager": "权限管理",
 	"Custom module asset mapping": "自定义模块素材映射",
 	"Copy template to clipboard": "复制模板到粘贴板",
 	"Copied process to clipboard": "复制过程到粘贴板",
@@ -170,6 +171,7 @@
 	"Are you sure to combine those assets?": "确定合并这些素材吗",
 	"Are you sure to delete all assets": "确定删除全部素材吗",
   "Are you sure to delete this item": "确定删除这一项吗",
+  "Are you sure to delete this user auth": "确定删除这一用户权限",
 	"Rename asset": "重命名素材",
 	"Input asset name": "输入素材名",
 	"Invalid asset name": "无效的素材名",

src/views/Editor/dialogs/DetailsDialog.vue

@@ -25,6 +25,9 @@
 			<el-tab-pane :label="$t('Projectx config')" name="projectxConfig">
 				<projectx-config ref="projectxConfig"/>
 			</el-tab-pane>
+      <el-tab-pane :label="$t('Auth manager')" name="authManagerEditor">
+				<auth-manager-editor></auth-manager-editor>
+			</el-tab-pane>
 		</el-tabs>
 		<div slot="footer" class="dialog-footer">
 			<div></div>
@@ -44,6 +47,7 @@
 	import DataMappingEditor from "./editors/DataMappingEditor";
 	import ProjectxConfig from "./editors/ProjectxConfig";
 	import PackageManagerEditor from "./editors/PackageManagerEditor";
+	import AuthManagerEditor from "./editors/AuthManagerEditor";
 
 	const refs = [
 		'projectEditor',
@@ -52,13 +56,14 @@
 		'customModuleEditor',
 		'packageManager',
     'projectxConfig',
+    'authManagerEditor'
 	];
 
 	export default {
 		name: "DetailsDialog",
 		components: {
 			PackageManagerEditor, DataMappingEditor, CustomModuleEditor, EnvEditor, ProjectEditor,
-			ProjectxConfig
+			ProjectxConfig, AuthManagerEditor
 		},
 		data() {
 			return {

src/views/Editor/dialogs/editors/AuthManagerEditor.vue

+<template>
+  <div class="project-auth-manager">
+    <el-card shadow="hover">
+      <h3 class="title">当前权限用户列表</h3>
+      <el-tag
+        :key="tag"
+        v-for="tag in authList"
+        closable
+        :disable-transitions="false"
+        @close="deleteAuth(tag)"
+      >
+        {{ tag }}
+      </el-tag>
+    </el-card>
+  </div>
+</template>
+<script>
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "AuthManagerEditor",
+  data() {
+    return {
+      authList: ["张超", "姜西西", "王竹君"],
+    };
+  },
+  methods: {
+    deleteAuth(tag) {
+      this.$confirm(this.$t('Are you sure to delete this user auth') + tag, this.$t('Alert'), {
+					confirmButtonText: this.$t('Confirm'),
+					cancelButtonText: this.$t('Cancel'),
+					type: 'warning'
+				}).then(() => {
+					this.authList = this.authList.filter(item => item !== tag);
+				}).catch((e) => {
+				});
+      console.log(tag);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.el-tag + .el-tag {
+  margin-left: 10px;
+}
+</style>