manager/orion-visor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔨 添加描述字段.

Browse Source
This commit is contained in:
lijiahang
2025-01-17 09:56:30 +08:00
parent a217b95783
commit 56ece9c854
41 changed files with 360 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
orion-visor-ui/src/views/asset/grant/types/table.columns.ts
View File

@@ -46,6 +46,12 @@ export const hostKeyColumns = [
slotName: 'name',
ellipsis: true,
tooltip: true
}, {
title: '描述',
dataIndex: 'description',
slotName: 'description',
ellipsis: true,
tooltip: true,
}, {
title: '创建时间',
dataIndex: 'createTime',
@@ -55,15 +61,6 @@ export const hostKeyColumns = [
render: ({ record }) => {
return dateFormat(new Date(record.createTime));
},
}, {
title: '修改时间',
dataIndex: 'updateTime',
slotName: 'updateTime',
align: 'center',
width: 180,
render: ({ record }) => {
return dateFormat(new Date(record.updateTime));
},
},
] as TableColumnData[];
@@ -98,13 +95,19 @@ export const hostIdentityColumns = [
dataIndex: 'keyId',
slotName: 'keyId',
}, {
title: '修改时间',
dataIndex: 'updateTime',
slotName: 'updateTime',
title: '描述',
dataIndex: 'description',
slotName: 'description',
ellipsis: true,
tooltip: true,
}, {
title: '创建时间',
dataIndex: 'createTime',
slotName: 'createTime',
align: 'center',
width: 180,
render: ({ record }) => {
return dateFormat(new Date(record.updateTime));
return dateFormat(new Date(record.createTime));
},
},
] as TableColumnData[];

26
orion-visor-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
View File

@@ -18,7 +18,7 @@
<!-- 角色授权 -->
<a-button v-permission="['asset:host-identity:grant']"
class="card-header-button"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_ROLE }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_ROLE }})">
角色授权
<template #icon>
<icon-user-group />
@@ -27,7 +27,7 @@
<!-- 用户授权 -->
<a-button v-permission="['asset:host-identity:grant']"
class="card-header-button"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_USER }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_USER }})">
用户授权
<template #icon>
<icon-user />
@@ -52,7 +52,9 @@
</a-form-item>
<!-- 名称 -->
<a-form-item field="name" label="名称">
<a-input v-model="formModel.name" placeholder="请输入名称" allow-clear />
<a-input v-model="formModel.name"
placeholder="请输入名称"
allow-clear />
</a-form-item>
<!-- 类型 -->
<a-form-item field="type" label="类型">
@@ -63,12 +65,20 @@
</a-form-item>
<!-- 用户名 -->
<a-form-item field="username" label="用户名">
<a-input v-model="formModel.username" placeholder="请输入用户名" allow-clear />
<a-input v-model="formModel.username"
placeholder="请输入用户名"
allow-clear />
</a-form-item>
<!-- 密钥 -->
<a-form-item field="keyId" label="密钥">
<host-key-selector v-model="formModel.keyId" allow-clear />
</a-form-item>
<!-- 描述 -->
<a-form-item field="description" label="描述">
<a-input v-model="formModel.description"
placeholder="请输入描述"
allow-clear />
</a-form-item>
</a-form>
</template>
<!-- 标题 -->
@@ -110,6 +120,12 @@
<span>-</span>
</template>
</template>
<!-- 描述 -->
<template #description="{ record }">
<span :title="record.description">
{{ record.description || '-' }}
</span>
</template>
<!-- 拓展操作 -->
<template #extra="{ record }">
<a-space>
@@ -154,6 +170,7 @@
import fieldConfig from '../types/card.fields';
import { deleteHostIdentity, getHostIdentityPage } from '@/api/asset/host-identity';
import { Message, Modal } from '@arco-design/web-vue';
import { useRouter } from 'vue-router';
import usePermission from '@/hooks/permission';
import { useCacheStore, useDictStore } from '@/store';
import { copy } from '@/hooks/copy';
@@ -165,6 +182,7 @@
const list = ref<HostIdentityQueryResponse[]>([]);
const router = useRouter();
const cacheStore = useCacheStore();
const cardColLayout = useCardColLayout();
const pagination = useCardPagination();

17
orion-visor-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
View File

