github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-18 20:45:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

update time range

Browse Source
This commit is contained in:
Fine 2022-08-19 17:46:24 +08:00
parent cce1f08719
commit 66e4055750
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/dashboard/related/network-profiling/Content.vue
View File

@ -48,14 +48,14 @@ const networkProfilingStore = useNetworkProfilingStore();
.item { .item {
width: 100%; width: 100%;
height: calc(100% - 210px); height: calc(100% - 50px);
// background-color: #333840; // background-color: #333840;
position: relative; position: relative;
} }
.schedules { .schedules {
height: 200px; height: 40px;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding-right: 10px; padding: 8px;
} }
</style> </style>

9
src/views/dashboard/related/network-profiling/components/Schedules.vue
View File

@ -13,10 +13,17 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<el-button type="primary" size="small"> <el-button class="mr-10" type="primary" size="small">
{{ t("start") }} {{ t("start") }}
</el-button> </el-button>
<el-popover placement="bottom" :width="600" trigger="click">
<template #reference>
<span>
<el-button size="small"> Set time range </el-button>
</span>
</template>
<div ref="timeRange" class="time-ranges"></div> <div ref="timeRange" class="time-ranges"></div>
</el-popover>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, onMounted, watch } from "vue"; import { ref, onMounted, watch } from "vue";