Skip to content

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

工作台服务管理和应用管理跳转

parent d152b930
Show whitespace changes
Inline Side-by-side
Showing with 533 additions and 450 deletions
src/App.vue
View file @ 10a908b0
...@@ -12,8 +12,24 @@ export default { ...@@ -12,8 +12,24 @@ export default {
components: { components: {
bdMenu, bdMenu,
}, },
methods: {}, methods: {
created() {}, getCurrentUser() {
this.$api.user.getNowUser().then(({ data }) => {
if (data.success == 1) {
console.log("--- user info ---");
console.log(data.data);
console.log("--- user info ---");
this.$store.commit("userInfofun", data.data);
} else {
console.log(data.errMsg);
}
});
},
},
created() {
this.getCurrentUser();
},
}; };
</script> </script>
......
src/components/menu.vue
View file @ 10a908b0
<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 style="float:right;cursor: pointer;position:relative;" class="user_hover"> <div
style="float:right;cursor: pointer;position:relative;"
class="user_hover"
>
<span class="user">用户</span> <span class="user">用户</span>
<img src="../assets/imgs/home_ic_user.png" alt class="user_pic" /> <img src="../assets/imgs/home_ic_user.png" alt class="user_pic" />
<div class="user_menu"> <div class="user_menu">
...@@ -9,11 +12,16 @@ ...@@ -9,11 +12,16 @@
v-for="(item, index) in user_arr" v-for="(item, index) in user_arr"
:key="index + 700" :key="index + 700"
@click="gotopage(item.path)" @click="gotopage(item.path)"
>{{ item.name }}</div> >
{{ item.name }}
</div>
</div> </div>
<div class="sj"></div> <div class="sj"></div>
</div> </div>
<div style="float:right;cursor: pointer;position:relative;" class="shop_hover"> <div
style="float:right;cursor: pointer;position:relative;"
class="shop_hover"
>
<div class="number">99+</div> <div class="number">99+</div>
<img src="../assets/imgs/home_ic_shop.png" alt class="car" /> <img src="../assets/imgs/home_ic_shop.png" alt class="car" />
<div class="shop_menu"> <div class="shop_menu">
...@@ -25,23 +33,40 @@ ...@@ -25,23 +33,40 @@
> >
<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 <p @click="getDetail(item.id)" class="shop_cell_name over_one">
@click="getDetail(item.id)" {{
class="shop_cell_name over_one" item.service_id == 0
>{{ item.service_id == 0 ? item.application.app_name : item.service.name }}</p> ? item.application.app_name
<p : item.service.name
class="shop_cell_msg bover_one" }}
>{{ item.service_id == 0 ? item.application.ywly : item.service.sectors_name }}</p> </p>
<p <p class="shop_cell_msg bover_one">
class="shop_cell_msg over_one" {{
>{{ item.service_id == 0 ? item.application.org : item.service.organization_name }}</p> item.service_id == 0
? item.application.ywly
: item.service.sectors_name
}}
</p>
<p class="shop_cell_msg over_one">
{{
item.service_id == 0
? item.application.org
: item.service.organization_name
}}
</p>
</div> </div>
<div> <div>
<img @click.stop="deleteItem(item.id)" src="../assets/imgs/ic_delete.png" alt /> <img
@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> <el-button @click="settlement" size="small" class="shop_settlement"
>去购物车申请结算</el-button
>
</div> </div>
</div> </div>
<div class="shop_sj"></div> <div class="shop_sj"></div>
...@@ -56,14 +81,24 @@ ...@@ -56,14 +81,24 @@
:style="{ color: now_menu == index ? '#fff' : '' }" :style="{ color: now_menu == index ? '#fff' : '' }"
> >
{{ item.name }} {{ item.name }}
<div class="user_menu" v-if="item.children && item.children.length" style="left: 30px;"> <div
class="user_menu"
v-if="item.children && item.children.length"
style="left: 30px;"
>
<div <div
v-for="(v, indexs) in item.children" v-for="(v, indexs) in item.children"
:key="indexs + 700" :key="indexs + 700"
@click.stop="gotoChildPage(v, index)" @click.stop="gotoChildPage(v, index)"
>{{ v.name }}</div> >
{{ v.name }}
</div>
</div> </div>
<div class="sj" v-if="item.children && item.children.length" style="left: 60px;"></div> <div
class="sj"
v-if="item.children && item.children.length"
style="left: 60px;"
></div>
<div class="bottom_show" v-if="now_menu == index"></div> <div class="bottom_show" v-if="now_menu == index"></div>
</div> </div>
</div> </div>
...@@ -81,21 +116,21 @@ export default { ...@@ -81,21 +116,21 @@ export default {
children: [ children: [
{ {
name: "服务注册", name: "服务注册",
path: "/fwzc/fwcs" path: "/fwzc/fwcs",
}, },
{ {
name: "服务管理", name: "服务管理",
path: "/fwgl/" path: "/fwgl/",
}, },
{ {
name: "应用管理", name: "应用管理",
path: "/yygl/" path: "/yygl/",
} },
] ],
}, },
{ {
name: "技术支持", name: "技术支持",
path: "/xxx" path: "/xxx",
}, },
{ {
name: "服务超市", name: "服务超市",
...@@ -103,34 +138,34 @@ export default { ...@@ -103,34 +138,34 @@ export default {
children: [ children: [
{ {
name: "数据服务", name: "数据服务",
path: "/shop/data_service_list/5" path: "/shop/data_service_list/5",
}, },
{ {
name: "时空服务", name: "时空服务",
path: "/shop/space_time_service_list/6" path: "/shop/space_time_service_list/6",
}, },
{ {
name: "视频服务", name: "视频服务",
path: "/shop/video_service_list/7" path: "/shop/video_service_list/7",
}, },
{ {
name: "感知服务", name: "感知服务",
path: "/shop/perception_service_list/10" path: "/shop/perception_service_list/10",
}, },
{ {
name: "综合应用", name: "综合应用",
path: "/shop/comprehensive_app_list/11" path: "/shop/comprehensive_app_list/11",
}, },
{ {
name: "云资源服务", name: "云资源服务",
path: "/shop/cloud" path: "/shop/cloud",
}, },
{ {
name: "应用商店", name: "应用商店",
path: "/shop/app_store_list/12" path: "/shop/app_store_list/12",
} },
] ],
} },
], ],
now_menu: 2, now_menu: 2,
user_arr: [ user_arr: [
...@@ -138,9 +173,9 @@ export default { ...@@ -138,9 +173,9 @@ export default {
{ name: "消息通知", path: "/user/message" }, { name: "消息通知", path: "/user/message" },
{ name: "收银中心", path: "/authority" }, { name: "收银中心", path: "/authority" },
{ name: "关于BD-aPaaS", path: "/data_analysis" }, { name: "关于BD-aPaaS", path: "/data_analysis" },
{ name: "退出登录", path: "" } { name: "退出登录", path: "" },
], ],
shopping_list: [] shopping_list: [],
}; };
}, },
mounted() { mounted() {
...@@ -149,12 +184,12 @@ export default { ...@@ -149,12 +184,12 @@ export default {
computed: { computed: {
getMenuCartState() { getMenuCartState() {
return this.$store.state.menuCartState; return this.$store.state.menuCartState;
} },
}, },
watch: { watch: {
getMenuCartState(newVal) { getMenuCartState(newVal) {
this.getList(); this.getList();
} },
}, },
methods: { methods: {
gotopage(n) { gotopage(n) {
...@@ -165,7 +200,7 @@ export default { ...@@ -165,7 +200,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();
}); });
}, },
...@@ -181,7 +216,7 @@ export default { ...@@ -181,7 +216,7 @@ export default {
gotoChildPage(v, parent) { gotoChildPage(v, parent) {
if (v.path) { if (v.path) {
if (v.path == "/fwgl/" || v.path == "/yygl/") { if (v.path == "/fwgl/" || v.path == "/yygl/") {
this.$router.push(v.path + this.$store.state.role); this.$router.push(v.path + this.$store.getters.level);
} else if (parent == 2) { } else if (parent == 2) {
this.$router.push(v.path); this.$router.push(v.path);
this.$store.commit("serviceShopMenuAct", v.path); this.$store.commit("serviceShopMenuAct", v.path);
...@@ -192,7 +227,7 @@ export default { ...@@ -192,7 +227,7 @@ export default {
} }
}, },
getList() { getList() {
this.$api.serviceShop.getShoppingCart().then(response => { this.$api.serviceShop.getShoppingCart().then((response) => {
if (response.data.success == "1") { if (response.data.success == "1") {
console.log(response.data.data); console.log(response.data.data);
this.shopping_list = response.data.data.valid this.shopping_list = response.data.data.valid
...@@ -202,8 +237,8 @@ export default { ...@@ -202,8 +237,8 @@ export default {
console.log(response.data.message); console.log(response.data.message);
} }
}); });
} },
} },
}; };
</script> </script>
......
src/pages/workbench/workPlace.vue
View file @ 10a908b0
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="preson"> <div class="preson">
<div class="person_text"> <div class="person_text">
<img src="@/assets/imgs/img_head.png" alt /> <img src="@/assets/imgs/img_head.png" alt />
<span>你好，{{person}}！最近登录{{login_time}}</span> <span>你好，{{ person }}！最近登录{{ login_time }}</span>
</div> </div>
<div class="person_menu"> <div class="person_menu">
管理功能&nbsp;&nbsp;&nbsp; 管理功能&nbsp;&nbsp;&nbsp;
...@@ -12,34 +12,51 @@ ...@@ -12,34 +12,51 @@
<div class="manage_menu"> <div class="manage_menu">
<div <div
v-for="(item,index) in manage_arr" v-for="(item, index) in manage_arr"
:key="index+800" :key="index + 800"
class="manage_box" class="manage_box"
@click="manage_func(index)" @click="manage_func(index)"
v-if="item.role==now_user" v-if="item.role == now_user"
> >
<img :src="item.pic" alt /> <img :src="item.pic" alt />
{{item.text}} {{ item.text }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="menu"> <div class="menu">
<div <div
:class="now_user==0?'menu_box0':now_user==1?'menu_box1':'menu_box2'" :class="
v-for="(item,index) in menu_arr[now_user]" now_user == 0
:key="index+100" ? 'menu_box0'
: now_user == 1
? 'menu_box1'
: 'menu_box2'
"
v-for="(item, index) in menu_arr[now_user]"
:key="index + 100"
> >
<img :src="item.pic" alt /> <img :src="item.pic" alt />
<div class="menu_text"> <div class="menu_text">
<p>{{item.text}}</p> <p>{{ item.text }}</p>
<p <p
:style="index == menu_arr[now_user].length - 1||now_user==1&&index==0||now_user==2&&index==0?{color:item.color,marginRight:'-20px'}:{color:item.color}" :style="
index == menu_arr[now_user].length - 1 ||
(now_user == 1 && index == 0) ||
(now_user == 2 && index == 0)
? { color: item.color, marginRight: '-20px' }
: { color: item.color }
"
> >
<span style="font-size:36px">{{item.num}}</span> <span style="font-size:36px">{{ item.num }}</span>
<span <span
v-if="index == menu_arr[now_user].length - 1||now_user==1&&index==0||now_user==2&&index==0" v-if="
>万</span> index == menu_arr[now_user].length - 1 ||
(now_user == 1 && index == 0) ||
(now_user == 2 && index == 0)
"
>万</span
>
</p> </p>
</div> </div>
</div> </div>
...@@ -53,19 +70,19 @@ ...@@ -53,19 +70,19 @@
style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;" style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
> >
数据分析中心 数据分析中心
<img style="vertical-align:-9px;" src="@/assets/imgs/home_btn_enter.png" alt /> <img
style="vertical-align:-9px;"
src="@/assets/imgs/home_btn_enter.png"
alt
/>
</p> </p>
<div class="data_charts"> <div class="data_charts">
<div class="data_charts_left"> <div class="data_charts_left">
<p> <p><span></span> 服务健康状态</p>
<span></span> 服务健康状态
</p>
<div :id="health" class="health"></div> <div :id="health" class="health"></div>
</div> </div>
<div class="data_charts_right"> <div class="data_charts_right">
<p> <p><span></span> 服务运营分析</p>
<span></span> 服务运营分析
</p>
<div :id="yy_asy" class="yy_asy"></div> <div :id="yy_asy" class="yy_asy"></div>
</div> </div>
</div> </div>
...@@ -73,16 +90,18 @@ ...@@ -73,16 +90,18 @@
<div class="online_tool"> <div class="online_tool">
<p <p
style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;height:28px;padding-left:20px;" style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;height:28px;padding-left:20px;"
>在线组件工具</p> >
在线组件工具
</p>
<div class="online_contain"> <div class="online_contain">
<div <div
v-for="(item,index) in online_tool_arr" v-for="(item, index) in online_tool_arr"
:key="index+300" :key="index + 300"
class="online_box" class="online_box"
:style="{backgroundColor:item.bg}" :style="{ backgroundColor: item.bg }"
> >
<img :src="item.pic" alt /> <img :src="item.pic" alt />
<span :style="{color:item.color}">{{item.text}}</span> <span :style="{ color: item.color }">{{ item.text }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -95,13 +114,15 @@ ...@@ -95,13 +114,15 @@
style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;" style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
> >
数据资产看板 数据资产看板
<img style="vertical-align:-9px;" src="@/assets/imgs/home_btn_enter.png" alt /> <img
style="vertical-align:-9px;"
src="@/assets/imgs/home_btn_enter.png"
alt
/>
</p> </p>
<div class="data_charts" style="width:100%;"> <div class="data_charts" style="width:100%;">
<div class="data_charts_left"> <div class="data_charts_left">
<p> <p><span></span> 服务健康状态</p>
<span></span> 服务健康状态
</p>
<div :id="health" class="health"></div> <div :id="health" class="health"></div>
</div> </div>
<div class="data_charts_left" style="width:420px;margin-left:40px;"> <div class="data_charts_left" style="width:420px;margin-left:40px;">
...@@ -119,9 +140,7 @@ ...@@ -119,9 +140,7 @@
<div :id="fwyy" class="fwyy"></div> <div :id="fwyy" class="fwyy"></div>
</div> </div>
<div class="data_charts_right"> <div class="data_charts_right">
<p> <p><span></span> 服务运营分析</p>
<span></span> 服务运营分析
</p>
<div :id="yy_asy" class="yy_asy"></div> <div :id="yy_asy" class="yy_asy"></div>
</div> </div>
</div> </div>
...@@ -135,25 +154,23 @@ ...@@ -135,25 +154,23 @@
style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;" style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
> >
数据资产看板 数据资产看板
<img style="vertical-align:-9px;" src="@/assets/imgs/home_btn_enter.png" alt /> <img
style="vertical-align:-9px;"
src="@/assets/imgs/home_btn_enter.png"
alt
/>
</p> </p>
<div class="data_charts" style="width:100%;"> <div class="data_charts" style="width:100%;">
<div class="data_charts_left" style="width:590px;"> <div class="data_charts_left" style="width:590px;">
<p> <p><span></span> 服务运营分析</p>
<span></span> 服务运营分析
</p>
<div :id="yy_asy" class="yy_asy" style="width:590px;"></div> <div :id="yy_asy" class="yy_asy" style="width:590px;"></div>
</div> </div>
<div class="data_charts_left" style="width:285px;"> <div class="data_charts_left" style="width:285px;">
<p> <p><span></span> 服务类型分析</p>
<span></span> 服务类型分析
</p>
<div :id="fwlx_asy" class="health" style="width:265px;"></div> <div :id="fwlx_asy" class="health" style="width:265px;"></div>
</div> </div>
<div class="data_charts_left" style="width:285px;"> <div class="data_charts_left" style="width:285px;">
<p> <p><span></span> 应用类型分析</p>
<span></span> 应用类型分析
</p>
<div :id="yylx_asy" class="health" style="width:265px;"></div> <div :id="yylx_asy" class="health" style="width:265px;"></div>
</div> </div>
</div> </div>
...@@ -162,11 +179,11 @@ ...@@ -162,11 +179,11 @@
<!-- 普通用户/组织管理员--服务 --> <!-- 普通用户/组织管理员--服务 -->
<div class="case_box"> <div class="case_box">
<div class="data_asy" :style="now_user==0?{}:{width:'590px'}"> <div class="data_asy" :style="now_user == 0 ? {} : { width: '590px' }">
<p <p
style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;" style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
> >
{{now_user == 0?'我的服务':'服务管理'}} {{ now_user == 0 ? "我的服务" : "服务管理" }}
<img <img
style="vertical-align:-9px;cursor: pointer;" style="vertical-align:-9px;cursor: pointer;"
src="@/assets/imgs/home_btn_enter.png" src="@/assets/imgs/home_btn_enter.png"
...@@ -177,13 +194,19 @@ ...@@ -177,13 +194,19 @@
<div class="myservice"> <div class="myservice">
<div class="myservice_title"> <div class="myservice_title">
<div <div
v-for="(item,index) in service_arr[now_user]" v-for="(item, index) in service_arr[now_user]"
:key="index+400" :key="index + 400"
class="myservice_type" class="myservice_type"
:style="now_type==index?{borderBottom:'4px solid #f5ab4c',color:'#e56600'}:{}" :style="
now_type == index
? { borderBottom: '4px solid #f5ab4c', color: '#e56600' }
: {}
"
@click="now_type = index" @click="now_type = index"
>{{item}}</div> >
<div class="myservice_btn" v-if="now_user==0" @click="gotozc()"> {{ item }}
</div>
<div class="myservice_btn" v-if="now_user == 0" @click="gotozc()">
<img src="@/assets/imgs/home_ic_release.png" alt />&nbsp; 服务注册 <img src="@/assets/imgs/home_ic_release.png" alt />&nbsp; 服务注册
</div> </div>
</div> </div>
...@@ -195,11 +218,11 @@ ...@@ -195,11 +218,11 @@
></table-um> ></table-um>
</div> </div>
</div> </div>
<div class="online_tool" :style="now_user==0?{}:{width:'590px'}"> <div class="online_tool" :style="now_user == 0 ? {} : { width: '590px' }">
<p <p
style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;" style="margin-top:20px;margin-bottom:10px;font-size:18px;color: #0d1847;font-weight:600;padding-left:20px;"
> >
{{now_user == 0?'我的应用':'平台应用'}} {{ now_user == 0 ? "我的应用" : "平台应用" }}
<img <img
@click="gotoyy" @click="gotoyy"
style="vertical-align:-9px;" style="vertical-align:-9px;"
...@@ -210,18 +233,28 @@ ...@@ -210,18 +233,28 @@
<div class="myapp"> <div class="myapp">
<div class="myservice_title"> <div class="myservice_title">
<div <div
v-for="(item,index) in apptype_arr[now_user]" v-for="(item, index) in apptype_arr[now_user]"
:key="index+400" :key="index + 400"
class="myservice_type" class="myservice_type"
:style="now_app==index?{borderBottom:'4px solid #f5ab4c',color:'#e56600'}:{}" :style="
now_app == index
? { borderBottom: '4px solid #f5ab4c', color: '#e56600' }
: {}
"
@click="now_app = index" @click="now_app = index"
>{{item}}</div> >
{{ item }}
</div>
</div> </div>
<el-scrollbar class="myapp_contain" v-if="now_user == 0"> <el-scrollbar class="myapp_contain" v-if="now_user == 0">
<div v-for="(item,index) in app_arr" :key="index+600" class="myapp_box"> <div
v-for="(item, index) in app_arr"
:key="index + 600"
class="myapp_box"
>
<img :src="item.pic" alt style="width:60px;height:60px;" /> <img :src="item.pic" alt style="width:60px;height:60px;" />
<p>{{item.name}}</p> <p>{{ item.name }}</p>
<p>{{item.version}}</p> <p>{{ item.version }}</p>
</div> </div>
</el-scrollbar> </el-scrollbar>
...@@ -258,12 +291,12 @@ export default { ...@@ -258,12 +291,12 @@ export default {
fw_options: [ fw_options: [
{ {
value: 0, value: 0,
label: "服务总数" label: "服务总数",
}, },
{ {
value: 1, value: 1,
label: "应用总数" label: "应用总数",
} },
], ],
app_url_arr: [[], ["creat_app", "check_app"], ["creat_app", "check_app"]], app_url_arr: [[], ["creat_app", "check_app"], ["creat_app", "check_app"]],
app_head: [ app_head: [
...@@ -274,65 +307,65 @@ export default { ...@@ -274,65 +307,65 @@ export default {
prop: "yymc", prop: "yymc",
label: "应用名称", label: "应用名称",
width: "90px", width: "90px",
align: "left" align: "left",
}, },
{ {
prop: "yylx", prop: "yylx",
label: "应用类型", label: "应用类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "yybb", prop: "yybb",
label: "应用版本", label: "应用版本",
width: "80px", width: "80px",
align: "center" align: "center",
}, },
{ {
prop: "yycjsj", prop: "yycjsj",
label: "应用创建时间", label: "应用创建时间",
width: "160px", width: "160px",
align: "center" align: "center",
}, },
{ {
prop: "yybscs", prop: "yybscs",
label: "被部署次数", label: "被部署次数",
width: "100px", width: "100px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "yymc", prop: "yymc",
label: "应用名称", label: "应用名称",
width: "90px", width: "90px",
align: "left" align: "left",
}, },
{ {
prop: "yylx", prop: "yylx",
label: "应用类型", label: "应用类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "yybb", prop: "yybb",
label: "应用版本", label: "应用版本",
width: "80px", width: "80px",
align: "center" align: "center",
}, },
{ {
prop: "yyspsj", prop: "yyspsj",
label: "应用审批时间", label: "应用审批时间",
width: "160px", width: "160px",
align: "center" align: "center",
}, },
{ {
prop: "spzt", prop: "spzt",
label: "审批状态", label: "审批状态",
width: "100px", width: "100px",
align: "center" align: "center",
} },
] ],
], ],
[ [
[ [
...@@ -340,76 +373,76 @@ export default { ...@@ -340,76 +373,76 @@ export default {
prop: "yymc", prop: "yymc",
label: "应用名称", label: "应用名称",
width: "90px", width: "90px",
align: "left" align: "left",
}, },
{ {
prop: "yylx", prop: "yylx",
label: "应用类型", label: "应用类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "yybb", prop: "yybb",
label: "应用版本", label: "应用版本",
width: "80px", width: "80px",
align: "center" align: "center",
}, },
{ {
prop: "yycjsj", prop: "yycjsj",
label: "应用创建时间", label: "应用创建时间",
width: "160px", width: "160px",
align: "center" align: "center",
}, },
{ {
prop: "yybscs", prop: "yybscs",
label: "被部署次数", label: "被部署次数",
width: "100px", width: "100px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "yymc", prop: "yymc",
label: "应用名称", label: "应用名称",
width: "90px", width: "90px",
align: "left" align: "left",
}, },
{ {
prop: "yylx", prop: "yylx",
label: "应用类型", label: "应用类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "yybb", prop: "yybb",
label: "应用版本", label: "应用版本",
width: "80px", width: "80px",
align: "center" align: "center",
}, },
{ {
prop: "yyspsj", prop: "yyspsj",
label: "应用审批时间", label: "应用审批时间",
width: "160px", width: "160px",
align: "center" align: "center",
}, },
{ {
prop: "spzt", prop: "spzt",
label: "审批状态", label: "审批状态",
width: "100px", width: "100px",
align: "center" align: "center",
} },
] ],
] ],
], ],
service_url_arr: [ service_url_arr: [
[ [
"nor_service_list", "nor_service_list",
"nor_apply_service", "nor_apply_service",
"nor_service_sh", "nor_service_sh",
"nor_cloud" "nor_cloud",
], ],
["nor_service_list", "nor_service_sh", "nor_cloud"], ["nor_service_list", "nor_service_sh", "nor_cloud"],
["nor_service_list", "nor_service_sh", "nor_cloud_manage"] ["nor_service_list", "nor_service_sh", "nor_cloud_manage"],
], ],
service_head: [ service_head: [
[ [
...@@ -418,117 +451,117 @@ export default { ...@@ -418,117 +451,117 @@ export default {
prop: "fwmc", prop: "fwmc",
label: "服务名称", label: "服务名称",
width: "250px", width: "250px",
align: "left" align: "left",
}, },
{ {
prop: "fwlx", prop: "fwlx",
label: "服务类型", label: "服务类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "zcfbsj", prop: "zcfbsj",
label: "注册发布时间", label: "注册发布时间",
width: "200px", width: "200px",
align: "center" align: "center",
}, },
{ {
prop: "bdycs", prop: "bdycs",
label: "被调用次数", label: "被调用次数",
width: "110px", width: "110px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "fwmc", prop: "fwmc",
label: "服务名称", label: "服务名称",
width: "250px", width: "250px",
align: "left" align: "left",
}, },
{ {
prop: "fwlx", prop: "fwlx",
label: "服务类型", label: "服务类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "sqsj", prop: "sqsj",
label: "申请时间", label: "申请时间",
width: "200px", width: "200px",
align: "center" align: "center",
}, },
{ {
prop: "sqspzt", prop: "sqspzt",
label: "申请审批状态", label: "申请审批状态",
width: "110px", width: "110px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "fwmc", prop: "fwmc",
label: "服务名称", label: "服务名称",
width: "250px", width: "250px",
align: "left" align: "left",
}, },
{ {
prop: "fwlx", prop: "fwlx",
label: "服务类型", label: "服务类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "spsj", prop: "spsj",
label: "审批时间", label: "审批时间",
width: "200px", width: "200px",
align: "center" align: "center",
}, },
{ {
prop: "spzt", prop: "spzt",
label: "审批状态", label: "审批状态",
width: "110px", width: "110px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "gzqy", prop: "gzqy",
label: "工作区域", label: "工作区域",
width: "150px", width: "150px",
align: "left" align: "left",
}, },
{ {
prop: "wlhj", prop: "wlhj",
label: "网络环境", label: "网络环境",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "cpu", prop: "cpu",
label: "CPU(核)", label: "CPU(核)",
width: "90px", width: "90px",
align: "center" align: "center",
}, },
{ {
prop: "ncgb", prop: "ncgb",
label: "内存(GB)", label: "内存(GB)",
width: "90px", width: "90px",
align: "center" align: "center",
}, },
{ {
prop: "zyzlgb", prop: "zyzlgb",
label: "资源总量(GB)", label: "资源总量(GB)",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "sqzt", prop: "sqzt",
label: "申请状态", label: "申请状态",
width: "110px", width: "110px",
align: "center" align: "center",
} },
] ],
], ],
[ [
[ [
...@@ -536,83 +569,83 @@ export default { ...@@ -536,83 +569,83 @@ export default {
prop: "fwmc", prop: "fwmc",
label: "服务名称", label: "服务名称",
width: "140px", width: "140px",
align: "left" align: "left",
}, },
{ {
prop: "fwlx", prop: "fwlx",
label: "服务类型", label: "服务类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "zcfbsj", prop: "zcfbsj",
label: "注册发布时间", label: "注册发布时间",
width: "180px", width: "180px",
align: "center" align: "center",
}, },
{ {
prop: "bdycs", prop: "bdycs",
label: "被调用次数", label: "被调用次数",
width: "110px", width: "110px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "fwmc", prop: "fwmc",
label: "服务名称", label: "服务名称",
width: "140px", width: "140px",
align: "left" align: "left",
}, },
{ {
prop: "fwlx", prop: "fwlx",
label: "服务类型", label: "服务类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "spsj", prop: "spsj",
label: "审批时间", label: "审批时间",
width: "180px", width: "180px",
align: "center" align: "center",
}, },
{ {
prop: "spzt", prop: "spzt",
label: "审批状态", label: "审批状态",
width: "110px", width: "110px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "gzqy", prop: "gzqy",
label: "工作区域", label: "工作区域",
width: "100px", width: "100px",
align: "left" align: "left",
}, },
{ {
prop: "wlhj", prop: "wlhj",
label: "网络环境", label: "网络环境",
width: "90px", width: "90px",
align: "center" align: "center",
}, },
{ {
prop: "cpu", prop: "cpu",
label: "CPU(核)", label: "CPU(核)",
width: "80px", width: "80px",
align: "center" align: "center",
}, },
{ {
prop: "ncgb", prop: "ncgb",
label: "内存(GB)", label: "内存(GB)",
width: "80px", width: "80px",
align: "center" align: "center",
}, },
{ {
prop: "zyzlgb", prop: "zyzlgb",
label: "资源总量(GB)", label: "资源总量(GB)",
width: "110px", width: "110px",
align: "center" align: "center",
}, },
{ {
prop: "sqzt", prop: "sqzt",
...@@ -623,14 +656,14 @@ export default { ...@@ -623,14 +656,14 @@ export default {
btnList: [ btnList: [
{ {
label: "分配", label: "分配",
type: "distribut" type: "distribut",
}, },
{ {
label: "已分配", label: "已分配",
} },
] ],
} },
] ],
], ],
[ [
[ [
...@@ -638,80 +671,80 @@ export default { ...@@ -638,80 +671,80 @@ export default {
prop: "fwmc", prop: "fwmc",
label: "服务名称", label: "服务名称",
width: "140px", width: "140px",
align: "left" align: "left",
}, },
{ {
prop: "fwlx", prop: "fwlx",
label: "服务类型", label: "服务类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "zcfbsj", prop: "zcfbsj",
label: "注册发布时间", label: "注册发布时间",
width: "180px", width: "180px",
align: "center" align: "center",
}, },
{ {
prop: "bdycs", prop: "bdycs",
label: "被调用次数", label: "被调用次数",
width: "110px", width: "110px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "fwmc", prop: "fwmc",
label: "服务名称", label: "服务名称",
width: "140px", width: "140px",
align: "left" align: "left",
}, },
{ {
prop: "fwlx", prop: "fwlx",
label: "服务类型", label: "服务类型",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "spsj", prop: "spsj",
label: "审批时间", label: "审批时间",
width: "180px", width: "180px",
align: "center" align: "center",
}, },
{ {
prop: "spzt", prop: "spzt",
label: "审批状态", label: "审批状态",
width: "110px", width: "110px",
align: "center" align: "center",
} },
], ],
[ [
{ {
prop: "sszz", prop: "sszz",
label: "所属组织", label: "所属组织",
width: "170px", width: "170px",
align: "left" align: "left",
}, },
{ {
prop: "cpu", prop: "cpu",
label: "CPU使用量(核)", label: "CPU使用量(核)",
width: "120px", width: "120px",
align: "center" align: "center",
}, },
{ {
prop: "ncgb", prop: "ncgb",
label: "内存使用量(GB)", label: "内存使用量(GB)",
width: "130px", width: "130px",
align: "center" align: "center",
}, },
{ {
prop: "gzqysl", prop: "gzqysl",
label: "工作区域数量(个)", label: "工作区域数量(个)",
width: "130px", width: "130px",
align: "center" align: "center",
} },
] ],
] ],
], ],
fw_value: 0, fw_value: 0,
menu_arr: [ menu_arr: [
...@@ -721,25 +754,25 @@ export default { ...@@ -721,25 +754,25 @@ export default {
pic: require("@/assets/imgs/ic_fuwuzs_navy.png"), pic: require("@/assets/imgs/ic_fuwuzs_navy.png"),
bg: "#e6ebfe", bg: "#e6ebfe",
color: "#515fe7", color: "#515fe7",
type:"service", type: "service",
num: "" num: "",
}, },
{ {
text: "应用总数", text: "应用总数",
pic: require("@/assets/imgs/ic_yingyongzs.png"), pic: require("@/assets/imgs/ic_yingyongzs.png"),
bg: "#e5f4fe", bg: "#e5f4fe",
color: "#38aef9", color: "#38aef9",
type:'app', type: "app",
num: "" num: "",
}, },
{ {
text: "收益总额", text: "收益总额",
pic: require("@/assets/imgs/ic_shouyize.png"), pic: require("@/assets/imgs/ic_shouyize.png"),
bg: "#fcefd6", bg: "#fcefd6",
color: "#ea7d19", color: "#ea7d19",
type:'getMoney', type: "getMoney",
num: "" num: "",
} },
], ],
[ [
{ {
...@@ -747,33 +780,33 @@ export default { ...@@ -747,33 +780,33 @@ export default {
pic: require("@/assets/imgs/ic_yonghuzs.png"), pic: require("@/assets/imgs/ic_yonghuzs.png"),
bg: "#e6ebfe", bg: "#e6ebfe",
color: "#515fe7", color: "#515fe7",
type:'areaUser', type: "areaUser",
num: "" num: "",
}, },
{ {
text: "服务总数", text: "服务总数",
pic: require("@/assets/imgs/ic_fuwuzs.png"), pic: require("@/assets/imgs/ic_fuwuzs.png"),
bg: "#e5f4fe", bg: "#e5f4fe",
color: "#38aef9", color: "#38aef9",
type:'service', type: "service",
num: "" num: "",
}, },
{ {
text: "应用总数", text: "应用总数",
pic: require("@/assets/imgs/ic_yingyongzs.png"), pic: require("@/assets/imgs/ic_yingyongzs.png"),
bg: "#e7fdfc", bg: "#e7fdfc",
color: "#25bdb1", color: "#25bdb1",
type:'app', type: "app",
num: "" num: "",
}, },
{ {
text: "收益总额", text: "收益总额",
pic: require("@/assets/imgs/ic_shouyize.png"), pic: require("@/assets/imgs/ic_shouyize.png"),
bg: "#fcefd6", bg: "#fcefd6",
color: "#ea7d19", color: "#ea7d19",
type:'getMoney', type: "getMoney",
num: "" num: "",
} },
], ],
[ [
{ {
...@@ -781,142 +814,142 @@ export default { ...@@ -781,142 +814,142 @@ export default {
pic: require("@/assets/imgs/ic_yonghuzs.png"), pic: require("@/assets/imgs/ic_yonghuzs.png"),
bg: "#e6ebfe", bg: "#e6ebfe",
color: "#515fe7", color: "#515fe7",
type:'allUser', type: "allUser",
num: "" num: "",
}, },
{ {
text: "服务总数", text: "服务总数",
pic: require("@/assets/imgs/ic_fuwuzs.png"), pic: require("@/assets/imgs/ic_fuwuzs.png"),
bg: "#e5f4fe", bg: "#e5f4fe",
color: "#38aef9", color: "#38aef9",
type:'service', type: "service",
num: "" num: "",
}, },
{ {
text: "应用总数", text: "应用总数",
pic: require("@/assets/imgs/ic_yingyongzs.png"), pic: require("@/assets/imgs/ic_yingyongzs.png"),
bg: "#e7fdfc", bg: "#e7fdfc",
color: "#25bdb1", color: "#25bdb1",
type:'app', type: "app",
num: "" num: "",
}, },
{ {
text: "收益总额", text: "收益总额",
pic: require("@/assets/imgs/ic_shouyize.png"), pic: require("@/assets/imgs/ic_shouyize.png"),
bg: "#fcefd6", bg: "#fcefd6",
color: "#ea7d19", color: "#ea7d19",
type:'getMoney', type: "getMoney",
num: "" num: "",
} },
] ],
], ],
online_tool_arr: [ online_tool_arr: [
{ {
text: "智能绘图", text: "智能绘图",
pic: require("@/assets/imgs/home_tool_ic_znht.png"), pic: require("@/assets/imgs/home_tool_ic_znht.png"),
bg: "#e5f4fe", bg: "#e5f4fe",
color: "#38aef9" color: "#38aef9",
}, },
{ {
text: "数据开发", text: "数据开发",
pic: require("@/assets/imgs/home_tool_ic_sjkf.png"), pic: require("@/assets/imgs/home_tool_ic_sjkf.png"),
bg: "#e6ebfe", bg: "#e6ebfe",
color: "#515fe7" color: "#515fe7",
}, },
{ {
text: "模型工场", text: "模型工场",
pic: require("@/assets/imgs/home_tool_ic_mxgc.png"), pic: require("@/assets/imgs/home_tool_ic_mxgc.png"),
bg: "#e6ebfe", bg: "#e6ebfe",
color: "#515fe7" color: "#515fe7",
}, },
{ {
text: "流程设计", text: "流程设计",
pic: require("@/assets/imgs/home_tool_ic_lcsj.png"), pic: require("@/assets/imgs/home_tool_ic_lcsj.png"),
bg: "#e6ebfe", bg: "#e6ebfe",
color: "#515fe7" color: "#515fe7",
}, },
{ {
text: "可视化报表", text: "可视化报表",
pic: require("@/assets/imgs/home_tool_ic_kshbb.png"), pic: require("@/assets/imgs/home_tool_ic_kshbb.png"),
bg: "#fff2e2", bg: "#fff2e2",
color: "#ea7d19" color: "#ea7d19",
}, },
{ {
text: "模板应用", text: "模板应用",
pic: require("@/assets/imgs/home_tool_ic_mbyy.png"), pic: require("@/assets/imgs/home_tool_ic_mbyy.png"),
bg: "#fff2e2", bg: "#fff2e2",
color: "#ea7d19" color: "#ea7d19",
}, },
{ {
text: "应用创新", text: "应用创新",
pic: require("@/assets/imgs/home_tool_ic_yycx.png"), pic: require("@/assets/imgs/home_tool_ic_yycx.png"),
bg: "#e7fdfc", bg: "#e7fdfc",
color: "#25bdb1" color: "#25bdb1",
} },
], ],
service_arr: [ service_arr: [
["服务列表", "申请服务", "服务审批", "云资源"], ["服务列表", "申请服务", "服务审批", "云资源"],
["服务列表", "服务审批", "云资源管理"], ["服务列表", "服务审批", "云资源管理"],
["服务列表", "服务审批", "云资源管理"] ["服务列表", "服务审批", "云资源管理"],
], ],
apptype_arr: [ apptype_arr: [
["部署的应用", "创新的应用"], ["部署的应用", "创新的应用"],
["创新应用", "应用审批"], ["创新应用", "应用审批"],
["创新应用", "应用审批"] ["创新应用", "应用审批"],
], ],
app_arr: [], app_arr: [],
manage_arr: [ manage_arr: [
{ {
pic: require("@/assets/imgs/home_tool_ic_key.png"), pic: require("@/assets/imgs/home_tool_ic_key.png"),
text: "我的密钥", text: "我的密钥",
role:0, role: 0,
}, },
{ {
pic: require("@/assets/imgs/home_tool_ic_organize.png"), pic: require("@/assets/imgs/home_tool_ic_organize.png"),
text: "组织管理", text: "组织管理",
role:1, role: 1,
}, },
{ {
pic: require("@/assets/imgs/home_tool_ic_key.png"), pic: require("@/assets/imgs/home_tool_ic_key.png"),
text: "密钥管理", text: "密钥管理",
role:1, role: 1,
}, },
{ {
pic: require("@/assets/imgs/home_tool_ic_quanxian.png"), pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
text: "权限管理", text: "权限管理",
role:2, role: 2,
}, },
{ {
pic: require("@/assets/imgs/home_tool_ic_quanxian.png"), pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
text: "容器管理", text: "容器管理",
role:2, role: 2,
}, },
{ {
pic: require("@/assets/imgs/home_tool_ic_quanxian.png"), pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
text: "数据管控", text: "数据管控",
role:2, role: 2,
}, },
{ {
pic: require("@/assets/imgs/home_tool_ic_quanxian.png"), pic: require("@/assets/imgs/home_tool_ic_quanxian.png"),
text: "消息新闻管理", text: "消息新闻管理",
role:2, role: 2,
} },
] ],
}; };
}, },
components: { components: {
tableUm tableUm,
}, },
created(){ created() {
this.getUserData() this.getUserData();
this.getAppData() this.getAppData();
}, },
mounted() { mounted() {
this.now_user = this.$store.state.role this.now_user = this.$store.getters.level;
getRole().then(data => { getRole().then((data) => {
this.now_user = data; this.now_user = data;
this.$store.commit('rolefun',data) this.$store.commit("rolefun", data);
this.getInfoData() this.getInfoData();
setTimeout(() => { setTimeout(() => {
if (this.now_user == 0) { if (this.now_user == 0) {
this.getHealth(); this.getHealth();
...@@ -927,137 +960,118 @@ export default { ...@@ -927,137 +960,118 @@ export default {
this.getappusedata(); this.getappusedata();
} else if (this.now_user == 2) { } else if (this.now_user == 2) {
this.getoperatingdata(); this.getoperatingdata();
this.getfwlxdata() this.getfwlxdata();
this.getyylxdata() this.getyylxdata();
} }
}, 500); }, 500);
}); });
}, },
methods: { methods: {
gotoyy(){ gotoyy() {
this.$router.push('/yygl/'+this.now_user) this.$router.push("/yygl/" + this.now_user);
}, },
gotofw(){ gotofw() {
this.$router.push('/fwgl/'+this.now_user) this.$router.push("/fwgl/" + this.now_user);
}, },
gotozc(){ gotozc() {
this.$router.push('/fwzc/fwcs') this.$router.push("/fwzc/fwcs");
}, },
getUserData(){ getUserData() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.person = data.userdata.person this.person = data.userdata.person;
this.login_time = data.userdata.login_time this.login_time = data.userdata.login_time;
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
getoperatingdata(){ getoperatingdata() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.init_yy( this.init_yy(
data.operatingdata.xarr, data.operatingdata.xarr,
data.operatingdata.service_yarr, data.operatingdata.service_yarr,
data.operatingdata.app_yarr, data.operatingdata.app_yarr,
data.operatingdata.get_yarr, data.operatingdata.get_yarr
); );
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
getappusedata(){ getappusedata() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.init_fwyy( this.init_fwyy(data.appusedata.xarr, data.appusedata.yarr);
data.appusedata.xarr,
data.appusedata.yarr,
);
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
getfwlxdata(){ getfwlxdata() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.init_fwlx_asy( this.init_fwlx_asy(data.fwlxdata);
data.fwlxdata
);
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
getyylxdata(){ getyylxdata() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.init_yylx_asy( this.init_yylx_asy(data.yylxdata);
data.yylxdata
);
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
getHealth(){ getHealth() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.init_health(data.health); this.init_health(data.health);
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
getAppData(){ getAppData() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.app_arr = data.appdata this.app_arr = data.appdata;
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
getInfoData(){ getInfoData() {
this.$http this.$http
.get('/static/workpalce.json') .get("/static/workpalce.json")
.then(response => { .then((response) => {
console.log(response); console.log(response);
let data = response.data.data let data = response.data.data;
this.menu_arr[this.now_user].forEach((e,idx) => { this.menu_arr[this.now_user].forEach((e, idx) => {
if(data.infodata[e.type]){ if (data.infodata[e.type]) {
this.$set(this.menu_arr[this.now_user][idx],'num',data.infodata[e.type]) this.$set(
this.menu_arr[this.now_user][idx],
"num",
data.infodata[e.type]
);
} }
}); });
}) })
.catch(function(response) { .catch(function(response) {});
});
}, },
//分配接口调用 //分配接口调用
distribut(val){ distribut(val) {
console.log(val); console.log(val);
}, },
manage_func(n) { manage_func(n) {
...@@ -1070,15 +1084,15 @@ export default { ...@@ -1070,15 +1084,15 @@ export default {
textStyle: { textStyle: {
color: "#000", color: "#000",
fontSize: 40, fontSize: 40,
fontWeight: 200 fontWeight: 200,
}, },
subtext: "健康占比", subtext: "健康占比",
subtextStyle: { subtextStyle: {
color: "#c9cedd" color: "#c9cedd",
}, },
itemGap: -10, // 主副标题距离 itemGap: -10, // 主副标题距离
left: "center", left: "center",
top: "center" top: "center",
}, },
angleAxis: { angleAxis: {
max: 100, // 满分 max: 100, // 满分
...@@ -1086,37 +1100,37 @@ export default { ...@@ -1086,37 +1100,37 @@ export default {
startAngle: 90, startAngle: 90,
// 隐藏刻度线 // 隐藏刻度线
axisLine: { axisLine: {
show: false show: false,
}, },
axisTick: { axisTick: {
show: false show: false,
}, },
axisLabel: { axisLabel: {
show: false show: false,
}, },
splitLine: { splitLine: {
show: false show: false,
} },
}, },
radiusAxis: { radiusAxis: {
type: "category", type: "category",
// 隐藏刻度线 // 隐藏刻度线
axisLine: { axisLine: {
show: false show: false,
}, },
axisTick: { axisTick: {
show: false show: false,
}, },
axisLabel: { axisLabel: {
show: false show: false,
}, },
splitLine: { splitLine: {
show: false show: false,
} },
}, },
polar: { polar: {
center: ["50%", "50%"], center: ["50%", "50%"],
radius: "140%" //图形大小 radius: "140%", //图形大小
}, },
series: [ series: [
{ {
...@@ -1130,17 +1144,17 @@ export default { ...@@ -1130,17 +1144,17 @@ export default {
normal: { normal: {
color: "#e56600", color: "#e56600",
shadowColor: "rgba(0, 0, 0, 0.2)", shadowColor: "rgba(0, 0, 0, 0.2)",
shadowBlur: 20 shadowBlur: 20,
} },
} },
} },
], ],
coordinateSystem: "polar", coordinateSystem: "polar",
roundCap: true, roundCap: true,
barWidth: 10, barWidth: 10,
barGap: "-100%", // 两环重叠 barGap: "-100%", // 两环重叠
z: 2 z: 2,
}, },
{ {
// 灰色环 // 灰色环
...@@ -1152,17 +1166,17 @@ export default { ...@@ -1152,17 +1166,17 @@ export default {
itemStyle: { itemStyle: {
color: "#c9cedd", color: "#c9cedd",
shadowColor: "rgba(0, 0, 0, 0.2)", shadowColor: "rgba(0, 0, 0, 0.2)",
shadowBlur: 20 shadowBlur: 20,
} },
} },
], ],
coordinateSystem: "polar", coordinateSystem: "polar",
roundCap: true, roundCap: true,
barWidth: 10, barWidth: 10,
barGap: "-100%", // 两环重叠 barGap: "-100%", // 两环重叠
z: 1 z: 1,
} },
] ],
}; };
window[this.health] = echarts.init(document.getElementById(this.health)); window[this.health] = echarts.init(document.getElementById(this.health));
window[this.health].setOption(options, true); window[this.health].setOption(options, true);
...@@ -1187,21 +1201,21 @@ export default { ...@@ -1187,21 +1201,21 @@ export default {
white: { white: {
color: "#ddd", color: "#ddd",
align: "center", align: "center",
padding: [3, 0] padding: [3, 0],
} },
}; };
var placeHolderStyle = { var placeHolderStyle = {
normal: { normal: {
label: { label: {
show: false show: false,
}, },
labelLine: { labelLine: {
show: false show: false,
}, },
color: "rgba(0, 0, 0, 0)", color: "rgba(0, 0, 0, 0)",
borderColor: "rgba(0, 0, 0, 0)", borderColor: "rgba(0, 0, 0, 0)",
borderWidth: 0 borderWidth: 0,
} },
}; };
var data = []; var data = [];
var color = ["#515fe7", "#36a5ec", "#da9f2a", "#23b2a7", "#d46002"]; var color = ["#515fe7", "#36a5ec", "#da9f2a", "#23b2a7", "#d46002"];
...@@ -1216,14 +1230,14 @@ export default { ...@@ -1216,14 +1230,14 @@ export default {
borderWidth: 5, borderWidth: 5,
shadowBlur: 20, shadowBlur: 20,
borderColor: color[i], borderColor: color[i],
shadowColor: color[i] shadowColor: color[i],
} },
} },
}, },
{ {
value: 2, value: 2,
name: "", name: "",
itemStyle: placeHolderStyle itemStyle: placeHolderStyle,
} }
); );
legendarr.push(scaleData[i].name); legendarr.push(scaleData[i].name);
...@@ -1255,18 +1269,18 @@ export default { ...@@ -1255,18 +1269,18 @@ export default {
return ""; return "";
} }
}, },
rich: rich rich: rich,
} },
} },
},
data: data,
}, },
data: data
}
]; ];
var options = { var options = {
color: color, color: color,
tooltip: { tooltip: {
show: false show: false,
}, },
legend: { legend: {
bottom: -5, bottom: -5,
...@@ -1275,17 +1289,17 @@ export default { ...@@ -1275,17 +1289,17 @@ export default {
itemHeight: 10, itemHeight: 10,
orient: "horizontal", orient: "horizontal",
data: legendarr, data: legendarr,
backgroundColor: "#f4f7fc" backgroundColor: "#f4f7fc",
}, },
toolbox: { toolbox: {
show: false show: false,
}, },
series: seriesObj series: seriesObj,
}; };
return options; return options;
}, },
init_yy(xarr,service,app,get) { init_yy(xarr, service, app, get) {
var colors = ["#e56600", "#c9cedd", "#515fe7"]; var colors = ["#e56600", "#c9cedd", "#515fe7"];
var options = { var options = {
...@@ -1294,28 +1308,28 @@ export default { ...@@ -1294,28 +1308,28 @@ export default {
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
type: "cross" type: "cross",
} },
}, },
grid: { grid: {
top: "20", top: "20",
bottom: "45" bottom: "45",
}, },
legend: { legend: {
data: ["服务调用总数", "应用部署总数", "收益总额"], data: ["服务调用总数", "应用部署总数", "收益总额"],
bottom: 0, bottom: 0,
itemWidth: 10, itemWidth: 10,
itemHeight: 10, itemHeight: 10,
backgroundColor: "#f4f7fc" backgroundColor: "#f4f7fc",
}, },
xAxis: [ xAxis: [
{ {
type: "category", type: "category",
axisTick: { axisTick: {
alignWithLabel: true alignWithLabel: true,
},
data: xarr,
}, },
data: xarr
}
], ],
yAxis: [ yAxis: [
{ {
...@@ -1325,9 +1339,9 @@ export default { ...@@ -1325,9 +1339,9 @@ export default {
position: "right", position: "right",
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: colors[1] color: colors[1],
} },
} },
}, },
{ {
type: "value", type: "value",
...@@ -1336,10 +1350,10 @@ export default { ...@@ -1336,10 +1350,10 @@ export default {
position: "left", position: "left",
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: colors[1] color: colors[1],
} },
} },
} },
], ],
series: [ series: [
{ {
...@@ -1349,9 +1363,9 @@ export default { ...@@ -1349,9 +1363,9 @@ export default {
data: service, data: service,
itemStyle: { itemStyle: {
barBorderRadius: 6, barBorderRadius: 6,
color: colors[2] color: colors[2],
}, },
barWidth: 12 barWidth: 12,
}, },
{ {
name: "应用部署总数", name: "应用部署总数",
...@@ -1360,9 +1374,9 @@ export default { ...@@ -1360,9 +1374,9 @@ export default {
data: app, data: app,
itemStyle: { itemStyle: {
barBorderRadius: 6, barBorderRadius: 6,
color: colors[0] color: colors[0],
}, },
barWidth: 12 barWidth: 12,
}, },
{ {
name: "收益总额", name: "收益总额",
...@@ -1370,59 +1384,59 @@ export default { ...@@ -1370,59 +1384,59 @@ export default {
yAxisIndex: 0, yAxisIndex: 0,
data: get, data: get,
itemStyle: { itemStyle: {
color: colors[0] color: colors[0],
}, },
symbol: "circle" symbol: "circle",
} },
] ],
}; };
window[this.yy_asy] = echarts.init(document.getElementById(this.yy_asy)); window[this.yy_asy] = echarts.init(document.getElementById(this.yy_asy));
window[this.yy_asy].setOption(options, true); window[this.yy_asy].setOption(options, true);
}, },
init_fwyy(xarr,yarr) { init_fwyy(xarr, yarr) {
var dataname = ["服务总数", "应用总数"]; var dataname = ["服务总数", "应用总数"];
var options = { var options = {
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
axisPointer: { axisPointer: {
label: { label: {
backgroundColor: "#fff" backgroundColor: "#fff",
} },
} },
}, },
legend: { legend: {
data: [dataname[0]], data: [dataname[0]],
itemWidth: 14, itemWidth: 14,
itemHeight: 10, itemHeight: 10,
bottom: 0 bottom: 0,
}, },
grid: { grid: {
borderColor: "#f2f2f2", borderColor: "#f2f2f2",
top: 20, top: 20,
bottom: 45, bottom: 45,
right: 0 right: 0,
}, },
xAxis: { xAxis: {
type: "category", type: "category",
axisTick: { show: false }, axisTick: { show: false },
axisLine: { show: false }, axisLine: { show: false },
nameTextStyle: { nameTextStyle: {
color: "#0d1847" color: "#0d1847",
}, },
data: xarr data: xarr,
}, },
yAxis: { yAxis: {
type: "value", type: "value",
axisLine: { axisLine: {
show: false, show: false,
lineStyle: { lineStyle: {
color: "#c9cedd" color: "#c9cedd",
} },
}, },
axisTick: { show: false }, axisTick: { show: false },
nameTextStyle: { nameTextStyle: {
color: "#f2f2f2" color: "#f2f2f2",
} },
}, },
series: [ series: [
{ {
...@@ -1433,31 +1447,30 @@ export default { ...@@ -1433,31 +1447,30 @@ export default {
sampling: "average", sampling: "average",
symbol: "circle", symbol: "circle",
itemStyle: { itemStyle: {
color: "#0a92c4" color: "#0a92c4",
}, },
areaStyle: { areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ {
offset: 0, offset: 0,
color: "#0a92c4" color: "#0a92c4",
}, },
{ {
offset: 1, offset: 1,
color: "#ffe" color: "#ffe",
} },
]) ]),
} },
} },
] ],
}; };
window[this.fwyy] = echarts.init(document.getElementById(this.fwyy)); window[this.fwyy] = echarts.init(document.getElementById(this.fwyy));
window[this.fwyy].setOption(options, true); window[this.fwyy].setOption(options, true);
} },
} },
}; };
</script> </script>
<style> <style>
.online_tool .el-scrollbar__wrap { .online_tool .el-scrollbar__wrap {
overflow-x: hidden; overflow-x: hidden;
...@@ -1696,7 +1709,7 @@ export default { ...@@ -1696,7 +1709,7 @@ export default {
margin: 10px 20px 40px 0px; margin: 10px 20px 40px 0px;
text-align: center; text-align: center;
} }
.myapp_contain .myapp_box:nth-of-type(3n){ .myapp_contain .myapp_box:nth-of-type(3n) {
margin-right: 0; margin-right: 0;
} }
.myapp_box p:nth-of-type(1) { .myapp_box p:nth-of-type(1) {
......
src/store/index.js
View file @ 10a908b0
...@@ -4,7 +4,8 @@ Vue.use(Vuex); ...@@ -4,7 +4,8 @@ Vue.use(Vuex);
const store = new Vuex.Store({ const store = new Vuex.Store({
state: { state: {
role: 2, // 0：普通用户，1：组织管理员，2：超级管理员 role: 0, // 0：普通用户，1：组织管理员，2：超级管理员
userInfo: null, // 用户信息
serviceShopMenu: "/shop/data_service_list", // 服务超市侧边栏 serviceShopMenu: "/shop/data_service_list", // 服务超市侧边栏
fwglNav: [ fwglNav: [
["注册发布的服务", "申请的服务" /* , "云资源服务" */], // 普通用户 ["注册发布的服务", "申请的服务" /* , "云资源服务" */], // 普通用户
...@@ -19,8 +20,26 @@ const store = new Vuex.Store({ ...@@ -19,8 +20,26 @@ const store = new Vuex.Store({
shoppingCart: [], //购物车 shoppingCart: [], //购物车
menuCartState: 0, //购物车操作都要修改这个值，menu监听这个值的变化实时获取购物车列表 menuCartState: 0, //购物车操作都要修改这个值，menu监听这个值的变化实时获取购物车列表
}, },
modules: {}, getters: {
// 1：超管 2：组织管理员 3：普通用户 4：开发者
is_admin: (state) => {
return (state.userInfo && state.userInfo.is_admin) || 3;
},
// 0：普通用户，1：组织管理员，2：超级管理员
level: (state, getters) => {
if (getters.is_admin == 1) {
return 2;
} else if (getters.is_admin == 2) {
return 1;
} else {
return 0;
}
},
},
mutations: { mutations: {
userInfofun(state, newValue) {
state.userInfo = newValue;
},
rolefun(state, newValue) { rolefun(state, newValue) {
state.role = newValue; state.role = newValue;
}, },
...@@ -32,7 +51,7 @@ const store = new Vuex.Store({ ...@@ -32,7 +51,7 @@ const store = new Vuex.Store({
}, },
setMenuCartState(state) { setMenuCartState(state) {
state.menuCartState++; state.menuCartState++;
} },
}, },
}); });
......
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