@@ -20,7 +20,9 @@
:rules="formRules">
<!-- 名称 -->
<a-form-item field="name" label="名称">
<a-input v-model="formModel.name" placeholder="请输入名称" />
<a-input v-model="formModel.name"
placeholder="请输入名称"
allow-clear />
</a-form-item>
<!-- 类型 -->
<a-form-item field="type" label="类型">
@@ -31,7 +33,9 @@
</a-form-item>
<!-- 用户名 -->
<a-form-item field="username" label="用户名">
<a-input v-model="formModel.username" placeholder="请输入用户名" />
<a-input v-model="formModel.username"
placeholder="请输入用户名"
allow-clear />
</a-form-item>
<!-- 用户密码 -->
<a-form-item v-if="formModel.type === IdentityType.PASSWORD"
@@ -56,6 +60,12 @@
:hide-asterisk="true">
<host-key-selector v-model="formModel.keyId" />
</a-form-item>
<!-- 描述 -->
<a-form-item field="description" label="描述">
<a-textarea v-model="formModel.description"
placeholder="请输入描述"
allow-clear />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
@@ -97,6 +107,7 @@
password: undefined,
useNewPassword: false,
keyId: undefined,
description: undefined,
};
};
@@ -146,7 +157,7 @@
const handlerOk = async () => {
setLoading(true);
try {
// 验证参数
// 认证参数
const error = await formRef.value.validate();
if (error) {
return false;

31
orion-visor-ui/src/views/asset/host-identity/components/host-identity-table.vue
View File

@@ -15,7 +15,9 @@
</a-form-item>
<!-- 名称 -->
<a-form-item field="name" label="名称">
<a-input v-model="formModel.name" placeholder="请输入名称" allow-clear />
<a-input v-model="formModel.name"
placeholder="请输入名称"
allow-clear />
</a-form-item>
<!-- 类型 -->
<a-form-item field="type" label="类型">
@@ -26,12 +28,20 @@
</a-form-item>
<!-- 用户名 -->
<a-form-item field="username" label="用户名">
<a-input v-model="formModel.username" placeholder="请输入用户名" allow-clear />
<a-input v-model="formModel.username"
placeholder="请输入用户名"
allow-clear />
</a-form-item>
<!-- 主机密钥 -->
<a-form-item field="keyId" label="主机密钥">
<host-key-selector v-model="formModel.keyId" allow-clear />
</a-form-item>
<!-- 描述 -->
<a-form-item field="description" label="描述">
<a-input v-model="formModel.description"
placeholder="请输入描述"
allow-clear />
</a-form-item>
</query-header>
</a-card>
<!-- 表格 -->
@@ -50,7 +60,7 @@
<!-- 角色授权 -->
<a-button type="primary"
v-permission="['asset:host-identity:grant']"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_ROLE }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_ROLE }})">
角色授权
<template #icon>
<icon-user-group />
@@ -59,7 +69,7 @@
<!-- 用户授权 -->
<a-button type="primary"
v-permission="['asset:host-identity:grant']"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_USER }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_IDENTITY_USER }})">
用户授权
<template #icon>
<icon-user />
@@ -186,10 +196,12 @@
import { useTablePagination, useRowSelection } from '@/hooks/table';
import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
import { IdentityType, identityTypeKey } from '../types/const';
import { useRouter } from 'vue-router';
import HostKeySelector from '@/components/asset/host-key/selector/index.vue';
const emits = defineEmits(['openAdd', 'openUpdate', 'openKeyView']);
const router = useRouter();
const cacheStore = useCacheStore();
const pagination = useTablePagination();
const rowSelection = useRowSelection();
@@ -197,24 +209,23 @@
const { loading, setLoading } = useLoading();
const { hasAnyPermission } = usePermission();
const selectedKeys = ref<number[]>([]);
const tableRenderData = ref<HostIdentityQueryResponse[]>([]);
const selectedKeys = ref<Array<number>>([]);
const tableRenderData = ref<Array<HostIdentityQueryResponse>>([]);
const formModel = reactive<HostIdentityQueryRequest>({
id: undefined,
name: undefined,
type: undefined,
username: undefined,
keyId: undefined,
description: undefined,
});
// 删除当前行
const deleteRow = async ({ id }: {
id: number
}) => {
const deleteRow = async (record: HostIdentityQueryResponse) => {
try {
setLoading(true);
// 调用删除接口
await deleteHostIdentity(id);
await deleteHostIdentity(record.id);
Message.success('删除成功');
// 重新加载
reload();

13
orion-visor-ui/src/views/asset/host-identity/types/card.fields.ts
View File

@@ -25,11 +25,16 @@ const fieldConfig = {
slotName: 'keyId',
height: '24px',
}, {
label: '修改时间',
dataIndex: 'updateTime',
slotName: 'updateTime',
label: '描述',
dataIndex: 'description',
slotName: 'description',
ellipsis: true,
}, {
label: '创建时间',
dataIndex: 'createTime',
slotName: 'createTime',
render: ({ record }) => {
return dateFormat(new Date(record.updateTime));
return dateFormat(new Date(record.createTime));
},
}
] as CardField[]

6
orion-visor-ui/src/views/asset/host-identity/types/form.rules.ts
View File

@@ -26,9 +26,15 @@ export const username = [{
message: '用户名长度不能大于128位'
}] as FieldRule[];
export const description = [{
maxLength: 255,
message: '描述长度不能大于255位'
}] as FieldRule[];
export default {
name,
type,
keyId,
username,
description,
} as Record<string, FieldRule | FieldRule[]>;

15
orion-visor-ui/src/views/asset/host-identity/types/table.columns.ts
View File

@@ -29,13 +29,20 @@ const columns = [
dataIndex: 'keyId',
slotName: 'keyId',
}, {
title: '修改时间',
dataIndex: 'updateTime',
slotName: 'updateTime',
title: '描述',
dataIndex: 'description',
slotName: 'description',
minWidth: 128,
ellipsis: true,
tooltip: true,
}, {
title: '创建时间',
dataIndex: 'createTime',
slotName: 'createTime',
align: 'center',
width: 180,
render: ({ record }) => {
return dateFormat(new Date(record.updateTime));
return dateFormat(new Date(record.createTime));
},
}, {
title: '操作',

15
orion-visor-ui/src/views/asset/host-key/components/host-key-card-list.vue
View File

@@ -18,7 +18,7 @@
<!-- 角色授权 -->
<a-button v-permission="['asset:host-key:grant']"
class="card-header-button"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_ROLE }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_ROLE }})">
角色授权
<template #icon>
<icon-user-group />
@@ -27,7 +27,7 @@
<!-- 用户授权 -->
<a-button v-permission="['asset:host-key:grant']"
class="card-header-button"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_USER }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_USER }})">
用户授权
<template #icon>
<icon-user />
@@ -38,6 +38,12 @@
<template #title="{ record }">
{{ record.name }}
</template>
<!-- 描述 -->
<template #description="{ record }">
<span :title="record.description">
{{ record.description || '-' }}
</span>
</template>
<!-- 拓展操作 -->
<template #extra="{ record }">
<a-space>
@@ -85,6 +91,7 @@
import { useCardPagination, useCardColLayout } from '@/hooks/card';
import { reactive, ref, onMounted } from 'vue';
import { useCacheStore } from '@/store';
import { useRouter } from 'vue-router';
import useLoading from '@/hooks/loading';
import { resetObject } from '@/utils';
import fieldConfig from '../types/card.fields';
@@ -94,13 +101,13 @@
const emits = defineEmits(['openAdd', 'openUpdate', 'openView']);
const list = ref<HostKeyQueryResponse[]>([]);
const router = useRouter();
const cacheStore = useCacheStore();
const cardColLayout = useCardColLayout();
const pagination = useCardPagination();
const { loading, setLoading } = useLoading();
const list = ref<HostKeyQueryResponse[]>([]);
const formModel = reactive<HostKeyQueryRequest>({
searchValue: undefined,
});

9
orion-visor-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
View File

@@ -72,6 +72,12 @@
checked-text="使用新密码"
unchecked-text="使用原密码" />
</a-form-item>
<!-- 描述 -->
<a-form-item field="description" label="描述">
<a-textarea v-model="formModel.description"
placeholder="请输入描述"
allow-clear />
</a-form-item>
</a-form>
</a-spin>
</a-drawer>
@@ -109,7 +115,8 @@
publicKey: undefined,
privateKey: undefined,
password: undefined,
useNewPassword: false
description: undefined,
useNewPassword: false,
};
};

21
orion-visor-ui/src/views/asset/host-key/components/host-key-table.vue
View File

@@ -15,7 +15,15 @@
</a-form-item>
<!-- 名称 -->
<a-form-item field="name" label="名称">
<a-input v-model="formModel.name" placeholder="请输入名称" allow-clear />
<a-input v-model="formModel.name"
placeholder="请输入名称"
allow-clear />
</a-form-item>
<!-- 描述 -->
<a-form-item field="description" label="描述">
<a-input v-model="formModel.description"
placeholder="请输入描述"
allow-clear />
</a-form-item>
</query-header>
</a-card>
@@ -35,7 +43,7 @@
<!-- 角色授权 -->
<a-button type="primary"
v-permission="['asset:host-key:grant']"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_ROLE }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_ROLE }})">
角色授权
<template #icon>
<icon-user-group />
@@ -44,7 +52,7 @@
<!-- 用户授权 -->
<a-button type="primary"
v-permission="['asset:host-key:grant']"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_USER }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_KEY_USER }})">
用户授权
<template #icon>
<icon-user />
@@ -136,6 +144,7 @@
import { deleteHostKey, batchDeleteHostKey, getHostKeyPage } from '@/api/asset/host-key';
import { Message } from '@arco-design/web-vue';
import { useCacheStore } from '@/store';
import { useRouter } from 'vue-router';
import useLoading from '@/hooks/loading';
import columns from '../types/table.columns';
import { useTablePagination, useRowSelection } from '@/hooks/table';
@@ -143,18 +152,20 @@
const emits = defineEmits(['openAdd', 'openUpdate', 'openView']);
const router = useRouter();
const cacheStore = useCacheStore();
const pagination = useTablePagination();
const rowSelection = useRowSelection();
const { loading, setLoading } = useLoading();
const selectedKeys = ref<number[]>([]);
const tableRenderData = ref<HostKeyQueryResponse[]>([]);
const selectedKeys = ref<Array<number>>([]);
const tableRenderData = ref<Array<HostKeyQueryResponse>>([]);
const formModel = reactive<HostKeyQueryRequest>({
id: undefined,
name: undefined,
publicKey: undefined,
privateKey: undefined,
description: undefined,
});
// 删除当前行

5
orion-visor-ui/src/views/asset/host-key/types/card.fields.ts
View File

@@ -10,6 +10,11 @@ const fieldConfig = {
label: 'id',
dataIndex: 'id',
slotName: 'id',
}, {
label: '描述',
dataIndex: 'description',
slotName: 'description',
ellipsis: true,
}, {
label: '创建时间',
dataIndex: 'createTime',

6
orion-visor-ui/src/views/asset/host-key/types/form.rules.ts
View File

@@ -13,7 +13,13 @@ export const privateKey = [{
message: '请输入私钥文本'
}] as FieldRule[];
export const description = [{
maxLength: 255,
message: '描述长度不能大于255位'
}] as FieldRule[];
export default {
name,
privateKey,
description,
} as Record<string, FieldRule | FieldRule[]>;

7
orion-visor-ui/src/views/asset/host-key/types/table.columns.ts
View File

@@ -15,6 +15,13 @@ const columns = [
slotName: 'name',
ellipsis: true,
tooltip: true
}, {
title: '描述',
dataIndex: 'description',
slotName: 'description',
minWidth: 128,
ellipsis: true,
tooltip: true,
}, {
title: '创建时间',
dataIndex: 'createTime',

25
orion-visor-ui/src/views/asset/host-list/components/host-card-list.vue
View File

@@ -27,7 +27,7 @@
<!-- 角色授权 -->
<a-button v-permission="['asset:host-group:grant']"
class="card-header-button"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_ROLE }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_ROLE }})">
角色授权
<template #icon>
<icon-user-group />
@@ -36,7 +36,7 @@
<!-- 用户授权 -->
<a-button v-permission="['asset:host-group:grant']"
class="card-header-button"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_USER }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_USER }})">
用户授权
<template #icon>
<icon-user />
@@ -95,11 +95,17 @@
<!-- 主机标签 -->
<a-form-item field="tags" label="主机标签">
<tag-multi-selector v-model="formModel.tags"
:limit="0"
type="HOST"
:tagColor="tagColor"
:limit="0"
:tag-color="tagColor"
placeholder="请选择主机标签" />
</a-form-item>
<!-- 描述 -->
<a-form-item field="description" label="描述">
<a-input v-model="formModel.description"
placeholder="请输入描述"
allow-clear />
</a-form-item>
</a-form>
</template>
<!-- 标题 -->
@@ -117,6 +123,12 @@
<template #code="{ record }">
{{ record.code }}
</template>
<!-- 描述 -->
<template #description="{ record }">
<span :title="record.description">
{{ record.description || '-' }}
</span>
</template>
<!-- 主机类型 -->
<template #type="{ record }">
<a-tag :color="getDictValue(hostTypeKey, record.type, 'color')">
@@ -236,6 +248,7 @@
import { copy } from '@/hooks/copy';
import { useCacheStore, useDictStore } from '@/store';
import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
import { useRouter } from 'vue-router';
import useLoading from '@/hooks/loading';
import fieldConfig from '../types/card.fields';
import { openNewRoute } from '@/router';
@@ -243,6 +256,7 @@
const emits = defineEmits(['openAdd', 'openUpdate', 'openUpdateConfig', 'openHostGroup', 'openCopy']);
const router = useRouter();
const cacheStore = useCacheStore();
const cardColLayout = useCardColLayout();
const pagination = useCardPagination();
@@ -261,7 +275,8 @@
osType: undefined,
status: undefined,
tags: undefined,
queryTag: true
description: undefined,
queryTag: true,
});
// 条件数量

36
orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue
View File

@@ -25,31 +25,40 @@
help="主机创建后, 类型则无法修改">
<a-select v-model="formModel.type"
placeholder="请选择主机类型"
:options="toOptions(hostTypeKey)" />
:options="toOptions(hostTypeKey)"
allow-clear />
</a-form-item>
<!-- 系统类型 -->
<a-form-item field="osType" label="系统类型">
<a-select v-model="formModel.osType"
placeholder="请选择系统类型"
:options="toOptions(hostOsTypeKey)" />
:options="toOptions(hostOsTypeKey)"
allow-clear />
</a-form-item>
<!-- 主机名称 -->
<a-form-item field="name" label="主机名称">
<a-input v-model="formModel.name" placeholder="请输入主机名称" />
<a-input v-model="formModel.name"
placeholder="请输入主机名称"
allow-clear />
</a-form-item>
<!-- 主机编码 -->
<a-form-item field="code" label="主机编码">
<a-input v-model="formModel.code" placeholder="请输入主机编码 (定义主机唯一值)" />
<a-input v-model="formModel.code"
placeholder="请输入主机编码 (定义主机唯一值)"
allow-clear />
</a-form-item>
<!-- 主机地址 -->
<a-form-item field="address" label="主机地址">
<a-input v-model="formModel.address" placeholder="请输入主机地址" />
<a-input v-model="formModel.address"
placeholder="请输入主机地址"
allow-clear />
</a-form-item>
<!-- 主机端口 -->
<a-form-item field="port" label="主机端口">
<a-input-number v-model="formModel.port"
placeholder="请输入主机端口"
hide-button />
hide-button
allow-clear />
</a-form-item>
<!-- 主机分组 -->
<a-form-item field="groupIdList" label="主机分组">
@@ -59,13 +68,19 @@
<!-- 主机标签 -->
<a-form-item field="tags" label="主机标签">
<tag-multi-selector v-model="formModel.tags"
:allowCreate="true"
:limit="5"
type="HOST"
:tagColor="tagColor"
:limit="5"
:tag-color="tagColor"
:allow-create="true"
placeholder="请选择主机标签"
@on-limited="onLimitedTag" />
</a-form-item>
<!-- 主机描述 -->
<a-form-item field="description" label="主机描述">
<a-textarea v-model="formModel.description"
placeholder="请输入主机描述"
allow-clear />
</a-form-item>
</a-form>
</a-spin>
</a-modal>
@@ -109,6 +124,7 @@
port: HostType.SSH.port,
tags: undefined,
groupIdList: undefined,
description: undefined,
};
};
@@ -149,7 +165,7 @@
setLoading(true);
const { data } = await getHost(id);
const detail = Object.assign({} as Record<string, any>,
pick(data, 'id', 'type', 'osType', 'name', 'code', 'address', 'port', 'status', 'groupIdList'));
pick(data, 'id', 'type', 'osType', 'name', 'code', 'address', 'port', 'status', 'groupIdList', 'description'));
// tag
const tags = (data.tags || []).map(s => s.id);
// 渲染

19
orion-visor-ui/src/views/asset/host-list/components/host-table.vue
View File

@@ -50,11 +50,17 @@
<a-form-item field="tags" label="主机标签">
<tag-multi-selector v-model="formModel.tags"
ref="tagSelector"
:limit="0"
type="HOST"
:tagColor="tagColor"
:limit="0"
:tag-color="tagColor"
placeholder="请选择主机标签" />
</a-form-item>
<!-- 主机描述 -->
<a-form-item field="description" label="主机描述">
<a-input v-model="formModel.description"
placeholder="请输入主机描述"
allow-clear />
</a-form-item>
</query-header>
</a-card>
<!-- 表格 -->
@@ -82,7 +88,7 @@
<!-- 角色授权 -->
<a-button type="primary"
v-permission="['asset:host-group:grant']"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_ROLE }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_ROLE }})">
角色授权
<template #icon>
<icon-user-group />
@@ -91,7 +97,7 @@
<!-- 用户授权 -->
<a-button type="primary"
v-permission="['asset:host-group:grant']"
@click="$router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_USER }})">
@click="router.push({ name: GrantRouteName, query: { key: GrantKey.HOST_GROUP_USER }})">
用户授权
<template #icon>
<icon-user />
@@ -272,6 +278,7 @@
import { useCacheStore, useDictStore } from '@/store';
import { copy } from '@/hooks/copy';
import { dataColor } from '@/utils';
import { useRouter } from 'vue-router';
import useLoading from '@/hooks/loading';
import columns from '../types/table.columns';
import { GrantKey, GrantRouteName } from '@/views/asset/grant/types/const';
@@ -280,6 +287,7 @@
const emits = defineEmits(['openCopy', 'openAdd', 'openUpdate', 'openUpdateConfig', 'openHostGroup']);
const router = useRouter();
const cacheStore = useCacheStore();
const pagination = useTablePagination();
const rowSelection = useRowSelection();
@@ -298,7 +306,8 @@
osType: undefined,
status: undefined,
tags: undefined,
queryTag: true
description: undefined,
queryTag: true,
});
// 更新状态

2
orion-visor-ui/src/views/asset/host-list/index.vue
View File

@@ -53,7 +53,7 @@
const renderTable = computed(() => appStore.hostView === 'table');
// 重新加载
// 添加回调
const reload = () => {
if (renderTable.value) {
table.value.reload();

5
orion-visor-ui/src/views/asset/host-list/types/card.fields.ts
View File

@@ -31,6 +31,11 @@ const fieldConfig = {
dataIndex: 'tags',
slotName: 'tags',
rowAlign: 'start',
}, {
label: '主机描述',
dataIndex: 'description',
slotName: 'description',
ellipsis: true,
},
] as CardField[]
} as CardFieldConfig;

6
orion-visor-ui/src/views/asset/host-list/types/form.rules.ts
View File

@@ -49,6 +49,11 @@ export const tags = [{
message: '最多选择5个标签'
}] as FieldRule[];
export const description = [{
maxLength: 255,
message: '主机描述长度不能大于255位'
}] as FieldRule[];
export default {
type,
osType,
@@ -57,4 +62,5 @@ export default {
address,
port,
tags,
description,
} as Record<string, FieldRule | FieldRule[]>;

7
orion-visor-ui/src/views/asset/host-list/types/table.columns.ts
View File

@@ -44,6 +44,13 @@ const columns = [
width: 88,
align: 'center',
fixed: 'right',
}, {
title: '主机描述',
dataIndex: 'description',
slotName: 'description',
minWidth: 128,
ellipsis: true,
tooltip: true,
}, {
title: '操作',
slotName: 'handle',