Skip to content

A
apaas-ui
Commit efd742cf authored by 张俊's avatar 张俊
Browse files
Options

合并

parents c4a104dc 6537e94e
Hide whitespace changes
Inline Side-by-side
Showing with 1076 additions and 839 deletions
src/assets/imgs/ic_true.png
View replaced file @ c4a104dc View file @ efd742cf
src/assets/imgs/ic_true.png

1.51 KB | W: | H:

src/assets/imgs/ic_true.png

1.51 KB | W: | H:

src/assets/imgs/ic_true.png
src/assets/imgs/ic_true.png
src/assets/imgs/ic_true.png
src/assets/imgs/ic_true.png
  • 2-up
  • Swipe
  • Onion skin
src/components/apass-list.vue
View file @ efd742cf
...@@ -3,6 +3,11 @@ ...@@ -3,6 +3,11 @@
<div class="apass_breadcrumb"> <div class="apass_breadcrumb">
<slot name="breadcrumb"></slot> <slot name="breadcrumb"></slot>
</div> </div>
<div class="main-container top_container" v-if="$slots.top">
<slot name="top"></slot>
</div>
<div class="main-container"> <div class="main-container">
<div class="header-container" v-if="!hideHeader"> <div class="header-container" v-if="!hideHeader">
<div class="header-left apass_button"> <div class="header-left apass_button">
...@@ -18,6 +23,28 @@ ...@@ -18,6 +23,28 @@
" "
></i> ></i>
</el-button> </el-button>
<div
v-for="(item, index) in selectFilter"
:key="'select_' + index"
class="select_container"
>
<span class="select_title" v-text="item.name"></span>
<el-select
v-model="item.value"
placeholder="请选择"
@change="listAction"
>
<el-option
v-for="(v, i) in item.options"
:key="'select_' + index + '_option_' + i"
:label="v.name"
:value="v.value"
>
</el-option>
</el-select>
</div>
<slot name="header-left"></slot> <slot name="header-left"></slot>
</div> </div>
<div class="header-center"> <div class="header-center">
...@@ -51,7 +78,7 @@ ...@@ -51,7 +78,7 @@
<list-table <list-table
:header="listHeader" :header="listHeader"
:data="listData" :data="listData"
:padding-left="35" :padding-left="listPaddingLeft"
></list-table> ></list-table>
</div> </div>
...@@ -84,6 +111,10 @@ export default { ...@@ -84,6 +111,10 @@ export default {
type: Array, type: Array,
default: () => [], default: () => [],
}, },
otherFilter: {
type: Array,
default: () => [],
},
listHeader: { listHeader: {
type: Array, type: Array,
default: () => [], default: () => [],
...@@ -116,8 +147,21 @@ export default { ...@@ -116,8 +147,21 @@ export default {
currentPage: 1, currentPage: 1,
timer: null, timer: null,
pageSizes: [15, 50, 100], pageSizes: [15, 50, 100],
selectFilter: [],
}), }),
methods: { methods: {
initOtherFilter() {
this.otherFilter.forEach((item) => {
this.$set(this.filter, item.prop, item.default);
this.selectFilter.push({
name: item.name,
prop: item.prop,
value: item.default,
options: item.options,
});
});
},
searchAction(value) { searchAction(value) {
this.listAction(); this.listAction();
}, },
...@@ -140,8 +184,15 @@ export default { ...@@ -140,8 +184,15 @@ export default {
} }
this.timer = setTimeout(() => { this.timer = setTimeout(() => {
let selectFilter = {};
this.selectFilter.forEach((item) => {
selectFilter[item.prop] = item.value;
});
this.$emit("list-action", { this.$emit("list-action", {
...this.filter, ...this.filter,
...selectFilter,
keyword: this.searchValue, keyword: this.searchValue,
size: this.pageSize, size: this.pageSize,
page: this.currentPage, page: this.currentPage,
...@@ -150,6 +201,10 @@ export default { ...@@ -150,6 +201,10 @@ export default {
}, },
}, },
mounted() { mounted() {
if (this.otherFilter && this.otherFilter.length > 0) {
this.initOtherFilter();
}
this.listAction(); this.listAction();
}, },
}; };
...@@ -182,7 +237,17 @@ export default { ...@@ -182,7 +237,17 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.header-container .el-button + .el-button { .header-container .select_container {
display: inline-block;
vertical-align: middle;
}
.header-container .select_container .select_title {
font-size: 14px;
color: #242c43;
margin-right: 10px;
}
.header-container .el-button + .el-button,
.header-container .select_container + .select_container {
margin-left: 25px; margin-left: 25px;
} }
.apass_filter { .apass_filter {
...@@ -195,4 +260,8 @@ export default { ...@@ -195,4 +260,8 @@ export default {
.list-container { .list-container {
flex-grow: 1; flex-grow: 1;
} }
.top_container {
flex-grow: 0;
margin-bottom: 20px;
}
</style> </style>
src/components/apass-table.vue
View file @ efd742cf
<template> <template>
<div class="apass_table"> <div class="apass_table">
<el-table :data="data" :height="height"> <el-table :data="data" :height="height">
<el-table-column :width="Math.max(paddingLeft - 10, 0)" v-if="icon"></el-table-column> <el-table-column v-if="paddingLeft > 10" :width="paddingLeft - 10"></el-table-column>
<el-table-column <el-table-column
v-for="(item, index) in header" v-for="(item, index) in header"
:label="item.label" :label="item.label"
...@@ -61,6 +61,33 @@ ...@@ -61,6 +61,33 @@
</sparkline> </sparkline>
<span class="use" v-if="item.prop=='cpu'">{{scope.row['cpu_use']}}.00mm</span> <span class="use" v-if="item.prop=='cpu'">{{scope.row['cpu_use']}}.00mm</span>
<span class="use" v-if="item.prop=='mermoy'">{{scope.row['memory_use']}}.00Mi</span> <span class="use" v-if="item.prop=='mermoy'">{{scope.row['memory_use']}}.00Mi</span>
</div>
<div v-else-if="item.type === 'image'" class="img_content">
<img
:src="item.getImage && item.getImage(scope.row)"
:width="item.size"
/>
</div>
<div
v-else-if="
item.type === 'tooltip' &&
item.getLength &&
item.getLength(scope.row) > 1
"
>
<el-tooltip
placement="right-start"
popper-class="apass_table_tooltip"
>
<div
slot="content"
v-html="item.getContent && item.getContent(scope.row)"
></div>
<span
v-text="(item.getText && item.getText(scope.row)) + '..'"
style="text-decoration: underline;color: #515fe7;"
></span>
</el-tooltip>
</div> </div>
<span <span
v-else v-else
...@@ -89,10 +116,6 @@ export default { ...@@ -89,10 +116,6 @@ export default {
type: [Number, String], type: [Number, String],
default: () => 50, default: () => 50,
}, },
icon:{
type: Boolean,
default: true,
},
height:{ height:{
type: Number, type: Number,
default: null, default: null,
...@@ -162,4 +185,17 @@ export default { ...@@ -162,4 +185,17 @@ export default {
font-size: 12px; font-size: 12px;
color: rgba(26, 34, 54, 1); color: rgba(26, 34, 54, 1);
} }
.apass_table_tooltip {
font-size: 12px;
line-height: 20px;
}
</style>
<style scoped>
.img_content {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
</style> </style>
src/components/image-detail.vue
View file @ efd742cf
...@@ -10,14 +10,14 @@ ...@@ -10,14 +10,14 @@
{{ scope.row.name }} {{ scope.row.name }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="作者" align="left"> <el-table-column label="作者" width="200" align="left">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.creator }} {{ scope.row.author }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建时间" width="180" align="center"> <el-table-column label="创建时间" width="180" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.created }} {{ dateTransform(scope.row.created) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="大小" align="center"> <el-table-column label="大小" align="center">
...@@ -27,7 +27,10 @@ ...@@ -27,7 +27,10 @@
</el-table-column> </el-table-column>
<el-table-column label="漏洞" width="160" align="center"> <el-table-column label="漏洞" width="160" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<image-bugs :data="scope.row.scan_overview"></image-bugs> <image-bugs
v-if="scope.row.scan_overview"
:data="scope.row.scan_overview"
></image-bugs>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="160" align="center"> <el-table-column label="操作" width="160" align="center">
...@@ -54,6 +57,7 @@ ...@@ -54,6 +57,7 @@
</template> </template>
<script> <script>
import helper from "@/services/helper";
import apassDialog from "./apass-dialog"; import apassDialog from "./apass-dialog";
import imageBugs from "./image-bugs"; import imageBugs from "./image-bugs";
...@@ -62,260 +66,14 @@ export default { ...@@ -62,260 +66,14 @@ export default {
apassDialog, apassDialog,
imageBugs, imageBugs,
}, },
props: {
image: {
type: Object,
default: () => null,
},
},
data: () => ({ data: () => ({
imageData: [ imageData: [],
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 5,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 4,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 3,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 4,
},
severity: 1,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
{
address: "hub.wodcloud.com/apaas-images-test_02/mesh-status-api:1.0",
scan_overview: {
components: {
summary: [
{ count: 2, severity: 2 },
{ count: 25, severity: 1 },
],
total: 27,
severity_count: 2,
},
severity: 2,
creation_time: "2020-05-27T10:17:40.671664Z",
update_time: "2020-07-02T22:39:27.97828Z",
},
size: 20950567,
name: "1.0",
creator: "RamHsu",
created: "1994-03-26 11:10:00",
},
],
dialogInfo: { dialogInfo: {
title: "", title: "",
msg: "", msg: "",
submit: null, submit: null,
}, },
image: null,
}), }),
computed: { computed: {
title() { title() {
...@@ -323,23 +81,47 @@ export default { ...@@ -323,23 +81,47 @@ export default {
}, },
}, },
methods: { methods: {
showDialog() { showDialog(image) {
this.image = image;
this.imageData = [];
this.getImageDetail();
this.$refs.listdialog.show(); this.$refs.listdialog.show();
}, },
downloadAction(item) { downloadAction(item) {
console.log("download " + item.name); let evtUuid = Math.random()
.toString(16)
.substr(3);
let evtSource = new EventSource(
`/apaas/hubApi/image/subscribe/${evtUuid}`
);
evtSource.addEventListener("message", (event) => {
console.log(event);
});
const a = document.createElement("a");
a.setAttribute("download", "");
a.setAttribute(
"href",
`/apaas/hubApi/image/download/publish/${evtUuid}?image=${this.image.name}&tag=${item.name}&packageType=tar`
);
a.click();
}, },
deleteAction(item) { deleteAction(item) {
this.dialogInfo.title = ""; this.dialogInfo.title = "";
this.dialogInfo.msg = "是否删除该镜像？"; this.dialogInfo.msg = "是否删除该镜像？";
this.dialogInfo.submit = () => { this.dialogInfo.submit = () => {
console.log("delete " + item.name); this.$http
.delete(
/* this.$http `/apaas/hubApi/image/image/${this.image.name}/tags/${item.name}`
.delete(`/apaas/hubApi/image/del/${item.name}`) )
.then((response) => { .then((response) => {
if (response.data.success == 1) { if (response.data.success == 1) {
// this.$message({
message: `删除成功`,
type: "success",
});
this.getImageDetail();
} else { } else {
this.$message({ this.$message({
message: `删除失败`, message: `删除失败`,
...@@ -353,13 +135,26 @@ export default { ...@@ -353,13 +135,26 @@ export default {
message: `删除失败`, message: `删除失败`,
type: "warning", type: "warning",
}); });
}); */ });
}; };
this.$refs.actiondialog.show(); this.$refs.actiondialog.show();
}, },
getSize(value = 0) { getSize(value = 0) {
return (value / 1024 / 1024).toFixed(2) + "MB"; return (value / 1024 / 1024).toFixed(2) + "MB";
}, },
dateTransform(datestr) {
return helper.dateStringTransform(datestr);
},
getImageDetail() {
this.$http
.get(`/apaas/hubApi/image/imageDetails/${this.image.name}`)
.then(({ data }) => {
this.imageData = data.data || [];
})
.catch((error) => {
console.log(error);
});
},
}, },
}; };
</script> </script>
......
src/components/menu.vue
View file @ efd742cf
<template> <template>
<div class="menu"> <div class="menu">
<img src="../assets/imgs/home_img_logo.png" alt class="logo" /> <img src="../assets/imgs/home_img_logo.png" alt class="logo" />
<div <div style="float:right;cursor: pointer;position:relative;" class="user_hover">
style="float:right;cursor: pointer;position:relative;" <span v-if="userInfo.user_name && userInfo.user_name != ''" class="user">{{ userInfo.user_name }}</span>
class="user_hover"
>
<span
v-if="userInfo.user_name && userInfo.user_name != ''"
class="user"
>{{ userInfo.user_name }}</span
>
<span v-else @click="gotopage('login')" class="user">请登录</span> <span v-else @click="gotopage('login')" class="user">请登录</span>
<img <img :class="userInfo.picture_path ? 'user_pic' : 'user_default'" :src="
:class="userInfo.picture_path ? 'user_pic' : 'user_default'"
:src="
userInfo.picture_path || require('../assets/imgs/home_ic_user.png') userInfo.picture_path || require('../assets/imgs/home_ic_user.png')
" " />
/> <div v-if="userInfo.user_name && userInfo.user_name != ''" class="user_menu">
<div <div v-for="(item, index) in user_arr" :key="index + 700" @click="gotopage(item.path)">
v-if="userInfo.user_name && userInfo.user_name != ''"
class="user_menu"
>
<div
v-for="(item, index) in user_arr"
:key="index + 700"
@click="gotopage(item.path)"
>
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
<div <div v-if="userInfo.user_name && userInfo.user_name != ''" class="sj"></div>
v-if="userInfo.user_name && userInfo.user_name != ''"
class="sj"
></div>
</div> </div>
<div <div style="float:right;cursor: pointer;position:relative;" class="shop_hover" @click="gotopage('/shop/shopping_cart')">
style="float:right;cursor: pointer;position:relative;"
class="shop_hover"
@click="gotopage('/shop/shopping_cart')"
>
<div class="car"> <div class="car">
<el-badge <el-badge v-if="menuCartNum != 0" :value="menuCartNum" :max="99" class="number"></el-badge>
v-if="menuCartNum != 0"
:value="menuCartNum"
:max="99"
class="number"
></el-badge>
<img src="../assets/imgs/home_ic_shop.png" alt class="car_img" /> <img src="../assets/imgs/home_ic_shop.png" alt class="car_img" />
</div> </div>
<div <div v-if="userInfo.user_name && userInfo.user_name != ''" class="shop_menu">
v-if="userInfo.user_name && userInfo.user_name != ''"
class="shop_menu"
>
<div class="shop_list_title">最近加入的服务：</div> <div class="shop_list_title">最近加入的服务：</div>
<div <div v-for="(item, index) in shopping_list" :key="'shopping' + index" class="shop_list_cell shop_line">
v-for="(item, index) in shopping_list"
:key="'shopping' + index"
class="shop_list_cell shop_line"
>
<img :src="item.service.cover" class="shop_img" /> <img :src="item.service.cover" class="shop_img" />
<div class="shop_cell_msgs"> <div class="shop_cell_msgs">
<p @click="getDetail(item.id)" class="shop_cell_name over_one"> <p @click="getDetail(item.id)" class="shop_cell_name over_one">
{{ {{ item.service_id == 0 ? item.application.app_name : item.service.name }}
item.service_id == 0
? item.application.app_name
: item.service.name
}}
</p> </p>
<p class="shop_cell_msg bover_one"> <p class="shop_cell_msg bover_one">
{{ {{ item.service_id == 0 ? item.application.ywly : item.service.sectors_name }}
item.service_id == 0
? item.application.ywly
: item.service.sectors_name
}}
</p> </p>
<p class="shop_cell_msg over_one"> <p class="shop_cell_msg over_one">
{{ {{ item.service_id == 0 ? item.application.org : item.service.organization_name }}
item.service_id == 0
? item.application.org
: item.service.organization_name
}}
</p> </p>
</div> </div>
<div> <div>
<img <img @click.stop="deleteItem(item.id)" src="../assets/imgs/ic_delete.png" alt />
@click.stop="deleteItem(item.id)"
src="../assets/imgs/ic_delete.png"
alt
/>
</div> </div>
</div> </div>
<div class="shop_footer"> <div class="shop_footer">
<el-button @click="settlement" size="small" class="shop_settlement" <el-button @click="settlement" size="small" class="shop_settlement">去购物车申请结算</el-button>
>去购物车申请结算</el-button
>
</div> </div>
</div> </div>
<div <div v-if="userInfo.user_name && userInfo.user_name != ''" class="shop_sj"></div>
v-if="userInfo.user_name && userInfo.user_name != ''"
class="shop_sj"
></div>
</div> </div>
<div style="float:right"> <div style="float:right">
<div <div v-for="(item, index) in menu_arr" :key="index + 200" class="menu_box user_hover" @click="navAction(item.visit_url)" :style="{ color: now_menu == item.visit_url ? '#fff' : '' }">
v-for="(item, index) in menu_arr"
:key="index + 200"
class="menu_box user_hover"
@click="navAction(item.visit_url)"
:style="{ color: now_menu == item.visit_url ? '#fff' : '' }"
>
{{ item.menu_name }} {{ item.menu_name }}
<div <div class="user_menu" v-if="item.Child && item.Child.length" style="left: 30px;">
class="user_menu" <div v-for="(v, indexs) in item.Child" :key="indexs + 700" @click.stop="gotoChildPage(v, item.visit_url)">
v-if="item.Child && item.Child.length"
style="left: 30px;"
>
<div
v-for="(v, indexs) in item.Child"
:key="indexs + 700"
@click.stop="gotoChildPage(v, item.visit_url)"
>
{{ v.menu_name }} {{ v.menu_name }}
</div> </div>
</div> </div>
<div <div class="sj" v-if="item.Child && item.Child.length" style="left: 60px;"></div>
class="sj"
v-if="item.Child && item.Child.length"
style="left: 60px;"
></div>
<div class="bottom_show" v-if="now_menu == item.visit_url"></div> <div class="bottom_show" v-if="now_menu == item.visit_url"></div>
</div> </div>
</div> </div>
...@@ -146,10 +71,10 @@ export default { ...@@ -146,10 +71,10 @@ export default {
{ name: "消息通知", path: "/user/message" }, { name: "消息通知", path: "/user/message" },
{ name: "收银中心", path: "" }, { name: "收银中心", path: "" },
{ name: "关于BD-aPaaS", path: "" }, { name: "关于BD-aPaaS", path: "" },
{ name: "退出登录", path: "logout" }, { name: "退出登录", path: "logout" }
], ],
shopping_list: [], shopping_list: [],
menuCartNum: 0, menuCartNum: 0
}; };
}, },
mounted() { mounted() {
...@@ -162,15 +87,16 @@ export default { ...@@ -162,15 +87,16 @@ export default {
}, },
userInfo() { userInfo() {
return this.$store.state.userInfo || {}; return this.$store.state.userInfo || {};
}, }
}, },
watch: { watch: {
getMenuCartState(newVal) { getMenuCartState(newVal) {
this.getList(); this.getList();
}, }
}, },
methods: { methods: {
gotopage(n) { gotopage(n) {
console.log("function gotopage,menu test:" + n);
if (n == "logout") { if (n == "logout") {
window.location.href = "/iam/api/logout"; window.location.href = "/iam/api/logout";
} else if (n == "login") { } else if (n == "login") {
...@@ -185,7 +111,7 @@ export default { ...@@ -185,7 +111,7 @@ export default {
}, },
deleteItem(id) { deleteItem(id) {
let query = [id]; let query = [id];
this.$api.serviceShop.delShoppingCart(query).then((response) => { this.$api.serviceShop.delShoppingCart(query).then(response => {
this.getList(); this.getList();
}); });
}, },
...@@ -195,26 +121,29 @@ export default { ...@@ -195,26 +121,29 @@ export default {
this.$router.push({ name: "shoppingCart" }); this.$router.push({ name: "shoppingCart" });
}, },
navAction(path) { navAction(path) {
this.$router.push(path); console.log("function navAction,menu test:" + path);
this.now_menu = path; this.now_menu = path;
window.sessionStorage.setItem("menuVisitUrl", path); window.sessionStorage.setItem("menuVisitUrl", path);
this.$router.push(path);
}, },
gotoChildPage(v, parent) { gotoChildPage(v, parent) {
console.log("function gotoChildPage,menu test:" + v + "|" + parent);
if (v.visit_url) { if (v.visit_url) {
if (v.visit_url == "/fwgl/" || v.visit_url == "/yygl/") { if (v.visit_url == "/fwgl/" || v.visit_url == "/yygl/") {
this.$router.push(v.visit_url + this.$store.getters.level); this.$router.push(v.visit_url + this.$store.getters.level);
} else if (parent == "/services_shop") { } else if (parent == "/services_shop") {
this.$router.push(v.visit_url);
this.$store.commit("serviceShopMenuAct", v.visit_url); this.$store.commit("serviceShopMenuAct", v.visit_url);
this.$router.push(v.visit_url);
} else { } else {
this.$router.push(v.visit_url); this.$router.push(v.visit_url);
} }
this.now_menu = parent; this.now_menu = parent;
window.sessionStorage.setItem("menuVisitUrl", parent); window.sessionStorage.setItem("menuVisitUrl", parent);
} }
}, },
getList() { getList() {
this.$api.serviceShop.getShoppingCart().then((response) => { this.$api.serviceShop.getShoppingCart().then(response => {
if (response.data.success == "1") { if (response.data.success == "1") {
this.menuCartNum = response.data.data.valid this.menuCartNum = response.data.data.valid
? response.data.data.valid.length ? response.data.data.valid.length
...@@ -233,15 +162,15 @@ export default { ...@@ -233,15 +162,15 @@ export default {
this.now_menu = visit_url ? visit_url : "/services_shop"; this.now_menu = visit_url ? visit_url : "/services_shop";
}, },
getNowMenu() { getNowMenu() {
this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => { this.$api.general.getNowMenu({ teamName: "APAAS3" }).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.menu_arr = this.menu_arr =
(response.data.data[0] && response.data.data[0].Child) || []; (response.data.data[0] && response.data.data[0].Child) || [];
this.getMenuIndex(); this.getMenuIndex();
} }
}); });
}, }
}, }
}; };
</script> </script>
......
src/components/service-tabs/service-tab-comments.vue
View file @ efd742cf
...@@ -50,11 +50,11 @@ export default { ...@@ -50,11 +50,11 @@ export default {
score: 0, score: 0,
starInfo: [ starInfo: [
{ {
star: 1, star: 5,
percent: 0, percent: 0,
}, },
{ {
star: 2, star: 4,
percent: 0, percent: 0,
}, },
{ {
...@@ -62,11 +62,11 @@ export default { ...@@ -62,11 +62,11 @@ export default {
percent: 0, percent: 0,
}, },
{ {
star: 4, star: 2,
percent: 0, percent: 0,
}, },
{ {
star: 5, star: 1,
percent: 0, percent: 0,
}, },
], ],
...@@ -79,7 +79,7 @@ export default { ...@@ -79,7 +79,7 @@ export default {
return { return {
score: data.avgScore || 0, score: data.avgScore || 0,
starInfo: [1, 2, 3, 4, 5].map((star) => { starInfo: [5,4,3,2,1].map((star) => {
let percent = let percent =
this.commentsTtotal > 0 this.commentsTtotal > 0
? (((data.scoreStatic && data.scoreStatic[star]) || 0) / ? (((data.scoreStatic && data.scoreStatic[star]) || 0) /
......
src/components/service-tabs/service-tabs.vue
View file @ efd742cf
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
></service-tab-detail> ></service-tab-detail>
</el-tab-pane> </el-tab-pane>
<!-- 规格定价 --> <!-- 规格说明 -->
<el-tab-pane <el-tab-pane
:label="specificationTitle" :label="specificationTitle"
name="specification" name="specification"
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
></service-tab-specification> ></service-tab-specification>
</el-tab-pane> </el-tab-pane>
<!-- 提供机构 --> <!-- 提供组织 -->
<el-tab-pane :label="providerTitle" name="provider" v-if="providerData"> <el-tab-pane :label="providerTitle" name="provider" v-if="providerData">
<service-tab-provider <service-tab-provider
class="service_info" class="service_info"
...@@ -65,11 +65,11 @@ export default { ...@@ -65,11 +65,11 @@ export default {
}, },
specificationTitle: { specificationTitle: {
type: String, type: String,
default: () => "规格定价", default: () => "规格说明",
}, },
providerTitle: { providerTitle: {
type: String, type: String,
default: () => "提供机构", default: () => "提供组织",
}, },
commentsTitle: { commentsTitle: {
type: String, type: String,
......
src/components/shop-card.vue
View file @ efd742cf
<template> <template>
<div class="shop_card"> <div class="shop_card">
<div class="shop_car-img" v-if="data.img" @click="intoDetail"> <div class="shop_car-img" v-if="showImg" @click="intoDetail">
<img :src="data.img" width="100%" /> <img :src="data.cover" width="100%" />
</div> </div>
<div class="shop_card-top"> <div class="shop_card-top">
<p <p
class="shop_card-title text_clip_2" class="shop_card-title text_clip_2"
v-text="data.title" v-text="data.name"
:title="data.title" :title="data.name"
@click="intoDetail" @click="intoDetail"
></p> ></p>
<p class="shop_card-text under_text"> <p class="shop_card-text under_text">
<span <span class="text_clip" v-text="data.department_name" :title="data.department_name"></span>
class="text_clip"
v-text="data.provider"
:title="data.provider"
></span>
<span> <span>
<i class="el-icon-star-on"></i> <el-rate
<span v-text="data.rate"></span> v-model="data.score"
disabled
show-score
text-color="#ea7d19"
score-template="{value}"
></el-rate>
</span> </span>
</p> </p>
</div> </div>
...@@ -28,16 +29,22 @@ ...@@ -28,16 +29,22 @@
</p> </p>
<p class="shop_card-text update_time"> <p class="shop_card-text update_time">
<img :src="require('@/assets/imgs/icon_shijian.png')" style="margin-right: 5px;" /> <img :src="require('@/assets/imgs/icon_shijian.png')" style="margin-right: 5px;" />
<span class="text_clip" v-text="'更新时间：' + data.updateTime"></span> <span class="text_clip" v-text="'更新时间：' + helper.dateStringTransform(data.update_date)"></span>
</p> </p>
<div class="shop_card-text access"> <div class="shop_card-text access">
<span> <span>
<img :src="require('@/assets/imgs/icon_liulan.png')" /> <img :src="require('@/assets/imgs/icon_liulan.png')" />
<span class="text_clip" v-text="data.viewCount + '次浏览'"></span> <span
class="text_clip"
v-text="helper.numberFormat(data.view_count, 2) + (data.view_count > 10000 ? '万' : '') + '次浏览'"
></span>
</span> </span>
<span> <span>
<img :src="require('@/assets/imgs/icon_huoqu1.png')" /> <img :src="require('@/assets/imgs/icon_huoqu1.png')" />
<span class="text_clip" v-text="data.numberOfMonth + '次获取'"></span> <span
class="text_clip"
v-text="helper.numberFormat(data.apply_count, 2) + (data.apply_count > 10000 ? '万' : '') + '次获取'"
></span>
</span> </span>
</div> </div>
</div> </div>
...@@ -45,22 +52,32 @@ ...@@ -45,22 +52,32 @@
</template> </template>
<script> <script>
import helper from "@/services/helper";
export default { export default {
props: { props: {
data: { data: {
type: Object, type: Object,
required: true, default: () => {}
}, },
detailPath: { detailPath: {
type: String, type: String,
required: true, required: true
}, },
showImg: {
type: Boolean,
default: false
}
},
data() {
return {
helper
};
}, },
methods: { methods: {
intoDetail() { intoDetail() {
this.$router.push(this.detailPath + this.data.id); this.$router.push(this.detailPath + this.data.id);
}, }
}, }
}; };
</script> </script>
......
src/components/shop-cloud/shop-cloud.vue
View file @ efd742cf
...@@ -53,11 +53,7 @@ ...@@ -53,11 +53,7 @@
<el-col :span="22"> <el-col :span="22">
<el-form-item prop="workplacedesc" class="form_item"> <el-form-item prop="workplacedesc" class="form_item">
<div class="form_item_title">描述信息：</div> <div class="form_item_title">描述信息：</div>
<el-input <el-input type="textarea" v-model="formNew.workplacedesc" placeholder="请输入工作区域描述信息"></el-input>
type="textarea"
v-model="formNew.workplacedesc"
placeholder="请输入工作区域描述信息"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
...@@ -67,66 +63,38 @@ ...@@ -67,66 +63,38 @@
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">CPU：</div> <div class="form_item_title">CPU：</div>
<el-select v-model="formNew.cpu" placeholder="请选择CPU使用量"> <el-select v-model="formNew.cpu" placeholder="请选择CPU使用量">
<el-option <el-option v-for="item in optionsCPU" :key="item.value" :label="item.label" :value="item.value"></el-option>
v-for="item in optionsCPU"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right">核</div> <div class="input_right input_right_top">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">内存：</div> <div class="form_item_title">内存：</div>
<el-select v-model="formNew.memory" placeholder="请选择内存使用量"> <el-select v-model="formNew.memory" placeholder="请选择内存使用量">
<el-option <el-option v-for="item in optionsRAM" :key="item.value" :label="item.label" :value="item.value"></el-option>
v-for="item in optionsRAM"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right">GB</div> <div class="input_right input_right_top">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">容器组：</div> <div class="form_item_title">容器组：</div>
<el-input-number <el-input-number v-model="formNew.containerGroup" controls-position="right" :min="0" :max="24" placeholder="取值范围[0，24]"></el-input-number>
v-model="formNew.containerGroup"
controls-position="right"
:min="0"
:max="24"
placeholder="取值范围[0，24]"
></el-input-number>
<div class="input_right">个</div> <div class="input_right">个</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">数据盘（可选）：</div> <div class="form_item_title">数据盘（可选）：</div>
<el-input-number <el-input-number v-model="formNew.dataDisk" controls-position="right" :min="0" placeholder="请选择数量"></el-input-number>
v-model="formNew.dataDisk"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择数量"
></el-input-number>
<div class="input_right">块</div> <div class="input_right">块</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">每块数据盘容量：</div> <div class="form_item_title">每块数据盘容量：</div>
<el-input-number <el-input-number v-model="formNew.perDataDisk" controls-position="right" :min="0" placeholder="请选择容量"></el-input-number>
v-model="formNew.perDataDisk"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择容量"
></el-input-number>
<div class="input_right">GB</div> <div class="input_right">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -139,26 +107,14 @@ ...@@ -139,26 +107,14 @@
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number <el-input-number v-model="formNew.perCPUs" controls-position="right" :min="0" :max="10" placeholder="请选择CPU最高使用量"></el-input-number>
v-model="formNew.perCPUs"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择CPU最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number <el-input-number v-model="formNew.perCPU" controls-position="right" :min="0" :max="10" placeholder="请选择CPU默认使用量"></el-input-number>
v-model="formNew.perCPU"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择CPU默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -168,26 +124,14 @@ ...@@ -168,26 +124,14 @@
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number <el-input-number v-model="formNew.perRAMs" controls-position="right" :min="0" :max="10" placeholder="请选择内存最高使用量"></el-input-number>
v-model="formNew.perRAMs"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择内存最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number <el-input-number v-model="formNew.perRAM" controls-position="right" :min="0" :max="10" placeholder="请选择内存默认使用量"></el-input-number>
v-model="formNew.perRAM"
controls-position="right"
:min="0"
:max="10"
placeholder="请选择内存默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -197,36 +141,17 @@ ...@@ -197,36 +141,17 @@
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right_select"> <el-form-item class="form_item input_has_right_select">
<div class="form_item_title">申请时长：</div> <div class="form_item_title">申请时长：</div>
<el-input-number <el-input-number v-model="formNew.appDuration" controls-position="right" :min="0"></el-input-number>
v-model="formNew.appDuration" <el-select v-model="formNew.durType" class="input_right_select" placeholder="请选择申请时长">
controls-position="right" <el-option v-for="item in durationOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
:min="0"
></el-input-number>
<el-select
v-model="formNew.durType"
class="input_right_select"
placeholder="请选择申请时长"
>
<el-option
v-for="item in durationOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item"> <el-form-item class="form_item">
<div class="form_item_title">申请文件：</div> <div class="form_item_title">申请文件：</div>
<upload-file <info-list :list_arr="docTemplate" class="doc_template"></info-list>
:multiple="false" <upload-file :multiple="false" :max="1" type="zip" :readOnly="false" :drag="true" @getNewList="getNewList"></upload-file>
:max="1"
type="zip"
:readOnly="false"
:drag="true"
@getNewList="getNewList"
></upload-file>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -234,18 +159,13 @@ ...@@ -234,18 +159,13 @@
</el-col> </el-col>
</el-row> </el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="升级现有工作区域" name="1"> <el-tab-pane label="调整现有工作区域" name="1">
<el-row> <el-row>
<el-col :span="11"> <el-col :span="11">
<div class="select_title">选择要进行升级的工作区域：</div> <div class="select_title">选择要进行调整的工作区域：</div>
<div class="form_item"> <div class="form_item">
<el-select v-model="workSpace" @change="getForm" placeholder="请选择"> <el-select v-model="workSpace" @change="getForm" placeholder="请选择">
<el-option <el-option v-for="(item, index) in workSpaceOptions" :key="index" :label="item.namespace" :value="index"></el-option>
v-for="(item, index) in workSpaceOptions"
:key="index"
:label="item.namespace"
:value="index"
></el-option>
</el-select> </el-select>
</div> </div>
</el-col> </el-col>
...@@ -256,89 +176,60 @@ ...@@ -256,89 +176,60 @@
<el-form ref="formNew" :model="formOld"> <el-form ref="formNew" :model="formOld">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="form_title">工作区域升级规格</div> <div class="form_title">工作区域规格调整</div>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="now_spec">当前规格：</div> <div class="now_spec">当前规格：</div>
<div class="now_spec_cards"> <div class="now_spec_cards">
<div <div class="now_spec_card" v-for="(item, index) in specArr" :key="index + 'spec'">
class="now_spec_card" <img class="now_spec_card_img" :src="require('@/assets/imgs/' + item.src + '.png')" />
v-for="(item, index) in specArr"
:key="index + 'spec'"
>
<img
class="now_spec_card_img"
:src="require('@/assets/imgs/' + item.src + '.png')"
/>
<span class="now_spec_card_title">{{ item.title }}</span> <span class="now_spec_card_title">{{ item.title }}</span>
<span <span class="now_spec_card_val">{{ item.val + " " + (item.title == "CPU" ? "核" : item.title == "内存" ? "GB" : "个") }}</span>
class="now_spec_card_val"
>{{ item.val + " " + (item.title == "CPU" ? "核" : item.title == "内存" ? "GB" : "个") }}</span>
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">申请CPU升级至：</div> <div class="form_item_title">申请CPU调整为：</div>
<el-select v-model="formOld.cpu" placeholder="请选择CPU使用量"> <el-select v-model="formOld.cpu" placeholder="请选择CPU使用量">
<el-option <el-option v-for="item in optionsCPU" :key="item.value" :label="item.label" :value="item.value"></el-option>
v-for="item in optionsCPU"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right">核</div> <div class="input_right input_right_top">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">申请内存升级至：</div> <div class="form_item_title">申请内存调整为：</div>
<el-select v-model="formOld.memory" placeholder="请选择内存使用量"> <el-select v-model="formOld.memory" placeholder="请选择内存使用量">
<el-option <el-option v-for="item in optionsRAM" :key="item.value" :label="item.label" :value="item.value"></el-option>
v-for="item in optionsRAM"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div class="input_right">GB</div> <div class="input_right input_right_top">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">申请容器组升级至：</div> <div class="form_item_title">申请容器组调整为：</div>
<el-input-number <el-input-number v-model="formOld.containerGroup" controls-position="right" :min="0" :max="24" placeholder="取值范围[0，24]"></el-input-number>
v-model="formOld.containerGroup"
controls-position="right"
:min="0"
:max="24"
placeholder="取值范围[0，24]"
></el-input-number>
<div class="input_right">个</div> <div class="input_right">个</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22" v-if="dataDiskList.length != 0">
<el-form-item class="form_item input_has_right">
<div class="form_item_title">调整数据盘：</div>
<table-um ref="apply_service_state_table" :headers="dataDiskHeaders" :stripe="true" :datas="dataDiskList" @primary-del="delItem"></table-um>
</el-form-item>
</el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">增加数据盘：</div> <div class="form_item_title">增加数据盘：</div>
<el-input-number <el-input-number v-model="formOld.dataDisk" controls-position="right" :min="0"></el-input-number>
v-model="formOld.dataDisk"
controls-position="right"
:min="0"
:max="10"
></el-input-number>
<div class="input_right">块</div> <div class="input_right">块</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_right"> <el-form-item class="form_item input_has_right">
<div class="form_item_title">每块数据盘容量：</div> <div class="form_item_title">每块数据盘容量：</div>
<el-input-number <el-input-number v-model="formOld.perDataDisk" controls-position="right" :min="0"></el-input-number>
v-model="formOld.perDataDisk"
controls-position="right"
:min="0"
:max="10"
></el-input-number>
<div class="input_right">GB</div> <div class="input_right">GB</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -348,24 +239,13 @@ ...@@ -348,24 +239,13 @@
<el-col :span="24"> <el-col :span="24">
<div class="now_spec">当前规格：</div> <div class="now_spec">当前规格：</div>
<div class="now_spec_cards"> <div class="now_spec_cards">
<div <div class="now_rqz_card" v-for="(item, index) in rqzArr" :key="index + 'rqz'">
class="now_rqz_card" <img class="now_rqz_card_img" :src="require('@/assets/imgs/' + item.src + '.png')" />
v-for="(item, index) in rqzArr"
:key="index + 'rqz'"
>
<img
class="now_rqz_card_img"
:src="require('@/assets/imgs/' + item.src + '.png')"
/>
<span class="now_rqz_card_title">{{ item.title }}</span> <span class="now_rqz_card_title">{{ item.title }}</span>
<div class="now_rqz_card_val_div"> <div class="now_rqz_card_val_div">
<span <span class="now_rqz_card_val">最高&nbsp;{{ item.max }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span>
class="now_rqz_card_val"
>最高&nbsp;{{ item.max }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span>
<br /> <br />
<span <span class="now_rqz_card_val">默认&nbsp;{{ item.default }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span>
class="now_rqz_card_val"
>默认&nbsp;{{ item.default }}&nbsp;{{ item.title == "CPU" ? "核" : "GB" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -376,26 +256,14 @@ ...@@ -376,26 +256,14 @@
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number <el-input-number v-model="formOld.perCPUs" controls-position="right" :min="0" :max="10" placeholder="请设置CPU最高使用量"></el-input-number>
v-model="formOld.perCPUs"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置CPU最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number <el-input-number v-model="formOld.perCPU" controls-position="right" :min="0" :max="10" placeholder="请设置CPU默认使用量"></el-input-number>
v-model="formOld.perCPU"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置CPU默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -405,26 +273,14 @@ ...@@ -405,26 +273,14 @@
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">最高</div> <div class="input_left">最高</div>
<el-input-number <el-input-number v-model="formOld.perRAMs" controls-position="right" :min="0" :max="10" placeholder="请设置内存最高使用量"></el-input-number>
v-model="formOld.perRAMs"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置内存最高使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item class="form_item input_has_left_right"> <el-form-item class="form_item input_has_left_right">
<div class="input_left">默认</div> <div class="input_left">默认</div>
<el-input-number <el-input-number v-model="formOld.perRAM" controls-position="right" :min="0" :max="10" placeholder="请设置内存默认使用量"></el-input-number>
v-model="formOld.perRAM"
controls-position="right"
:min="0"
:max="10"
placeholder="请设置内存默认使用量"
></el-input-number>
<div class="input_right">核</div> <div class="input_right">核</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -434,10 +290,7 @@ ...@@ -434,10 +290,7 @@
<div class="now_spec">当前规格：</div> <div class="now_spec">当前规格：</div>
<div class="now_spec_card_time"> <div class="now_spec_card_time">
<div> <div>
<img <img class="now_spec_card_time_img" :src="require('@/assets/imgs/ic_shijian.png')" />
class="now_spec_card_time_img"
:src="require('@/assets/imgs/ic_shijian.png')"
/>
<span class="now_spec_card_time_title">当前工作区域到期时间</span> <span class="now_spec_card_time_title">当前工作区域到期时间</span>
<span class="now_spec_card_time_val">2020-05-05 08:00:00</span> <span class="now_spec_card_time_val">2020-05-05 08:00:00</span>
</div> </div>
...@@ -447,36 +300,17 @@ ...@@ -447,36 +300,17 @@
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item input_has_right_select"> <el-form-item class="form_item input_has_right_select">
<div class="form_item_title">申请续期：</div> <div class="form_item_title">申请续期：</div>
<el-input-number <el-input-number v-model="formOld.appDuration" controls-position="right" :min="0"></el-input-number>
v-model="formOld.appDuration" <el-select v-model="formOld.durType" class="input_right_select" placeholder="请选择续期时长">
controls-position="right" <el-option v-for="item in durationOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
:min="0"
></el-input-number>
<el-select
v-model="formOld.durType"
class="input_right_select"
placeholder="请选择续期时长"
>
<el-option
v-for="item in durationOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="22"> <el-col :span="22">
<el-form-item class="form_item"> <el-form-item class="form_item">
<div class="form_item_title">申请文件：</div> <div class="form_item_title">申请文件：</div>
<upload-file <info-list :list_arr="docTemplate" class="doc_template"></info-list>
:multiple="false" <upload-file :multiple="false" :max="1" type="zip" :readOnly="false" :drag="true" @getNewList="getNewListOld"></upload-file>
:max="1"
type="zip"
:readOnly="false"
:drag="true"
@getNewList="getNewListOld"
></upload-file>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -553,9 +387,7 @@ ...@@ -553,9 +387,7 @@
</div> </div>
<div class="dia_block_item_in"> <div class="dia_block_item_in">
<span class="dia_block_item_title">数据盘：</span> <span class="dia_block_item_title">数据盘：</span>
<span <span class="dia_block_item_val">{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span>
class="dia_block_item_val"
>{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span>
</div> </div>
</div> </div>
<span class="dia_item_all_title">单个容器组规格：</span> <span class="dia_item_all_title">单个容器组规格：</span>
...@@ -579,9 +411,7 @@ ...@@ -579,9 +411,7 @@
<div class="dia_block_item"> <div class="dia_block_item">
<div class="dia_block_item_in"> <div class="dia_block_item_in">
<span class="dia_block_item_title">申请时长</span> <span class="dia_block_item_title">申请时长</span>
<span <span class="dia_block_item_val">{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span>
class="dia_block_item_val"
>{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -628,7 +458,7 @@ ...@@ -628,7 +458,7 @@
</div> </div>
</div> </div>
</div> </div>
<span class="dia_item_title margin_top_10">升级至：</span> <span class="dia_item_title margin_top_10">调整至：</span>
<div class="dia_block"> <div class="dia_block">
<span class="dia_item_all_title">工作区域：</span> <span class="dia_item_all_title">工作区域：</span>
<div class="dia_block_item"> <div class="dia_block_item">
...@@ -646,9 +476,11 @@ ...@@ -646,9 +476,11 @@
</div> </div>
<div class="dia_block_item_in"> <div class="dia_block_item_in">
<span class="dia_block_item_title">新增数据盘：</span> <span class="dia_block_item_title">新增数据盘：</span>
<span <span class="dia_block_item_val">{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span>
class="dia_block_item_val" </div>
>{{ diaForm.dataDisk }}块，每块{{ diaForm.perDataDisk }}GB</span> <div class="dia_block_item_in">
<span class="dia_block_item_title">删除数据盘：</span>
<span class="dia_block_item_val">{{ dataDiskList.join(",") }}</span>
</div> </div>
</div> </div>
<span class="dia_item_all_title">单个容器组规格：</span> <span class="dia_item_all_title">单个容器组规格：</span>
...@@ -672,18 +504,11 @@ ...@@ -672,18 +504,11 @@
<div class="dia_block_item"> <div class="dia_block_item">
<div class="dia_block_item_in"> <div class="dia_block_item_in">
<span class="dia_block_item_title">是否续期：</span> <span class="dia_block_item_title">是否续期：</span>
<span <span class="dia_block_item_val">{{ diaForm.appDuration && diaForm.appDuration != 0 ? "是": "否" }}</span>
class="dia_block_item_val"
>{{ diaForm.appDuration && diaForm.appDuration != 0 ? "是": "否" }}</span>
</div> </div>
<div <div class="dia_block_item_in" v-if="diaForm.appDuration && diaForm.appDuration != 0">
class="dia_block_item_in"
v-if="diaForm.appDuration && diaForm.appDuration != 0"
>
<span class="dia_block_item_title">续期时长：</span> <span class="dia_block_item_title">续期时长：</span>
<span <span class="dia_block_item_val">{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span>
class="dia_block_item_val"
>{{ diaForm.appDuration }}{{ diaForm.durType == 1 ? "个月" : "年" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -700,11 +525,15 @@ ...@@ -700,11 +525,15 @@
<script> <script>
import BlockRadius from "@/components/general/block-radius"; import BlockRadius from "@/components/general/block-radius";
import uploadFile from "@/components/general/upload_file"; import UploadFile from "@/components/general/upload_file";
import TableUm from "@/components/table/table-um";
import InfoList from "@/components/infoList";
export default { export default {
components: { components: {
BlockRadius, BlockRadius,
uploadFile UploadFile,
TableUm,
InfoList
}, },
props: { props: {
name: { type: String, default: "" } name: { type: String, default: "" }
...@@ -742,22 +571,16 @@ export default { ...@@ -742,22 +571,16 @@ export default {
{ required: true, message: "请输入联系电话", trigger: "blur" } { required: true, message: "请输入联系电话", trigger: "blur" }
] ]
}, },
durationOptions: [ durationOptions: [{ value: "1", label: "月" }, { value: "2", label: "年" }],
{ value: "1", label: "月" },
{ value: "2", label: "年" }
],
workSpace: "", workSpace: "",
workSpaceOptions: [], workSpaceOptions: [],
optionsCPU: [ optionsCPU: [{ value: "8", label: "8" }, { value: "16", label: "16" }],
{ value: "8", label: "8" },
{ value: "16", label: "16" }
],
optionsRAM: [ optionsRAM: [
{ value: "8", label: "8" }, { value: "8", label: "8" },
{ value: "16", label: "16" }, { value: "16", label: "16" },
{ value: "32", label: "32" } { value: "32", label: "32" }
], ],
formShow: false, formShow: true,
specArr: [ specArr: [
{ title: "CPU", val: "4", src: "ic_CPU" }, { title: "CPU", val: "4", src: "ic_CPU" },
{ title: "内存", val: "4", src: "ic_neicun" }, { title: "内存", val: "4", src: "ic_neicun" },
...@@ -767,6 +590,14 @@ export default { ...@@ -767,6 +590,14 @@ export default {
{ title: "CPU", max: "4", default: "2", src: "ic_CPU" }, { title: "CPU", max: "4", default: "2", src: "ic_CPU" },
{ title: "内存", max: "4", default: "2", src: "ic_neicun" } { title: "内存", max: "4", default: "2", src: "ic_neicun" }
], ],
docTemplate: [
{
title: "",
info: "工作区域申请文件标准模板.PDF",
url: "",
type: "down"
}
],
formOld: { formOld: {
namespace: "", namespace: "",
workplace: "", workplace: "",
...@@ -805,7 +636,45 @@ export default { ...@@ -805,7 +636,45 @@ export default {
}, },
ruleOld: [], ruleOld: [],
dialogVisible: false, dialogVisible: false,
diaForm: {} diaForm: {},
dataDiskHeaders: [
{
label: "数据盘容量",
prop: "capacity",
align: "center"
},
{
label: "部署的应用",
prop: "app",
align: "center"
},
{
label: "操作",
type: "Button",
align: "center",
btnList: [
{
type: "primary-del",
label: "删除"
}
]
}
],
dataDiskList: [
{
capacity: "www",
app: "wewaewa"
},
{
capacity: "www",
app: "wewaewa"
},
{
capacity: "www",
app: "wewaewa"
}
],
delDataDiskList: []
}), }),
mounted() { mounted() {
this.getUser(); this.getUser();
...@@ -924,6 +793,13 @@ export default { ...@@ -924,6 +793,13 @@ export default {
this.workSpaceOptions = response.data.data; this.workSpaceOptions = response.data.data;
} }
}); });
},
delItem(val) {
this.delDataDiskList.push(val.app);
let delItem = this.dataDiskList.findIndex(v => v.app === val.app);
if (delItem) {
console.log(delItem);
}
} }
} }
}; };
...@@ -1141,6 +1017,9 @@ export default { ...@@ -1141,6 +1017,9 @@ export default {
.val_has_2 { .val_has_2 {
margin-right: 20px; margin-right: 20px;
} }
.doc_template {
margin: 0 0 10px 20px;
}
</style> </style>
<style> <style>
.form_block .el-input .el-input__inner { .form_block .el-input .el-input__inner {
...@@ -1161,6 +1040,9 @@ export default { ...@@ -1161,6 +1040,9 @@ export default {
border-radius: 0; border-radius: 0;
color: #242c43; color: #242c43;
} }
.cloud_form .input_right_top {
top: 41px;
}
.cloud_form .el-select { .cloud_form .el-select {
width: 100%; width: 100%;
} }
......
src/components/shop-list.vue
View file @ efd742cf
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<ul class="shop_cards"> <ul class="shop_cards">
<li v-for="(item, index) in data" :key="'card_' + index"> <li v-for="(item, index) in data" :key="'card_' + index">
<shop-card :data="item" :detail-path="detailPath"></shop-card> <shop-card :data="item" :showImg="showImg" :detail-path="detailPath"></shop-card>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -20,33 +20,37 @@ import shopCard from "./shop-card"; ...@@ -20,33 +20,37 @@ import shopCard from "./shop-card";
export default { export default {
components: { components: {
shopCard, shopCard
}, },
props: { props: {
name: { name: {
type: String, type: String,
required: true, required: true
}, },
to: { to: {
type: String, type: String,
required: true, required: true
}, },
detailPath: { detailPath: {
type: String, type: String,
required: true, required: true
}, },
data: { data: {
type: Array, type: Array,
required: true, default: () => []
}, },
showImg: {
type: Boolean,
default: false
}
}, },
methods: { methods: {
goto() { goto() {
if (this.to) { if (this.to) {
this.$router.push(this.to); this.$router.push(this.to);
} }
}, }
}, }
}; };
</script> </script>
......
src/pages/service_shop/services_shop.vue
View file @ efd742cf
<template> <template>
<div class="services_shop-container"> <div class="services_shop-container">
<div class="services_shop-carousel"> <div class="services_shop-carousel">
<el-carousel height="400px"> <el-carousel height="400px" arrow="never">
<el-carousel-item <el-carousel-item v-for="(banner, index) in banners" :key="'banner_' + index">
v-for="(banner, index) in banners" <img :src="banner.image_url" width="100%" @click="goto(banner.url)" />
:key="'banner_' + index"
>
<img :src="banner" width="100%" />
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<ul class="services_shop-info"> <ul class="services_shop-info">
...@@ -18,16 +15,12 @@ ...@@ -18,16 +15,12 @@
<div class="right-container"> <div class="right-container">
<p v-text="item.name"></p> <p v-text="item.name"></p>
<p> <p>
<span v-text="item.value"></span> <span>{{ helper.numberFormat(item.value, 2) }}</span>
<span v-text="item.unit"></span> <span>{{ item.value > 10000 ? "万" : "" }}</span>
</p> </p>
</div> </div>
</li> </li>
<li <li class="info_line" :key="'line_' + index" v-if="index + 1 < servicesShopInfo.length"></li>
class="info_line"
:key="'line_' + index"
v-if="index + 1 < servicesShopInfo.length"
></li>
</template> </template>
</ul> </ul>
</div> </div>
...@@ -38,6 +31,7 @@ ...@@ -38,6 +31,7 @@
to="/shop/data_service_list" to="/shop/data_service_list"
detail-path="/shop/sjfwDetail/" detail-path="/shop/sjfwDetail/"
:data="hot_datas" :data="hot_datas"
:showImg="false"
></shop-list> ></shop-list>
<!-- 精品地图 --> <!-- 精品地图 -->
...@@ -46,6 +40,7 @@ ...@@ -46,6 +40,7 @@
to="/shop/space_time_service_list" to="/shop/space_time_service_list"
detail-path="/shop/skfwDetail/" detail-path="/shop/skfwDetail/"
:data="map_datas" :data="map_datas"
:showImg="true"
></shop-list> ></shop-list>
<!-- 综合应用 --> <!-- 综合应用 -->
...@@ -54,84 +49,90 @@ ...@@ -54,84 +49,90 @@
to="/shop/comprehensive_app_list" to="/shop/comprehensive_app_list"
detail-path="/shop/zhfwDetail/" detail-path="/shop/zhfwDetail/"
:data="comprehensive_datas" :data="comprehensive_datas"
:showImg="true"
></shop-list> ></shop-list>
</div> </div>
</template> </template>
<script> <script>
import shopList from "@/components/shop-list"; import shopList from "@/components/shop-list";
import helper from "@/services/helper";
export default { export default {
components: { components: {
shopList, shopList
}, },
data: () => ({ data: () => ({
banners: null, banners: null,
servicesShopInfo: null, servicesShopInfo: [
{
name: "服务总数",
value: 0,
icon: require("@/assets/imgs/shop_ic_fuwuzs.png")
},
{
name: "用户总数",
value: 0,
icon: require("@/assets/imgs/shop_ic_yonghuzs.png")
},
{
name: "接入机构",
value: 0,
icon: require("@/assets/imgs/shop_ic_jierujg.png")
},
{
name: "接入系统",
value: 0,
icon: require("@/assets/imgs/shop_ic_jieruxt.png")
},
{
name: "服务请求次数",
value: 0,
icon: require("@/assets/imgs/shop_ic_fuwuzs.png")
}
],
hot_datas: [], hot_datas: [],
map_datas: [], map_datas: [],
comprehensive_datas: [], comprehensive_datas: [],
helper
}), }),
methods: { methods: {
init() { init(type) {
this.$http this.$api.serviceShop.getFeaturedList({ type }).then(response => {
.get("./static/serviceshop.json") if (type == "hotdata") {
.then((response) => { this.hot_datas = response.data.data;
let data = response.body; } else if (type == "hgmap") {
let servicesShopInfo = [ this.map_datas = response.data.data;
{ } else if (type == "zhapp") {
name: "服务总数", this.comprehensive_datas = response.data.data;
value: "", }
unit: "万", });
icon: require("@/assets/imgs/shop_ic_fuwuzs.png"), },
}, getBenner() {
{ this.$api.serviceShop.getBenner().then(response => {
name: "用户总数", this.banners = response.data.data;
value: "", });
unit: "万",
icon: require("@/assets/imgs/shop_ic_yonghuzs.png"),
},
{
name: "接入机构",
value: "",
unit: "",
icon: require("@/assets/imgs/shop_ic_jierujg.png"),
},
{
name: "接入系统",
value: "",
unit: "万",
icon: require("@/assets/imgs/shop_ic_jieruxt.png"),
},
{
name: "服务请求次数",
value: ".2",
unit: "亿",
icon: require("@/assets/imgs/shop_ic_fuwuzs.png"),
},
];
this.banners = data.banners;
this.servicesShopInfo = servicesShopInfo.map((item) => {
let temp = data.servicesShopInfo.find((v) => v.name === item.name);
return {
...item,
value: temp && temp.value,
};
});
this.hot_datas = data.hot_datas;
this.map_datas = data.map_datas;
this.comprehensive_datas = data.comprehensive_datas;
})
.catch(function(error) {
console.log(error);
});
}, },
getGeneralOverview() {
this.$api.serviceShop.getGeneralOverview().then(response => {
let data = response.data.data;
this.servicesShopInfo[0].value = data.service_num;
this.servicesShopInfo[1].value = data.person_num;
this.servicesShopInfo[2].value = data.org_num;
this.servicesShopInfo[3].value = data.system_num;
this.servicesShopInfo[4].value = data.request_num;
});
},
goto(page) {
window.location.href = page;
}
}, },
mounted() { mounted() {
this.init(); this.getBenner();
}, this.init("hotdata");
this.init("hgmap");
this.init("zhapp");
}
}; };
</script> </script>
......
src/pages/workbench/app_build.vue
View file @ efd742cf
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
下一步 下一步
</el-button> </el-button>
</div> </div>
<image-detail ref="imageDetail" :image="selectedImage"></image-detail> <image-detail ref="imageDetail"></image-detail>
</app-build-step> </app-build-step>
<app-build-step <app-build-step
title="上传部署文件" title="上传部署文件"
...@@ -360,7 +360,6 @@ export default { ...@@ -360,7 +360,6 @@ export default {
msg: "", msg: "",
submit: null, submit: null,
}, },
selectedImage: null,
}), }),
methods: { methods: {
preStep() { preStep() {
...@@ -575,8 +574,7 @@ export default { ...@@ -575,8 +574,7 @@ export default {
} }
}, },
showImageDetail(item) { showImageDetail(item) {
this.selectedImage = item; this.$refs.imageDetail.showDialog(item);
this.$refs.imageDetail.showDialog();
}, },
}, },
mounted() { mounted() {
......
src/pages/workbench/fwgl/fwglList.vue
View file @ efd742cf
...@@ -5,15 +5,51 @@ ...@@ -5,15 +5,51 @@
search-placeholder="请输入关键字" search-placeholder="请输入关键字"
:list-total="listTotal" :list-total="listTotal"
:list-filter="filterList" :list-filter="filterList"
:other-filter="filterList2"
:list-header="listHeader" :list-header="listHeader"
:list-data="listData" :list-data="listData"
:list-padding-left="35" :list-padding-left="paddingLeft"
@list-action="init" @list-action="init"
> >
<el-breadcrumb separator="/" slot="breadcrumb"> <el-breadcrumb separator="/" slot="breadcrumb">
<el-breadcrumb-item :to="`/fwgl/${level}`">我的服务</el-breadcrumb-item> <el-breadcrumb-item :to="`/fwgl/${level}`">我的服务</el-breadcrumb-item>
<el-breadcrumb-item>{{ pathName }}</el-breadcrumb-item> <el-breadcrumb-item>{{ pathName }}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<template slot="top">
<div class="cloud_info" v-if="cloud_zuzhi">
<div class="zuzhi_title">
<span>{{ cloud_zuzhi.org_name }}</span>
<span>
{{ "在用工作区域：" + (cloud_zuzhi.used_area || 0) + "个" }}
</span>
</div>
<div class="dashboard_contaner">
<div
class="dashborad_list"
v-for="(item, index) in cloud_zuzhi.dashboard_list"
:key="index"
>
<chart
:options="getDashboardOptions(item)"
class="dashboard_chart"
/>
<p class="dashboard_info">
<span>物理总量</span>
<span v-text="item.total + item.unit"></span>
</p>
<p class="dashboard_info">
<span>剩余量</span>
<span v-text="item.value + item.unit"></span>
</p>
</div>
</div>
</div>
</template>
<div slot="list" v-if="level == 2 && type == 2">
<p style="text-align: center;margin-top: 20px;">组织列表</p>
</div>
</apass-list> </apass-list>
<apass-dialog <apass-dialog
...@@ -26,20 +62,24 @@ ...@@ -26,20 +62,24 @@
</template> </template>
<script> <script>
import helper from "@/services/helper.js"; import { graphic } from "echarts/lib/export";
import { mapState } from "vuex"; import { mapState } from "vuex";
import helper from "@/services/helper.js";
import apassList from "@/components/apass-list"; import apassList from "@/components/apass-list";
import apassDialog from "@/components/apass-dialog"; import apassDialog from "@/components/apass-dialog";
import Dashboard from "@/components/e-charts/dashboard";
export default { export default {
components: { apassList, apassDialog }, components: { apassList, apassDialog, Dashboard },
data: () => ({ data: () => ({
level: 0, // 用户等级 level: 0, // 用户等级
type: 0, // 访问的页面 type: 0, // 访问的页面
paddingLeft: 35,
listTotal: 0, listTotal: 0,
listHeader: [], listHeader: [],
listData: [], listData: [],
filterList: [], filterList: [],
filterList2: [],
otherFilter: [], otherFilter: [],
dialogInfo: { dialogInfo: {
title: "", title: "",
...@@ -49,6 +89,8 @@ export default { ...@@ -49,6 +89,8 @@ export default {
listUrl: "", listUrl: "",
deleteUrl: "", deleteUrl: "",
tempFliter: null, tempFliter: null,
cloud_zuzhi: null,
cloud_admin: null,
}), }),
computed: { computed: {
...mapState({ ...mapState({
...@@ -71,27 +113,31 @@ export default { ...@@ -71,27 +113,31 @@ export default {
}, },
methods: { methods: {
initFilter() { initFilter() {
Promise.all([ if (this.type == 2) {
this.$http.get("/apaas/service/v3/service/manager/servtype"), //
this.$http.get("/apaas/service/v3/service/manager/servarea"), } else {
]) Promise.all([
.then((response) => { this.$http.get("/apaas/service/v3/service/manager/servtype"),
let data = response.map((item) => { this.$http.get("/apaas/service/v3/service/manager/servarea"),
return { ])
name: item.body.data[0].type_name, .then((response) => {
prop: item.body.data[0].type_code, let data = response.map((item) => {
data: item.body.data.map((v) => ({ return {
name: v.name, name: item.body.data[0].type_name,
value: v.id, prop: item.body.data[0].type_code,
})), data: item.body.data.map((v) => ({
}; name: v.name,
}); value: v.id,
})),
};
});
this.filterList = [...data, ...this.otherFilter]; this.filterList = [...data, ...this.otherFilter];
}) })
.catch((error) => { .catch((error) => {
console.log(error); console.log(error);
}); });
}
}, },
initHeader() { initHeader() {
let _self = this; let _self = this;
...@@ -149,9 +195,7 @@ export default { ...@@ -149,9 +195,7 @@ export default {
}, },
{ {
getLabel(item) { getLabel(item) {
return ( return ["申请上架", "申请下架", "审核中"][item.state] || "-";
["申请上架", "申请下架", "审核中"][item.state] || "-"
);
}, },
callback(item) { callback(item) {
if (item.state == 0) { if (item.state == 0) {
...@@ -322,18 +366,97 @@ export default { ...@@ -322,18 +366,97 @@ export default {
}, },
]; ];
} }
// TODO: 普通用户 --- 云资源服务 // 普通用户 --- 云资源服务
else if (level == 0 && type == 2) { else if (level == 0 && type == 2) {
this.listUrl = "xxxxxx"; this.listUrl = "";
this.paddingLeft = 0;
this.filterList2 = [
{
name: "初次申请状态",
prop: "state1",
default: 0,
options: [
{
name: "全部",
value: 0,
},
{
name: "待审批",
value: 1,
},
{
name: "审批通过",
value: 2,
},
{
name: "审批未通过",
value: 3,
},
],
},
{
name: "资源调整状态",
prop: "state2",
default: 0,
options: [
{
name: "全部",
value: 0,
},
{
name: "待审批",
value: 1,
},
{
name: "审批通过",
value: 2,
},
{
name: "审批未通过",
value: 3,
},
],
},
/* {
name: "申请状态",
prop: "state3",
default: 0,
options: [
{
name: "全部",
value: 0,
},
{
name: "待审批",
value: 1,
},
{
name: "审批通过",
value: 2,
},
{
name: "审批未通过",
value: 3,
},
],
}, */
];
this.listHeader = [ this.listHeader = [
{ {
label: "工作区域", label: "运行状态",
prop: "name", align: "center",
type: "image",
getImage(item) {
return item.state == 0
? require("@/assets/imgs/ic_true.png")
: require("@/assets/imgs/ic_guoqi.png");
},
}, },
{ {
label: "网络环境", label: "工作区域",
prop: "name", prop: "name",
align: "center", type: "button",
callback: this.cloudDetail,
}, },
{ {
label: "CPU（核）", label: "CPU（核）",
...@@ -346,14 +469,29 @@ export default { ...@@ -346,14 +469,29 @@ export default {
align: "center", align: "center",
}, },
{ {
label: "资源总量（GB）", label: "容器组（个）",
prop: "name", prop: "name",
align: "center", align: "center",
}, },
{ {
label: "实例数（个）", label: "数据盘（块/GB）",
prop: "name", type: "tooltip",
align: "center", align: "center",
getLength(item) {
return item.sjp.length;
},
getText(item) {
return item.sjp[0];
},
getContent(item) {
let htmlStr = `<span>数据盘（块/GB）</span><br />`;
item.sjp.forEach((v) => {
htmlStr += `<span>数据盘：${v}</span><br />`;
});
return htmlStr;
},
}, },
{ {
label: "申请时间", label: "申请时间",
...@@ -361,21 +499,31 @@ export default { ...@@ -361,21 +499,31 @@ export default {
align: "center", align: "center",
}, },
{ {
label: "申请状态", label: "初次申请状态",
prop: "name", prop: "name",
align: "center", align: "center",
}, },
{ {
label: "操作", label: "资源调整结果",
type: "buttons", prop: "name",
align: "center", align: "center",
width: 160, },
actionList: [ ];
{ this.listData = [
label: "查看详情", {
callback: this.detailItem, name: "区域1",
}, state: 0,
], sjp: ["8/60"],
},
{
name: "区域2",
state: 1,
sjp: ["2/3", "22/33"],
},
{
name: "区域3",
state: 0,
sjp: ["2/100", "22/33", "55/66"],
}, },
]; ];
} }
...@@ -509,7 +657,7 @@ export default { ...@@ -509,7 +657,7 @@ export default {
(item.service_apply_info && (item.service_apply_info &&
item.service_apply_info.approval_time) || item.service_apply_info.approval_time) ||
""; "";
return item.service_apply_info && return item.service_apply_info &&
item.service_apply_info.approval_status == 1 item.service_apply_info.approval_status == 1
? helper.dateStringTransform(date) ? helper.dateStringTransform(date)
...@@ -586,18 +734,74 @@ export default { ...@@ -586,18 +734,74 @@ export default {
}, },
]; ];
} }
// TODO: 组织管理员 --- 云资源管理 // 组织管理员 --- 云资源管理
else if (level == 1 && type == 2) { else if (level == 1 && type == 2) {
this.listUrl = "xxxxxx"; this.listUrl = "";
this.paddingLeft = 0;
this.filterList2 = [
{
name: "初次申请状态",
prop: "state1",
default: 0,
options: [
{
name: "全部",
value: 0,
},
{
name: "待审批",
value: 1,
},
{
name: "审批通过",
value: 2,
},
{
name: "审批未通过",
value: 3,
},
],
},
{
name: "资源调整状态",
prop: "state2",
default: 0,
options: [
{
name: "全部",
value: 0,
},
{
name: "待审批",
value: 1,
},
{
name: "审批通过",
value: 2,
},
{
name: "审批未通过",
value: 3,
},
],
},
];
this.listHeader = [ this.listHeader = [
{ {
label: "工作区域", label: "运行状态",
prop: "name", align: "center",
type: "image",
getImage(item) {
return item.state == 0
? require("@/assets/imgs/ic_true.png")
: require("@/assets/imgs/ic_guoqi.png");
},
}, },
{ {
label: "网络环境", label: "工作区域名称",
prop: "name", prop: "name",
align: "center", type: "button",
callback: this.cloudDetail,
}, },
{ {
label: "CPU（核）", label: "CPU（核）",
...@@ -610,17 +814,32 @@ export default { ...@@ -610,17 +814,32 @@ export default {
align: "center", align: "center",
}, },
{ {
label: "资源总量（GB）", label: "容器组（个）",
prop: "name",
align: "center",
},
{
label: "数据盘（块/GB）",
prop: "name",
align: "center",
},
{
label: "申请用户",
prop: "name",
align: "center",
},
{
label: "业务系统名",
prop: "name", prop: "name",
align: "center", align: "center",
}, },
{ {
label: "实例数（个）", label: "初次申请状态",
prop: "name", prop: "name",
align: "center", align: "center",
}, },
{ {
label: "使用用户", label: "资源调整状态",
prop: "name", prop: "name",
align: "center", align: "center",
}, },
...@@ -633,15 +852,71 @@ export default { ...@@ -633,15 +852,71 @@ export default {
label: "操作", label: "操作",
type: "buttons", type: "buttons",
align: "center", align: "center",
width: 160, width: 80,
actionList: [ actionList: [
{ {
label: "分配", label: "分配",
callback: this.allotItem, getLabel(item) {
return item.allot == 0 ? "分配" : "已分配";
},
callback: this.cloudAllot,
disabledRule(item) {
return item.allot == 1;
},
}, },
], ],
}, },
]; ];
this.listData = [
{
name: "区域1",
state: 0,
sjp: ["8/60"],
allot: 1,
},
{
name: "区域2",
state: 1,
sjp: ["2/3", "22/33"],
allot: 0,
},
{
name: "区域3",
state: 0,
sjp: ["2/100", "22/33", "55/66"],
allot: 1,
},
];
this.cloud_zuzhi = {
org_name: "北京比格大数据",
used_area: 2,
dashboard_list: [
{
name: "cpu使用量",
value: 6,
total: 10,
unit: "（核）",
},
{
name: "内存使用量",
value: 13,
total: 20,
unit: "（GB）",
},
{
name: "数据盘使用量",
value: 500,
total: 560,
unit: "（GB）",
},
{
name: "容器组使用量",
value: 10,
total: 18,
unit: "（个）",
},
],
};
} }
// 超级管理员 --- 平台服务管理 // 超级管理员 --- 平台服务管理
...@@ -859,46 +1134,37 @@ export default { ...@@ -859,46 +1134,37 @@ export default {
}, },
]; ];
} }
// TODO: 超级管理员 --- 云资源管理 // 超级管理员 --- 云资源管理
else if (level == 2 && type == 2) { else if (level == 2 && type == 2) {
this.listUrl = "xxxxxx"; this.cloud_admin = {
this.listHeader = [ dashboard_list: [
{ {
label: "所属组织", name: "cpu使用量",
prop: "name", value: 6,
}, total: 10,
{ unit: "（核）",
label: "CPU使用量", },
prop: "name", {
align: "center", name: "内存使用量",
}, value: 13,
{ total: 20,
label: "内存使用量", unit: "（GB）",
prop: "name", },
align: "center", {
}, name: "数据盘使用量",
{ value: 240,
label: "工作区域数量", total: 560,
prop: "name", unit: "（GB）",
align: "center", },
}, {
{ name: "容器组使用量",
label: "创建时间", value: 10,
prop: "name", total: 18,
align: "center", unit: "（个）",
}, },
{ ],
label: "操作", histogram: {},
type: "buttons", };
align: "center",
actionList: [
{
label: "删除",
callback: this.deleteItem,
},
],
},
];
} }
// Error // Error
...@@ -907,6 +1173,12 @@ export default { ...@@ -907,6 +1173,12 @@ export default {
} }
}, },
init(filter) { init(filter) {
console.log(filter);
if (!this.listUrl) {
return;
}
this.tempFliter = filter; this.tempFliter = filter;
this.$http this.$http
...@@ -1130,9 +1402,168 @@ export default { ...@@ -1130,9 +1402,168 @@ export default {
`/fwgl/${this.level}/${this.type}/approvalserviceedit/${item.service_apply_info.id}` `/fwgl/${this.level}/${this.type}/approvalserviceedit/${item.service_apply_info.id}`
); );
}, // 审批服务 }, // 审批服务
allotItem(item) { cloudDetail(item) {
console.log("allotItem - " + item.name); console.log("cloudDetail - " + item.name);
}, // TODO: 云资源分配 },
cloudAllot(item) {
console.log("cloudAllot - " + item.name);
},
getDashboardOptions(item) {
let percent = Math.round((item.value / item.total) * 100);
let colors = ["#515fe7", "#e7ecfd"];
if (percent >= 80) {
colors = ["#e3606d", "#f6d0d0"];
}
return {
title: {
text: percent + "%",
subtext: item.name,
x: "center",
y: "center",
textVerticalAlign: "auto",
textStyle: {
fontSize: 34,
fontWeight: "100",
color: ["#0d1847"],
},
subtextStyle: {
fontSize: 12,
fontWeight: "100",
color: "#707693",
},
},
angleAxis: {
axisLine: {
show: false,
},
axisLabel: {
show: false,
},
splitLine: {
show: false,
},
axisTick: {
show: false,
},
min: 0,
max: 138,
boundaryGap: ["0", "100"],
startAngle: 220,
endAngle: -40,
},
radiusAxis: {
type: "category",
axisLine: {
show: false,
},
axisTick: {
show: false,
},
axisLabel: {
show: false,
},
},
polar: {
radius: "110%",
},
series: [
{
type: "bar",
data: [, percent],
coordinateSystem: "polar",
barMaxWidth: 10,
z: 1,
name: "B",
roundCap: true,
itemStyle: {
normal: {
color: new graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: colors[0] },
{ offset: 1, color: colors[1] },
]),
},
},
barGap: "-100%",
},
{
type: "bar",
data: [, 100],
z: 0,
silent: true,
coordinateSystem: "polar",
barMaxWidth: 10,
name: "C",
roundCap: true,
color: "#ddd",
barGap: "-100%",
},
{
type: "gauge",
radius: "70%",
min: 0, //最小刻度
max: 100, //最大刻度
splitNumber: 10, //刻度数量
startAngle: 220,
endAngle: -40,
axisLabel: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
width: 0.5,
color: [[1, "rgba(0,0,0,0)"]],
},
}, //仪表盘轴线
axisLabel: {
show: false,
}, //刻度标签。
axisTick: {
show: true,
splitNumber: 5,
lineStyle: {
color: "#e3e4ea",
width: 0.5,
},
length: 3,
}, //刻度样式
splitLine: {
show: true,
length: 4,
lineStyle: {
color: "#e3e4ea",
width: 0.5,
},
}, //分隔线样式
detail: {
show: false,
},
pointer: {
show: false,
},
},
{
name: "point",
type: "scatter",
coordinateSystem: "polar",
barGap: "-100%",
zlevel: 0,
symbol: "circle",
symbolSize: 6,
itemStyle: {
normal: {
show: true,
color: "#fff",
},
},
data: [, percent],
},
],
};
},
}, },
created() { created() {
this.level = parseInt(this.$route.params.level); this.level = parseInt(this.$route.params.level);
...@@ -1163,4 +1594,68 @@ export default { ...@@ -1163,4 +1594,68 @@ export default {
.service_management_list { .service_management_list {
height: 100%; height: 100%;
} }
.zuzhi_title {
margin-top: 15px;
}
.zuzhi_title > span,
.zuzhi_title > span::before {
display: inline-block;
vertical-align: middle;
}
.zuzhi_title > span:nth-child(1)::before {
content: "";
width: 4px;
height: 16px;
border-radius: 2px;
background-color: #515fe7;
margin-right: 10px;
}
.zuzhi_title > span:nth-child(1) {
font-size: 16px;
color: #242c43;
line-height: 30px;
}
.zuzhi_title > span:nth-child(2)::before {
content: "";
width: 2px;
height: 12px;
background-color: #b4c0f5;
margin: 0 10px;
}
.zuzhi_title > span:nth-child(2) {
font-size: 14px;
line-height: 1;
color: #58617a;
line-height: 24px;
margin-top: 3px;
}
.dashboard_contaner {
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 20px;
}
.dashborad_list {
text-align: center;
margin: 0 25px;
font-size: 18px;
}
.dashboard_chart {
width: 136px;
height: 136px;
}
.dashboard_info {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
line-height: 30px;
color: #8890a7;
}
.dashboard_info:nth-of-type(1) {
margin-top: -10px;
}
.dashboard_info > span:nth-of-type(2) {
color: #0d1847;
}
</style> </style>
src/pages/workbench/yygl/app_debugger.vue
View file @ efd742cf
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<el-input placeholder="请输入内容" style="float:right;" v-model="pod_name" prefix-icon="el-icon-search"></el-input> <el-input placeholder="请输入内容" style="float:right;" v-model="pod_name" prefix-icon="el-icon-search"></el-input>
</div> </div>
<div style="padding:20px;padding-top:0px;"> <div style="padding:20px;padding-top:0px;">
<apass-table :header="header_arr" :data="tableData" :icon="false" :height="560"></apass-table> <apass-table :header="header_arr" :data="tableData" :icon="false" :height="560" :paddingLeft="5"></apass-table>
<list-pagination <list-pagination
:total="listTotal" :total="listTotal"
:page-sizes="pageSizes" :page-sizes="pageSizes"
......
src/request/api/service_shop.js
View file @ efd742cf
...@@ -64,6 +64,17 @@ businessArea=${params.businessArea}&developable=${params.developable}&orgSource= ...@@ -64,6 +64,17 @@ businessArea=${params.businessArea}&developable=${params.developable}&orgSource=
submitShoppingCart() { submitShoppingCart() {
return axios.post(`/apaas/serviceapp/v3/shopcart/apply`, params); return axios.post(`/apaas/serviceapp/v3/shopcart/apply`, params);
}, },
// Service Shop Page
getFeaturedList(params) {
return axios.get(`/apaas/service/v3/recommend/show/featured/list/${params.type}`);
},
getBenner() {
return axios.get(`/apaas/service/v3/recommend/show/banners/list`);
},
getGeneralOverview() {
return axios.get(`/apaas/service/v3/statistics/other/index`);
}
} }
export default serviceShop; export default serviceShop;
src/store/index.js
View file @ efd742cf
...@@ -8,9 +8,9 @@ const store = new Vuex.Store({ ...@@ -8,9 +8,9 @@ const store = new Vuex.Store({
userInfo: null, // 用户信息 userInfo: null, // 用户信息
serviceShopMenu: "/shop/data_service_list", // 服务超市侧边栏 serviceShopMenu: "/shop/data_service_list", // 服务超市侧边栏
fwglNav: [ fwglNav: [
["注册发布的服务", "申请的服务" /* , "云资源服务" */], // 普通用户 ["注册发布的服务", "申请的服务", "云资源服务"], // 普通用户
["组织服务管理", "服务审批管理" /* , "云资源管理" */], // 组织管理员 ["组织服务管理", "服务审批管理", "云资源管理"], // 组织管理员
["平台服务管理", "服务审批管理" /* , "云资源管理" */], // 超级管理员 ["平台服务管理", "服务审批管理", "云资源管理"], // 超级管理员
], // 服务管理列表，onlyRead ], // 服务管理列表，onlyRead
yyglNav: [ yyglNav: [
["应用仓库", "我部署的应用", "申请的应用"], // 普通用户 ["应用仓库", "我部署的应用", "申请的应用"], // 普通用户
......
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