成员管理路由
This commit is contained in:
W23123
parent
aaf36843f2
commit
da97b957fd
|
|
@ -6,6 +6,7 @@ import Workspace from "../settings/Workspace";
|
||||||
import User from "../settings/User";
|
import User from "../settings/User";
|
||||||
import CreateTestPlan from "../testPlan/CreateTestPlan";
|
import CreateTestPlan from "../testPlan/CreateTestPlan";
|
||||||
import Organization from "../settings/Organization";
|
import Organization from "../settings/Organization";
|
||||||
|
import WorkspaceUser from "../settings/WorkSpcaeUser";
|
||||||
|
|
||||||
Vue.use(VueRouter);
|
Vue.use(VueRouter);
|
||||||
|
|
||||||
|
|
@ -35,6 +36,9 @@ const router = new VueRouter({
|
||||||
{
|
{
|
||||||
path: 'organization',
|
path: 'organization',
|
||||||
component: Organization
|
component: Organization
|
||||||
|
},{
|
||||||
|
path:'workspace/user',
|
||||||
|
component: WorkspaceUser
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,62 +1,62 @@
|
||||||
<template>
|
<template>
|
||||||
<el-menu menu-trigger="click" :default-active="$route.path" router>
|
<el-menu menu-trigger="click" :default-active="$route.path" router>
|
||||||
<el-submenu index="1">
|
<el-submenu index="1">
|
||||||
<template slot="title">
|
<template slot="title">
|
||||||
<font-awesome-icon class="icon account" :icon="['far', 'address-card']" size="lg"/>
|
<font-awesome-icon class="icon account" :icon="['far', 'address-card']" size="lg"/>
|
||||||
<span>账号</span>
|
<span>账号</span>
|
||||||
</template>
|
</template>
|
||||||
<el-menu-item index="/content/user">用户</el-menu-item>
|
<el-menu-item index="/content/user">用户</el-menu-item>
|
||||||
<el-menu-item index="/content/organization">组织</el-menu-item>
|
<el-menu-item index="/content/organization">组织</el-menu-item>
|
||||||
<el-menu-item index="/content/workspace">工作空间</el-menu-item>
|
<el-menu-item index="/content/workspace">工作空间</el-menu-item>
|
||||||
<el-menu-item>API Keys</el-menu-item>
|
<el-menu-item>API Keys</el-menu-item>
|
||||||
</el-submenu>
|
</el-submenu>
|
||||||
<el-submenu index=2>
|
<el-submenu index=2>
|
||||||
<template slot="title">
|
<template slot="title">
|
||||||
<font-awesome-icon class="icon workspace" :icon="['far', 'clone']" size="lg"/>
|
<font-awesome-icon class="icon workspace" :icon="['far', 'clone']" size="lg"/>
|
||||||
<span>工作空间</span>
|
<span>工作空间</span>
|
||||||
</template>
|
</template>
|
||||||
<el-menu-item>成员</el-menu-item>
|
<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-menu-item>测试计划</el-menu-item>
|
||||||
<el-menu-item>警告</el-menu-item>
|
<el-menu-item>警告</el-menu-item>
|
||||||
</el-submenu>
|
</el-submenu>
|
||||||
<el-submenu index="3">
|
<el-submenu index="3">
|
||||||
<template slot="title">
|
<template slot="title">
|
||||||
<font-awesome-icon class="icon" :icon="['far', 'user']" size="lg"/>
|
<font-awesome-icon class="icon" :icon="['far', 'user']" size="lg"/>
|
||||||
<span>个人</span>
|
<span>个人</span>
|
||||||
</template>
|
</template>
|
||||||
<el-menu-item>个人设置</el-menu-item>
|
<el-menu-item>个人设置</el-menu-item>
|
||||||
<el-menu-item>API Keys</el-menu-item>
|
<el-menu-item>API Keys</el-menu-item>
|
||||||
</el-submenu>
|
</el-submenu>
|
||||||
</el-menu>
|
</el-menu>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "MsSettingMenu"
|
name: "MsSettingMenu"
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.el-menu {
|
.el-menu {
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-menu-item {
|
.el-menu-item {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.account {
|
.account {
|
||||||
color: #5a78f0;
|
color: #5a78f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.workspace {
|
.workspace {
|
||||||
color: #44b349;
|
color: #44b349;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
Loading…
Reference in New Issue