成员管理路由

This commit is contained in:
W23123 2020-02-13 12:22:06 +08:00
parent aaf36843f2
commit da97b957fd
3 changed files with 191 additions and 50 deletions

View File

@ -6,6 +6,7 @@ import Workspace from "../settings/Workspace";
import User from "../settings/User";
import CreateTestPlan from "../testPlan/CreateTestPlan";
import Organization from "../settings/Organization";
import WorkspaceUser from "../settings/WorkSpcaeUser";
Vue.use(VueRouter);
@ -35,6 +36,9 @@ const router = new VueRouter({
{
path: 'organization',
component: Organization
},{
path:'workspace/user',
component: WorkspaceUser
}
]
},

View File

@ -1,62 +1,62 @@
<template>
<el-menu menu-trigger="click" :default-active="$route.path" router>
<el-submenu index="1">
<template slot="title">
<font-awesome-icon class="icon account" :icon="['far', 'address-card']" size="lg"/>
<span>账号</span>
</template>
<el-menu-item index="/content/user">用户</el-menu-item>
<el-menu-item index="/content/organization">组织</el-menu-item>
<el-menu-item index="/content/workspace">工作空间</el-menu-item>
<el-menu-item>API Keys</el-menu-item>
</el-submenu>
<el-submenu index=2>
<template slot="title">
<font-awesome-icon class="icon workspace" :icon="['far', 'clone']" size="lg"/>
<span>工作空间</span>
</template>
<el-menu-item>成员</el-menu-item>
<el-menu-item>证书</el-menu-item>
<el-menu-item>测试计划</el-menu-item>
<el-menu-item>警告</el-menu-item>
</el-submenu>
<el-submenu index="3">
<template slot="title">
<font-awesome-icon class="icon" :icon="['far', 'user']" size="lg"/>
<span>个人</span>
</template>
<el-menu-item>个人设置</el-menu-item>
<el-menu-item>API Keys</el-menu-item>
</el-submenu>
</el-menu>
<el-menu menu-trigger="click" :default-active="$route.path" router>
<el-submenu index="1">
<template slot="title">
<font-awesome-icon class="icon account" :icon="['far', 'address-card']" size="lg"/>
<span>账号</span>
</template>
<el-menu-item index="/content/user">用户</el-menu-item>
<el-menu-item index="/content/organization">组织</el-menu-item>
<el-menu-item index="/content/workspace">工作空间</el-menu-item>
<el-menu-item>API Keys</el-menu-item>
</el-submenu>
<el-submenu index=2>
<template slot="title">
<font-awesome-icon class="icon workspace" :icon="['far', 'clone']" size="lg"/>
<span>工作空间</span>
</template>
<el-menu-item index="/content/workspace/user">成员</el-menu-item>
<el-menu-item>证书</el-menu-item>
<el-menu-item>测试计划</el-menu-item>
<el-menu-item>警告</el-menu-item>
</el-submenu>
<el-submenu index="3">
<template slot="title">
<font-awesome-icon class="icon" :icon="['far', 'user']" size="lg"/>
<span>个人</span>
</template>
<el-menu-item>个人设置</el-menu-item>
<el-menu-item>API Keys</el-menu-item>
</el-submenu>
</el-menu>
</template>
<script>
export default {
name: "MsSettingMenu"
}
export default {
name: "MsSettingMenu"
}
</script>
<style scoped>
.el-menu {
border-right: 0;
}
.el-menu {
border-right: 0;
}
.el-menu-item {
height: 40px;
line-height: 40px;
}
.el-menu-item {
height: 40px;
line-height: 40px;
}
.icon {
width: 24px;
margin-right: 10px;
}
.icon {
width: 24px;
margin-right: 10px;
}
.account {
color: #5a78f0;
}
.account {
color: #5a78f0;
}
.workspace {
color: #44b349;
}
.workspace {
color: #44b349;
}
</style>

View File

@ -0,0 +1,137 @@
<template>
<div v-loading="loading">
<el-card>
<div slot="header">
<el-row type="flex" justify="space-between" align="middle">
<span class="title">工作空间</span>
<span class="search">
<el-input type="text" size="small" placeholder="根据名称搜索" prefix-icon="el-icon-search"
maxlength="60" v-model="condition" clearable/>
</span>
</el-row>
</div>
<el-table :data="items" style="width: 100%">
<el-table-column prop="name" label="名称"/>
<el-table-column prop="description" label="描述"/>
<el-table-column width="100">
<template slot-scope="scope">
<el-button @click="edit(scope.row)" type="primary" icon="el-icon-edit" size="mini" circle
class="edit"/>
<el-popconfirm title="这个工作空间确定要删除吗?" @onConfirm="del(scope.row)">
<el-button slot="reference" type="primary" icon="el-icon-delete" size="mini"
circle
class="edit"/>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
</el-card>
<ms-create-box :tips="btnTips" :exec="create"/>
<el-dialog title="创建工作空间" :visible.sync="createVisible" width="30%">
<el-form :model="form" :rules="rules" ref="form" label-position="left" label-width="100px" size="small">
<el-form-item label="名称" prop="name">
<el-input v-model="form.name" autocomplete="off"/>
</el-form-item>
<el-form-item label="描述">
<el-input type="textarea" v-model="form.description"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="submit('form')" size="medium">创建</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import MsCreateBox from "./CreateBox";
import {Message} from "element-ui";
export default {
name: "MsWorkspace",
components: {MsCreateBox},
mounted() {
this.list();
},
methods: {
create() {
this.createVisible = true;
this.form = {};
},
submit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.loading = true;
this.$post("/workspace/save", this.form, () => {
this.createVisible = false;
this.loading = false;
this.list();
Message.success('保存成功');
})
} else {
return false;
}
});
},
edit(row) {
this.createVisible = true;
window.console.log(row);
this.loading = true;
this.form = row;
// let self = this;
// let getUser1 = this.$get("/test/user");
// let getUser2 = this.$get("/test/sleep");
// this.$all([getUser1, getUser2], function (r1, r2) {
// window.console.log(r1.data.data, r2.data.data);
// self.loading = false;
// });
},
del(row) {
this.$get('/workspace/delete/' + row.id, () => {
Message.success('删除成功');
this.list();
});
window.console.log(row);
},
list() {
this.$post('/workspace/list', {}, response => {
this.items = response.data;
})
}
},
data() {
return {
loading: false,
createVisible: false,
btnTips: "添加工作空间",
condition: "",
items: [],
form: {
// name: "",
// description: ""
},
rules: {
name: [
{required: true, message: '请输入工作空间名称', trigger: 'blur'},
{min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur'}
]
},
}
}
}
</script>
<style scoped>
.search {
width: 240px;
}
.edit {
opacity: 0;
}
.el-table__row:hover .edit {
opacity: 1;
}
</style>