Skip to content

A
apaas-ui
Commit eb2e2bcd authored by 刘殿昕's avatar 刘殿昕
Browse files
Options

云服务布局，运营分析差俩接口，导航栏

parent dce8dc67
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2271 additions and 2440 deletions
src/assets/i18n/language-zh.js
View file @ eb2e2bcd
......@@ -23,8 +23,12 @@ export const lang = {
// data analysis
data_analysis: "运营管控中心",
my_service_data_analysis: "服务分析",
my_application_data_analysis: "应用分析",
operational_analysis: "运营分析",
operation_control: "运行管控",
service_data_analysis: "服务分析",
application_data_analysis: "应用分析",
operation_overview: "运行概况",
service_control: "服务管控",
// message
message: "消息与推送管理",
......
src/components/e-charts/gkmultiple_circle.vue
View file @ eb2e2bcd
......@@ -36,7 +36,8 @@ export default {
data: {
handler() {
this.init_yylx_asy(this.data, this.text);
}
},
deep: true,
}
},
computed: {},
......
src/components/e-charts/graph.vue
View file @ eb2e2bcd
......@@ -25,8 +25,6 @@ export default {
methods: {
graph() {
let self = this;
console.log(this.data.legend.data);
console.log(this.data.data);
return {
color: ["#274fee", "#ef9433"],
legend: {
......
src/components/e-charts/multiple_circle.vue
View file @ eb2e2bcd
......@@ -48,7 +48,8 @@ export default {
data: {
handler() {
this.init_yylx_asy(this.data, this.text);
}
},
deep: true,
}
},
computed: {},
......@@ -125,9 +126,10 @@ export default {
name: "",
type: "pie",
clockWise: false,
radius: [65, 68],
center: ["50%", "50%"],
radius: [60, 63],
center: ["50%", "46%"],
hoverAnimation: false,
avoidLabelOverlap: true,
itemStyle: {
normal: {
label: {
......@@ -173,9 +175,9 @@ export default {
subtextStyle: {
color: "#c9cedd"
},
itemGap: -10, // 主副标题距离
itemGap: 0, // 主副标题距离
left: "center",
top: "center"
top: "32%"
},
color: this.isFwsp ? color2 : color,
tooltip: {
......
src/components/e-charts/single_circle.vue
View file @ eb2e2bcd
......@@ -13,24 +13,24 @@ export default {
return {
num: 0,
color: "#e15260",
text: "敏感"
text: "敏感",
};
}
}
},
},
},
components: {},
data() {
return {
health: uuidv1()
health: uuidv1(),
};
},
watch: {
data: {
handler(val) {
console.log(val);
this.init_health(this.data.num, this.data.color, this.data.text);
}
}
},
deep: true,
},
},
computed: {},
created() {},
......@@ -40,22 +40,22 @@ export default {
methods: {
init_health(num, color, text) {
var options = {
color:[color,'#c9cedd'],
color: [color, "#c9cedd"],
title: {
text: num + "%",
textStyle: {
color: "#000",
fontSize: 26,
fontWeight: 200
fontWeight: 200,
},
subtext: text,
subtextStyle: {
color: "#707693",
fontSize: 12
fontSize: 12,
},
itemGap: 0, // 主副标题距离
left: "center",
top: "center"
top: "center",
},
angleAxis: {
max: 100, // 满分
......@@ -63,119 +63,124 @@ export default {
startAngle: 90,
// 隐藏刻度线
axisLine: {
show: false
show: false,
},
axisTick: {
show: false
show: false,
},
axisLabel: {
show: false
show: false,
},
splitLine: {
show: false
}
show: false,
},
},
radiusAxis: {
type: "category",
// 隐藏刻度线
axisLine: {
show: false
show: false,
},
axisTick: {
show: false
show: false,
},
axisLabel: {
show: false
show: false,
},
splitLine: {
show: false
}
show: false,
},
},
polar: {
center: ["50%", "50%"],
radius: "140%" //图形大小
radius: "140%", //图形大小
},
series: [
{
type: 'pie',
z:5,
center:['50%','50%'],
radius:['68%','72%'],
silent:true,
label: {
normal: {
show: false
type: "pie",
z: 5,
center: ["50%", "50%"],
radius: ["68%", "72%"],
silent: true,
label: {
normal: {
show: false,
},
emphasis: {
show: false,
},
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
labelLine: {
normal: {
show: false,
},
emphasis: {
show: false,
},
},
emphasis: {
show: false
}
},
tooltip: {
show: false
},
data:[{
name:'',
value:num
},{
name:'',
value:100 - num
}]
},
tooltip: {
show: false,
},
data: [
{
name: "",
value: num,
},
{
name: "",
value: 100 - num,
},
],
},
{
type:'pie',
z:4,
center:['50%','50%'],
radius:['60%','80%'],
hoverAnimation:false,
avoidLabelOverlap: false,
label: {
normal: {
show: false
type: "pie",
z: 4,
center: ["50%", "50%"],
radius: ["60%", "80%"],
hoverAnimation: false,
avoidLabelOverlap: false,
label: {
normal: {
show: false,
},
emphasis: {
show: false,
},
},
emphasis: {
show: false
}
},
labelLine: {
normal: {
show: false
labelLine: {
normal: {
show: false,
},
emphasis: {
show: false,
},
},
tooltip: {
show: false,
},
itemStyle: {
normal: {
color: "#f6f7fc",
},
},
emphasis: {
show: false
}
},
tooltip: {
show: false
},
itemStyle: {
normal: {
color:'#f6f7fc'
}
},
emphasis:{
show:false,
itemStyle:{
color:'#f6f7fc'
}
},
data: [{
value: 1,
}],
}
]
show: false,
itemStyle: {
color: "#f6f7fc",
},
},
data: [
{
value: 1,
},
],
},
],
};
window[this.health] = echarts.init(document.getElementById(this.health));
window[this.health].setOption(options, true);
}
}
},
},
};
</script>
......
src/components/menu.vue
View file @ eb2e2bcd
......@@ -186,7 +186,6 @@ export default {
},
navAction(path) {
this.now_menu = path;
window.sessionStorage.setItem("menuVisitUrl", path);
this.$router.push(path);
},
gotoChildPage(v, parent) {
......@@ -200,7 +199,6 @@ export default {
this.$router.push(v.visit_url);
}
this.now_menu = parent;
window.sessionStorage.setItem("menuVisitUrl", parent);
}
},
getList() {
......@@ -218,8 +216,7 @@ export default {
});
},
getMenuIndex() {
let visit_url = window.sessionStorage.getItem("menuVisitUrl");
this.now_menu = visit_url ? visit_url : "";
this.now_menu = this.$route.path;
},
getNowMenu() {
this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => {
......@@ -242,7 +239,6 @@ export default {
} else {
}
this.menu_arr = arr;
console.log(this.user_arr);
this.getMenuIndex();
}
});
......
src/components/shop-cloud/shop-cloud.vue
View file @ eb2e2bcd
This diff is collapsed.
src/components/work-flow/super-flow.vue
View file @ eb2e2bcd
......@@ -743,7 +743,6 @@ export default {
}
},
nodeItemMouseDown(evt, info) {
console.log("dwad");
const { clientX, clientY, currentTarget } = evt;
const { top, left } = evt.currentTarget.getBoundingClientRect();
const conf = this.dragConf;
......
src/pages/data-analysis/data-analysis.vue
View file @ eb2e2bcd
<template>
<div class="fwgl_container">
<sideNavBar
v-if="is_admin == 3 || is_admin == 4 || is_admin == 1"
v-if="is_admin == 3 || is_admin == 4"
title="运营管控中心"
imgSrc="tool_fuwu"
:nav-list="navList"
:title-path="navList[0] && navList[0].path"
></sideNavBar>
<sideNavBarClass
v-else-if="is_admin == 2"
v-else-if="is_admin == 1 || is_admin == 2"
title="运营管控中心"
imgSrc="tool_fuwu"
:nav-list="navList"
:title-path="navList[0] && navList[0].path"
></sideNavBarClass>
<div v-else class="skeleton"></div>
<div class="main_container">
<router-view :key="'type_' + $route.params.type"></router-view>
</div>
......@@ -71,12 +72,32 @@ export default {
],
userNav2: [
{
name: "服务分析",
name: "运营分析",
path: `/data_analysis/super_service`,
child: [
{
name: "服务分析",
path: `/data_analysis/super_service`,
},
{
name: "应用分析",
path: `/data_analysis/super_application`,
},
],
},
{
name: "应用分析",
path: `/data_analysis/super_application`,
name: "运行管控",
path: `/data_analysis/1`,
child: [
{
name: "运行概况",
path: `/data_analysis/1`,
},
{
name: "服务管控",
path: `/data_analysis/1`,
},
],
},
],
navList: [],
......@@ -125,4 +146,8 @@ export default {
background-color: #f6f7fb;
overflow: auto;
}
.skeleton {
width: 180px;
background-color: #0d1847;
}
</style>
src/pages/data-analysis/my-application.vue
View file @ eb2e2bcd
......@@ -2,7 +2,7 @@
<div>
<el-breadcrumb separator="/" class="bread_crumb1">
<el-breadcrumb-item :to="{ path: '/data_analysis' }">{{ $t("lang.data_analysis") }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ $t("lang.my_application_data_analysis") }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ $t("lang.application_data_analysis") }}</el-breadcrumb-item>
</el-breadcrumb>
<el-row class="in_analysis">
<!-- 可横向铺满 -->
......
src/pages/data-analysis/my-service.vue
View file @ eb2e2bcd
......@@ -8,7 +8,7 @@
</el-breadcrumb-item>
<el-breadcrumb-item>
{{
$t("lang.my_service_data_analysis")
$t("lang.service_data_analysis")
}}
</el-breadcrumb-item>
</el-breadcrumb>
......@@ -71,7 +71,7 @@
@changeButton="changeApplicationFieldBtn"
class="block"
>
<BarChart :data="bar_data" />
<BarChart :x_router="30" :data="bar_data" />
</block-radius>
</el-col>
</el-row>
......@@ -635,6 +635,7 @@ export default {
}
});
},
getServiceTransfer() {},
detailHotSearch(item) {
this.$router.push("/fwgl/0/0/servicedetail/" + item.id);
},
......@@ -676,7 +677,7 @@ export default {
if (index == 0) {
this.getServiceHealth();
} else {
this.a();
this.getServiceTransfer();
}
},
},
......
src/pages/data-analysis/org-application.vue
View file @ eb2e2bcd
This diff is collapsed.
src/pages/data-analysis/org-service.vue
View file @ eb2e2bcd
This diff is collapsed.
src/pages/data-analysis/super-service.vue
View file @ eb2e2bcd
This diff is collapsed.
src/request/api/data-analysis.js
View file @ eb2e2bcd
......@@ -37,6 +37,12 @@ const dataAnalysis = {
getServiceHotSearch() {
return axios.get(`/apaas/service/v3/statistics/normal/service/search`);
},
getServiceApprovalChanges() {
return axios.get(``);
},
getServiceApprovalStatus() {
return axios.get(``);
},
//app
getAppOverview(){
......@@ -69,6 +75,12 @@ const dataAnalysis = {
getAppHot(){
return axios.get(`/apaas/hubApi/analysis/appSearch`);
},
getAppApproval(params) {
return axios.get(`/apaas/hubApi/analysis/approvalChanges?day=${params.type}`);
},
getAppApprovalState(params) {
return axios.get(`/apaas/hubApi/analysis/approvalStatus?style=${params.type}`);
},
}
export default dataAnalysis;
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