Skip to content

A
apaas-ui
Commit f2d05d19 authored by 徐一鸣's avatar 徐一鸣
Browse files
Options

up pages

parent d8e67540
Hide whitespace changes
Inline Side-by-side
Showing with 320 additions and 347 deletions
src/pages/fwgl.vue
View file @ f2d05d19
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
<script> <script>
import sideNavBar from "@/components/side-nav-bar"; import sideNavBar from "@/components/side-nav-bar";
import { mapState } from "vuex";
export default { export default {
components: { components: {
...@@ -22,6 +23,11 @@ export default { ...@@ -22,6 +23,11 @@ export default {
data: () => ({ data: () => ({
navList: [], navList: [],
}), }),
computed: {
...mapState({
fwglNav: "fwglNav",
}),
},
watch: { watch: {
"$route.fullPath"(path) { "$route.fullPath"(path) {
this.initNavList(); this.initNavList();
...@@ -31,61 +37,10 @@ export default { ...@@ -31,61 +37,10 @@ export default {
initNavList() { initNavList() {
let level = parseInt(this.$route.params.level); let level = parseInt(this.$route.params.level);
// 普通用户 this.navList = this.fwglNav[level].map((item, index) => ({
if (level == 0) { name: item,
this.navList = [ path: `/fwgl/list/${level}/${index}`,
{ }));
name: "注册发布的服务",
path: `/fwgl/list/${level}/0`,
},
{
name: "申请的服务",
path: `/fwgl/list/${level}/1`,
},
{
name: "审批的服务",
path: `/fwgl/list/${level}/2`,
},
{
name: "云资源服务",
path: `/fwgl/list/${level}/3`,
},
];
}
// 组织管理员
else if (level == 1) {
this.navList = [
{
name: "组织服务管理",
path: `/fwgl/list/${level}/0`,
},
{
name: "服务审批管理",
path: `/fwgl/list/${level}/1`,
},
{
name: "云资源管理",
path: `/fwgl/list/${level}/2`,
},
];
}
// 超级管理员
else if (level == 2) {
this.navList = [
{
name: "平台服务管理",
path: `/fwgl/list/${level}/0`,
},
{
name: "服务审批管理",
path: `/fwgl/list/${level}/1`,
},
{
name: "云资源管理",
path: `/fwgl/list/${level}/2`,
},
];
}
}, },
}, },
mounted() { mounted() {
......
src/pages/fwglList.vue
View file @ f2d05d19
...@@ -2,14 +2,14 @@ ...@@ -2,14 +2,14 @@
<div class="list_container"> <div class="list_container">
<el-breadcrumb separator="/" class="bread_crumb"> <el-breadcrumb separator="/" class="bread_crumb">
<el-breadcrumb-item>我的服务</el-breadcrumb-item> <el-breadcrumb-item>我的服务</el-breadcrumb-item>
<el-breadcrumb-item>{{ $route.params.name }}</el-breadcrumb-item> <el-breadcrumb-item>{{ pathName }}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<div class="table_container"> <div class="table_container">
<ces-table <ces-table
class="r_yhgl_table" class="r_yhgl_table"
size="mini" size="mini"
url="tableData" url="tableData"
:detailsUrl="`/fwgl/servicedetail/${$route.params.level}/`" :detailsUrl="`/fwgl/servicedetail/${level}/`"
:border="false" :border="false"
:headers="headers" :headers="headers"
:searchShow="true" :searchShow="true"
...@@ -39,9 +39,12 @@ ...@@ -39,9 +39,12 @@
<script> <script>
import cesTable from "@/components/table-um"; import cesTable from "@/components/table-um";
import dialogAction from "@/components/dialog-action"; import dialogAction from "@/components/dialog-action";
import { mapState } from "vuex";
export default { export default {
data: () => ({ data: () => ({
level: 0, // 用户等级
type: 0, // 访问的页面
headers: [], headers: [],
url: "", url: "",
detailsUrl: "ss/", detailsUrl: "ss/",
...@@ -89,11 +92,301 @@ export default { ...@@ -89,11 +92,301 @@ export default {
}, },
], ],
}), }),
computed: {
...mapState({
fwglNav: "fwglNav",
}),
pathName() {
return this.fwglNav[this.level][this.type];
},
},
components: { components: {
cesTable, cesTable,
dialogAction, dialogAction,
}, },
methods: { methods: {
initHeader() {
let level = this.level;
let type = this.type;
// 普通用户 --- 注册发布的服务
if (level == 0 && type == 0) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "address", type: "", align: "center" },
{ label: "服务描述", prop: "address", type: "", align: "left" },
{
label: "注册发布时间",
prop: "address",
type: "",
align: "center",
},
{ label: "服务类型", prop: "address", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 240,
btnList: [
{
type: "action-edit",
label: "编辑",
line: "|",
},
{
type: "action-sold-out",
label: "申请下架",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 普通用户 --- 申请的服务
else if (level == 0 && type == 1) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "address", type: "", align: "center" },
{ label: "服务描述", prop: "address", type: "", align: "left" },
{ label: "申请时间", prop: "address", type: "", align: "center" },
{ label: "服务类型", prop: "address", type: "", align: "center" },
{ label: "申请状态", prop: "address", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
btnList: [
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 普通用户 --- 审批的服务
else if (level == 0 && type == 2) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "address", type: "", align: "center" },
{ label: "开放程度", prop: "address", type: "", align: "center" },
{ label: "请求方式", prop: "address", type: "", align: "center" },
{ label: "服务描述", prop: "address", type: "", align: "left" },
{ label: "审批时间", prop: "address", type: "", align: "center" },
{ label: "服务类型", prop: "address", type: "", align: "center" },
{ label: "审批状态", prop: "address", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-examine",
label: "审批",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 普通用户 --- 云资源服务
else if (level == 0 && type == 3) {
this.headers = [
{ label: "工作区域", prop: "name", type: "href", align: "center" },
{ label: "网络环境", prop: "name", type: "", align: "center" },
{ label: "CPU（核）", prop: "name", type: "", align: "center" },
{ label: "内存（GB）", prop: "name", type: "", align: "center" },
{ label: "资源总量（GB）", prop: "name", type: "", align: "center" },
{ label: "实例数（个）", prop: "name", type: "", align: "center" },
{ label: "申请时间", prop: "name", type: "", align: "center" },
{ label: "申请状态", prop: "name", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-detail",
label: "查看详情",
},
],
},
];
}
// 组织管理员 --- 组织服务管理
else if (level == 1 && type == 0) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "注册发布时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{ label: "服务状态", prop: "date", type: "", align: "center" },
];
}
// 组织管理员 --- 服务审批管理
else if (level == 1 && type == 1) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "审批时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{ label: "审批状态", prop: "date", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-examine",
label: "审批",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 组织管理员 --- 云资源管理
else if (level == 1 && type == 2) {
this.headers = [
{ label: "工作区域", prop: "name", type: "href", align: "center" },
{ label: "网络环境", prop: "name", type: "", align: "center" },
{ label: "CPU（核）", prop: "name", type: "", align: "center" },
{ label: "内存（GB）", prop: "name", type: "", align: "center" },
{ label: "资源总量（GB）", prop: "name", type: "", align: "center" },
{ label: "实例数（个）", prop: "name", type: "", align: "center" },
{ label: "使用用户", prop: "name", type: "", align: "center" },
{ label: "用户申请时间", prop: "name", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-allot",
label: "分配",
},
],
},
];
}
// 超级管理员 --- 组织服务管理
else if (level == 2 && type == 0) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "注册发布时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 240,
btnList: [
{
type: "action-edit",
label: "编辑",
line: "|",
},
{
type: "action-sold-out-2",
label: "下架",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 超级管理员 --- 服务审批管理
else if (level == 2 && type == 1) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "审批时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{ label: "审批状态", prop: "date", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-examine",
label: "审批",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 超级管理员 --- 云资源管理
else if (level == 2 && type == 2) {
this.headers = [
{ label: "所属组织", prop: "name", type: "href", align: "center" },
{ label: "CPU使用量", prop: "name", type: "", align: "center" },
{ label: "内存使用量", prop: "name", type: "", align: "center" },
{ label: "工作区域数量", prop: "name", type: "", align: "center" },
{ label: "创建时间", prop: "name", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
btnList: [
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// Error
else {
this.headers = [];
throw Error("The page doesn't exist");
}
},
deleteItem(item) { deleteItem(item) {
this.confirmOptions.title = ""; this.confirmOptions.title = "";
this.confirmOptions.message = "是否删除该条服务？"; this.confirmOptions.message = "是否删除该条服务？";
...@@ -124,8 +417,7 @@ export default { ...@@ -124,8 +417,7 @@ export default {
}, },
soldOutItem2(item) { soldOutItem2(item) {
this.confirmOptions.title = "提示"; this.confirmOptions.title = "提示";
this.confirmOptions.message = this.confirmOptions.message = "下架此服务会导致用户被迫暂停对服务的调用";
"下架此服务会导致用户被迫暂停对服务的调用";
this.confirmOptions.btnCancelText = ""; this.confirmOptions.btnCancelText = "";
this.confirmOptions.btnSubmitText = "确定"; this.confirmOptions.btnSubmitText = "确定";
this.confirmOptions.confirmSubmit = () => { this.confirmOptions.confirmSubmit = () => {
...@@ -150,287 +442,10 @@ export default { ...@@ -150,287 +442,10 @@ export default {
console.log(item.name); console.log(item.name);
}, },
}, },
mounted() { created() {
let level = parseInt(this.$route.params.level); this.level = parseInt(this.$route.params.level);
let type = parseInt(this.$route.params.type); this.type = parseInt(this.$route.params.type);
this.initHeader();
// 普通用户 --- 注册发布的服务
if (level == 0 && type == 0) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "address", type: "", align: "center" },
{ label: "服务描述", prop: "address", type: "", align: "left" },
{
label: "注册发布时间",
prop: "address",
type: "",
align: "center",
},
{ label: "服务类型", prop: "address", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 240,
btnList: [
{
type: "action-edit",
label: "编辑",
line: "|",
},
{
type: "action-sold-out",
label: "申请下架",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 普通用户 --- 申请的服务
else if (level == 0 && type == 1) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "address", type: "", align: "center" },
{ label: "服务描述", prop: "address", type: "", align: "left" },
{ label: "申请时间", prop: "address", type: "", align: "center" },
{ label: "服务类型", prop: "address", type: "", align: "center" },
{ label: "申请状态", prop: "address", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
btnList: [
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 普通用户 --- 审批的服务
else if (level == 0 && type == 2) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "address", type: "", align: "center" },
{ label: "开放程度", prop: "address", type: "", align: "center" },
{ label: "请求方式", prop: "address", type: "", align: "center" },
{ label: "服务描述", prop: "address", type: "", align: "left" },
{ label: "审批时间", prop: "address", type: "", align: "center" },
{ label: "服务类型", prop: "address", type: "", align: "center" },
{ label: "审批状态", prop: "address", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-examine",
label: "审批",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 普通用户 --- 云资源服务
else if (level == 0 && type == 3) {
this.headers = [
{ label: "工作区域", prop: "name", type: "href", align: "center" },
{ label: "网络环境", prop: "name", type: "", align: "center" },
{ label: "CPU（核）", prop: "name", type: "", align: "center" },
{ label: "内存（GB）", prop: "name", type: "", align: "center" },
{ label: "资源总量（GB）", prop: "name", type: "", align: "center" },
{ label: "实例数（个）", prop: "name", type: "", align: "center" },
{ label: "申请时间", prop: "name", type: "", align: "center" },
{ label: "申请状态", prop: "name", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-detail",
label: "查看详情",
},
],
},
];
}
// 组织管理员 --- 组织服务管理
else if (level == 1 && type == 0) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "注册发布时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{ label: "服务状态", prop: "date", type: "", align: "center" },
];
}
// 组织管理员 --- 服务审批管理
else if (level == 1 && type == 1) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "审批时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{ label: "审批状态", prop: "date", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-examine",
label: "审批",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 组织管理员 --- 云资源管理
else if (level == 1 && type == 2) {
this.headers = [
{ label: "工作区域", prop: "name", type: "href", align: "center" },
{ label: "网络环境", prop: "name", type: "", align: "center" },
{ label: "CPU（核）", prop: "name", type: "", align: "center" },
{ label: "内存（GB）", prop: "name", type: "", align: "center" },
{ label: "资源总量（GB）", prop: "name", type: "", align: "center" },
{ label: "实例数（个）", prop: "name", type: "", align: "center" },
{ label: "使用用户", prop: "name", type: "", align: "center" },
{ label: "用户申请时间", prop: "name", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-allot",
label: "分配",
},
],
},
];
}
// 超级管理员 --- 组织服务管理
else if (level == 2 && type == 0) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "注册发布时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 240,
btnList: [
{
type: "action-edit",
label: "编辑",
line: "|",
},
{
type: "action-sold-out-2",
label: "下架",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 超级管理员 --- 服务审批管理
else if (level == 2 && type == 1) {
this.headers = [
{ label: "服务名称", prop: "name", type: "href", align: "left" },
{ label: "服务领域", prop: "date", type: "", align: "center" },
{ label: "开放程度", prop: "date", type: "", align: "center" },
{ label: "请求方式", prop: "date", type: "", align: "center" },
{ label: "服务描述", prop: "date", type: "", align: "left" },
{ label: "审批时间", prop: "date", type: "", align: "center" },
{ label: "服务类型", prop: "date", type: "", align: "center" },
{ label: "审批状态", prop: "date", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
width: 160,
btnList: [
{
type: "action-examine",
label: "审批",
line: "|",
},
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// 超级管理员 --- 云资源管理
else if (level == 2 && type == 2) {
this.headers = [
{ label: "所属组织", prop: "name", type: "href", align: "center" },
{ label: "CPU使用量", prop: "name", type: "", align: "center" },
{ label: "内存使用量", prop: "name", type: "", align: "center" },
{ label: "工作区域数量", prop: "name", type: "", align: "center" },
{ label: "创建时间", prop: "name", type: "", align: "center" },
{
label: "操作",
type: "Button",
align: "center",
btnList: [
{
type: "action-delete",
label: "删除",
},
],
},
];
}
// Error
else {
this.headers = [];
throw Error("The page doesn't exist");
}
}, },
}; };
</script> </script>
......
src/store/index.js
View file @ f2d05d19
import Vuex from 'vuex' import Vuex from "vuex";
import Vue from 'vue' import Vue from "vue";
Vue.use(Vuex); Vue.use(Vuex);
const store = new Vuex.Store({ const store = new Vuex.Store({
state: { state: {
role: 1,//0：普通用户，1：组织管理员，2：超级管理员 role: 1, //0：普通用户，1：组织管理员，2：超级管理员
serviceShopMenu: 0, // 服务超市侧边栏 serviceShopMenu: 0, // 服务超市侧边栏
fwglNav: [
["注册发布的服务", "申请的服务", "审批的服务", "云资源服务"], //普通用户
["组织服务管理", "服务审批管理", "云资源管理"], //组织管理员
["平台服务管理", "服务审批管理", "云资源管理"], //超级管理员
], // 服务管理列表，onlyRead
}, },
modules: { modules: {},
},
mutations: { mutations: {
rolefun(state, newValue) { rolefun(state, newValue) {
state.role = newValue; state.role = newValue;
...@@ -20,4 +23,4 @@ const store = new Vuex.Store({ ...@@ -20,4 +23,4 @@ const store = new Vuex.Store({
}, },
}); });
export default store export default store;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment