From 0f1e35838ac3d115fe767e9dee41b6bc8c20cc13 Mon Sep 17 00:00:00 2001 From: zhangjun1 Date: Thu, 9 Jul 2020 18:43:50 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BA=94=E7=94=A8=E8=BF=90=E8=A1=8C=E7=8A=B6?= =?UTF-8?q?=E6=80=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../workbench/yygl/app_debugger_detail.vue | 2 - src/pages/workbench/yygl/app_detail.vue | 10 ++- .../workbench/yygl/deploy_app_detail.vue | 50 +++++++++++-- src/pages/workbench/yygl/deployment.vue | 72 +++++++++++++++++-- 4 files changed, 122 insertions(+), 12 deletions(-) diff --git a/src/pages/workbench/yygl/app_debugger_detail.vue b/src/pages/workbench/yygl/app_debugger_detail.vue index 718943d..6676751 100644 --- a/src/pages/workbench/yygl/app_debugger_detail.vue +++ b/src/pages/workbench/yygl/app_debugger_detail.vue @@ -494,7 +494,6 @@ height: 10px; /*对水平流动条有效*/ /*定义滚动条的轨道颜色、内阴影及圆角*/ #xterm_contain ::-webkit-scrollbar-track{ --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rosybrown; border-radius: 3px; } @@ -503,7 +502,6 @@ border-radius: 3px; /*定义滑块颜色、内阴影及圆角*/ #xterm_contain ::-webkit-scrollbar-thumb{ border-radius: 7px; --webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #E8E8E8; } diff --git a/src/pages/workbench/yygl/app_detail.vue b/src/pages/workbench/yygl/app_detail.vue index f4ce78f..27083fd 100644 --- a/src/pages/workbench/yygl/app_detail.vue +++ b/src/pages/workbench/yygl/app_detail.vue @@ -149,6 +149,7 @@ ref="myConfirm" :confirmOptions="tipsOptions" > + @@ -162,6 +163,7 @@ import serviceTabComments from '@/components/service-tabs/service-tab-comments' import { getRole } from "@/utils/common"; import { mapGetters,mapState } from 'vuex' import apassTable from "@/components/apass-table"; +import imageDetail from "@/components/image-detail"; export default { components: { infoList, @@ -170,7 +172,8 @@ export default { dialogAction, uploadFile, serviceTabComments, - apassTable + apassTable, + imageDetail }, data() { return { @@ -318,6 +321,8 @@ export default { label: "镜像名称", minWidth: "33.33%", align: "center", + type: "button", + callback: this.showImageDetail, }, { prop: "tag", @@ -341,6 +346,9 @@ export default { ] }, methods: { + showImageDetail(item) { + this.$refs.imageDetail.showDialog(item); + }, getCurrentUser() { this.$api.user.getNowUser().then(({ data }) => { if (data.success == 1) { diff --git a/src/pages/workbench/yygl/deploy_app_detail.vue b/src/pages/workbench/yygl/deploy_app_detail.vue index 5197a7d..30665c3 100644 --- a/src/pages/workbench/yygl/deploy_app_detail.vue +++ b/src/pages/workbench/yygl/deploy_app_detail.vue @@ -85,7 +85,8 @@ -
+ +

应用概况

@@ -598,9 +599,8 @@ export default { } this.getServiceInfo(); this.getServiceBaseInfo(); - this.getServiceyxztInfo(); - this.getImageInfo(); this.get_service_list(); + this.get_app_generl(); if (this.$route.query.showstate) { this.now_service = 1; } @@ -639,6 +639,21 @@ export default { debuggerfunc(){ this.$router.push(`/yygl/${this.$route.params.level}/${this.$route.params.type}/appdebugger?namespace=${this.header_data.namespace}&app=${this.header_data.deploy_name}`) }, + get_app_generl(){ + this.$http + .get(`/apaas/hubApi/market/status/overview/${this.$route.params.deploy_id}`) + .then(response => { + let data = response.data.data + this.yx_state= { + state: data.appState, + averageTime: data.respTime.avg, + maxTime: data.respTime.max, + averageTraffic: data.throughput.avg, + maxTraffic: data.throughput.max, + memory: data.resource.memory + } + }) + }, getImageInfo() { this.$http .get("./static/deployappdetail.json") @@ -825,6 +840,33 @@ export default { background-color: #f7f8f9; width: 1022px; } +.service_list ::-webkit-scrollbar { +width: 0px; /*对垂直流动条有效*/ +height: 0px; /*对水平流动条有效*/ +} + +/*定义滚动条的轨道颜色、内阴影及圆角*/ +.service_list ::-webkit-scrollbar-track{ +background-color: rosybrown; +border-radius: 3px; +} + + +/*定义滑块颜色、内阴影及圆角*/ +.service_list ::-webkit-scrollbar-thumb{ +border-radius: 7px; +background-color: #E8E8E8; +} + +/*定义两端按钮的样式*/ +.service_list ::-webkit-scrollbar-button { +background-color:cyan; +} + +/*定义右下角汇合处的样式*/ +.service_list ::-webkit-scrollbar-corner { +background:khaki; +} -- 2.26.0