update Env
This commit is contained in:
parent
7eae087cf4
commit
55bd699475
116
devcloud/web/src/pages/resource/AssetSync.vue
Normal file
116
devcloud/web/src/pages/resource/AssetSync.vue
Normal file
@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<a-space direction="vertical" size="large" fill>
|
||||
<div>
|
||||
<span>OnlyCurrent: </span>
|
||||
<a-switch v-model="rowSelection.onlyCurrent" />
|
||||
</div>
|
||||
<a-table row-key="name" :columns="columns" :data="data" :row-selection="rowSelection"
|
||||
v-model:selectedKeys="selectedKeys" :pagination="pagination" />
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, ref } from 'vue';
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
const selectedKeys = ref(['Jane Doe', 'Alisa Ross']);
|
||||
|
||||
const rowSelection = reactive({
|
||||
type: 'checkbox',
|
||||
showCheckedAll: true,
|
||||
onlyCurrent: false,
|
||||
});
|
||||
const pagination = { pageSize: 5 }
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: 'Name',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: 'Salary',
|
||||
dataIndex: 'salary',
|
||||
},
|
||||
{
|
||||
title: 'Address',
|
||||
dataIndex: 'address',
|
||||
},
|
||||
{
|
||||
title: 'Email',
|
||||
dataIndex: 'email',
|
||||
},
|
||||
]
|
||||
const data = reactive([{
|
||||
key: '1',
|
||||
name: 'Jane Doe',
|
||||
salary: 23000,
|
||||
address: '32 Park Road, London',
|
||||
email: 'jane.doe@example.com'
|
||||
}, {
|
||||
key: '2',
|
||||
name: 'Alisa Ross',
|
||||
salary: 25000,
|
||||
address: '35 Park Road, London',
|
||||
email: 'alisa.ross@example.com'
|
||||
}, {
|
||||
key: '3',
|
||||
name: 'Kevin Sandra',
|
||||
salary: 22000,
|
||||
address: '31 Park Road, London',
|
||||
email: 'kevin.sandra@example.com',
|
||||
disabled: true
|
||||
}, {
|
||||
key: '4',
|
||||
name: 'Ed Hellen',
|
||||
salary: 17000,
|
||||
address: '42 Park Road, London',
|
||||
email: 'ed.hellen@example.com'
|
||||
}, {
|
||||
key: '5',
|
||||
name: 'William Smith',
|
||||
salary: 27000,
|
||||
address: '62 Park Road, London',
|
||||
email: 'william.smith@example.com'
|
||||
}, {
|
||||
key: '6',
|
||||
name: 'Jane Doe 2',
|
||||
salary: 15000,
|
||||
address: '32 Park Road, London',
|
||||
email: 'jane.doe@example.com'
|
||||
}, {
|
||||
key: '7',
|
||||
name: 'Alisa Ross 2',
|
||||
salary: 28000,
|
||||
address: '35 Park Road, London',
|
||||
email: 'alisa.ross@example.com'
|
||||
}, {
|
||||
key: '8',
|
||||
name: 'Kevin Sandra 2',
|
||||
salary: 26000,
|
||||
address: '31 Park Road, London',
|
||||
email: 'kevin.sandra@example.com',
|
||||
}, {
|
||||
key: '9',
|
||||
name: 'Ed Hellen 2',
|
||||
salary: 18000,
|
||||
address: '42 Park Road, London',
|
||||
email: 'ed.hellen@example.com'
|
||||
}, {
|
||||
key: '10',
|
||||
name: 'William Smith 2',
|
||||
salary: 12000,
|
||||
address: '62 Park Road, London',
|
||||
email: 'william.smith@example.com'
|
||||
}]);
|
||||
|
||||
return {
|
||||
rowSelection,
|
||||
columns,
|
||||
data,
|
||||
selectedKeys,
|
||||
pagination
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
116
devcloud/web/src/pages/resource/EnvManage.vue
Normal file
116
devcloud/web/src/pages/resource/EnvManage.vue
Normal file
@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<a-space direction="vertical" size="large" fill>
|
||||
<div>
|
||||
<span>OnlyCurrent: </span>
|
||||
<a-switch v-model="rowSelection.onlyCurrent" />
|
||||
</div>
|
||||
<a-table row-key="name" :columns="columns" :data="data" :row-selection="rowSelection"
|
||||
v-model:selectedKeys="selectedKeys" :pagination="pagination" />
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, ref } from 'vue';
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
const selectedKeys = ref(['Jane Doe', 'Alisa Ross']);
|
||||
|
||||
const rowSelection = reactive({
|
||||
type: 'checkbox',
|
||||
showCheckedAll: true,
|
||||
onlyCurrent: false,
|
||||
});
|
||||
const pagination = { pageSize: 5 }
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: 'Name',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: 'Salary',
|
||||
dataIndex: 'salary',
|
||||
},
|
||||
{
|
||||
title: 'Address',
|
||||
dataIndex: 'address',
|
||||
},
|
||||
{
|
||||
title: 'Email',
|
||||
dataIndex: 'email',
|
||||
},
|
||||
]
|
||||
const data = reactive([{
|
||||
key: '1',
|
||||
name: 'Jane Doe',
|
||||
salary: 23000,
|
||||
address: '32 Park Road, London',
|
||||
email: 'jane.doe@example.com'
|
||||
}, {
|
||||
key: '2',
|
||||
name: 'Alisa Ross',
|
||||
salary: 25000,
|
||||
address: '35 Park Road, London',
|
||||
email: 'alisa.ross@example.com'
|
||||
}, {
|
||||
key: '3',
|
||||
name: 'Kevin Sandra',
|
||||
salary: 22000,
|
||||
address: '31 Park Road, London',
|
||||
email: 'kevin.sandra@example.com',
|
||||
disabled: true
|
||||
}, {
|
||||
key: '4',
|
||||
name: 'Ed Hellen',
|
||||
salary: 17000,
|
||||
address: '42 Park Road, London',
|
||||
email: 'ed.hellen@example.com'
|
||||
}, {
|
||||
key: '5',
|
||||
name: 'William Smith',
|
||||
salary: 27000,
|
||||
address: '62 Park Road, London',
|
||||
email: 'william.smith@example.com'
|
||||
}, {
|
||||
key: '6',
|
||||
name: 'Jane Doe 2',
|
||||
salary: 15000,
|
||||
address: '32 Park Road, London',
|
||||
email: 'jane.doe@example.com'
|
||||
}, {
|
||||
key: '7',
|
||||
name: 'Alisa Ross 2',
|
||||
salary: 28000,
|
||||
address: '35 Park Road, London',
|
||||
email: 'alisa.ross@example.com'
|
||||
}, {
|
||||
key: '8',
|
||||
name: 'Kevin Sandra 2',
|
||||
salary: 26000,
|
||||
address: '31 Park Road, London',
|
||||
email: 'kevin.sandra@example.com',
|
||||
}, {
|
||||
key: '9',
|
||||
name: 'Ed Hellen 2',
|
||||
salary: 18000,
|
||||
address: '42 Park Road, London',
|
||||
email: 'ed.hellen@example.com'
|
||||
}, {
|
||||
key: '10',
|
||||
name: 'William Smith 2',
|
||||
salary: 12000,
|
||||
address: '62 Park Road, London',
|
||||
email: 'william.smith@example.com'
|
||||
}]);
|
||||
|
||||
return {
|
||||
rowSelection,
|
||||
columns,
|
||||
data,
|
||||
selectedKeys,
|
||||
pagination
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
116
devcloud/web/src/pages/resource/K8sCluster.vue
Normal file
116
devcloud/web/src/pages/resource/K8sCluster.vue
Normal file
@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<a-space direction="vertical" size="large" fill>
|
||||
<div>
|
||||
<span>OnlyCurrent: </span>
|
||||
<a-switch v-model="rowSelection.onlyCurrent" />
|
||||
</div>
|
||||
<a-table row-key="name" :columns="columns" :data="data" :row-selection="rowSelection"
|
||||
v-model:selectedKeys="selectedKeys" :pagination="pagination" />
|
||||
</a-space>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, ref } from 'vue';
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
const selectedKeys = ref(['Jane Doe', 'Alisa Ross']);
|
||||
|
||||
const rowSelection = reactive({
|
||||
type: 'checkbox',
|
||||
showCheckedAll: true,
|
||||
onlyCurrent: false,
|
||||
});
|
||||
const pagination = { pageSize: 5 }
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: 'Name',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: 'Salary',
|
||||
dataIndex: 'salary',
|
||||
},
|
||||
{
|
||||
title: 'Address',
|
||||
dataIndex: 'address',
|
||||
},
|
||||
{
|
||||
title: 'Email',
|
||||
dataIndex: 'email',
|
||||
},
|
||||
]
|
||||
const data = reactive([{
|
||||
key: '1',
|
||||
name: 'Jane Doe',
|
||||
salary: 23000,
|
||||
address: '32 Park Road, London',
|
||||
email: 'jane.doe@example.com'
|
||||
}, {
|
||||
key: '2',
|
||||
name: 'Alisa Ross',
|
||||
salary: 25000,
|
||||
address: '35 Park Road, London',
|
||||
email: 'alisa.ross@example.com'
|
||||
}, {
|
||||
key: '3',
|
||||
name: 'Kevin Sandra',
|
||||
salary: 22000,
|
||||
address: '31 Park Road, London',
|
||||
email: 'kevin.sandra@example.com',
|
||||
disabled: true
|
||||
}, {
|
||||
key: '4',
|
||||
name: 'Ed Hellen',
|
||||
salary: 17000,
|
||||
address: '42 Park Road, London',
|
||||
email: 'ed.hellen@example.com'
|
||||
}, {
|
||||
key: '5',
|
||||
name: 'William Smith',
|
||||
salary: 27000,
|
||||
address: '62 Park Road, London',
|
||||
email: 'william.smith@example.com'
|
||||
}, {
|
||||
key: '6',
|
||||
name: 'Jane Doe 2',
|
||||
salary: 15000,
|
||||
address: '32 Park Road, London',
|
||||
email: 'jane.doe@example.com'
|
||||
}, {
|
||||
key: '7',
|
||||
name: 'Alisa Ross 2',
|
||||
salary: 28000,
|
||||
address: '35 Park Road, London',
|
||||
email: 'alisa.ross@example.com'
|
||||
}, {
|
||||
key: '8',
|
||||
name: 'Kevin Sandra 2',
|
||||
salary: 26000,
|
||||
address: '31 Park Road, London',
|
||||
email: 'kevin.sandra@example.com',
|
||||
}, {
|
||||
key: '9',
|
||||
name: 'Ed Hellen 2',
|
||||
salary: 18000,
|
||||
address: '42 Park Road, London',
|
||||
email: 'ed.hellen@example.com'
|
||||
}, {
|
||||
key: '10',
|
||||
name: 'William Smith 2',
|
||||
salary: 12000,
|
||||
address: '62 Park Road, London',
|
||||
email: 'william.smith@example.com'
|
||||
}]);
|
||||
|
||||
return {
|
||||
rowSelection,
|
||||
columns,
|
||||
data,
|
||||
selectedKeys,
|
||||
pagination
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@ -77,6 +77,30 @@ const router = createRouter({
|
||||
title: '资源检索',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'env',
|
||||
name: 'EnvManage',
|
||||
component: () => import('@/pages/resource/EnvManage.vue'),
|
||||
meta: {
|
||||
title: '环境管理',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'asset_sync',
|
||||
name: 'AssetSync',
|
||||
component: () => import('@/pages/resource/AssetSync.vue'),
|
||||
meta: {
|
||||
title: '资产同步',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'k8s_cluster',
|
||||
name: 'K8sCluster',
|
||||
component: () => import('@/pages/resource/K8sCluster.vue'),
|
||||
meta: {
|
||||
title: 'k8s集群',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
// 研发交付
|
||||
|
||||
@ -40,6 +40,16 @@ export default useStorage(
|
||||
icon: 'IconLocation',
|
||||
title: '环境管理',
|
||||
},
|
||||
{
|
||||
key: 'AssetSync',
|
||||
icon: 'IconCloud',
|
||||
title: '资产同步',
|
||||
},
|
||||
{
|
||||
key: 'K8sCluster',
|
||||
icon: 'IconCommon',
|
||||
title: 'k8s集群',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user