Skip to content

Commit

Permalink
Merge pull request #422 from huangpeng0428/apigw-v3-dev
Browse files Browse the repository at this point in the history
  • Loading branch information
@wklken
wklken authored Dec 27, 2023
2 parents e306005 + f6f0091 commit a338483
Show file tree
Hide file tree
Showing 47 changed files with 857 additions and 273 deletions.
3 changes: 3 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,6 @@ build.yml
.envrc
src/dashboard/apigateway/apigateway/editions/te
src/dashboard-front-new/.bk.local.env


pre-*-bkcodeai
73 changes: 40 additions & 33 deletions src/dashboard-front-new/src/app.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,8 @@ const headerList = ref([
]);
const systemCls = ref('mac');
const apigwId = computed(() => {
if (route.params.id !== undefined) {
return route.params.id;
Expand All @@ -93,7 +95,6 @@ watch(
() => route.fullPath,
() => {
const { meta } = route;
let index = 0;
for (let i = 0; i < headerList.value.length; i++) {
const item = headerList.value[i];
Expand All @@ -103,6 +104,10 @@ watch(
}
}
activeIndex.value = index;
const platform = window.navigator.platform.toLowerCase();
if (platform.indexOf('win') === 0) {
systemCls.value = 'win';
}
},
);
Expand Down Expand Up @@ -145,41 +150,43 @@ const goPage = (routeName: string) => {
</script>

<template>
<bk-navigation
class="navigation-content"
navigation-type="top-bottom"
:need-menu="false"
:default-open="true"
>
<template #side-icon>
<!-- v-if="localLanguage === 'en'" -->
<img src="@/images/APIgataway-c.png" class="api-logo">
<div id="app" :class="[systemCls]">
<bk-navigation
class="navigation-content"
navigation-type="top-bottom"
:need-menu="false"
:default-open="true"
>
<template #side-icon>
<!-- v-if="localLanguage === 'en'" -->
<img src="@/images/APIgataway-c.png" class="api-logo">
<!-- <img v-else src="@/images/APIgataway-c.png" class="api-logo"> -->
</template>
<div class="content">
<router-view v-if="userLoading"></router-view>
</div>
<template #header>
<div
class="header"
>
<div class="header-nav">
<div
v-for="(item, index) in headerList"
:key="item.id"
class="header-nav-item"
:class="{ 'item-active': index === activeIndex }"
>
<span
v-if="!isExternalLink(item.url)"
@click="handleToPage(item.url, index, item.link)">{{item.name}}</span>
<a :href="item.url" target="_blank" v-else>{{item.name}}</a>
</template>
<div class="content">
<router-view v-if="userLoading"></router-view>
</div>
<template #header>
<div
class="header"
>
<div class="header-nav">
<div
v-for="(item, index) in headerList"
:key="item.id"
class="header-nav-item"
:class="{ 'item-active': index === activeIndex }"
>
<span
v-if="!isExternalLink(item.url)"
@click="handleToPage(item.url, index, item.link)">{{item.name}}</span>
<a :href="item.url" target="_blank" v-else>{{item.name}}</a>
</div>
</div>
<user-info v-if="userLoading" />
</div>
<user-info v-if="userLoading" />
</div>
</template>
</bk-navigation>
</template>
</bk-navigation>
</div>
</template>

<style>
Expand Down
110 changes: 110 additions & 0 deletions src/dashboard-front-new/src/assets/iconfont/demo.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,10 @@ <h2 class="page-title">
<span class="icon apigateway-icon icon-ag-cc-history"></span>
<p class="icon-text">cc-history</p>
</li>
<li class="icon-item" title="todolist">
<span class="icon apigateway-icon icon-ag-todolist"></span>
<p class="icon-text">todolist</p>
</li>
<li class="icon-item" title="monitor-fill">
<span class="icon apigateway-icon icon-ag-monitor-fill"></span>
<p class="icon-text">monitor-fill</p>
Expand All @@ -349,6 +353,14 @@ <h2 class="page-title">
<span class="icon apigateway-icon icon-ag-lock-fill1"></span>
<p class="icon-text">lock-fill1</p>
</li>
<li class="icon-item" title="pa-arrow-left">
<span class="icon apigateway-icon icon-ag-pa-arrow-left"></span>
<p class="icon-text">pa-arrow-left</p>
</li>
<li class="icon-item" title="ps-arrow-right">
<span class="icon apigateway-icon icon-ag-ps-arrow-right"></span>
<p class="icon-text">ps-arrow-right</p>
</li>
<li class="icon-item" title="copy">
<span class="icon apigateway-icon icon-ag-copy"></span>
<p class="icon-text">copy</p>
Expand Down Expand Up @@ -425,6 +437,10 @@ <h2 class="page-title">
<span class="icon apigateway-icon icon-ag-version"></span>
<p class="icon-text">version</p>
</li>
<li class="icon-item" title="resource">
<span class="icon apigateway-icon icon-ag-resource"></span>
<p class="icon-text">resource</p>
</li>
<li class="icon-item" title="miniapi">
<span class="icon apigateway-icon icon-ag-miniapi"></span>
<p class="icon-text">miniapi</p>
Expand All @@ -441,6 +457,10 @@ <h2 class="page-title">
<span class="icon apigateway-icon icon-ag-edit-line"></span>
<p class="icon-text">edit-line</p>
</li>
<li class="icon-item" title="history">
<span class="icon apigateway-icon icon-ag-history"></span>
<p class="icon-text">history</p>
</li>
<li class="icon-item" title="zonghe">
<span class="icon apigateway-icon icon-ag-zonghe"></span>
<p class="icon-text">zonghe</p>
Expand All @@ -465,6 +485,30 @@ <h2 class="page-title">
<span class="icon apigateway-icon icon-ag-sort"></span>
<p class="icon-text">sort</p>
</li>
<li class="icon-item" title="zaixiandiaoshi">
<span class="icon apigateway-icon icon-ag-zaixiandiaoshi"></span>
<p class="icon-text">zaixiandiaoshi</p>
</li>
<li class="icon-item" title="huanjingguanli">
<span class="icon apigateway-icon icon-ag-huanjingguanli"></span>
<p class="icon-text">huanjingguanli</p>
</li>
<li class="icon-item" title="keguancexing">
<span class="icon apigateway-icon icon-ag-keguancexing"></span>
<p class="icon-text">keguancexing</p>
</li>
<li class="icon-item" title="quanxianguanli">
<span class="icon apigateway-icon icon-ag-quanxianguanli"></span>
<p class="icon-text">quanxianguanli</p>
</li>
<li class="icon-item" title="fuwuguanli">
<span class="icon apigateway-icon icon-ag-fuwuguanli"></span>
<p class="icon-text">fuwuguanli</p>
</li>
<li class="icon-item" title="ziyuanguanli">
<span class="icon apigateway-icon icon-ag-ziyuanguanli"></span>
<p class="icon-text">ziyuanguanli</p>
</li>
</ul>
<h3 class="describe-title">为什么使用</h3>
<ul class="use-describe">
Expand Down Expand Up @@ -806,6 +850,12 @@ <h3 class="describe-title">如何使用</h3>
</svg>
<p class="icon-text">cc-history</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-todolist"></use>
</svg>
<p class="icon-text">todolist</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-monitor-fill"></use>
Expand All @@ -830,6 +880,18 @@ <h3 class="describe-title">如何使用</h3>
</svg>
<p class="icon-text">lock-fill1</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-pa-arrow-left"></use>
</svg>
<p class="icon-text">pa-arrow-left</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-ps-arrow-right"></use>
</svg>
<p class="icon-text">ps-arrow-right</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-copy"></use>
Expand Down Expand Up @@ -944,6 +1006,12 @@ <h3 class="describe-title">如何使用</h3>
</svg>
<p class="icon-text">version</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-resource"></use>
</svg>
<p class="icon-text">resource</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-miniapi"></use>
Expand All @@ -968,6 +1036,12 @@ <h3 class="describe-title">如何使用</h3>
</svg>
<p class="icon-text">edit-line</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-history"></use>
</svg>
<p class="icon-text">history</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-zonghe"></use>
Expand Down Expand Up @@ -1004,6 +1078,42 @@ <h3 class="describe-title">如何使用</h3>
</svg>
<p class="icon-text">sort</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-zaixiandiaoshi"></use>
</svg>
<p class="icon-text">zaixiandiaoshi</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-huanjingguanli"></use>
</svg>
<p class="icon-text">huanjingguanli</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-keguancexing"></use>
</svg>
<p class="icon-text">keguancexing</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-quanxianguanli"></use>
</svg>
<p class="icon-text">quanxianguanli</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-fuwuguanli"></use>
</svg>
<p class="icon-text">fuwuguanli</p>
</li>
<li class="colorful-icon">
<svg class="icon svg-icon">
<use xlink:href="#icon-ag-ziyuanguanli"></use>
</svg>
<p class="icon-text">ziyuanguanli</p>
</li>
</ul>
<h3 class="describe-title">为什么使用</h3>
<ul class="use-describe">
Expand Down
Binary file modified src/dashboard-front-new/src/assets/iconfont/fonts/iconcool.eot
View file
Binary file not shown.
Loading

0 comments on commit a338483

Please sign in to comment.