feat: complete dynamic config form page
diff --git a/ui-vue3/src/views/traffic/dynamicConfig/index.vue b/ui-vue3/src/views/traffic/dynamicConfig/index.vue
index 31cfe98..8b1ba4a 100644
--- a/ui-vue3/src/views/traffic/dynamicConfig/index.vue
+++ b/ui-vue3/src/views/traffic/dynamicConfig/index.vue
@@ -15,17 +15,19 @@
~ limitations under the License.
-->
<template>
- <div class="__container_resources_application_index">
+ <div class="__container_traffic_config_index">
<search-table :search-domain="searchDomain">
<template #customOperation>
<a-button type="primary">新增动态配置</a-button>
- <a-button type="primary" style="margin-left: 10px">从模版创建</a-button>
</template>
<template #bodyCell="{ text, column, record }">
<template v-if="column.dataIndex === 'ruleName'">
- <a-button type="link" @click="router.replace(`formview/${record[column.key]}`)">{{
- text
- }}</a-button>
+ <span class="config-link" @click="router.replace(`formview/${record[column.key]}`)">
+ <b>
+ <Icon style="margin-bottom: -2px" icon="material-symbols:attach-file-rounded"></Icon>
+ {{ text }}
+ </b>
+ </span>
</template>
<template v-if="column.dataIndex === 'ruleGranularity'">
{{ text ? '服务' : '应用' }}
@@ -34,7 +36,7 @@
{{ text ? '启用' : '禁用' }}
</template>
<template v-if="column.dataIndex === 'operation'">
- <a-button type="link">查看</a-button>
+ <a-button type="link" @click="router.replace(`formview/${record[column.key]}`)">查看</a-button>
<a-button type="link">修改</a-button>
<a-popconfirm
title="确认删除该动态配置？"
@@ -57,7 +59,10 @@
import { SearchDomain, sortString } from '@/utils/SearchUtil'
import { PROVIDE_INJECT_KEY } from '@/base/enums/ProvideInject'
import router from '@/router'
+import { PRIMARY_COLOR } from '@/base/constants'
+import { Icon } from '@iconify/vue'
+let __null = PRIMARY_COLOR
let columns = [
{
title: 'ruleName',
@@ -122,8 +127,16 @@
provide(PROVIDE_INJECT_KEY.SEARCH_DOMAIN, searchDomain)
</script>
<style lang="less" scoped>
-.search-table-container {
+.__container_traffic_config_index {
min-height: 60vh;
- //max-height: 70vh; //overflow: auto;
+ .config-link {
+ padding: 4px 10px 4px 4px;
+ border-radius: 4px;
+ color: v-bind('PRIMARY_COLOR');
+ &:hover {
+ cursor: pointer;
+ background: rgba(133, 131, 131, 0.13);
+ }
+ }
}
</style>
